/*! Theme Name: Business Trade Theme URI: https://www.thememiles.com/themes/business-trade/ Author: thememiles Author URI: http://www.thememiles.com Description: Business Trade is a business multi-Purpose WordPress theme for all kinds of business consulting services, such as business consulting, medical services, marketing consulting, advertising consulting, financial advisors, construction, insurance brokers, investment consultants, accountant services, HR consulting and many more.This theme is built based on custom widgets, so you can drag drop any section easily.Business Trade is a fully responsive fast and easy customizable trendy business and corporate WordPress theme. Business Trade provides you with so many awesome features,It comes with top-notch features like Featured Slider, Custom Widget, Header Media, Custom Menu, Site Layout Options, and more, also provide 24/7 professional and quick Support. Business Trade theme is built having in mind the actual needs of different consulting firms and freelance consultants and their clients.It’s Best Theme Seo Friendly Theme, Work with the most popular page builders as Elementor, Gutenberg ,Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin,translation ready and major WordPress plugins compatible.Like never before, We provides multiple pre-built demos which can be imported in seconds using ThemeMiles-toolset Plugin.It’s fully supported RTL languages with almost no difference to LTR where you can use Web Log Theme to impress your readers with this amazing minimal RTL blog if your language is written from Right to left, we used the Arabic language as an example.Check demo at https://demo.thememiles.com/business-trade/ and theme details at https://www.thememiles.com/themes/business-trade/ and get free support forum at https://www.thememiles.com/supports/ Version: 1.0.2 License: GNU General Public License v2 or later License URI: LICENSE Tested up to: 5.4 Requires PHP: 5.2 Text Domain: business-trade Tags: blog,custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Business Trade is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } a:focus { outline: thin dotted!important; } ul li a:focus ~ ul { display: block; visibility: visible; opacity: 1; left: auto; animation: fadeinUp .3s; } ul li:focus-within > ul { display: block; opacity: 1; visibility: visible; left: auto; animation: fadeinUp .3s; } .main-menu-area nav>ul>li:focus-within ul.sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .header-address li a{ color:#222222; } .header-address li:focus-within a,.header-address li:hover a{ color:#cb011b, } li.cart-area:focus-within .widget.woocommerce.widget_shopping_cart { opacity: 1; visibility: visible; } a.accordion-toggle:focus{ color:#fff; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; margin-top: 0.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; margin-top: 0.5em; } .aligncenter,.alignnone { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /**************** CommentSection *********************/ .comment-list, .comment-list .children { list-style: none; } .comment-list { margin: 0; padding: 0; } .comment { margin: 40px 0 0; position: relative; } .comment-list li { padding-bottom: 0.4em; } .comment-body { padding-bottom: 20px; border-bottom: 1px solid rgba(136, 136, 136, 0.11); } .comment-author { position: relative; } .comment-author, .comment-metadata { padding-left: 80px; } .comment-author .avatar { vertical-align: middle; position: absolute; left: 0; border-radius: 8px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14), 0 4px 20px rgba(0, 0, 0, 0.18); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14), 0 4px 20px rgba(0, 0, 0, 0.18); -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s; will-change: all; } .comment-author a { text-decoration: none; color: inherit; font-size: 1em; } .comment-author .says { display: none; } .comment-metadata { margin-top: 0; font-size: 0.8333333333em; color: #888; margin-left: 50px; } .comment-author b.fn { margin-left: 50px; text-transform: capitalize; } .comment-metadata > a { text-decoration: none; color: inherit; } .comment-content { margin-top: 1em; padding-left: 124px; } .comment .reply { position: absolute; top: 0; right: 0; } .comment .reply a { font-size: 12px; font-weight: bold; text-decoration: none; color: inherit; } .comment-list, .comment-list .children { list-style: none; margin-bottom: 0; } .comment-respond { margin: 30px 0; } .comment-reply-title { font-size: 18px !important; margin-bottom: 10px; font-weight: bold; } .comment-respond .comment-notes, .comment-respond label { font-size: 13px; font-weight: 400; } .comment-form > p { margin-bottom: 1.2em; } .comment-respond .comment-notes, .comment-respond label { font-size: 13px; } .comment-form-author label, .comment-form-email label, .comment-form-url label { display: block; margin-bottom: 6px; } label { vertical-align: middle; } .comment-form-comment label { display: none; } #commentform input#submit { border-radius: 30px; } .call-to-action p{color:#FFF;} /* em.comment-awaiting-moderation{ display: none; } */ /************* Cart-Hover ******************/ li.cart-area { position: relative; } li.cart-area:hover .widget.woocommerce.widget_shopping_cart{ opacity: 1; visibility: visible; } .widget.woocommerce.widget_shopping_cart { opacity: 0; visibility: hidden; margin-top: 10px; transition: all 0.3s ease; position: absolute; z-index: 99999; top: 100%; width: 400px; padding: 20px; background-color: #444; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; text-align: left; right: 0; } .widget.woocommerce.widget_shopping_cart p{ margin:0; } .widget.woocommerce.widget_shopping_cart:before { content: ""; position: absolute; width: 16px; height: 16px; top: -8px; right: 15px; background-color: #444; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .banner-one-area .banner-content h2{ margin-bottom: 1rem; } .banner-one-area { text-align: center; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- ## 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%; } .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; } /* ===================== Main css ===================== */ /* ===================== CSS INDEX ===================== [01] Theme Default CSS [02] Top bar css [03] Stick Menu css [04] Header css [05] Main menu css [06] Main Slider css [07] Waste time quote css [08] Home service css [09] Home About css [10] Featured Service slider css [11] Weekly financial report css [12] Banner area css [13] Expert advisor css [14] Our expert services css [15] Our Expert people css [16] Asked question css [17] Testimonial css [18] Our Latest news css [19] Request call css [20] Our Partners css [21] Footer css [22] Scroll Up Css [23] Left Tab css [24] People choose service css [25] Counter css [26] Financial Analysis css [27] Our Case Studies css [28] Our Portfolio css [29] Design own site css [30] Inner banner title css [31] About page css [32] Service page css [33] Sidebar css [34] Case studies css [35] Team css [36] News css [37] Contact css [38] Faqs css [39] 404 Error css [40] Shop Category css [41] Shop Details css [42] Cart chekout css [43] Price Table css [44] Responsive css ---------------------------------------------*/ /*============================================= = [01] Theme Default CSS = =============================================*/ html, body { height: 100%; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 1.5; font-weight: 400; vertical-align: baseline; background: #ffffff; color: #444444; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; color: #222222; margin-top: 0; margin-bottom: 20px; line-height: 1.4; } h1 { font-size: 48px; } h2 { font-size: 30px; } h3 { font-size: 22px; } h4 { font-size: 18px; } p { line-height: 1.6; margin: 0 0 20px 0; } a { text-decoration: none; } a:active, a:hover, a:focus { text-decoration: none; } a:active, a:hover, a:focus { outline: 0 none; } img { max-width: 100%; height: auto; } ul { list-style: outside none none; margin: 0; padding: 0; } .fi-clear:after { clear: both; content: ""; display: block; } .row.no-gutter > [class^="col-"], .row.no-gutter > [class*=" col-"] { padding-right: 0; padding-left: 0; } #wrapper { overflow: hidden; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .detail-item ul, .news-details-layout ul { list-style: disc; margin: 30px; padding: 0; } .bg-primary { background: #cb011b; } .bg-accent { background: #f5f5f5; } .bg-primaryText { background: #222222; } .bg-textPrimary { background: #ffffff; } .overlay-default { position: relative; z-index: 1; } .overlay-default:after { background: rgba(0, 0, 0, 0.8); position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; } .overlay-dark { position: relative; z-index: 1; } .page .item-image { margin-bottom: 30px; } .page-title.overlay-dark{padding: 80px 0;} .overlay-dark:after { background: rgba(3, 23, 34, 0.32); position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; } .ghost-btn { background: transparent; border: 2px solid #cb011b; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #222222; display: inline-block; font-weight: 600; padding: 14px 30px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .ghost-btn:hover { background: #cb011b; color: #ffffff; } .btn-default { background: transparent; border: 2px solid #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #ffffff; font-size: 16px; font-weight: 600; margin-top: 8px; padding: 16px 30px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-default:hover { background: #ffffff; color: #cb011b; } .btn-default i { font-size: 18px; padding-left: 12px; } .btn-default-black { background: #222222; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 600; margin-top: 10px; padding: 12px 20px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-default-black:hover { background: #cb011b; color: #ffffff; } .btn-default-black i { font-size: 14px; padding-left: 10px; } .btn-default-big { background: #cb011b; border: 2px solid #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 600; margin-top: 8px; padding: 16px 30px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .btn-default-big:hover { background: #a51c2d; color: #ffffff; } .btn-default-big i { font-size: 16px; padding-left: 12px; } .arrow-left-right.owl-theme .owl-controls .owl-nav { position: inherit; } .arrow-left-right.owl-theme .owl-controls .owl-nav > div { position: absolute; bottom: 50%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-prev { left: -50px; } .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-next { right: -50px; } .owl-theme .owl-controls .owl-nav { position: absolute; top: -104px; right: -5px; margin-top: 0px; } .owl-theme .owl-controls .owl-nav > div { background: transparent; border: 1px solid #cb011b; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 12px; line-height: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .owl-theme .owl-controls .owl-nav > div i { color: #cb011b; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .owl-theme .owl-controls .owl-nav > div:hover { background: #cb011b; border: 1px solid #cb011b; } .owl-theme .owl-controls .owl-nav > div:hover i { color: #ffffff; } .owl-theme .owl-controls .owl-dots { margin-top: 20px; } .owl-theme .owl-controls .owl-dots .owl-dot span { height: 14px; width: 14px; } .owl-theme .owl-controls .owl-dots .owl-dot.active span, .owl-theme .owl-controls .owl-dots .owl-dot:hover span { background: #cb011b; } .section-title { margin-bottom: 50px; } .section-title h2 { position: relative; padding-bottom: 15px; } .section-title h2:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 60px; } .section-title p { font-weight: 600; margin: 0 auto; width: 55%; } .section-title-center { text-align: center; } .section-title-center h2 { font-size: 36px; margin-bottom: 30px; } .section-title-center h2:after { right: 0; } .title-bar { position: relative; padding-bottom: 15px; margin-bottom: 30px; } .title-bar:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .pagination li a, .pagination li span, span.page-numbers,a.page-numbers { background: #f5f5f5; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #222222; font-weight: 600; font-size: 18px; margin-right: 2px; padding: 8px 18px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pagination li a:hover,a.page-numbers:hover { background: #222222; color: #ffffff; } .pagination li.active span, span.current { background: #222222; color: #ffffff; } .pagination li.active span:hover { background: #222222; } .pagination li:first-child span { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .pagination li:last-child a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-right: 0; } blockquote { background: #f5f5f5; border: none; color: #8f8e8e; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 18px; font-style: italic; margin: 30px 0; padding: 40px; } blockquote:before { font-family: 'FontAwesome'; content: "\f10d"; color: #cb011b; font-size: 30px; padding-right: 25px; } .google-map .google-map-area iframe{width: 100%;} /*===== End of Theme Default CSS ======*/ /*========================================= = [02] Top bar css = ==========================================*/ .header-top-bar { background: #222222; padding: 8px 0; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .header-top-bar .top-address ul li { display: inline-block; color: #d9d9d9; font-size: 14px; margin-right: 25px; } .header-top-bar .top-address ul li i { color: #cb011b; font-size: 18px; padding-right: 10px; } .header-top-bar .top-address ul li:last-child { margin-right: 0; } .header-top-bar .top-social-link ul { text-align: right; } .header-top-bar .top-social-link ul li { display: inline-block; color: #d9d9d9; padding-left: 10px; } .header-top-bar .top-social-link ul li:last-child { padding-left: 0; } .header-top-bar .top-social-link ul li a { color: #d9d9d9; } .header-top-bar .top-social-link ul li a:hover { color: #cb011b; } /*======= End of Top bar css ========*/ /*====================================== = [03] Stick Menu css = ======================================*/ .header-fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 9999; } .stick { position: fixed; z-index: 999999; width: 100%; top: 0; left: 0; border-bottom: 2px solid #cb011b; } .menu-two-style.stick { border-bottom: none; } .menu-two-style.stick .container .menu-full { position: inherit; top: 0; } .menu-two-style.stick:before { background: #cb011b; position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 50%; } .menu-two-style.stick:after { background: #222222; position: absolute; content: ""; right: 0; top: 0; height: 100%; width: 50%; } .header-three-style .header-area.stick { background: rgba(255, 255, 255, 0.95); } .header-five-style .header-area.stick { background: rgba(3, 23, 34, 0.9); } .mean-container .mean-bar { background: transparent; position: fixed; top: 0; padding: 0; float: none; } .mean-container .mean-bar a.logo-mobile-menu { background-color: rgba(255, 255, 255, 0.95); box-sizing: border-box; width: 100%; } .mean-container .mean-bar a { display: inline-block; padding: 14px 15px; } .mean-container .mean-bar .mean-nav { background: transparent; } .mean-container .mean-bar .mean-nav > ul { overflow-y: scroll; } .mean-container .mean-bar a.meanmenu-reveal { position: absolute; top: 3px; } .menu-four-style .main-menu-area nav > ul > li.current-menu-item a { color: #cb011b; } /*===== End of Stick Menu css ======*/ /*====================================== = [04] Header css = =======================================*/ .header-area { background: #ffffff; } .nav-top-right { text-align: right; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .nav-top-right > li { cursor: pointer; position: relative; margin-right: 10px; display: inline-block; line-height: 87px; } .nav-top-right > li i { font-weight: 500; font-size: 18px; color: #222222; } .header-search .search-input { position: absolute; top: 53px; right: 0px; z-index: 10; height: 40px; width: 400px; background: #f5f5f5; border: 1px solid #d7d7d7; padding: 5px 15px 8px; color: #444444; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; display: none; } .header-search a i { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header-search a:hover i { color: #cb011b; } .header-search input.search-input:focus { outline-width: 0; outline: none; } .cart-area { position: relative; } .cart-area > a { color: #d7d7d7; font-size: 24px; } .cart-area > a > span { background: #cb011b; border-radius: 45px; color: #ffffff; height: 20px; padding: 0 6px; position: absolute; top: 30px; width: 23px; font-size: 12px; right: -20px; line-height: 20px; } .cart-area > ul { padding: 15px 15px 0 15px; text-align: left; background-color: #ffffff; visibility: hidden; position: absolute; right: 0; opacity: 0; top: 90px; -webkit-box-shadow: 0px 15px 8px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 15px 8px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 15px 8px 5px rgba(0, 0, 0, 0.15); width: 418px; z-index: 9999; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .cart-area > ul > li { border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; padding-bottom: 10px; line-height: initial; } .cart-area > ul > li .media { position: relative; } .cart-area > ul > li .media .cart-product-img { padding-right: 15px; } .cart-area > ul > li .media .cart-product-img a { display: inline-block; } .cart-area > ul > li .media .cart-product-img a img { width: 80px; min-height: 80px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .cart-area > ul > li .media .cart-content ul li { margin-right: 25px; display: inline-block; } .cart-area > ul > li .media .cart-content ul li h1 { text-transform: capitalize; font-size: 16px; margin-bottom: 5px; font-weight: 500; } .cart-area > ul > li .media .cart-content ul li h1 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-area > ul > li .media .cart-content ul li h1 a:hover { color: #cb011b; } .cart-area > ul > li .media .cart-content ul li h2 { font-size: 12px; color: #cb011b; } .cart-area > ul > li .media .cart-content ul li h2 span { color: #222222; } .cart-area > ul > li .media .cart-content ul li a i { font-size: 16px; color: #222222; } .cart-area > ul > li .media .cart-content ul li a i:hover { color: #cb011b; } .cart-area > ul > li .media .cart-content ul li .trash { font-size: 16px; color: #222222; } .cart-area > ul > li .media .cart-content ul li .trash:hover { color: #cb011b; } .cart-area > ul > li .media .cart-content ul li:first-child { width: 140px; } .cart-area > ul > li .media .cart-content ul li:last-child { margin-right: 0; } .cart-area > ul > li:last-child { border-bottom: none; } .cart-area > ul > li .checkout-btn-area { margin: 20px 0 10px; text-align: center; } .cart-area > ul > li .checkout-btn-area li { display: inline; } .cart-area > ul > li .checkout-btn-area li a { background: #cb011b; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 8px 15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-area > ul > li .checkout-btn-area li a:hover { background: #a51c2d; } .cart-area > ul > li > span { display: inline-block; border-top: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; font-size: 12px; text-align: center; line-height: 24px; width: 50%; } .cart-area > ul > li > span span { border-left: 1px solid #d7d7d7; font-weight: 600; width: 100%; display: inline-block; } .cart-area:hover > ul { opacity: 1; visibility: visible; } .header-address { margin-top: 30px; } .header-address li { display: inline-block; font-size: 18px; font-weight: 600; color: #222222; padding: 0 10px; } .header-address li span { display: block; color: #444444; font-size: 14px; font-weight: 400; padding-left: 27px; } .header-address li i { color: #cb011b; padding-right: 10px; width: 25px; } .header-one-style { position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 9999; } .header-two-style .logo-area { height: 110px; } .header-two-style .nav-top-right > li { height: 110px; } .header-two-style .header-area { margin-bottom: 30px; } .header-three-style .container-fluid { padding-left: 70px; padding-right: 70px; } .header-three-style .header-area { background: rgba(255, 255, 255, 0.5); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); } .header-four-style .logo-area { height: 110px; } .header-four-style .nav-top-right > li { height: 110px; } .header-five-style .header-area { background: transparent; box-shadow: none; } .header-six-style .container-fluid { padding-left: 70px; padding-right: 70px; } .header-six-style .main-menu-area nav { text-align: center; } /*======= End of Header css ========*/ /*===================================== = [05] Main menu css = ======================================*/ .logo-area { height: 90px; display: table; } .logo-area a { display: table-cell; vertical-align: middle; } .main-menu-area nav { font-family: 'Roboto', sans-serif; text-align: right; } .main-menu-area nav > ul > li { display: inline-block; position: relative; text-align: left; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .main-menu-area nav > ul > li > a { color: #222222; display: inline-block; font-size: 15px; font-weight: 500; padding: 0 14px; line-height: 90px; text-transform: uppercase; } .main-menu-area nav > ul > li:hover ul.sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .main-menu-area nav > ul > li ul.sub-menu { background: #cb011b; box-shadow: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; opacity: 0; margin: 0; min-width: 240px; padding: 0; top: 100%; position: absolute; visibility: hidden; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; z-index: 9999; } .main-menu-area nav > ul > li ul.sub-menu li { display: block; border-bottom: 1px solid #a51c2d; position: relative; } .main-menu-area nav > ul > li ul.sub-menu li a { display: block; color: #ffffff; font-weight: 400; padding: 12px 15px; text-transform: capitalize; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-menu-area nav > ul > li ul.sub-menu li a:hover, .main-menu-area nav > ul > li ul.sub-menu li a:focus { background: #a51c2d; padding-left: 18px; } .main-menu-area nav > ul > li ul.sub-menu li:last-child { border-bottom: none; } .main-menu-area nav > ul li.menu-justify { position: static; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega { opacity: 0; position: absolute; left: 0; right: 0; margin: 0; z-index: 9999; visibility: hidden; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner { background: #cb011b; padding: 20px; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner h3 { font-size: 20px; color: #ffffff; margin-bottom: 5px; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li { border-bottom: 1px solid #a51c2d; display: block; position: relative; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li a { display: block; color: #ffffff; font-weight: 400; padding: 10px 0px; text-transform: capitalize; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li a:hover { background: #a51c2d; padding-left: 8px; } .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li:last-child { border-bottom: none; } .main-menu-area nav > ul li.menu-justify:hover .rt-dropdown-mega { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .mobile-menu-area { display: none; } .menu-two-style .container { position: relative; } .menu-two-style .container > .menu-full { background: #cb011b; position: absolute; left: 0; right: 0; top: -35px; margin: 0 15px; z-index: 999; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .menu-two-style .container > .menu-full .col-xs-12 { padding: 0; } .menu-two-style .container > .menu-full > div { padding: 0; } .menu-two-style .main-menu-area nav { text-align: left; } .menu-two-style .main-menu-area nav > ul > li > a { color: #ffffff; line-height: 70px; padding: 0 18px; } .menu-two-style .main-menu-area nav > ul > li .rt-dropdown-mega { left: -15px; } .menu-two-style .get-quote { height: 0; border-style: solid; border-width: 0 0 70px 70px; border-color: transparent transparent #222222 transparent; line-height: 70px; position: absolute; left: 0; right: 0; text-align: center; } .menu-two-style .get-quote a { color: #ffffff; font-weight: 700; font-size: 16px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .menu-two-style .get-quote a:hover { color: #cb011b; } .menu-four-style { background: #222222; } .menu-four-style .main-menu-area nav { text-align: left; } .menu-four-style .main-menu-area nav > ul > li > a { color: #ffffff; line-height: 70px; padding: 0 20px; } .menu-four-style .get-quote { background: #cb011b; text-align: center; line-height: 70px; } .menu-four-style .get-quote a { color: #ffffff; font-weight: 700; font-size: 16px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header-one-style .main-menu-area nav > ul > li .rt-dropdown-mega, .header-five-style .main-menu-area nav > ul > li .rt-dropdown-mega { left: -38%; } .header-five-style .main-menu-area nav ul li a { color: #ffffff; } .header-five-style .nav-top-right > li i { color: #ffffff; } .header-search i.fa.fa-search { color: #222222; } h1.site-title, p.site-title{font-size: 30px;margin: 11px 0px 0px 0px;font-weight: 800;} /*====== End of Main menu css =======*/ /*======================================= = [06] Main Slider css = ========================================*/ .slider-overlay .nivoSlider .nivo-caption { color: #444444; padding: 0; opacity: 1; } .slider-overlay .nivoSlider .nivo-caption:after { background: rgba(0, 0, 0, 0.6); content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .slider-overlay-dark .nivoSlider .nivo-caption { color: #444444; padding: 0; opacity: 1; } .slider-overlay-dark .nivoSlider .nivo-caption:after { background: rgba(3, 23, 34, 0.6); content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .slider-area .nivoSlider .nivo-caption { color: #444444; padding: 0; opacity: 1; } .slider-area .nivoSlider .slider-content { position: relative; z-index: 99; } .slider-area .nivoSlider .slider-content .large-title { color: #222222; font-size: 48px; margin-bottom: 20px; font-weight: 500; text-align: left; line-height: 1.4; font-family: 'Roboto', sans-serif; } .slider-area .nivoSlider .slider-content p { font-size: 16px; text-align: left; padding: 0; width: 50%; } .slider-area .nivoSlider .slider-content .slider-btn-area { display: block; margin-top: 40px; text-align: left; } .slider-area .nivoSlider .slider-content .slider-btn-area .btn-fill-round { display: inline-block; background: #cb011b; color: #ffffff; font-weight: 600; font-size: 16px; text-transform: uppercase; padding: 14px 20px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slider-area .nivoSlider .slider-content .slider-btn-area .btn-fill-round:hover { background: #a51c2d; } .slider-area .nivoSlider .slider-content .slider-btn-area .btn-fill-round i { padding-left: 15px; } .slider-area .nivoSlider .nivo-directionNav a.nivo-prevNav { left: -15%; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .slider-area .nivoSlider .nivo-directionNav a.nivo-prevNav:before { background: #ffffff; color: #222222; display: block; font-family: 'FontAwesome'; content: "\f104"; font-size: 24px; height: 50px; width: 40px; line-height: 50px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slider-area .nivoSlider .nivo-directionNav a.nivo-prevNav:hover:before { background: #cb011b; color: #ffffff; } .slider-area .nivoSlider .nivo-directionNav a.nivo-nextNav { right: -15%; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .slider-area .nivoSlider .nivo-directionNav a.nivo-nextNav:before { background: #ffffff; color: #222222; display: block; font-family: 'FontAwesome'; content: "\f105"; font-size: 24px; height: 50px; width: 40px; line-height: 50px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .slider-area .nivoSlider .nivo-directionNav a.nivo-nextNav:hover:before { background: #cb011b; color: #ffffff; } .slider-area .nivo-controlNav { padding: 0; } .slider-area:hover .nivoSlider .nivo-directionNav a.nivo-prevNav { left: 2%; } .slider-area:hover .nivoSlider .nivo-directionNav a.nivo-nextNav { right: 2%; } .slider-content-center .nivoSlider .slider-content .large-title { color: #ffffff; font-size: 48px; font-weight: 500; text-align: center; margin-bottom: 20px; line-height: 1.4; font-family: 'Roboto', sans-serif; } .slider-content-center .nivoSlider .slider-content .large-upper-title { color: #ffffff; font-size: 48px; font-weight: 500; text-align: center; text-transform: uppercase; margin-bottom: 20px; line-height: 1.4; font-family: 'Roboto', sans-serif; } .slider-content-center .nivoSlider .slider-content p { color: #ffffff; margin: 0 auto; text-align: center; } .slider-content-center .nivoSlider .slider-content .slider-btn-area { text-align: center; } /*======== End of Main Slider css =========*/ /*============================================ = [07] Waste time quote css = =============================================*/ .waste-time-area { background: #cb011b; padding: 50px 0; } .waste-time-area .waste-time-content { color: #ffffff; } .waste-time-area .waste-time-content h3 { color: #ffffff; font-size: 30px; margin-bottom: 5px; } .waste-time-area .waste-time-content p { margin-bottom: 0; } .waste-time-area .waste-time-button { text-align: right; } .waste-time-area .waste-time-button .btn-default { display: inline-block; margin-top: 6px; } /*===== End of Waste time quote css ======*/ /*=========================================== = [08] Home service css = ============================================*/ .item-author .position{ text-transform: capitalize; } .service-one-area { padding: 120px 0 90px 0; } .single-service-one .single-service { margin-bottom: 30px; text-align: center; } .single-service-one .single-service .service-image { margin-bottom: 20px; position: relative; overflow: hidden; } .single-service-one .single-service .service-image img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-service-one .single-service .service-content { margin-top: 25px; } .single-service-one .single-service .service-content h3 { margin-bottom: 20px; } .single-service-one .single-service .service-content h3 a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .single-service-one .single-service .service-content p { margin-bottom: 0; text-align: justify; } .single-service-one .single-service:hover .service-image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .single-service-one .single-service:hover .service-content h3 a { color: #cb011b; } .service-two-area { padding: 110px 0 70px; } .service-two-area .single-service { margin-bottom: 30px; } .service-two-area .single-service .item-icon { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; color: #cb011b; padding-right: 20px; } .service-two-area .single-service .item-icon i:before { font-size: 48px; line-height: 1; margin-left: 0; } .service-two-area .single-service .item-content h3 { margin-bottom: 15px; line-height: 1; } .service-two-area .single-service .item-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-two-area .single-service:hover h3 a { color: #cb011b; } .service-three-area .single-item .single-service { background: #f5f5f5; box-shadow: -2px 0px 0px -1px #d8d8d8; padding: 90px 90px 75px; position: relative; overflow: hidden; z-index: 1; } .service-three-area .single-item .single-service:after { background: #cb011b; position: absolute; content: ""; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; z-index: -1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-three-area .single-item .single-service .item-icon { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; color: #cb011b; margin-bottom: 30px; } .service-three-area .single-item .single-service .item-icon i { padding-right: 20px; } .service-three-area .single-item .single-service .item-icon i:before { font-size: 48px; line-height: 1; margin-left: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-three-area .single-item .single-service .item-icon h3 { margin-bottom: 0px; } .service-three-area .single-item .single-service .item-icon h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-three-area .single-item .single-service .service-content { display: inline; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .service-three-area .single-item .single-service:hover:after { opacity: 1; } .service-three-area .single-item .single-service:hover .item-icon { color: #ffffff; } .service-three-area .single-item .single-service:hover .item-icon h3 a { color: #ffffff; } .service-three-area .single-item .single-service:hover .service-content { color: #ffffff; } .service-four-area { padding: 110px 0 120px 0; } .service-four-area .single-feature-item { position: relative; overflow: hidden; } .service-four-area .single-feature-item .feature-content { background: rgba(203, 1, 27, 0.8); color: #ffffff; position: absolute; left: 0; bottom: -100px; padding: 7px 25px 15px; -moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .service-four-area .single-feature-item .feature-content h3 { margin-bottom: 0; padding: 10px 0; } .service-four-area .single-feature-item .feature-content h3 a { color: #ffffff; } .service-four-area .single-feature-item .feature-content a.btn-flat { color: #ffffff; font-weight: 600; text-transform: uppercase; } .service-four-area .single-feature-item .feature-content a.btn-flat i { padding-left: 10px; } .service-four-area .single-feature-item .feature-content a.feature-icon i { display: block; color: #ffffff; font-size: 18px; } .service-four-area .single-feature-item .feature-content a.feature-icon .fa-chevron-circle-down { opacity: 0; position: absolute; right: 15px; top: 25px; } .service-four-area .single-feature-item .feature-content a.feature-icon .fa-chevron-circle-up { position: absolute; right: 15px; top: 25px; } .service-four-area .single-feature-item:hover .feature-content { bottom: 0px; padding-bottom: 30px; padding-top: 20px; } .service-four-area .single-feature-item:hover .feature-content a.feature-icon .fa-chevron-circle-down { opacity: 1; } .service-four-area .single-feature-item:hover .feature-content a.feature-icon .fa-chevron-circle-up { opacity: 0; } .service-five-area { padding: 110px 0 90px; } .service-five-area .section-title-center { margin-bottom: 70px; } .service-five-area .section-title-center h2 { font-size: 30px; } .service-five-area .single-service-item .single-service { margin-bottom: 30px; text-align: center; } .service-five-area .single-service-item .single-service .service-icon { background: #f5f5f5; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; color: #cb011b; position: relative; overflow: hidden; line-height: 130px; width: 130px; height: 130px; z-index: 1; } .service-five-area .single-service-item .single-service .service-icon i { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-five-area .single-service-item .single-service .service-icon i:before { font-size: 48px; margin-left: 0; } .service-five-area .single-service-item .single-service .service-icon:after { background: rgba(203, 1, 27, 0.8); position: absolute; content: ""; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; -moz-transform: scale(1) translateY(150px); -webkit-transform: scale(1) translateY(150px); -o-transform: scale(1) translateY(150px); -ms-transform: scale(1) translateY(150px); transform: scale(1) translateY(150px); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: -1; } .service-five-area .single-service-item .single-service .service-content { margin-top: 25px; } .service-five-area .single-service-item .single-service .service-content h3 { margin-bottom: 20px; } .service-five-area .single-service-item .single-service .service-content h3 a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-five-area .single-service-item .single-service .service-content p { margin-bottom: 0; } .service-five-area .single-service-item .single-service:hover .service-icon:after { -moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; } .service-five-area .single-service-item .single-service:hover .service-icon i { color: #ffffff; } .service-five-area .single-service-item .single-service:hover .service-content h3 a { color: #cb011b; } .service-six-area { padding: 110px 0 90px; } .service-six-area .single-service-item .single-service { margin-bottom: 30px; text-align: center; } .service-six-area .single-service-item .single-service .service-icon { display: inline-block; color: #d6d6d6; font-size: 40px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-six-area .single-service-item .single-service .service-icon i:before { font-size: 48px; line-height: 1; margin-left: 0; } .service-six-area .single-service-item .single-service .service-content { margin-top: 25px; } .service-six-area .single-service-item .single-service .service-content h3 { margin-bottom: 20px; } .service-six-area .single-service-item .single-service .service-content h3 a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-six-area .single-service-item .single-service .service-content p { margin-bottom: 0; } .service-six-area .single-service-item .single-service .service-content a.ghost-btn { margin-top: 30px; padding: 12px 25px; } .service-six-area .single-service-item .single-service:hover .service-icon { color: #222222; } .service-six-area .single-service-item .single-service:hover .service-content h3 a { color: #cb011b; } /*===== End of Home service css ======*/ /*======================================== = [09] Home About css = =========================================*/ .about-one-area { background-position: center; background-attachment: scroll; background-size: cover; padding-top: 110px; background-color: #f7efef; } .about-one-area .about-content-center .about-content { padding-top: 90px; } .about-one-area .about-content-center .about-content h2 { position: relative; padding-bottom: 15px; } .about-one-area .about-content-center .about-content h2:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; height: 5px; width: 60px; } .about-one-area .about-content-center .about-content span { display: block; font-size: 20px; font-style: italic; line-height: 28px; margin: 30px 0; } .about-one-area .about-content-center .about-content h3 { color: #cb011b; margin-bottom: 5px; } .about-one-area .about-content-center .about-content h4 { font-weight: 400; margin-bottom: 0; } /*============ End of Home About css ============*/ /*=================================================== = [10] Featured Service slider css = ===================================================*/ .service-slider-one-area { padding: 110px 0 120px 0; } .service-slider-one-area .single-feature-slide { position: relative; overflow: hidden; } .service-slider-one-area .single-feature-slide .feature-slide-content { background: rgba(203, 1, 27, 0.8); color: #ffffff; position: absolute; left: 0; right: 0; bottom: auto; top:100%; padding: 7px 25px 1px; -moz-transform: translateY(-60px); -webkit-transform: translateY(-60px); -o-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .service-slider-one-area .single-feature-slide .feature-slide-content h3 { margin-bottom: 0; padding: 10px 0; } .service-slider-one-area .single-feature-slide .feature-slide-content h3 a { color: #ffffff; } .service-slider-one-area .single-feature-slide .feature-slide-content a.btn-flat { color: #ffffff; font-weight: 600; text-transform: uppercase; } .service-slider-one-area .single-feature-slide .feature-slide-content a.btn-flat i { padding-left: 10px; } .service-slider-one-area .single-feature-slide .feature-slide-content a.feature-icon i { display: block; color: #ffffff; font-size: 18px; } .service-slider-one-area .single-feature-slide .feature-slide-content a.feature-icon .fa-chevron-circle-down { opacity: 0; position: absolute; right: 15px; top: 25px; } .service-slider-one-area .single-feature-slide .feature-slide-content a.feature-icon .fa-chevron-circle-up { position: absolute; right: 15px; top: 25px; } .service-slider-one-area .single-feature-slide:hover .feature-slide-content { -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding-bottom: 30px; padding-top: 20px; } .service-slider-one-area .single-feature-slide:hover .feature-slide-content a.feature-icon .fa-chevron-circle-down { opacity: 1; } .service-slider-one-area .single-feature-slide:hover .feature-slide-content a.feature-icon .fa-chevron-circle-up { opacity: 0; } .service-slider-two-area { padding: 110px 0 120px; } .service-slider-two-area .single-feature-slide { background: #ffffff; margin: 15px; } .service-slider-two-area .single-feature-slide .feature-slide-img { position: relative; overflow: hidden; } .service-slider-two-area .single-feature-slide .feature-slide-img img { -webkit-transform: translate3d(-50px, 0px, 0px); /* Safari */ transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: -moz-calc(130%); /* Firefox 4+ */ width: calc(130%); /* IE9+ and future browsers */ max-height: 260px; } .service-slider-two-area .single-feature-slide .feature-slide-content { padding: 25px 30px 30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-slider-two-area .single-feature-slide .feature-slide-content h3 { margin-bottom: 10px; } .service-slider-two-area .single-feature-slide .feature-slide-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-slider-two-area .single-feature-slide .feature-slide-content p { margin-bottom: 0; } .service-slider-two-area .single-feature-slide:hover .feature-slide-img img { -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ transform: translate3d(0px, 0px, 0px); opacity: 0.7; } .service-slider-two-area .single-feature-slide:hover .feature-slide-content { box-shadow: 0 2px 4px #a1a1a1; } .service-slider-two-area .single-feature-slide:hover .feature-slide-content h3 a { color: #cb011b; } .service-slider-three-area { padding: 110px 0 120px; } .service-slider-three-area .single-feature-slide { background: #f5f5f5; margin: 15px; } .service-slider-three-area .single-feature-slide .feature-slide-img { position: relative; overflow: hidden; } .service-slider-three-area .single-feature-slide .feature-slide-img:after { background: rgba(3, 23, 34, 0.9); color: #ffffff; position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; -moz-transform: scale(1) translateY(400px); -webkit-transform: scale(1) translateY(400px); -o-transform: scale(1) translateY(400px); -ms-transform: scale(1) translateY(400px); transform: scale(1) translateY(400px); -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .service-slider-three-area .single-feature-slide .feature-slide-img img { -webkit-transform: translate3d(-50px, 0px, 0px); /* Safari */ transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: -moz-calc(130%); /* Firefox 4+ */ width: calc(130%); /* IE9+ and future browsers */ max-height: 260px; } .service-slider-three-area .single-feature-slide .feature-slide-content { padding: 25px 30px 30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-slider-three-area .single-feature-slide .feature-slide-content h3 { margin-bottom: 10px; } .service-slider-three-area .single-feature-slide .feature-slide-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-slider-three-area .single-feature-slide .feature-slide-content p { margin-bottom: 0; } .service-slider-three-area .single-feature-slide:hover .feature-slide-img:after { opacity: 1; -moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } .service-slider-three-area .single-feature-slide:hover .feature-slide-img img { -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ transform: translate3d(0px, 0px, 0px); opacity: 0.9; } .service-slider-three-area .single-feature-slide:hover .feature-slide-content { box-shadow: 0 2px 4px #a1a1a1; } .service-slider-three-area .single-feature-slide:hover .feature-slide-content h3 a { color: #cb011b; } .service-slider-five-area { padding: 110px 0 120px; } .service-slider-five-area .single-feature-slide .feature-slide-img { position: relative; overflow: hidden; } .service-slider-five-area .single-feature-slide .feature-slide-img img { -webkit-transform: translate3d(-50px, 0px, 0px); /* Safari */ transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: -moz-calc(130%); /* Firefox 4+ */ width: calc(130%); /* IE9+ and future browsers */ max-height: 260px; } .service-slider-five-area .single-feature-slide .feature-slide-content { padding: 25px 0px 0px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-slider-five-area .single-feature-slide .feature-slide-content h3 { margin-bottom: 10px; } .service-slider-five-area .single-feature-slide .feature-slide-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-slider-five-area .single-feature-slide .feature-slide-content p { margin-bottom: 0; } .service-slider-five-area .single-feature-slide:hover .feature-slide-img img { -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ transform: translate3d(0px, 0px, 0px); opacity: 0.9; } .service-slider-five-area .single-feature-slide:hover .feature-slide-content h3 a { color: #cb011b; } .service-slider-six-area { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 110px 0 120px; } .service-slider-six-area .section-title-center h2 { color: #ffffff; } .service-slider-six-area .section-title-center p { color: #ffffff; width: 40%; } .service-slider-six-area .single-feature-slide { position: relative; } .service-slider-six-area .single-feature-slide .feature-item { position: relative; overflow: hidden; margin: 0 2px; } .service-slider-six-area .single-feature-slide .feature-item img { -webkit-transform: translate3d(-50px, 0px, 0px); /* Safari */ transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: -moz-calc(114%); /* Firefox 4+ */ width: calc(114%); /* IE9+ and future browsers */ } .service-slider-six-area .single-feature-slide .feature-item:after { background: rgba(3, 23, 34, 0.5); color: #ffffff; position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; opacity: 1; z-index: 1; -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; } .service-slider-six-area .single-feature-slide h3 { background: #f5f5f5; display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; margin-bottom: 0px; padding: 12px 0; text-align: center; z-index: 9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-slider-six-area .single-feature-slide h3 a { display: block; color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-slider-six-area .single-feature-slide:hover .feature-item img { -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ transform: translate3d(0px, 0px, 0px); opacity: 0.9; } .service-slider-six-area .single-feature-slide:hover .feature-item:after { opacity: 0; } .service-slider-six-area .single-feature-slide:hover h3 { background: #cb011b; } .service-slider-six-area .single-feature-slide:hover h3 a { color: #ffffff; } .footer-bottom-area .tagcloud a.tag-cloud-link { font-size: 16px !important; } /*===== End of Featured Service slider css ======*/ /*=================================================== = [11] Weekly financial report css = ===================================================*/ .weekly-financial-report { padding: 110px 0 100px 0; } .financial-report-one .financial-report h2 { position: relative; padding-bottom: 15px; } .financial-report-one .financial-report h2:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; height: 5px; width: 60px; } .financial-report-one .financial-report span { color: #cb011b; font-size: 18px; font-weight: 600; } /*===== End of Weekly financial report css ======*/ /*=================================================== = [12] Banner area css = ====================================================*/ .banner-one-area { background-position: center; background-attachment: scroll; background-size: cover; padding: 90px 0; position: relative; z-index: 1; } .banner-one-area:after { background: rgba(3,23,34,.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .banner-one-area .banner-content h2 { color: #ffffff; font-size: 36px; margin-bottom: 0; text-align: center; } .banner-one-area .banner-content h2 span { display: block; font-size: 46px; } .banner-one-area a.btn-default-black{background: #cb011b;} /*======= End of Banner area css ========*/ /*========================================== = [13] Expert advisor css = ==========================================*/ .expert-advisor-slider-area { padding: 110px 0px 120px; } .expert-advisor-slider-area .single-expert .item-image { position: relative; overflow: hidden; } .expert-advisor-slider-area .single-expert .item-image img { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .expert-advisor-slider-area .single-expert .item-content { margin-top: 25px; text-align: center; } .expert-advisor-slider-area .single-expert .item-content h3 { margin-bottom: 5px; } .expert-advisor-slider-area .single-expert .item-content h3 a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .expert-advisor-slider-area .single-expert .item-content h3 a:hover { color: #cb011b; } .expert-advisor-slider-area .single-expert .item-content .position { color: #cb011b; } .expert-advisor-slider-area .single-expert .item-content ul.social-icons { margin-top: 25px; list-style: none; } .expert-advisor-slider-area .single-expert .item-content ul.social-icons li { display: inline-block; } .expert-advisor-slider-area .single-expert .item-content ul.social-icons li a { border: 1px solid #d7d7d7; color: #cb011b; display: block; line-height: 38px; height: 40px; width: 40px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .expert-advisor-slider-area .single-expert .item-content ul.social-icons li a:hover { background: #cb011b; border: 1px solid #cb011b; color: #ffffff; } .expert-advisor-slider-area .single-expert:hover .item-image img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .our-expert-slider-area { padding: 110px 0px 120px; } .latest-news-one-area.bg-accent .item-image{margin-bottom: 0px !important} .our-expert-slider-area .single-expert { background: #f5f5f5; padding: 50px 15px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-expert-slider-area .single-expert .item-image { position: relative; text-align: center; } .our-expert-slider-area .single-expert .item-image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 150px; height: 150px; display: inline-block; } .our-expert-slider-area .single-expert .item-content { margin-top: 25px; text-align: center; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-slider-area .single-expert .item-content h3 { margin-bottom: 5px; } .our-expert-slider-area .single-expert .item-content h3 a { color: #222222; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-slider-area .single-expert .item-content .position { color: #cb011b; display: block; margin-bottom: 20px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-slider-area .single-expert .item-content p { text-align: justify; margin-bottom: 0; } .our-expert-slider-area .single-expert:hover { background: #cb011b; } .our-expert-slider-area .single-expert:hover .item-content { color: #ffffff; } .our-expert-slider-area .single-expert:hover .position { color: #ffffff !important; } .our-expert-slider-area .single-expert:hover h3 a { color: #ffffff; } .our-expert-member-slider-area { padding: 110px 0px 120px; } .our-expert-member-slider-area .single-expert .item-content { margin-top: 25px; text-align: left; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-member-slider-area .single-expert .item-content h3 { margin-bottom: 5px; } .our-expert-member-slider-area .single-expert .item-content h3 a { color: #222222; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-member-slider-area .single-expert .item-content h3 a:hover { color: #cb011b; } .our-expert-member-slider-area .single-expert .item-content .position { color: #868686; display: block; font-size: 16px; } /*======== End of Expert advisor css =========*/ /*=============================================== = [14] Our expert services css = ===============================================*/ .our-expert-advisor { padding: 110px 0px 120px; } .our-expert-advisor .single-expert { background: #cb011b; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; margin-right: 50px; } .our-expert-advisor .single-expert .item-image { position: relative; overflow: hidden; } .our-expert-advisor .single-expert .item-image:after { background: rgba(3, 23, 35, 0.8); position: absolute; content: ""; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .our-expert-advisor .single-expert .item-image img { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-expert-advisor .single-expert .item-image:hover:after { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; } .our-expert-advisor .single-expert .item-image:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .our-expert-advisor .single-expert .item-content { -webkit-box-flex: 2; -moz-flex: 2; -webkit-flex: 2; flex: 2; text-align: left; color: #ffffff; margin: 0 70px; } .our-expert-advisor .single-expert .item-content h3 { color: #ffffff; font-size: 30px; margin-bottom: 5px; } .our-expert-advisor .single-expert .item-content .position { display: block; position: relative; margin-bottom: 25px; padding-bottom: 20px; } .our-expert-advisor .single-expert .item-content .position:after { background: #ffffff; position: absolute; content: ""; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .our-expert-advisor .single-expert .item-content ul.social-icons { margin-top: 25px; list-style: none; } .our-expert-advisor .single-expert .item-content ul.social-icons li { display: inline-block; padding-right: 30px; } .our-expert-advisor .single-expert .item-content ul.social-icons li a { color: #ffffff; display: block; font-size: 16px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-expert-advisor .single-expert .item-content ul.social-icons li:last-child { padding-right: 0; } .our-expert-advisor .single-expert:after { position: absolute; content: ""; right: 0px; bottom: 10px; width: 0; height: 0; border-style: solid; border-width: 420px 0 0 50px; border-color: transparent transparent transparent #e2e4ed; } /*===== End of Our expert services css ======*/ /*============================================== = [15] Our Expert people css = ===============================================*/ .expert-people-area, .team-layout-2 { padding: 110px 0 90px; } .expert-people-area .single-item, .team-layout-2 .single-item { display: inline-block; margin-bottom: 30px; } .expert-people-area .single-item .item-image, .team-layout-2 .single-item .item-image { height: auto; max-width: 200px; position: relative; overflow: hidden; } .expert-people-area .single-item .item-image .plus-icon, .team-layout-2 .single-item .item-image .plus-icon { color: #ffffff; font-size: 20px; position: absolute; left: 0; right: 0; top: 50%; opacity: 0; margin: auto; text-align: center; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .expert-people-area .single-item .item-image .plus-icon a, .team-layout-2 .single-item .item-image .plus-icon a { color: #ffffff; } .expert-people-area .single-item .item-image .plus-icon a:hover, .team-layout-2 .single-item .item-image .plus-icon a:hover { color: #cb011b; } .expert-people-area .single-item .item-image:after, .team-layout-2 .single-item .item-image:after { background: rgba(3, 23, 35, 0.8); position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; text-align: center; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .expert-people-area .single-item .item-content, .team-layout-2 .single-item .item-content { padding-left: 30px; } .expert-people-area .single-item .item-content h3, .team-layout-2 .single-item .item-content h3 { margin-bottom: 5px; } .expert-people-area .single-item .item-content h3 a, .team-layout-2 .single-item .item-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .expert-people-area .single-item .item-content span.position, .team-layout-2 .single-item .item-content span.position { display: block; font-weight: 500; margin-bottom: 20px; } .expert-people-area .single-item .item-content ul.social-icon, .team-layout-2 .single-item .item-content ul.social-icon { padding-top: 15px; } .expert-people-area .single-item .item-content ul.social-icon li, .team-layout-2 .single-item .item-content ul.social-icon li { display: inline-block; margin-right: 5px; } .expert-people-area .single-item .item-content ul.social-icon li a, .team-layout-2 .single-item .item-content ul.social-icon li a { color: #cb011b; display: block; border: 1px solid #d7d7d7; text-align: center; line-height: 38px; height: 40px; width: 40px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .expert-people-area .single-item .item-content ul.social-icon li a:hover, .team-layout-2 .single-item .item-content ul.social-icon li a:hover { background: #cb011b; border: 1px solid #cb011b; color: #ffffff; } .expert-people-area .single-item:hover .item-image .plus-icon, .team-layout-2 .single-item:hover .item-image .plus-icon { opacity: 1; } .expert-people-area .single-item:hover .item-image:after, .team-layout-2 .single-item:hover .item-image:after { opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .expert-people-area .single-item:hover .item-content h3 a, .team-layout-2 .single-item:hover .item-content h3 a { color: #cb011b; } /*===== End of Our Expert people css ======*/ /*============================================ = [16] Asked question css = =============================================*/ .asked-question-one-area { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; background: #cb011b; } .asked-question-one-area .asked-image { background-position: center; background-size: cover; background-repeat: no-repeat; width: 50%; overflow: hidden; } .asked-question-one-area .asked-question { width: 50%; overflow: hidden; } .asked-question-one-area .asked-accordion { padding: 30px 0 30px 60px; } .asked-question-one-area .asked-accordion h2 { color: #ffffff; position: relative; margin-bottom: 30px; padding-bottom: 15px; } .asked-question-one-area .asked-accordion h2:after { background: #ffffff; position: absolute; content: ""; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .asked-question-one-area .asked-accordion .asked-descrip { color: #ffffff; margin-bottom: 30px; } .asked-question-one-area .asked-accordion .panel-default { background: transparent; border: none; box-shadow: none; margin-top: 15px; } .asked-question-one-area .asked-accordion .panel-default .panel-heading { border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 14px 20px; } .asked-question-one-area .asked-accordion .panel-default .panel-heading .panel-title { font-size: 18px; } .asked-question-one-area .asked-accordion .panel-default .panel-heading .panel-title .accordion-toggle:after { font-family: 'FontAwesome'; content: "\f107"; float: right; font-size: 20px; } .asked-question-one-area .asked-accordion .panel-default .panel-heading.active .panel-title { color: #cb011b; } .asked-question-one-area .asked-accordion .panel-default .panel-heading.active .panel-title .accordion-toggle:after { font-family: 'FontAwesome'; content: "\f106"; float: right; font-size: 20px; } .asked-question-one-area .asked-accordion .panel-default .panel-collapse .panel-body { border: none; color: #ffffff; padding: 20px; } .asked-question-two-area .row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .asked-question-two-area .asked-image { padding-top: 90px; } .asked-question-two-area .asked-accordion { margin-bottom: 0; } .asked-question-two-area .asked-accordion h2 { position: relative; margin-bottom: 40px; padding-bottom: 15px; } .asked-question-two-area .asked-accordion h2:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .asked-question-two-area .asked-accordion .asked-descrip { margin-bottom: 30px; } .asked-question-two-area .asked-accordion .panel-default { background: transparent; border: none; box-shadow: none; margin-top: 15px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading { background: #222222; border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 12px 20px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading .panel-title { color: #ffffff; font-size: 18px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading .panel-title a:hover { color: #ffffff !important; } .asked-question-two-area .asked-accordion .panel-default .panel-heading .panel-title .accordion-toggle:after { font-family: 'FontAwesome'; content: "\f107"; float: right; font-size: 20px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading.active { background: #cb011b; } .asked-question-two-area .asked-accordion .panel-default .panel-heading.active .panel-title .accordion-toggle:after { font-family: 'FontAwesome'; content: "\f106"; float: right; font-size: 20px; } .asked-question-two-area .asked-accordion .panel-default .panel-collapse .panel-body { border: none; padding: 20px; } /*===== End of Asked question css ======*/ /*========================================= = [17] Testimonial css = ==========================================*/ .testimonial-one-area { padding: 110px 0; } .testimonial-one-area .single-testimonial .testimo-content i { color: #d8d8d8; font-size: 30px; margin-bottom: 12px; } .testimonial-one-area .single-testimonial .testimo-info { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .testimonial-one-area .single-testimonial .testimo-info .testimo-img { padding-right: 20px; } .testimonial-one-area .single-testimonial .testimo-info .testimo-title h3 { color: #cb011b; font-size: 20px; margin-bottom: 5px; } .testimonial-two-area { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 110px 0; } .testimonial-two-area .single-testimonial { margin: 0 auto; text-align: center; width: 60%; } .testimonial-two-area .single-testimonial .testimo-content { color: #e8e9e9; margin-top: 25px; } .testimonial-two-area .single-testimonial .testimo-info .testimo-img img { border: 4px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; width: inherit; width: 80px; height: 80px; } .testimonial-two-area .single-testimonial .testimo-info ul.rating { margin-top: 30px; } .testimonial-two-area .single-testimonial .testimo-info ul.rating li { color: #ffc000; display: inline-block; font-size: 18px; } .testimonial-two-area .single-testimonial .testimo-info .testimo-title { margin-top: 12px; } .testimonial-two-area .single-testimonial .testimo-info .testimo-title h3 { color: #ffffff; font-size: 18px; margin-bottom: 0px; } .testimonial-two-area .single-testimonial .testimo-info .testimo-title h3 .position { color: #b3b8bd; } .testimonial-two-area .arrow-left-right .owl-controls .owl-nav > div { border: 1px solid #ffffff; } .testimonial-two-area .arrow-left-right .owl-controls .owl-nav > div i { color: #ffffff; } .testimonial-two-area .arrow-left-right .owl-controls .owl-nav > div:hover { border: 1px solid #cb011b; } /*======== End of Testimonial css =========*/ /*============================================ = [18] Our Latest news css = =============================================*/ .latest-news-one-area { padding: 110px 0 105px; } .latest-news-one-area .single-news { background: #ffffff; margin: 15px; } .latest-news-one-area .single-new { background: #ffffff; margin: 15px; } .latest-news-one-area .single-news .item-image { position: relative; overflow: hidden; margin-bottom: 0px; } .latest-news-one-area .single-new .item-image { position: relative; overflow: hidden; } .latest-news-one-area .single-news .item-image span.date { background: #cb011b; color: #ffffff; font-size: 16px; font-weight: 600; padding: 6px 15px; position: absolute; left: 20px; bottom: 0; } .latest-news-one-area .single-new .item-image span.date { background: #cb011b; color: #ffffff; font-size: 16px; font-weight: 600; padding: 6px 15px; position: absolute; left: 20px; bottom: 0; } .latest-news-one-area .single-news .item-image img { -webkit-transform: translate3d(-50px, 0px, 0px); /* Safari */ transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: -moz-calc(114%); /* Firefox 4+ */ width: calc(114%); /* IE9+ and future browsers */ } .latest-news-one-area .single-new .item-image img { -webkit-transform: translate3d(-50px, 0px, 0px); /* Safari */ transform: translate3d(-50px, 0px, 0px); -webkit-transition: all 0.42s ease-out; -moz-transition: all 0.42s ease-out; -ms-transition: all 0.42s ease-out; -o-transition: all 0.42s ease-out; transition: all 0.42s ease-out; max-width: none; width: -moz-calc(114%); /* Firefox 4+ */ width: calc(114%); /* IE9+ and future browsers */ } .latest-news-one-area .single-news .item-info { padding: 35px 20px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .latest-news-one-area .single-new .item-info { padding: 35px 20px; box-shadow: 0 0px 26px 9px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .latest-news-one-area .single-news .item-info h3 { font-size: 20px; } .latest-news-one-area .single-new .item-info h3 { font-size: 20px; } .latest-news-one-area .single-news .item-info h3 a { color: #002e52; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-news-one-area .single-new .item-info h3 a { color: #002e52; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .latest-news-one-area .single-news .item-info .favourite { margin-right: 20px; } .latest-news-one-area .single-new .item-info .favourite { margin-right: 20px; } .latest-news-one-area .single-news .item-info i { font-size: 18px; padding-right: 8px; } .latest-news-one-area .single-new .item-info i { font-size: 18px; padding-right: 8px; } .latest-news-one-area .single-news:hover .item-image img { -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ transform: translate3d(0px, 0px, 0px); } .latest-news-one-area .single-new:hover .item-image img { -webkit-transform: translate3d(0px, 0px, 0px); /* Safari */ transform: translate3d(0px, 0px, 0px); } .single.single-post .latest-news{display: inline-flex;} .latest-news-one-area .single-news:hover .item-info { box-shadow: 0 2px 4px #a1a1a1; } .latest-news-one-area .single-new:hover .item-info h3 a { color: #cb011b; } .single.single-post .latest-news-one-area { padding: 45px 0 20px; } .single.single-post .latest-news-one-area .single-new { margin: 0px !important; } .latest-news-one-area .single-news:hover .item-info h3 a { color: #cb011b; } .latest-news-one-area .owl-controls .owl-nav { right: 10px; } .news-two-style .single-news { background: transparent; } .news-two-style .single-news .item-image span.date { bottom: 20px; font-size: 18px; font-weight: 600; padding: 5px 18px; text-align: center; } .news-two-style .single-news .item-info { padding: 28px 0 0; } .news-two-style .single-news .item-info p { margin-bottom: 0; } .news-two-style .single-news:hover .item-info { box-shadow: none; } .news-two-style .single-news:hover .item-info h3 a { color: #cb011b; } .news-three-style { padding: 110px 0 90px; } .news-three-style .single-news { margin: 0 0 30px 0; } /*===== End of Our Latest news css ======*/ /*========================================== = [19] Request call css = ===========================================*/ .request-call-one-area { background: #cb011b; background-position: center; background-size: cover; background-attachment: scroll; background-repeat: no-repeat; padding: 120px 0 120px; } .request-call-one-area .request-form { background: #ffffff; margin: 0 auto; padding: 70px 50px; width: 75%; position: relative; } .request-call-one-area .request-form:before { background: #222222; border-radius: 50%; box-shadow: 0 2px 4px #a1a1a1; color: #ffffff; content: "\f095"; font-family: "FontAwesome"; font-size: 24px; height: 70px; left: 0; line-height: 70px; margin: 0 auto; position: absolute; text-align: center; right: 0; top: -38px; width: 70px; } .request-call-one-area .request-form .request-title { text-align: center; font-weight: 500; margin-bottom: 40px; } .request-call-one-area .request-form .form-group { margin-bottom: 25px; } .request-call-one-area .request-form .form-group .form-control { border: 1px solid #d7d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; } .request-call-one-area .request-form .form-group.margin-bottom-none { margin-bottom: 0; text-align: center; } .request-call-one-area .request-form .form-group.margin-bottom-none .default-big-btn { background: #cb011b; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; color: #ffffff; font-size: 18px; font-weight: 600; padding: 12px 40px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .request-call-one-area .request-form .form-group.margin-bottom-none .default-big-btn:hover { background: #a51c2d; } .request-call-one-area .request-form .select2-container--classic .select2-selection--single { background: #ffffff; border: 1px solid #d7d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; } .request-call-one-area .request-form .select2-container--classic .select2-selection--single .select2-selection__arrow { background: transparent; border: none; box-shadow: none; top: 10px; } .request-call-one-area .request-form .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #8b8b8b; padding-left: 12px; line-height: 42px; } .select2-container--classic .select2-dropdown { border: 1px solid #d7d7d7 !important; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background: transparent; color: #444444; } .request-call-two-area { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .request-call-two-area .request-image { width: 50%; overflow: hidden; } .request-call-two-area .request-form-wrapper { background: #cb011b; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; width: 50%; overflow: hidden; } .request-call-two-area .request-form-select { padding-left: 60px; } .request-call-two-area .request-form .request-title { color: #ffffff; margin-bottom: 40px; padding-left: 60px; } .request-call-two-area .request-form .request-title h2 { color: #ffffff; font-size: 36px; line-height: 1; } .request-call-two-area .request-form .form-group { margin-bottom: 10px; } .request-call-two-area .request-form .form-group .form-control { background: #b70007; border: 1px solid #a51c2d; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; color: #ffffff; } .request-call-two-area .request-form .form-group .form-control::-moz-placeholder { color: #ffffff; } .request-call-two-area .request-form .form-group .form-control::-webkit-input-placeholder { color: #ffffff; } .request-call-two-area .request-form .form-group.margin-bottom-none { margin-bottom: 0; margin-top: 30px; } .request-call-two-area .request-form .form-group.margin-bottom-none .default-big-btn { background: #ffffff; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; color: #222222; font-size: 18px; font-weight: 600; padding: 12px 40px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .request-call-two-area .request-form .form-group.margin-bottom-none .default-big-btn:hover { color: #cb011b; } .request-call-two-area .request-form .select2-container--classic .select2-selection--single { background: #b70007; border: 1px solid #a51c2d; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; } .request-call-two-area .request-form .select2-container--classic .select2-selection--single .select2-selection__arrow { background: transparent; border: none; box-shadow: none; top: 10px; } .request-call-two-area .request-form .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #ffffff transparent transparent; } .request-call-two-area .request-form .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #ffffff; padding-left: 12px; line-height: 42px; } .request-call-three-area { padding: 120px 0 120px; } .request-call-three-area .request-form .form-left h2 { color: #ffffff; position: relative; margin-bottom: 30px; padding-bottom: 20px; line-height: 1; } .request-call-three-area .request-form .form-left h2:after { background: #ffffff; content: ""; position: absolute; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .request-call-three-area .request-form .form-group { margin-bottom: 10px; } .request-call-three-area .request-form .form-group .form-control { background: #b70007; border: 1px solid #a51c2d; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; color: #ffffff; } .request-call-three-area .request-form .form-group .form-control::-moz-placeholder { color: #ffffff; } .request-call-three-area .request-form .form-group .form-control::-webkit-input-placeholder { color: #ffffff; } .request-call-three-area .request-form .form-group.margin-bottom-none { margin-bottom: 0; margin-top: 30px; } .request-call-three-area .request-form .form-group.margin-bottom-none .default-big-btn { background: #ffffff; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; color: #222222; font-size: 16px; font-weight: 600; padding: 14px 40px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .request-call-three-area .request-form .form-group.margin-bottom-none .default-big-btn:hover { color: #cb011b; } .request-call-three-area .request-form .select2-container--classic .select2-selection--single { background: #b70007; border: 1px solid #a51c2d; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; height: 45px; } .request-call-three-area .request-form .select2-container--classic .select2-selection--single .select2-selection__arrow { background: transparent; border: none; box-shadow: none; top: 10px; } .request-call-three-area .request-form .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #ffffff transparent transparent; } .request-call-three-area .request-form .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #ffffff; padding-left: 12px; line-height: 42px; } /*===== End of Request call css ======*/ /*======================================== = [20] Our Partners css = =========================================*/ .our-partner { padding: 90px 0; } .our-partner .single-item .item-image img { width: inherit; } .our-partner .owl-controls .owl-nav { position: inherit; } .our-partner .owl-controls .owl-nav > div { margin: 0; position: absolute; top: -5px; } .our-partner .owl-controls .owl-nav .owl-prev { left: -50px; } .our-partner .owl-controls .owl-nav .owl-next { right: -50px; } /*===== End of Our Partners css ======*/ /*======================================= = [21] Footer css = ========================================*/ .footer-bottom-area { background: #222229; color: #dbdbdb; font-size: 16px; padding: 40px 0; } .footer-bottom-area .footer-box .title-bar-footer { color: #ffffff; } .footer-bottom-area .footer-box .footer-about { margin-top: 30px; } .footer-bottom-area .footer-box .footer-phone { color: #ffffff; font-size: 24px; } .footer-bottom-area .footer-box .footer-phone i { color: #cb011b; padding-right: 15px; } .footer-bottom-area .footer-box .footer-social { margin-top: 20px; } .footer-bottom-area .footer-box .footer-social li { display:initial; margin-right: 20px; } .footer-bottom-area .footer-box .footer-social li a { color:transparent; font-size: 0px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .footer-bottom-area .footer-box .footer-social li a:hover { color: transparent; } .footer-bottom-area .footer-box .footer-social li:last-child { margin-right: 0; } .footer-bottom-area .footer-box ul li { /*display: inline-block;*/ margin-bottom: 5px; padding-bottom: 5px; /*width: 48%;*/ } .footer-bottom-area .footer-box ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .footer-bottom-area .footer-box a { color: #dbdbdb; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-bottom-area .footer-box a:hover { color: #cb011b; } .footer-bottom-area .footer-box .stylish-input-group { padding-top: 15px; } .footer-bottom-area .stylish-input-group .form-control { background: #18181c; border: none; box-shadow: none; color: #dbdbdb; -webkit-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; -ms-border-radius: 30px 0 0 30px; -o-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; height: 50px; padding-left: 18px; } .footer-bottom-area .footer-box .stylish-input-group .form-control::-moz-placeholder { color: #dbdbdb; } .footer-bottom-area .footer-box .stylish-input-group .form-control::-webkit-input-placeholder { color: #dbdbdb; } .footer-bottom-area .footer-box .stylish-input-group .input-group-addon { background: #18181c; border: none; -webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; -ms-border-radius: 0 30px 30px 0; -o-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; padding: 0; } .footer-bottom-area .footer-box .stylish-input-group .input-group-addon button { background: #cb011b; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; border: none; box-shadow: none; margin-right: 6px; padding: 12px 24px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .footer-bottom-area .footer-box .stylish-input-group .input-group-addon button i { color: #ffffff; } .footer-bottom-area .footer-box .stylish-input-group .input-group-addon button:hover { background: #a51c2d; } .copyright { background: #1c1c21; color: #b1b1b1; font-size: 16px; padding: 25px 0; text-align: center; } .copyright p { margin-bottom: 0; } .copyright a { color: #cb011b; } .copyright a:hover { color: #a51c2d; } /*======= End of Footer css ========*/ /*===================================== = [22] Scroll Up Css = =====================================*/ #scrollUp { background: rgba(203, 1, 27, 0.8); bottom: 5px; color: #ffffff; display: block; font-size: 18px; height: 45px; line-height: 45px; position: fixed; right: 20px; text-align: center; text-decoration: none; transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s; width: 45px; z-index: 99999; border-radius: 50%; } #scrollUp i { color: #ffffff; } #scrollUp:hover, #scrollUp:focus { background-color: rgba(255, 255, 255, 0.8); } #scrollUp:hover i, #scrollUp:focus i { color: #cb011b; } .style-switch { background-color: #b70007; } .style-switch ul .active a { color: #cb011b; } .style-switch .switch-button { right: -45px; background-color: #cb011b; color: #ffffff; padding: 10px 10px 12px; } /*===== End of Scroll Up Css ======*/ .sidebar .section-title{margin-bottom:0px;} .sidebar ul.footer-social{ font-size: 0px; color: transparent; margin-bottom: -15px;} .sidebar ul.footer-social li{display: inline-flex;padding: 7px 5px;border-bottom:none !important;} .social-links ul li a:before { content: "\f0c1"; font-family: FontAwesome, sans-serif; color: #cb011b; font-size: 20px; line-height: 15px; transition: color 0.3s ease-in-out 0s; vertical-align: middle; } .social-links ul li a[href*="facebook.com"]:before { content: "\f09a"; } .social-links ul li a[href*="twitter.com"]:before { content: "\f099"; } .social-links ul li a[href*="linkedin.com"]:before { content: "\f0e1"; } .social-links ul li a[href*="plus.google.com"]:before { content: "\f0d5"; } .social-links ul li a[href*="youtube.com"]:before { content: "\f167"; } .social-links ul li a[href*="dribbble.com"]:before { content: "\f17d"; } .social-links ul li a[href*="pinterest.com"]:before { content: "\f0d2"; } .social-links ul li a[href*="bitbucket.org"]:before { content: "\f171"; } .social-links ul li a[href*="github.com"]:before { content: "\f113"; } .social-links ul li a[href*="codepen.io"]:before { content: "\f1cb"; } .social-links ul li a[href*="flickr.com"]:before { content: "\f16e"; } .social-links ul li a[href$="/feed/"]:before { content: "\f09e"; } .social-links ul li a[href*="foursquare.com"]:before { content: "\f180"; } .social-links ul li a[href*="instagram.com"]:before { content: "\f16d"; } .social-links ul li a[href*="tumblr.com"]:before { content: "\f173"; } .social-links ul li a[href*="reddit.com"]:before { content: "\f1a1"; } .social-links ul li a[href*="vimeo.com"]:before { content: "\f194"; } .social-links ul li a[href*="digg.com"]:before { content: "\f1a6"; } .social-links ul li a[href*="twitch.tv"]:before { content: "\f1e8"; } .social-links ul li a[href*="stumbleupon.com"]:before { content: "\f1a4"; } .social-links ul li a[href*="delicious.com"]:before { content: "\f1a5"; } .social-links ul li a[href*="mailto:"]:before { content: "\f0e0"; } .social-links ul li a[href*="skype.com"]:before { content: "\f17e"; } .social-links ul li a[href*="dribble.com"]:before { content: "\f17d"; } .sidebar ul li:before,.sidebar .widget_recent_entries ul li:before,.sidebar .widget_recent_comments ul li:before, .sidebar .widget.widget_archive ul li:before , .sidebar .widget.widget_categories ul li:before { font-family: FontAwesome, sans-serif; content: "\f105"; color: #cb011b; padding-right: 12px; } .sidebar .woocommerce ul.product_list_widget li a{padding-left: 0;} .sidebar .widget.widget_archive ul li, .sidebar .widget.widget_categories ul li{display: flex;} .left-sidebar .left-block { float: right; } .right-sidebar .left-block { float: left; } .no-sidebar .left-block { width: 100% !important; } .no-sidebar .right-block { display: none; } .sidebar a { color: #000; } .sidebar a:hover { color: #cb011b; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #ffffff; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { min-height: 35px; padding: 10px; } .select2-container .select2-selection--single { height: 40px; padding: 5px } /*==================================== = [23] Left Tab css = ====================================*/ .left-tab-style { padding: 120px 0; } .left-tab-style .tabs-left .nav-tabs { float: left; margin-right: 25px; border: none; } .left-tab-style .tabs-left .nav-tabs li { margin-bottom: 5px; float: none; } .left-tab-style .tabs-left .nav-tabs li a { background: #f5f5f5; border: none; font-size: 18px; color: #222222; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; padding: 15px 20px; min-width: 330px; margin: 0; margin: 3px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .left-tab-style .tabs-left .nav-tabs li a:hover { background: #cb011b; color: #ffffff; } .left-tab-style .tabs-left .nav-tabs li a:hover i { color: #ffffff; } .left-tab-style .tabs-left .nav-tabs li a i { color: #cb011b; padding-right: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .left-tab-style .tabs-left .nav-tabs li a i:before { font-size: 36px; line-height: 1; margin-left: 0; } .left-tab-style .tabs-left .nav-tabs li.active a { border: none; background: #cb011b; color: #ffffff; } .left-tab-style .tabs-left .nav-tabs li.active a i { color: #ffffff; } .left-tab-style .tabs-left .tab-content { display: table-cell; } .left-tab-style .tabs-left .tab-content h2 { position: relative; margin-bottom: 30px; padding-bottom: 15px; } .left-tab-style .tabs-left .tab-content h2:after { position: absolute; background: #cb011b; content: ""; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } /*=========== End of Left Tab css ==============*/ /*================================================= = [24] People choose service css = =================================================*/ .people-choose-services { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .people-choose-services .choose-services { background: #cb011b; width: 50%; overflow: hidden; } .people-choose-services .people-image { width: 50%; overflow: hidden; } .people-choose-services .choose-services-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .people-choose-services .people-choose-content { padding-right: 75px; color: #ffffff; } .people-choose-services .people-choose-content h2 { color: #ffffff; font-size: 40px; font-weight: 500; } .people-choose-services .people-choose-content a.ghost-btn { border: 2px solid #ffffff; color: #ffffff; margin-top: 30px; } .people-choose-services .people-choose-content a.ghost-btn i { padding-left: 12px; } .people-choose-services .people-choose-content a.ghost-btn:hover { background: #ffffff; color: #cb011b; } .people-choose-services .people-image { position: relative; } .people-choose-services .people-image:before { background: rgba(0, 0, 0, 0.5); position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; } .people-choose-services .calculator { position: absolute; left: 0; bottom: 45px; z-index: 1; } .people-choose-services .banner-logo { position: absolute; right: 100px; bottom: 100px; z-index: 1; } /*===== End of People choose service css ======*/ /*================================================ = [25] Counter css = =================================================*/ .counter-area { background-repeat: no-repeat; background-size: cover; padding: 110px 0 90px; } .counter-area .counter-title h2 { font-size: 46px; color: #ffffff; margin-bottom: 80px; text-align: center; } .counter-area .counter-content { text-align: center; } .counter-area .counter-content .counter1-box { margin-bottom: 30px; } .counter-area .counter-content h3 { color: #ffffff; font-size: 40px; margin-bottom: 5px; } .counter-area .counter-content p { color: #cb011b; font-size: 18px; margin-bottom: 0; } /*=========== End of Counter css ============*/ /*============================================== = [26] Financial Analysis css = ==============================================*/ .financial-analysis-area { padding: 120px 0 120px; } .financial-analysis-area .financial-content h2 { position: relative; margin-bottom: 30px; padding-bottom: 15px; line-height: 1; } .financial-analysis-area .financial-content h2:after { position: absolute; background: #cb011b; content: ""; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } /*===== End of Financial Analysis css ======*/ /*============================================= = [27] Our Case Studies css = ==============================================*/ .our-case-studies-area { padding: 110px 0 80px; } .our-case-studies-area .case-item { margin-bottom: 40px; } .our-case-studies-area .case-item .item-image { position: relative; } .our-case-studies-area .case-item .item-image:after { background: rgba(3, 23, 34, 0.7); position: absolute; content: ""; left: 0; bottom: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-case-studies-area .case-item .item-image-mobile { display: none; } .our-case-studies-area .case-item .item-content-bottom { position: relative; padding: 30px 0 0; } .our-case-studies-area .case-item .item-content-bottom h3 { margin-bottom: 15px; } .our-case-studies-area .case-item .item-content-bottom h3 a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-case-studies-area .case-item .item-content-bottom:before { position: absolute; content: ""; left: 25px; top: 0px; width: 0; height: 0; margin: 0 auto; z-index: 1; opacity: 0; border-style: solid; border-width: 0 10px 15px; border-color: transparent transparent #ffffff transparent; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .our-case-studies-area .case-item .item-content-top { position: relative; padding: 0 0 30px; } .our-case-studies-area .case-item .item-content-top h3 { margin-bottom: 15px; } .our-case-studies-area .case-item .item-content-top h3 a { color: #222222; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .our-case-studies-area .case-item .item-content-top:after { position: absolute; content: ""; left: 25px; bottom: -15px; width: 0; height: 0; margin: 0 auto; z-index: 1; opacity: 0; border-style: solid; border-width: 15px 10px 0; border-color: #ffffff transparent transparent transparent; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } .our-case-studies-area .case-item:hover .item-image:after { opacity: 1; } .our-case-studies-area .case-item:hover .item-content-bottom h3 a, .our-case-studies-area .case-item:hover .item-content-top h3 a { color: #cb011b; } .our-case-studies-area .case-item:hover .item-content-bottom:before, .our-case-studies-area .case-item:hover .item-content-top:before { opacity: 1; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); } .our-case-studies-area .case-item:hover .item-content-bottom:after, .our-case-studies-area .case-item:hover .item-content-top:after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /*===== End of Our Case Studies css ======*/ /*=========================================== = [28] Our Portfolio css = =============================================*/ .our-portfolio-area { padding: 110px 0 120px; } .our-portfolio-area .no-gutter { margin: 0; } .our-portfolio-area.layout-space { padding: 120px 0 80px; } .portfolio-layout-1 .single-item { position: relative; overflow: hidden; margin: 1px; } .portfolio-layout-1 .single-item .overlay-dark:after { -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; opacity: 0; z-index: 1; } .portfolio-layout-1 .single-item .item-content h3 { margin-bottom: 0; position: absolute; left: 0; right: 0; bottom: 45%; opacity: 0; text-align: center; z-index: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-1 .single-item .item-content h3 a { color: #ffffff; } .portfolio-layout-1 .single-item .item-content h3 a:hover { color: #cb011b; } .portfolio-layout-1 .single-item .item-content a.plus-icon { background: #cb011b; color: #ffffff; font-size: 18px; margin-bottom: 0; position: absolute; right: 0; bottom: -45px; opacity: 0; padding: 8px 14px; text-align: center; z-index: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-1 .single-item:hover .overlay-dark:after { opacity: 1; } .portfolio-layout-1 .single-item:hover .item-content h3 { opacity: 1; } .portfolio-layout-1 .single-item:hover .item-content a.plus-icon { bottom: 0; opacity: 1; } .portfolio-layout-2 .single-item { margin-bottom: 40px; } .portfolio-layout-2 .single-item .item-image { position: relative; overflow: hidden; } .portfolio-layout-2 .single-item .item-image .overlay { color: #ffffff; position: absolute; left: 0; right: 0; opacity: 0; top: 50%; text-align: center; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-2 .single-item .item-image:after { background: rgba(3, 23, 34, 0.8); position: absolute; content: ""; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-2 .single-item .item-image a.plus-icon { background: #cb011b; color: #ffffff; font-size: 18px; position: absolute; right: -40px; bottom: -40px; opacity: 0; text-align: center; line-height: 40px; height: 40px; width: 40px; z-index: 1; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-2 .single-item .item-image img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .portfolio-layout-2 .single-item .item-content { padding-top: 20px; } .portfolio-layout-2 .single-item .item-content h3 { margin-bottom: 10px; } .portfolio-layout-2 .single-item .item-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .portfolio-layout-2 .single-item:hover .item-image .overlay { opacity: 1; } .portfolio-layout-2 .single-item:hover .item-image:after { opacity: 1; } .portfolio-layout-2 .single-item:hover .item-image a.plus-icon { right: 0; bottom: 0; opacity: 1; } .portfolio-layout-2 .single-item:hover .item-image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .portfolio-layout-2 .single-item:hover .item-content h3 a { color: #cb011b; } .portfolio-layout-3 .single-item { margin-bottom: 40px; box-shadow: 0 6px 4px #ccc; } .portfolio-layout-3 .single-item .item-image { position: relative; overflow: hidden; } .portfolio-layout-3 .single-item .item-image .overlay { background: rgba(3, 23, 34, 0.8); color: #ffffff; position: absolute; content: ""; left: 0; right: 0; opacity: 0; height: 100%; width: 100%; padding: 30px 20px; text-align: center; z-index: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-3 .single-item .item-image .overlay span { display: block; margin-bottom: 15px; font-weight: 600; } .portfolio-layout-3 .single-item .item-image .overlay a.plus-icon { background: #cb011b; color: #ffffff; font-size: 18px; position: absolute; right: 0; left: 0; display: block; margin: 0 auto; text-align: center; line-height: 40px; height: 40px; width: 40px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .portfolio-layout-3 .single-item .item-content { padding: 20px 20px 10px; text-align: center; } .portfolio-layout-3 .single-item .item-content h3 { margin-bottom: 10px; } .portfolio-layout-3 .single-item .item-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .portfolio-layout-3 .single-item:hover .item-image .overlay { opacity: 1; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .portfolio-layout-3 .single-item:hover .item-content h3 a { color: #cb011b; } .detail-portfolio-item .item-header { margin-top: 30px; } .detail-portfolio-item .item-header h2 { font-size: 24px; } /*======= End of Our Portfolio css ========*/ /*============================================ = [29] Design own site css = =============================================*/ .design-own-area { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 110px 0 120px; } .design-own-area .own-site-content { text-align: center; } .design-own-area .own-site-content h2 { font-size: 36px; margin-bottom: 30px; } .design-own-area .own-site-content p { padding: 0 7%; } .design-own-area .own-site-content a.ghost-btn { margin-top: 20px; } /*======= End of Design own site css ========*/ /*============================================== = [30] Inner banner title css = ==============================================*/ h2.trail-browse { display: none; } .page-title h2 { font-size: 32px; color: #ffffff; margin-bottom: 10px; text-transform: capitalize; } .page-title .breadcrumbs { background: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0; padding: 0; } .page-title .breadcrumbs ul.trail-items li a,.trail-item.trail-end { color: #FFF !important; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .page-title .breadcrumbs ul.trail-items li a:hover { color: #cb011b; } .page-title .breadcrumbs ul.trail-items li.active { color: #cb011b; } .page-title .breadcrumbs ul.trail-items > li + li::before { content: " - "; padding: 0 5px; color: #ccc; } .page-title .breadcrumbs ul.trail-items {display: inline-flex;} .trail-item.trail-end{color: #cb011b;} .breadcrumbs a, .breadcrumbs{color: #FFF;} /*===== End of Inner banner title css ======*/ /*======================================== Start video Section ==========================================*/ .video-section{ background-size: cover; background-position: 48% 100%; } .video-overlay{ background: rgba(0, 0, 0, 0.7); } .video-overlay .video{ text-align: center; padding: 100px 0; } .video-overlay .video h3{ font-size: 30px; font-weight: 700; color: #fefefe; text-transform: uppercase; padding-top: 3px; } .video-overlay .video p{ color: #fff; } .custom-logo-link { max-width: 250px; } .custom-logo-link img{ margin: 15px 15px 15px 0; } /*============================================= = [31] About page css = ==============================================*/ .about-page-one-area { background-repeat: no-repeat; background-position: 10% center; padding: 120px 0 100px; } .about-page-one-area .about-content span { color: #222222; font-size: 20px; font-weight: 600; } .about-page-one-area .about-video { position: relative; } .about-page-one-area .about-video a.video { position: absolute; top: 50%; left: 0; right: 0; display: block; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .about-page-one-area .about-video a.video i { border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 45px; width: 45px; line-height: 43px; color: #cb011b; } .about-service-one-area { padding: 110px 0 90px; } .about-service-one .single-service { margin-bottom: 30px; } .about-service-one .single-service .item-icon { color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 30px; padding-right: 20px; } .about-service-one .single-service .item-icon i:before { font-size: 48px; margin-left: 0; line-height: 1; } .about-service-one .single-service .item-content { display: inline; } .about-service-one .single-service .item-content h3 a { color: #ffffff; position: relative; padding-bottom: 15px; margin-bottom: 10px; display: inline-block; } .about-service-one .single-service .item-content h3 a:after { background: #ffffff; position: absolute; content: ""; left: 0; bottom: 0; height: 4px; width: 50px; } /*====== End of About page css ========*/ /*======================================== = [32] Service page css = =========================================*/ .service-layout-1 { padding: 120px 0 80px; } .service-layout-1 .single-item { margin-bottom: 40px; } .service-layout-1 .single-item .item-image { overflow: hidden; position: relative; } .service-layout-1 .single-item .item-image:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } @keyframes shine { 100% { left: 125%; } } .service-layout-1 .single-item .item-content { padding-top: 25px; } .service-layout-1 .single-item .item-content h3 { margin-bottom: 15px; } .service-layout-1 .single-item .item-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-layout-1 .single-item:hover .item-image:before { -webkit-animation: shine .75s; animation: shine .75s; } .service-layout-1 .single-item:hover .item-content h3 a { color: #cb011b; } .service-layout-2 { padding: 120px 0 100px; } .service-layout-2 .single-item { margin-bottom: 40px; } .service-layout-2 .single-item .item-image { overflow: hidden; position: relative; } .service-layout-2 .single-item .item-image:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } @keyframes shine { 100% { left: 125%; } } .service-layout-2 .single-item .item-content h3 { line-height: 1; position: relative; padding-bottom: 20px; margin-bottom: 30px; } .service-layout-2 .single-item .item-content h3:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .service-layout-2 .single-item .item-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-layout-2 .single-item .item-content a.ghost-btn { border: 1px solid #d7d7d7; color: #cb011b; font-size: 14px; margin-top: 20px; padding: 12px 20px; } .service-layout-2 .single-item .item-content a.ghost-btn i { color: #444444; padding-left: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .service-layout-2 .single-item .item-content a.ghost-btn:hover { border: 1px solid #cb011b; color: #ffffff; } .service-layout-2 .single-item .item-content a.ghost-btn:hover i { color: #ffffff; } .service-layout-2 .single-item:hover .item-image:before { -webkit-animation: shine .75s; animation: shine .75s; } .service-layout-2 .single-item:hover .item-content h3 a { color: #cb011b; } .service-layout-3 { padding: 120px 0 90px; } .service-layout-3 .single-item { position: relative; overflow: hidden; margin-bottom: 30px; } .service-layout-3 .single-item .item-content { background: rgba(203, 1, 27, 0.8); color: #ffffff; position: absolute; left: 0; right: 0; bottom: -100px; padding: 7px 25px 15px; -moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .service-layout-3 .single-item .item-content h3 { margin-bottom: 0; padding: 10px 0; } .service-layout-3 .single-item .item-content h3 a { color: #ffffff; } .service-layout-3 .single-item .item-content a.btn-flat { color: #ffffff; font-weight: 600; text-transform: uppercase; } .service-layout-3 .single-item .item-content a.btn-flat i { padding-left: 10px; } .service-layout-3 .single-item .item-content a.item-icon i { display: block; color: #ffffff; font-size: 18px; } .service-layout-3 .single-item .item-content a.item-icon .fa-chevron-circle-down { opacity: 0; position: absolute; right: 15px; top: 25px; } .service-layout-3 .single-item .item-content a.item-icon .fa-chevron-circle-up { position: absolute; right: 15px; top: 25px; } .service-layout-3 .single-item:hover .item-content { bottom: 100px; padding-bottom: 30px; padding-top: 20px; -moz-transform: scale(1) translateY(101px); -webkit-transform: scale(1) translateY(101px); -o-transform: scale(1) translateY(101px); -ms-transform: scale(1) translateY(101px); transform: scale(1) translateY(101px); } .service-layout-3 .single-item:hover .item-content a.item-icon .fa-chevron-circle-down { opacity: 1; } .service-layout-3 .single-item:hover .item-content a.item-icon .fa-chevron-circle-up { opacity: 0; } .service-layout-detail { padding: 120px 0 120px; } .service-layout-detail .detail-item .item-header { margin-top: 30px; } .service-layout-detail .detail-item h2 { font-size: 24px; position: relative; padding-bottom: 15px; margin-bottom: 30px; } .service-layout-detail .detail-item h2:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } .service-layout-detail .detail-item .monthly-servay { margin-top: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .service-layout-detail .detail-item .monthly-servay .servay-left { flex: 1; padding-right: 30px; } .service-layout-detail .detail-item .monthly-servay .servay-right { flex: 1; padding-left: 30px; } .service-layout-detail .detail-item .solution { margin-top: 30px; } .service-layout-detail .detail-item .solution ul.nav-tabs { border: 1px solid #d7d7d7; border-bottom: none; } .service-layout-detail .detail-item .solution ul.nav-tabs li { border-bottom: 3px solid #d7d7d7; margin-bottom: 0; width: 33.333333%; text-align: center; font-weight: 700; font-size: 16px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-layout-detail .detail-item .solution ul.nav-tabs li a { border: none; color: #444444; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .service-layout-detail .detail-item .solution ul.nav-tabs li a:hover { background: transparent; color: #cb011b; } .service-layout-detail .detail-item .solution ul.nav-tabs li:hover { border-bottom: 3px solid #cb011b; } .service-layout-detail .detail-item .solution ul.nav-tabs li.active { border-bottom: 3px solid #cb011b; } .service-layout-detail .detail-item .solution ul.nav-tabs li.active a { color: #cb011b; } .service-layout-detail .detail-item .solution .tab-content { border: 1px solid #d7d7d7; border-top: none; padding: 30px; } /*===== End of Service page css ======*/ /*======================================= = [33] Sidebar css = ========================================*/ .sidebar .sidebar-box { margin-bottom: 50px; } .sidebar .widget h2.widget-title{ font-size: 24px; position: relative; margin-bottom: 30px; padding-bottom: 20px; line-height: 1; } .sidebar .widget h2.widget-title:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; height: 4px; width: 50px; } .sidebar .sidebar-box:last-child { margin-bottom: 0; } .sidebar .sidebar-box .ready-to-help { background: #cb011b; padding: 35px; color: #ffffff; } .sidebar .sidebar-box .ready-to-help h3 { color: #ffffff; font-size: 20px; } .sidebar .sidebar-box .ready-to-help a.ghost-btn { background: #ffffff; color: #222222; margin-top: 15px; padding: 12px 20px; font-weight: 700; } .sidebar .sidebar-box .ready-to-help a.ghost-btn:hover { color: #cb011b; } .sidebar .sidebar-box .side-testimonial .single-testimonial .testimo-content i { color: #d8d8d8; font-size: 30px; margin-bottom: 12px; } .sidebar .sidebar-box .side-testimonial .single-testimonial .testimo-info { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .sidebar .sidebar-box .side-testimonial .single-testimonial .testimo-info .testimo-img { padding-right: 20px; } .sidebar .sidebar-box .side-testimonial .single-testimonial .testimo-info .testimo-title h3 { color: #cb011b; font-size: 20px; margin-bottom: 0px; } .sidebar .sidebar-box .side-testimonial .owl-theme .owl-controls .owl-nav { top: -74px; } .sidebar .sidebar-box .side-testimonial .owl-theme .owl-controls .owl-nav > div { border: none; padding: 0; } .sidebar .sidebar-box .side-testimonial .owl-theme .owl-controls .owl-nav > div:hover { background: transparent; } .sidebar .sidebar-box .side-testimonial .owl-theme .owl-controls .owl-nav > div i { color: #444444; } .sidebar .sidebar-box .download { background: #222222; padding: 35px; } .sidebar .sidebar-box .download h3 { color: #ffffff; font-size: 24px; font-weight: 400; } .sidebar .sidebar-box .download h3 span { font-weight: 500; } .sidebar .sidebar-box .download .button-dow { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .sidebar .sidebar-box .download .button-dow a { background: #cb011b; color: #ffffff; padding: 12px 15px; text-transform: uppercase; font-weight: 600; display: inline-block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .download .button-dow a:hover { background: #a51c2d; } .sidebar .sidebar-box .download .button-dow i { color: #555555; font-size: 55px; padding-left: 20px; } .sidebar .sidebar-box .service-menu ul li { margin-bottom: 2px; } .sidebar .sidebar-box .service-menu ul li a { display: block; background: #f5f5f5; color: #222222; padding: 8px 20px; line-height: 35px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .service-menu ul li a i { color: #cb011b; padding-right: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .service-menu ul li a:hover { background: #cb011b; color: #ffffff; } .sidebar .sidebar-box .service-menu ul li a:hover i { color: #ffffff; } .sidebar .sidebar-box .service-menu ul li:last-child { margin-bottom: 0; } .sidebar .sidebar-box .service-menu ul li.active a { background: #cb011b; color: #ffffff; } .sidebar .sidebar-box .service-menu ul li.active a i { color: #ffffff; } .sidebar .widget .search-form .search-field { background: transparent; border: 1px solid #d7d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; float: left; height: 47px; padding: 0 10px; font-weight: 400; width: 100%; } .sidebar .sidebar-box .sidebar-search form button { background: #cb011b; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; padding: 11px 18px; position: absolute; right: 15px; font-size: 16px; } .sidebar .widget ul li { border-bottom: 1px solid #d7d7d7; margin-bottom: 12px; padding-bottom: 12px; } .sidebar .widget ul li a { display: inline;align-content /*display: block;*/ color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .menu-sidebar ul li a i { color: #cb011b; padding-right: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .menu-sidebar ul li a:hover { color: #cb011b; } .sidebar .sidebar-box .menu-sidebar ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .sidebar .sidebar-box .menu-sidebar ul li.active a { color: #cb011b; } .sidebar .sidebar-box .case-info ul li { padding: 10px 0; } .sidebar .sidebar-box .case-info ul li span { font-size: 16px; font-weight: 600; } .sidebar .sidebar-box .popular-tag a { border: 1px solid #d7d7d7; color: #222222; display: inline-block; font-size: 14px !important; letter-spacing: 1px; float: left; margin: 2px; padding: 5px 0; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 31.5%; } .sidebar .sidebar-box .popular-tag a:hover { background: #222222; color: #ffffff; } .sidebar .sidebar-box .recent-post li { border-bottom: 1px solid #d7d7d7; margin-bottom: 15px; padding-bottom: 15px; } .sidebar .sidebar-box .recent-post li h3 { font-size: 15px; margin-bottom: 5px; } .sidebar .sidebar-box .recent-post li h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .recent-post li h3 a:hover { color: #cb011b; } .sidebar .sidebar-box .recent-post li span { color: #7d7d7d; font-size: 14px; } .sidebar .sidebar-box .recent-post li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .sidebar .sidebar-box .price-range-wrapper .noUi-target { background: #f5f5f5; box-shadow: none; border: none; height: 12px; } .sidebar .sidebar-box .price-range-wrapper .noUi-base .noUi-handle { background: #cb011b; box-shadow: none; border: none; top: -8px; width: 24px; } .sidebar .sidebar-box .price-range-wrapper .noUi-base .noUi-handle:before { left: 10px; top: 7px; height: 14px; } .sidebar .sidebar-box .price-range-wrapper .noUi-base .noUi-handle:after { left: 14px; top: 7px; height: 14px; } .sidebar .sidebar-box .price-range-wrapper .noUi-base .noUi-connect { background: #cbcbcb; box-shadow: none; } .sidebar .sidebar-box .price-range-wrapper .price-range-select { margin-top: 40px; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .pull-left { padding-right: 15px; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .pull-left .btn-default-black { border: none; margin-top: 0; padding: 8px 14px; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .media-body { font-size: 16px; padding-top: 6px; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .title-price { float: left; font-weight: 700; padding-right: 7px; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .price-range-1 { float: left; } .sidebar .sidebar-box .price-range-wrapper .price-range-select .price-range-2 { float: right; } .sidebar .sidebar-box .related-product ul li { margin-bottom: 15px; } .sidebar .sidebar-box .related-product ul li:last-child { margin-bottom: 0; } .sidebar .sidebar-box .related-product .retated-img { background: #f5f5f5; margin-right: 15px; padding: 15px; } .sidebar .sidebar-box .related-product .retated-img img { width: 70px; } .sidebar .sidebar-box .related-product .related-content h3 { font-size: 16px; margin-bottom: 10px; } .sidebar .sidebar-box .related-product .related-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar .sidebar-box .related-product .related-content h3 a:hover { color: #cb011b; } .sidebar .sidebar-box .related-product .related-content .sprice { color: #cb011b; font-weight: 600; } .sidebar .sidebar-box .related-product .related-content .review { margin-top: 10px; } .sidebar .sidebar-box .related-product .related-content .review a { color: #fea62b; } form.search-form button { background: #cb011b; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; padding: 12px 18px; position: absolute; right: 15px; font-size: 16px; } i.fa.fa-search { color: #ffffff; } /*======== End of Sidebar css =========*/ /*======================================== = [34] Case studies css = ========================================*/ .case-studies-layout { padding: 120px 0 100px; } .case-studies-layout .single-item { background: #f5f5f5; margin-bottom: 30px; } .case-studies-layout .single-item .item-image { overflow: hidden; position: relative; } .case-studies-layout .single-item .item-image:after { background: rgba(3, 23, 34, 0.8); position: absolute; content: ""; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .case-studies-layout .single-item .item-content { padding: 25px; text-align: center; } .case-studies-layout .single-item .item-content h3 { margin-bottom: 15px; } .case-studies-layout .single-item .item-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .case-studies-layout .single-item:hover .item-image:after { opacity: 1; } .case-studies-layout .single-item:hover .item-content h3 a { color: #cb011b; } .case-studies-layout .pagination-wrapper { text-align: center; } .case-layout-detail { padding: 120px 0 120px; } .case-layout-detail .detail-item .item-header { margin-top: 30px; } .case-layout-detail .detail-item h2 { font-size: 24px; position: relative; padding-bottom: 15px; margin-bottom: 30px; } .case-layout-detail .detail-item h2:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; margin: 0 auto; height: 4px; width: 50px; } /*===== End of Case studies css ======*/ /*======================================= = [35] Team css = ========================================*/ .our-team-area { padding: 120px 0 90px; } .our-team-area .pagination-wrapper { text-align: center; } .our-team-area .team-layout-2 { padding: 0; } .team-layout-1 .single-team { margin-bottom: 30px; text-align: center; } .team-layout-1 .single-team .item-image { position: relative; overflow: hidden; } .team-layout-1 .single-team .item-image a.plus-icon { background: #cb011b; bottom: -45px; color: #ffffff; font-size: 18px; margin-bottom: 0; opacity: 0; padding: 8px 14px; position: absolute; right: -43px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: 1; } .team-layout-1 .single-team .item-image:after { background: rgba(3, 23, 34, 0.8); position: absolute; content: ""; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-layout-1 .single-team .item-content { margin-top: 25px; } .team-layout-1 .single-team .item-content h3 { margin-bottom: 5px; } .team-layout-1 .single-team .item-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-layout-1 .single-team .item-content .position { font-size: 16px; } .team-layout-1 .single-team .item-content ul.social-icons { margin-top: 25px; list-style: none; } .team-layout-1 .single-team .item-content ul.social-icons li { display: inline-block; } .team-layout-1 .single-team .item-content ul.social-icons li a { border: 1px solid #d7d7d7; color: #cb011b; display: block; line-height: 38px; height: 40px; width: 40px; text-align: center; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-layout-1 .single-team .item-content ul.social-icons li a:hover { background: #cb011b; border: 1px solid #cb011b; color: #ffffff; } .team-layout-1 .single-team:hover a.plus-icon { bottom: 0; right: 0; opacity: 1; } .team-layout-1 .single-team:hover .item-image:after { opacity: 1; } .team-layout-1 .single-team:hover .item-content h3 a { color: #cb011b; } .team-layout-3 .single-item { position: relative; overflow: hidden; margin-bottom: 30px; } .team-layout-3 .single-item .item-image:after { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#031722), to(transparent)); background-image: -webkit-linear-gradient(transparent, #031722); background-image: -moz-linear-gradient(transparent, #031722), -moz-linear-gradient(transparent, #031722); background-image: -o-linear-gradient(transparent, #031722), -o-linear-gradient(transparent, #031722); background-image: linear-gradient(transparent, #031722), linear-gradient(transparent, #031722); -moz-background-size: 100%; background-size: 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; position: absolute; content: ""; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .team-layout-3 .single-item .item-content { position: absolute; left: 0; right: 0; bottom: -100%; margin: auto; padding: 20px; text-align: center; color: #ffffff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .team-layout-3 .single-item .item-content h3 { margin-bottom: 5px; } .team-layout-3 .single-item .item-content h3 a { color: #ffffff; } .team-layout-3 .single-item .item-content .position { color: #ffffff; display: block; margin-bottom: 20px; } .team-layout-3 .single-item .item-content ul.social-icon { padding-top: 10px; } .team-layout-3 .single-item .item-content ul.social-icon li { display: inline-block; margin-right: 3px; } .team-layout-3 .single-item .item-content ul.social-icon li a { border: 1px solid #d7d7d7; color: #cb011b; display: block; line-height: 38px; height: 40px; width: 40px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-layout-3 .single-item .item-content ul.social-icon li a:hover { background: #ffffff; } .team-layout-3 .single-item:hover .item-image:after { opacity: 1; } .team-layout-3 .single-item:hover .item-content { bottom: 0; } .team-detail-layout .detail-image { margin-bottom: 30px; } .team-detail-layout .detail-image .image-caption { position: relative; } .team-detail-layout .detail-image .image-caption h3 { background: #002e52; color: #ffffff; font-size: 18px; position: absolute; left: 0; right: 0; bottom: 0; margin-bottom: 0; padding: 22px 5px; text-align: center; text-transform: uppercase; } .team-detail-layout .detail-image .image-caption h3 a { color: #ffffff; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-detail-layout .detail-image .image-caption h3 a:hover { color: #cb011b; } .team-detail-layout .detail-image ul { margin-top: 30px; } .team-detail-layout .detail-image ul li { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; margin-bottom: 15px; font-size: 18px; color: #222222; } .team-detail-layout .detail-image ul li a { color: #222222; } .team-detail-layout .detail-image ul li i { background: #cb011b; color: #ffffff; font-size: 22px; margin-right: 15px; line-height: 45px; height: 45px; width: 45px; text-align: center; } .team-detail-layout .detail-image ul li:first-child { font-size: 26px; font-weight: 600; } .team-detail-layout .detail-content h2 { margin-bottom: 5px; } .team-detail-layout .detail-content .position { display: block; position: relative; padding-bottom: 15px; margin-bottom: 30px; } .team-detail-layout .detail-content .position:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; height: 4px; width: 50px; } .team-detail-layout .detail-content ul.social-icon { margin-bottom: 30px; } .team-detail-layout .detail-content ul.social-icon li { display: inline-block; margin-right: 3px; } .team-detail-layout .detail-content ul.social-icon li a { border: 1px solid #d7d7d7; color: #cb011b; display: block; line-height: 38px; height: 40px; width: 40px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .team-detail-layout .detail-content ul.social-icon li a:hover { background: #cb011b; border: 1px solid #cb011b; color: #ffffff; } .team-detail-layout .detail-content .skill-progress { overflow: hidden; margin-top: 50px; } .team-detail-layout .detail-content .skill-progress label { font-size: 16px; font-weight: 600; } .team-detail-layout .detail-content .skill-progress .progress { margin: 10px 0 30px; position: relative; overflow: visible; } .team-detail-layout .detail-content .skill-progress .progress .progress-bar { box-shadow: none; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .team-detail-layout .detail-content .skill-progress .progress .progress-bar span { float: right; background: #222222; margin-top: -30px; padding: 2px 3px; position: relative; } .team-detail-layout .detail-content .skill-progress .progress .progress-bar span:after { position: absolute; content: ""; left: 10px; bottom: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 5px 0; border-color: #222222 transparent transparent transparent; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; } /*===== End of Team css ======*/ /*================================ = [36] News css = ================================*/ .latest-news-area { padding: 60px 0 100px; } .latest-news-area .pagination-wrapper { text-align: center; } .latest-news-area .single-item .item-image { position: relative; overflow: hidden; } .latest-news-area .single-item .item-image:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } @keyframes shine { 100% { left: 125%; } } .latest-news-area .single-item .item-image:hover:before { -webkit-animation: shine .75s; animation: shine .75s; } .news-layout-1 .single-item { margin-bottom: 50px; } .news-layout-1 .single-item .item-image .date { background: #cb011b; color: #ffffff; font-size: 18px; font-weight: 600; position: absolute; left: 25px; bottom: 25px; padding: 8px 20px; text-align: center; } .news-layout-1 .single-item .item-image .date span { display: block; } .news-layout-1 .single-item .item-container { padding-top: 1px; } .news-layout-1 .single-item .item-container h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .news-layout-1 .single-item .item-container h3 a:hover { color: #cb011b; } .news-layout-2 .single-item { margin-bottom: 50px; } .news-layout-2 .single-item .item-container { padding-top: 25px; } .news-layout-2 .single-item .item-container h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .news-layout-2 .single-item .item-container h3 a:hover { color: #cb011b; } .news-layout-2 .single-item .item-info { border-top: 1px solid #d7d7d7; margin-top: 15px; padding-top: 15px; } .news-layout-2 .single-item .item-info ul li { display: inline-block; margin-right: 20px; } .news-layout-2 .single-item .item-info ul li:last-child { margin-right: 0; } .news-layout-2 .single-item .item-info ul li i { color: #cb011b; padding-right: 12px; } .news-layout-2 .single-item .item-info ul li a { color: #444444; } .news-layout-2 .single-item .item-info ul li a:hover { color: #cb011b; } .news-layout-3 .single-item { margin-bottom: 50px; } .news-layout-3 .single-item .item-container { padding-top: 25px; } .news-layout-3 .single-item .item-container h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .news-layout-3 .single-item .item-container h3 a:hover { color: #cb011b; } .news-layout-3 .single-item .item-container .btn-default-black { margin-top: 18px; } .news-layout-3 .single-item .item-info ul li { display: inline-block; margin-right: 20px; } .news-layout-3 .single-item .item-info ul li:last-child { margin-right: 0; } .news-layout-3 .single-item .item-info ul li i { color: #cb011b; padding-right: 12px; } .news-layout-3 .single-item .item-info ul li a { color: #444444; } .news-layout-3 .single-item .item-info ul li a:hover { color: #cb011b; } .news-details-layout .item-img-holder { margin-bottom: 30px; } .news-details-layout .item-header ul.item-info { margin-bottom: 25px; } .news-details-layout .item-header ul.item-info li { display: inline-block; margin-right: 20px; } .news-details-layout .item-header ul.item-info li:last-child { margin-right: 0; } .news-details-layout .item-header ul.item-info li i { color: #cb011b; padding-right: 12px; } .news-details-layout .item-header ul.item-info li a { color: #444444; } .news-details-layout .item-header ul.item-info li a:hover { color: #cb011b; } .news-details-layout .item-header h2 { font-size: 24px; } .news-details-layout .item-links { border-top: 1px solid #d7d7d7; margin-top: 50px; padding-top: 50px; } .news-details-layout .item-links ul.item-tags { float: left; } .news-details-layout .item-links span { font-size: 16px; font-weight: 600; padding-right: 10px; } .news-details-layout .item-links ul.item-tags li { display: inline-block; margin-right: 5px; } .news-details-layout .item-links a { color: #444444; } .news-details-layout .item-links a:hover { color: #cb011b; } .news-details-layout .item-links ul.item-tags li a:hover { color: #cb011b; } .news-details-layout .item-links ul.item-social { float: right; } .news-details-layout .item-links ul.item-social li { display: inline-block; margin: 0 3px; } .news-details-layout .item-links ul.item-social li a i { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; display: block; line-height: 40px; height: 40px; width: 40px; text-align: center; } .news-details-layout .item-links ul.item-social li a i.fa-facebook { background: #3b5998; } .news-details-layout .item-links ul.item-social li a i.fa-twitter { background: #00aced; } .news-details-layout .item-links ul.item-social li a i.fa-linkedin { background: #276cca; } .news-details-layout .item-links ul.item-social li a i.fa-pinterest { background: #E60023; } .news-details-layout .item-links ul.item-social li a i:hover { opacity: 0.8; } .news-details-layout .item-comments { margin-top: 50px; } .news-details-layout .item-comments h2 { font-size: 24px; } .news-details-layout .item-comments .item-author { background: #f5f5f5; padding: 30px 30px 10px; } .news-details-layout .item-comments .item-author .pull-left { padding-right: 25px; } .news-details-layout .item-comments .item-author .media-body h3 { font-size: 20px; margin-bottom: 5px; } .news-details-layout .item-comments .item-author .media-body .position { color: #646464; display: block; margin-bottom: 15px; } .news-details-layout .item-comments .item-comments-list { margin-top: 50px; } .news-details-layout .item-comments .item-comments-list ul.comments-list { padding-top: 20px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li { margin-bottom: 50px; overflow: hidden; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-image { float: left; padding-right: 20px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-name { font-size: 16px; font-weight: 600; margin-right: 10px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-date { color: #646464; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-reply { background: #cb011b; padding: 2px 10px 3px; float: right; font-size: 14px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-reply a { color: #ffffff; } .news-details-layout .item-comments .item-comments-list ul.comments-list li .comment-reply:hover { background: #a51c2d; } .news-details-layout .item-comments .item-comments-list ul.comments-list li p { padding-top: 20px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li:last-child { margin-bottom: 0; } .news-details-layout .item-comments .item-comments-list ul.comments-list li.odd { margin-left: 50px; } .news-details-layout .item-comments .item-comments-form { border-top: 1px solid #d7d7d7; margin-top: 50px; padding-top: 50px; } .news-details-layout .item-comments .item-comments-form .comments-form { padding-top: 20px; } .news-details-layout .item-comments .item-comments-form .comments-form .form-group { margin-bottom: 20px; } .news-details-layout .item-comments .item-comments-form .comment-form textarea { background: #f5f5f5; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; } .news-details-layout .item-comments .item-comments-form .comment-form textarea { height: auto; } .news-details-layout .item-comments #comment { width: 100%; } .news-details-layout .item-comments #comment, .news-details-layout .item-comments #email , .news-details-layout .item-comments #url ,.news-details-layout .item-comments #author { display: block; min-height: 48px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f5f5f5; background-image: none; box-shadow: none; border: none; } .news-details-layout .item-comments p.comment-form-cookies-consent label{ margin-left: 10px; } .comment-form-author, .comment-form-email, .comment-form-url { width: 33.33%; float: left; } .news-details-layout .item-comments .item-comments-form .comments-form .form-group input { height: 40px; } .news-details-layout .item-comments .comment-form input[type=submit] { border: none; background: #cb011b; color: #ffffff; padding: 16px 30px; } .news-details-layout .item-comments .comment-form input[type=submit] { font-weight: 600; } .news-details-layout .item-comments .comment-form input[type=submit]:hover { background: #a51c2d; } /*======= End of News css ========*/ /*=================================== = [37] Contact css = ===================================*/ .contact-area { padding: 110px 0 120px; } .contact-area h2 { position: relative; padding-bottom: 15px; margin-bottom: 30px; } .contact-area h2:after { background: #cb011b; position: absolute; content: ""; left: 0; bottom: 0; height: 4px; width: 50px; } .contact-area .contact-info ul { margin-top: 40px; } .contact-area .contact-info ul li { display: inline-block; margin-bottom: 20px; font-size: 16px; } .contact-area .contact-info ul li:nth-child(odd) { width: 60%; } .contact-area .contact-info ul li:nth-child(even) { width: 39%; } .contact-area .contact-info ul li i { color: #cb011b; font-size: 20px; padding-right: 10px; } .contact-area .contact-form fieldset { padding-top: 5px; } .contact-area .contact-form .form-group { margin-bottom: 5px; } .contact-area .contact-form .form-group .form-control { background: #f5f5f5; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; box-shadow: none; } .contact-area .contact-form .form-group input { height: 40px; } .contact-area .contact-form .margin-bottom-none { margin-bottom: 0; } .contact-area .btn-default-black { border: none; font-size: 15px; padding: 20px 40px; } .everest-forms .everest-forms-part-button, .everest-forms button, .everest-forms button[type=submit], .everest-forms input[type=submit] { border: none; font-size: 15px; padding: 20px 40px; background: #222222; border-radius: 0px; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 600; margin-top: 10px; padding: 17px 40px; text-transform: uppercase; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .everest-forms input[type=text],.everest-forms input[type=email],.everest-forms .evf-field-container .evf-frontend-row textarea { border: none; background: #f5f5f5; min-height: 50px; } .everest-forms button[type=submit]:hover, .everest-forms input[type=submit]:hover { background: #cb011b; min-height: 50px; color: #ffffff; } /*===== End of Contact css ======*/ /*================================== = [38] Faqs css = ===================================*/ .faqs-area { padding: 120px 0 100px; } .faq-accordion .panel-default { background: transparent; border: none; box-shadow: none; } .faq-accordion .panel-default .panel-heading { background: transparent; border: 1px solid #d7d7d7; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 14px 20px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-accordion .panel-default .panel-heading .panel-title { font-size: 18px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .faq-accordion .panel-default .panel-heading .panel-title .accordion-toggle { display: block; } .faq-accordion .panel-default .panel-heading .panel-title .accordion-toggle:after { font-family: 'FontAwesome'; content: "\f107"; float: right; font-size: 20px; } .faq-accordion .panel-default .panel-heading.active, .faq-accordion .panel-default .panel-heading:hover { background: #cb011b; } .faq-accordion .panel-default .panel-heading.active .panel-title, .faq-accordion .panel-default .panel-heading:hover .panel-title { color: #ffffff; } .faq-accordion .panel-default .panel-heading.active .panel-title .accordion-toggle:after, .faq-accordion .panel-default .panel-heading:hover .panel-title .accordion-toggle:after { font-family: 'FontAwesome'; content: "\f106"; float: right; font-size: 20px; } .faq-accordion .panel-default .panel-collapse .panel-body { border: none; padding: 20px; } /*======== End of Faqs css =========*/ /*===================================== = [39] 404 Error css = =====================================*/ .error-area { background: #cb011b; padding: 120px 0; } .error-top-wrapper { margin-bottom: 80px; text-align: center; } .error-top-wrapper img { display: inline-block; } .error-bottom-wrapper { color: #ffffff; width: 50%; margin: 0 auto; text-align: center; } .error-bottom-wrapper h2 { color: #ffffff; } .error-bottom-wrapper a.error-btn { border: 1px solid #ffffff; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 600; margin-top: 20px; padding: 20px 50px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .error-bottom-wrapper a.error-btn:hover { background: #ffffff; color: #cb011b; } /*===== End of 404 Error css ======*/ /*==================================== = [40] Shop Category css = ======================================*/ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce span.onsale { background-color: #CB011B; color: #ffffff; } .woocommerce .woocommerce-ordering select { border: 1px solid #d7d7d7; color: #222222; padding: 9px 20px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #222222; color: #ffffff; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 12px 18px 16px !important; font-weight: 600; color: #000; } .woocommerce .quantity .qty { width: 3.631em; text-align: center; line-height: 1.8; } .woocommerce nav.woocommerce-pagination ul li { background: #f5f5f5; border: none; margin-right: 3px; } .woocommerce nav.woocommerce-pagination ul{ border: none; } .woocommerce nav.woocommerce-pagination ul { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .woocommerce-info { border-top-color: #CB011B; } .online-shop-area { padding: 120px 0 100px; } .online-shop-area .pagination-wrapper { text-align: center; } .online-shop-category .online-header .pager-area { text-align: right; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .online-shop-category .online-header .pager-area .pager-left-area h3 { margin-bottom: 0; text-align: left; } .online-shop-category .online-header .pager-area .pager-right-area .shor-list { display: inline-block; } .online-shop-category .online-header .pager-area .pager-right-area .shor-list select { border: 1px solid #d7d7d7; color: #222222; padding: 9px 20px; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode { float: right; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode ul li { display: inline-block; margin-left: 5px; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode ul li a { border: 1px solid #d7d7d7; color: #444444; font-size: 19px; display: block; padding: 7px 14px; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode ul li.active a { border: 1px solid #cb011b; background: #cb011b; color: #ffffff; } .online-shop-category .category-product-grid { margin-top: 50px; } .online-shop-category .category-product-grid .single-item { margin-bottom: 30px; } .online-shop-category .category-product-grid .single-item .product-image { background: #f5f5f5; padding: 30px; text-align: center; position: relative; overflow: hidden; } .online-shop-category .category-product-grid .single-item .product-image .product-info { position: absolute; left: 0; top: 100%; right: 0; opacity: 0; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .online-shop-category .category-product-grid .single-item .product-image .product-info ul li { display: inline-block; } .online-shop-category .category-product-grid .single-item .product-image .product-info ul li a { background: #cb011b; color: #ffffff; display: block; line-height: 40px; width: 40px; height: 40px; } .online-shop-category .category-product-grid .single-item .product-image:after { background: rgba(0, 0, 0, 0.8); position: absolute; content: ""; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .online-shop-category .category-product-grid .single-item .product-content { margin-top: 20px; } .online-shop-category .category-product-grid .single-item .product-content h3 { font-size: 20px; margin-bottom: 5px; } .online-shop-category .category-product-grid .single-item .product-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .online-shop-category .category-product-grid .single-item .product-content h3 a:hover { color: #cb011b; } .online-shop-category .category-product-grid .single-item .product-content .product-price { color: #cb011b; font-size: 20px; font-weight: 600; } .online-shop-category .category-product-grid .single-item .product-content .add-cart { display: block; margin-top: 20px; } .online-shop-category .category-product-grid .single-item .product-content .add-cart a { margin-top: 0; } .online-shop-category .category-product-grid .single-item:hover .product-image .product-info { top: 50%; opacity: 1; } .online-shop-category .category-product-grid .single-item:hover .product-image:after { opacity: 1; } .online-shop-category .category-product-list { margin-top: 50px; } .online-shop-category .category-product-list .single-item { margin-bottom: 40px; } .online-shop-category .category-product-list .single-item .product-image { background: #f5f5f5; padding: 30px; text-align: center; position: relative; overflow: hidden; } .online-shop-category .category-product-list .single-item .product-image img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .online-shop-category .category-product-list .single-item .product-image:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .online-shop-category .category-product-list .single-item .product-content h3 { margin-bottom: 5px; } .online-shop-category .category-product-list .single-item .product-content h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .online-shop-category .category-product-list .single-item .product-content h3 a:hover { color: #cb011b; } .online-shop-category .category-product-list .single-item .product-content .product-price { display: block; color: #cb011b; font-size: 20px; font-weight: 600; } .online-shop-category .category-product-list .single-item .product-content .product-short-description { padding: 30px 0 10px; } .online-shop-category .category-product-list .single-item .product-content .product-list-action { margin-top: 38px; } .online-shop-category .category-product-list .single-item .product-content .product-list-action ul li { border: 1px solid #d7d7d7; display: inline-block; margin-right: 5px; padding: 12px 18px; } .online-shop-category .category-product-list .single-item .product-content .product-list-action ul li a { color: #cb011b; } .online-shop-category .category-product-list .single-item .product-content .product-list-action ul li.add-cart { background: #222222; border: none; text-transform: uppercase; font-weight: 700; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .online-shop-category .category-product-list .single-item .product-content .product-list-action ul li.add-cart a { color: #ffffff; } .online-shop-category .category-product-list .single-item .product-content .product-list-action ul li.add-cart:hover { background: #cb011b; } /*===== End of Shop Category css ======*/ /*======================================== = [41] Shop Details css = =========================================*/ .single-shop-area { padding: 120px 0; } .product-details .details-image .tab-content { background: #f5f5f5; padding: 40px; text-align: center; } .product-details .details-image .single-product-tab { margin-top: 20px; } .product-details .details-image .single-product-tab ul { border: none; } .product-details .details-image .single-product-tab ul li { display: inline-block; margin: 0; text-align: center; width: 33.333333%; } .product-details .details-image .single-product-tab ul li a { background: #f5f5f5; border: 1px solid #f5f5f5; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-right: 10px; padding: 10px; } .product-details .details-image .single-product-tab ul li a img { width: 60px; } .product-details .details-image .single-product-tab ul li.active a { background: transparent; border: 1px solid #d7d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; opacity: 0.5; } .product-details .details-image .single-product-tab ul li:last-child a { margin-right: 0; } .product-details .detail-content h2 { margin-bottom: 10px; } .product-details .detail-content .regular-price { display: block; color: #cb011b; font-size: 20px; font-weight: 600; margin-bottom: 10px; } .product-details .detail-content .sku { color: #222222; font-size: 14px; font-weight: 600; } .product-details .detail-content .detail-short-des { border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; font-size: 14px; margin: 30px 0; padding: 30px 0 10px; } .product-details .detail-content .product-cart-counter { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .product-details .detail-content .product-cart-counter .detail-cart { display: inline-block; } .product-details .detail-content .product-cart-counter .detail-cart a { background: #222222; color: #ffffff; font-weight: 600; margin-right: 10px; padding: 14px 30px; text-transform: uppercase; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .product-details .detail-content .product-cart-counter .detail-cart a:hover { background: #cb011b; } .product-details .detail-content .product-cart-counter .input-group { display: inline-block; } .product-details .detail-content .product-cart-counter .input-group input { border: 1px solid #d7d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; color: #222222; font-size: 20px; font-weight: 600; text-align: center; height: 50px; width: 60px; } .product-details .detail-content .product-cart-counter .input-group-btn-vertical { float: left; } .product-details .detail-content .product-cart-counter .input-group-btn-vertical .btn-default { display: block; border: 1px solid #d7d7d7; border-left: none; color: #cb011b; margin: 0; padding: 0px 7px; } .product-details .detail-content .product-cart-counter .input-group-btn-vertical .btn-default i { padding-left: 0; } .product-details .detail-content .product-cart-counter .input-group-btn-vertical .btn-default:active, .product-details .detail-content .product-cart-counter .input-group-btn-vertical .btn-default:focus { background: transparent; box-shadow: none; } .product-details .detail-content .product-category { margin-top: 20px; } .product-details .detail-content .product-category span { font-weight: 600; } .product-details .detail-content .product-tag { margin-top: 5px; } .product-details .detail-content .product-tag span { font-weight: 600; } .review { margin-bottom: 10px; } .review a { color: #fea62b; } .review a.inactive { color: #444444; } .review p { display: inline-block; margin-left: 15px; margin-bottom: 0; } .product-overview-area { margin-top: 60px; } .product-overview-area .tabbable { border: 1px solid #d7d7d7; } .product-overview-area ul.nav-tabs { border: none; } .product-overview-area ul.nav-tabs li a { background: #f5f5f5; color: #222222; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; font-weight: 600; padding: 16px 30px; text-transform: uppercase; } .product-overview-area ul.nav-tabs li.active a { background: transparent; color: #cb011b; border: none; } .product-overview-area .tab-content { padding: 30px; } .related-product-area { margin-top: 60px; } .related-product-area .single-item .item-image { background: #f5f5f5; padding: 30px; text-align: center; position: relative; overflow: hidden; } .related-product-area .single-item .item-image img { width: inherit; display: inline-block; } .related-product-area .single-item .item-image .product-info { position: absolute; left: 0; top: 100%; right: 0; opacity: 0; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .related-product-area .single-item .item-image .product-info ul li { display: inline-block; } .related-product-area .single-item .item-image .product-info ul li a { background: #cb011b; color: #ffffff; display: block; line-height: 40px; width: 40px; height: 40px; } .related-product-area .single-item .item-image:after { background: rgba(0, 0, 0, 0.8); position: absolute; content: ""; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .related-product-area .single-item .item-content { margin-top: 20px; } .related-product-area .single-item .item-content h3 { font-size: 20px; margin-bottom: 5px; } .related-product-area .single-item .item-content h3 a { color: #222222; } .related-product-area .single-item .item-content .product-price { display: block; color: #cb011b; font-size: 20px; font-weight: 600; } .related-product-area .single-item .item-content .add-cart { display: inline-block; margin-top: 20px; } .related-product-area .single-item .item-content .add-cart .btn-default-black { margin-top: 0; } .related-product-area .single-item:hover .item-image .product-info { top: 50%; opacity: 1; } .related-product-area .single-item:hover .item-image:after { opacity: 1; } /*===== End of Shop Details css ======*/ /*======================================== = [42] Cart chekout css = =========================================*/ .cart-page-area { padding: 120px 0; } .cart-page-area .cart-page-top { margin-bottom: 45px; border: 1px solid #d7d7d7; padding: 0 0 10px; } .cart-page-area .cart-page-top table { margin-bottom: 10px; border-bottom: 1px solid #d7d7d7; } .cart-page-area .cart-page-top table .cart-form-heading { text-transform: uppercase; font-weight: 600; padding: 15px 20px; } .cart-page-area .cart-page-top table tr td { vertical-align: middle!important; border-right: 1px solid #d7d7d7; } .cart-page-area .cart-page-top table tr td:last-child { border-right: 0; } .cart-page-area .cart-page-top table tr td h3 { letter-spacing: 2px; text-transform: capitalize; font-size: 18px; margin-bottom: 0; margin-left: 15px; } .cart-page-area .cart-page-top table tr td h3 a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr td h3 a:hover { color: #cb011b; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr td a img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr td a img:hover { opacity: 0.5; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr .cart-img-holder { width: 12%; } .cart-page-area .cart-page-top table tr .cart-img-holder img { background: #ececec; padding: 20px; } .cart-page-area .cart-page-top table tr .amount { text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 16px; color: #222222; font-weight: 600; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder { margin: 0 auto; position: relative; width: 130px; top: -15px; z-index: 2; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder input { text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; width: 48px; border-radius: 0; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical button { border-radius: 0; position: absolute; z-index: 3; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-plus { left: 0; } .cart-page-area .cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-minus { right: 0; } .cart-page-area .cart-page-top table tr .dismiss { text-align: center; } .cart-page-area .cart-page-top table tr .dismiss a i { color: #cb011b; font-size: 18px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top table tr .dismiss a:hover i { color: #ff0000; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .cart-page-area .cart-page-top .update-button { text-align: right; padding-right: 10px; } .cart-page-area .ghost-btn { padding: 12px 25px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .cart-page-area .cart-page-bottom-left { border: 1px solid #d7d7d7; padding: 30px; } .cart-page-area .cart-page-bottom-left h2 { color: #222222; text-transform: uppercase; letter-spacing: 2px; font-size: 20px; } .cart-page-area .cart-page-bottom-left input { width: 60%; margin-right: 15px; height: 50px; padding: 5px 10px; } .cart-page-area .cart-page-bottom-left button { margin-left: -5px; } .cart-page-area .cart-page-bottom-right { border: 1px solid #d7d7d7; padding: 30px; } .cart-page-area .cart-page-bottom-right h2 { color: #222222; text-transform: capitalize; letter-spacing: 2px; font-size: 20px; } .cart-page-area .cart-page-bottom-right h3 { color: #222222; font-size: 16px; text-transform: capitalize; letter-spacing: 2px; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; padding-bottom: 10px; } .cart-page-area .cart-page-bottom-right h3 span { float: right; } .cart-page-area .cart-page-bottom-right .proceed-button { text-align: right; margin-top: 20px; } .checkout-page-area { padding: 120px 0; } .checkout-page-area .checkout-page-top { padding: 15px; border: 1px solid #d7d7d7; margin-bottom: 30px; } .checkout-page-area .checkout-page-top p { font-size: 13px; font-weight: 600; letter-spacing: 2px; margin-bottom: 0; text-transform: uppercase; } .checkout-page-area .checkout-page-top p a { color: #222222; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .checkout-page-area .checkout-page-top p a:hover { color: #cb011b; } .checkout-page-area .checkout-page-top p i { margin-right: 5px; font-size: 16px; color: #cb011b; } .checkout-page-area .billing-details-area { margin-bottom: 30px; } .checkout-page-area .billing-details-area label { letter-spacing: 1px; color: #333333; font-weight: 400; margin-bottom: 10px; } .checkout-page-area .billing-details-area input { height: 40px; border: 1px solid #d7d7d7; border-radius: 0; box-shadow: none; margin-bottom: 10px; } .checkout-page-area .billing-details-area span { color: #333333; text-transform: capitalize; letter-spacing: 1px; } .checkout-page-area .billing-details-area span input { height: inherit; margin-right: 10px; } .checkout-page-area .billing-details-area span.creat-account { font-weight: 600; } .checkout-page-area .billing-details-area .custom-select select { width: 100%; height: 40px; } .checkout-page-area .billing-details-area .select2-container .select2-selection--single { height: 40px; } .checkout-page-area .billing-details-area .select2-container--classic .select2-selection--single { background-color: transparent; background-image: none; border-radius: 0; border: 1px solid #d7d7d7; } .checkout-page-area .billing-details-area .select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 40px; } .checkout-page-area .billing-details-area .select2-container--classic .select2-selection--single .select2-selection__arrow { top: 7px; background-color: transparent; background-image: none; border-style: none; right: 5px; } .checkout-page-area .billing-details-area .select2-container--classic .select2-dropdown { border: 1px solid #cb011b !important; } .checkout-page-area .billing-details-area .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #cb011b !important; color: red; font-weight: 600; } .checkout-page-area .ship-to-another-area h2 span { margin-left: 15px; } .checkout-page-area .ship-to-another-area label { letter-spacing: 2px; color: #333333; font-weight: 600; margin-bottom: 10px; margin-left: 6px; } .checkout-page-area .ship-to-another-area textarea { box-shadow: none; border-radius: 0; font-size: 13px; font-weight: 500; letter-spacing: 2px; } .checkout-page-area .ship-to-another-area textarea:focus { border-color: #d7d7d7 !important; } .checkout-page-area .order-sheet { margin-bottom: 45px; padding: 30px 35px; border: 1px solid #d7d7d7; } .checkout-page-area .order-sheet h2 { text-transform: uppercase; font-size: 18px; color: #333333; margin-bottom: 15px; } .checkout-page-area .order-sheet ul li { border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; margin-bottom: 10px; } .checkout-page-area .order-sheet ul li span { float: right; } .checkout-page-area .order-sheet h3 { text-transform: uppercase; font-size: 18px; color: #333333; letter-spacing: 0px; border-bottom: 1px solid #d7d7d7; padding-bottom: 12px; margin-bottom: 12px; } .checkout-page-area .order-sheet h3:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .checkout-page-area .order-sheet h3 span { float: right; } .checkout-page-area .payment-option { border: 1px solid #d7d7d7; padding-top: 30px; margin-bottom: 50px; } .checkout-page-area .payment-option .form-group { border-bottom: 1px solid #d7d7d7; padding-bottom: 15px; } .checkout-page-area .payment-option .form-group:last-child { border-bottom: 0; padding-bottom: 0; } .checkout-page-area .payment-option span { color: #333333; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; font-weight: 600; padding-left: 30px; } .checkout-page-area .payment-option span input { margin-right: 20px; } .checkout-page-area .payment-option p { padding: 0 64px; margin-bottom: 0; } .checkout-page-area .place-order .btn-default-big { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 14px 30px; } /*===== End of Cart chekout css ======*/ .mean-container .mean-nav ul li{ border:1px solid #ddd; border-bottom:none; padding: 7px; width: 97%; } .mean-container .mean-nav ul li:last-child{ border-bottom:1px solid #ddd; } .mean-container .mean-nav ul li a.mean-expand{ margin:0; padding:0 !important; } .mean-container .mean-bar a{ padding:0 15px !important; } @media (max-width: 600px) { .slider-area{ display:block; } .nivo-main-image, .nivoSlider img, .nivo-slice{ height:200px !important; width:100% !important; } } .service-slider-one-area .single-feature-slide .feature-slide-content { padding: 7px 25px 5px; } .menu-four-style .main-menu-area nav > ul > li.current-menu-item a { color: #cb011b; } .our-partner .owl-controls .owl-nav > div{ top:20%; } .testimonial-two-area .single-testimonial .testimo-info .testimo-title h3 .position{ color:inherit; } @media (min-width: 800px) { .smush-detected-img{ box-shadow:none; }} @media only screen and (max-width: 767px) { .mean-container .mean-bar { padding: 0; } } @media only screen and (max-width: 600px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ width:100%; border:1px solid #eeee; padding-bottom:20px; text-align:center; } .case-layout-detail .detail-item h2:after{ left:50%; transform: translateX(-50%); } } .woocommerce.widget_shopping_cart .cart_list li:last-child{ border-bottom:none; margin-bottom:0px; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{ padding:0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ padding: 0; top: 20%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; } .woocommerce ul.product_list_widget li a{ display:block; float:none; color: inherit; font-size: inherit; font-weight: 600; padding-left:40px; line-height:initial; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{ display: flex; align-items: center; justify-content: left; color: inherit; font-size: inherit; font-weight: 600; padding-left:40px; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:5.5rem; margin-right:15px; border-radius:0; } .widget.woocommerce.widget_shopping_cart{ width:400px; top:70%; } .woocommerce ul.product_list_widget li span.quantity{ display:block; color:inherit; padding: 1rem 1rem; line-height:initial; background:inherit; } .widget.woocommerce.widget_shopping_cart p{ margin:0 0 10px 0; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ border-top:1px solid #4e4e4e; border-bottom:1px solid #4e4e4e; padding:5px 0; } .widget_shopping_cart_content .woocommerce-mini-cart__buttons{ padding-left:40px; } .single.single-post .latest-news-one-area { padding: 45px 0 20px; } .news-details-layout .item-comments .item-comments-form { margin-top:0; } .single.single-post .latest-news{ margin-left:-15px; display:block !important; overflow:hidden; padding-bottom:30px; } .latest-news-one-area .single-new .item-image img{ width:100% !important; transform:none !important; -webkit-transform:none !important; -moz-transform:none !important; -o-transform:none !important; border-radius:0 !important; } .single.single-post .latest-news{ margin-left:-15px; display:block !important; overflow:hidden; padding-bottom:30px; } .woocommerce ul.product_list_widget li span.quantity{ margin-left: 45px; } .woocommerce.widget_shopping_cart .cart_list li { padding: 0 0 15px 0; border-bottom: 1px solid #4e4e4e; margin-bottom: 15px; } .mean-container .mean-nav ul li{ border:1px solid #ddd; border-bottom:none; padding: 7px; width: 97%; } .mean-container .mean-nav ul li:last-child{ border-bottom:1px solid #ddd; } .mean-container .mean-nav ul li a.mean-expand{ margin:0; padding:0 !important; } .mean-container .mean-bar a{ padding:0 15px !important; } @media (max-width: 600px) {.slider-area{ display:block; } } .service-slider-one-area .single-feature-slide .feature-slide-content { padding: 7px 25px 5px; } .menu-four-style .main-menu-area nav > ul > li.current-menu-item a { color: #cb011b; } .our-partner .owl-controls .owl-nav > div{ top:20%; } .testimonial-two-area .single-testimonial .testimo-info .testimo-title h3 .position{ color:inherit; } .woocommerce.widget_shopping_cart .cart_list li { padding: 0 0 15px 0; border-bottom: 1px solid #4e4e4e; margin-bottom: 15px; } .woocommerce.widget_shopping_cart .cart_list li:last-child{ border-bottom:none; margin-bottom:0px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ padding: 0; top: 20%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; } .woocommerce ul.product_list_widget li a{ display:block; float:none; color: inherit; font-size: inherit; font-weight: 600; padding-left:40px; line-height:initial; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:5.5rem; margin-right:15px; border-radius:0; float:left; } .widget.woocommerce.widget_shopping_cart{ width:400px; top:70%; } .woocommerce ul.product_list_widget li span.quantity{ display:block; color:inherit; padding: 0.5rem 1rem; line-height:initial; background:inherit; } .widget.woocommerce.widget_shopping_cart p{ margin:0 0 10px 0; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ border-top:1px solid #4e4e4e; border-bottom:1px solid #4e4e4e; padding:5px 0; } .widget_shopping_cart_content .woocommerce-mini-cart__buttons{ padding-left:40px; } .single.single-post .latest-news-one-area { padding: 45px 0 20px; } .news-details-layout .item-comments .item-comments-form { margin-top:0; } .single.single-post .latest-news{ margin-left:-15px; display:block !important; overflow:hidden; padding-bottom:30px; } .footer-bottom-area table#wp-calendar, .sidebar table#wp-calendar {width: 100%;} .sidebar .widget select { max-width: 100%; height: 47px; width: 100%; background: transparent; border: 1px solid #d7d7d7; padding: 0 10px; font-weight: 400; } .main-menu-area nav > ul > li:hover ul.sub-menu li a { color: #FFF; } .main-menu-area nav > ul > li:hover ul.sub-menu li a:hover, .main-menu-area nav > ul > li:hover ul.sub-menu li.current_page_item a, .main-menu-area nav > ul > li.current-menu-parent a { color: #cb011b; } .main-menu-area nav > ul > li:hover ul.sub-menu li a:hover { color: #ffffff; } /*======================================= = [43] Responsive css = ========================================*/ @media (max-width: 767px) { .custom-logo-link img{ width:60%; } ul.trail-items li.trail-item{ font-size:11px !important; } .section-title{ margin-bottom:30px; } .inner-title-banner h2{ font-size:20px; } .page-title{ margin-top:0 !important; } .about-one-area,.service-one-area { padding-top: 50px; } .video-overlay .video h3,.about-one-area .about-content-center .about-content h2,.financial-report-one .financial-report h2,.asked-question-two-area .asked-accordion h2 { font-size: 20px; } .single-service-one .single-service .service-content h3 { margin-bottom: 18px; } .service-slider-one-area, .weekly-financial-report, .expert-advisor-slider-area, .our-expert-advisor, .service-slider-two-area, .our-portfolio-area, .service-four-area, .design-own-area, .service-slider-three-area, .our-expert-slider-area, .service-slider-five-area, .our-expert-member-slider-area, .service-slider-six-area, .about-page-one-area, .our-portfolio-area, .contact-area,.our-partner{ padding:50px 0 50px; } .testimonial-one-area, .latest-news-one-area, .testimonial-two-area, .footer-bottom-area { padding: 50px 0; } .section-title h2,.footer-bottom-area .footer-box .title-bar-footer{ font-size:20px; } } @media (min-width: 800px) { .smush-detected-img{ box-shadow:none; }} @media only screen and (max-width: 767px) { .mean-container .mean-bar { padding: 0; } } /* Normal desktop :992px. */ @media (min-width: 992px) and (max-width: 1199px) { .nav-top-right > li { margin-right: 5px; } .main-menu-area nav > ul > li > a { padding: 0 8px; } .menu-two-style .main-menu-area nav > ul > li > a, .menu-four-style .main-menu-area nav > ul > li > a { padding: 0 12px; } .header-three-style .container-fluid, .header-six-style .container-fluid { padding-left: 15px; padding-right: 30px; } .header-address li { font-size: 16px; padding: 0 5px; } .header-three-style .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega, .header-six-style .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega { left: -25%; } .slider-area .nivoSlider .slider-content h1, .slider-area .nivoSlider .slider-content .large-title { font-size: 44px; line-height: 1.2; text-align: center; } .slider-area .nivoSlider .slider-content p { margin: 0 auto; text-align: center; } .slider-area .nivoSlider .slider-content .slider-btn-area { margin-top: 30px; text-align: center; } .our-partner .owl-controls .owl-nav .owl-prev, .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-prev { left: -30px; } .our-partner .owl-controls .owl-nav .owl-next, .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-next { right: -30px; } .waste-time-area .waste-time-button .btn-default { margin-top: 18px; } .asked-question-one-area .asked-accordion { padding: 90px 0; } .asked-question-one-area .asked-accordion .asked-descrip { display: none; } .people-choose-services .choose-services-wrapper { position: inherit; display: inherit; padding: 60px 0; } .people-choose-services .calculator { display: none; } .people-choose-services .people-image img { min-height: 446px; } .people-choose-services .people-choose-content { padding-right: 0; } .request-call-two-area .request-image img { min-height: 444px; } .request-call-two-area .request-title p { display: none; } .service-three-area .single-item .single-service { padding: 70px 40px 50px; } .service-four-area .feature-left-content > h2 { font-size: 24px; } .service-four-area .single-feature-item .feature-content { bottom: -125px; } .design-own-area .own-site-content p { padding: 0 3%; } .service-slider-three-area .single-feature-slide .feature-slide-img img { width: calc(118%); } .section-title p { width: 70%; } .service-slider-six-area .section-title-center p { width: 80%; } .service-slider-six-area .single-feature-slide h3 { font-size: 20px; } .service-slider-six-area .single-feature-slide .feature-item img { width: calc(126%); } .service-slider-one-area .single-feature-slide .feature-slide-content { padding-left: 15px; padding-right: 15px; } .latest-news-one-area .single-news .item-info .favourite { margin-right: 5px; } .team-layout-3 .single-item .item-content { -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); transform: translateY(-25%); } .sidebar .sidebar-box .download { padding: 30px 15px; } .sidebar .sidebar-box .download .button-dow i { font-size: 40px; } .sidebar .sidebar-box .popular-tag a { width: 30.5%; } .about-one-area .about-content-center .about-content { padding-top: 50px; } } /* Tablet desktop :768px. */ @media (min-width: 768px) and (max-width: 991px) { .smush-detected-img{ box-shadow:none; } .header-top-bar .top-address ul li { margin-right: 10px; } .header-top-bar .top-social-link ul li { padding-left: 3px; } .main-menu-area nav > ul > li > a { font-size: 14px; line-height: 70px; padding: 0 5px; } .logo-area { height: 70px; } .header-address li { font-size: 15px; padding: 0 5px; } .header-address li i { width: 15px; } .header-address li span { padding-left: 15px; } .menu-two-style .main-menu-area nav > ul > li > a, .menu-four-style .main-menu-area nav > ul > li > a { padding: 0 14px; } .header-three-style .container-fluid, .header-six-style .container-fluid { padding-left: 15px; padding-right: 15px; } .header-one-style .main-menu-area nav > ul > li .rt-dropdown-mega, .header-five-style .main-menu-area nav > ul > li .rt-dropdown-mega, .main-menu-area nav > ul li.menu-justify .rt-dropdown-mega { left: auto; } .menu-two-style .main-menu-area nav > ul > li .rt-dropdown-mega { left: -15px; } .menu-two-style.stick::before { width: 100%; } .menu-two-style.stick::after { width: auto; } .slide-3 .s-tb-c .container, .slide-5 .s-tb-c .container { margin-top: 80px; } .slider-area .nivoSlider .slider-content h1, .slider-area .nivoSlider .slider-content .large-title { font-size: 40px; line-height: 1.1; text-align: center; } .slider-area .nivoSlider .slider-content p { margin: 0 auto; width: 70%; text-align: center; } .slider-area .nivoSlider .slider-content .slider-btn-area { margin-top: 20px; text-align: center; } .team-layout-2 .single-item .item-content h3 { font-size: 18px; } .waste-time-area .waste-time-button .btn-default { margin-top: 20px; } .about-one-area .about-content-center .about-content { padding-top: 0; } .banner-one-area .banner-content h2 { font-size: 30px; } .asked-question-one-area, .request-call-two-area .request-form-wrapper { display: inherit; } .asked-question-one-area .asked-image, .asked-question-one-area .asked-question, .request-call-two-area .request-image, .request-call-two-area .request-form-wrapper { width: inherit; } .asked-question-one-area .asked-accordion { padding-left: 0; padding-top: 90px; padding-bottom: 90px; } .our-partner .owl-controls .owl-nav .owl-prev, .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-prev { left: -20px; } .our-partner .owl-controls .owl-nav .owl-next, .arrow-left-right.owl-theme .owl-controls .owl-nav .owl-next { right: -20px; } .request-call-one-area .request-form { width: 90%; } .people-choose-services .calculator { display: none; } .people-choose-services .choose-services-wrapper { position: inherit; } .people-choose-services { display: inherit; } .people-choose-services .choose-services, .people-choose-services .people-image { width: 100%; } .people-choose-services .people-choose-content { padding: 90px 0; } .left-tab-style { padding-bottom: 100px; } .section-title p, .service-slider-six-area .section-title-center p { width: 80%; } .service-slider-six-area .single-feature-slide .feature-item img { width: calc(120%); } .our-expert-advisor .single-expert .item-content { flex: inherit; padding: 40px 0; } .request-call-two-area { display: inherit; } .request-call-two-area .request-form { padding: 90px 0; } .request-call-two-area .request-form .request-title, .request-call-two-area .request-form-select { padding-left: 0; } .service-three-area .single-item .single-service { padding: 50px 20px 30px; } .expert-people-area .single-item .item-image, .team-layout-2 .single-item .item-image { max-width: 120px; } .service-four-area .feature-left-content { margin-bottom: 30px; } .service-five-area .section-title-center h2 { font-size: 26px; } .testimonial-two-area .single-testimonial { width: 80%; } .service-slider-one-area .single-feature-slide .feature-slide-content { padding-left: 15px; padding-right: 15px; } .about-service-one .single-service .item-icon { padding-right: 15px; } .about-service-one .single-service .item-content h3 { font-size: 20px; } .page-title { padding: 70px 0; } .team-detail-layout .detail-image ul li { font-size: 15px; } .team-detail-layout .detail-image ul li:first-child { font-size: 22px; } .sidebar .sidebar-box .download { padding: 30px 15px; } .sidebar .sidebar-box .download .button-dow i { font-size: 35px; padding-left: 10px; } .sidebar .sidebar-box .download h3 { font-size: 18px; } .sidebar .sidebar-box .download .button-dow a { padding: 10px; font-size: 12px; } .sidebar .sidebar-box .ready-to-help { padding: 30px 15px; } .sidebar .sidebar-box .ready-to-help a.ghost-btn { padding: 12px; } .faq-accordion .panel-default .panel-heading .panel-title { font-size: 16px; } .sidebar .sidebar-box .popular-tag a { width: 47%; } .online-shop-category .online-header .pager-area .pager-left-area h3 { font-size: 19px; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode ul li a { padding: 6px 5px; } .sidebar .sidebar-box .related-product .retated-img { margin-right: 10px; padding: 8px; } .sidebar .sidebar-box .related-product .retated-img img { width: 50px; } .product-details .details-image .single-product-tab ul li a img { width: 36px; } .contact-area .contact-info ul li:nth-child(odd), .contact-area .contact-info ul li:nth-child(even) { width: inherit; } .contact-area .contact-info ul li { display: block; } .banner-one-area .banner-content h2 span { font-size: 36px; } .counter-area .counter-title h2 { font-size: 40px; } .cart-page-area .cart-page-top table tr .cart-img-holder img { padding: 10px; } } @media (max-width: 767px) { header { display: none; } .slider-area .nivoSlider .slider-content h1, .slider-area .nivoSlider .slider-content .large-title { font-size: 26px; line-height: 1.1; text-align: center; } .slider-area .nivoSlider .slider-content p { font-size: 14px; margin: 0 auto; text-align: center; width: 60%; } .slider-area .nivoSlider .slider-content .slider-btn-area { margin-top: 20px; text-align: center; } .slider-area .nivoSlider .slider-content .slider-btn-area .btn-fill-round { font-size: 14px; padding: 10px 20px; } .sidebar { margin-top: 70px; } .waste-time-area, .waste-time-area .waste-time-button { text-align: center; } .waste-time-area .waste-time-button .btn-default { margin-top: 24px; } .about-one-area .about-image { text-align: center; } .about-one-area .about-content-center .about-content { padding-top: 30px; padding-bottom: 90px; } .asked-question-one-area { display: inherit; } .asked-question-one-area .asked-image, .asked-question-one-area .asked-question { width: inherit; } .asked-question-one-area .asked-accordion { padding-left: 0; padding-top: 90px; padding-bottom: 90px; } .people-choose-services .calculator { display: none; } .people-choose-services .choose-services-wrapper { position: inherit; } .people-choose-services { display: inherit; } .people-choose-services .choose-services, .people-choose-services .people-image { width: 100%; } .people-choose-services .people-choose-content { padding: 90px 0; } .request-call-two-area, .request-call-two-area .request-form-wrapper { display: inherit; } .request-call-two-area .request-form { padding: 90px 0; } .request-call-two-area .request-form .request-title, .request-call-two-area .request-form-select { padding-left: 0; } .request-call-two-area .request-form-wrapper { width: inherit; } .request-call-two-area .request-image { width: inherit; } .banner-one-area .banner-content h2 { font-size: 26px; } .banner-one-area .banner-content h2 span { font-size: 30px; } .request-call-one-area .request-form { width: 90%; padding-left: 10px; padding-right: 10px; } .footer-bottom-area .footer-box .footer-social, .footer-bottom-area .footer-box ul { margin-bottom: 50px; } .latest-news-one-area .single-news .item-image img { width: calc(124%); } .left-tab-style .tabs-left .nav-tabs { float: inherit; margin-right: 0; margin-bottom: 40px; } .section-title p, .service-slider-six-area .section-title-center p { width: 95%; } .our-expert-advisor .single-expert { display: inherit; margin-right: 0; } .our-expert-advisor .single-expert .item-content { margin: 0; padding: 30px; } .our-expert-advisor .single-expert::after { border: none; position: inherit; } .service-three-area .single-item .single-service { box-shadow: 0 -1px 0 0 #d8d8d8; padding-right: 40px; padding-left: 40px; } .asked-question-two-area .row { display: inherit; } .asked-question-two-area .asked-accordion { padding: 70px 0 120px; } .asked-question-two-area .asked-image { text-align: center; } .asked-question-two-area .asked-image img { display: inline-block; } .service-four-area .feature-left-content { margin-bottom: 30px; } .service-four-area .single-feature-item img { width: 100%; } .testimonial-two-area .single-testimonial { width: inherit; } .service-one-area, .our-team-area, .service-layout-3, .pricing-plan-area { padding: 90px 0 60px; } .about-one-area { padding-top: 90px; } .request-call-one-area, .asked-question-two-area .asked-accordion { padding-bottom: 90px; } .service-slider-one-area, .weekly-financial-report, .expert-advisor-slider-area, .our-expert-advisor, .service-slider-two-area, .our-portfolio-area, .service-four-area, .design-own-area, .service-slider-three-area, .our-expert-slider-area, .service-slider-five-area, .our-expert-member-slider-area, .service-slider-six-area, .about-page-one-area, .our-portfolio-area, .contact-area { padding: 80px 0 90px; } .testimonial-one-area, .latest-news-one-area, .testimonial-two-area, .footer-bottom-area { padding: 80px 0; } .left-tab-style, .financial-analysis-area, .request-call-three-area, .service-layout-detail, .error-area, .latest-news-area, .online-shop-area, .single-shop-area, .checkout-page-area, cart-page-area { padding: 90px 0; } .service-two-area { padding: 80px 0 40px; } .counter-area, .our-case-studies-area, .expert-people-area, .team-layout-2, .service-five-area, .service-six-area, .about-service-one-area { padding: 80px 0 60px; } .our-portfolio-area.layout-space, .service-layout-1 { padding: 90px 0 50px; } .service-layout-2, .case-studies-layout, .case-layout-detail, .faqs-area { padding: 90px 0 70px; } .request-form-select > fieldset > div { padding: 0; } .counter-area .counter-title h2 { margin-bottom: 40px; font-size: 36px; } .service-slider-six-area .single-feature-slide .feature-item img { width: calc(118%); } .service-layout-2 .single-item .item-content { margin-top: 30px; } .faq-accordion .panel-default .panel-heading .panel-title { font-size: 16px; } .error-bottom-wrapper { width: 65%; } .news-layout-3 .single-item .item-info { margin-top: 30px; } .news-details-layout .item-comments .item-comments-list ul.comments-list li.odd { margin-left: 0; } .online-shop-category .online-header .pager-area { display: inherit; text-align: inherit; } .online-shop-category .online-header .pager-area .pager-left-area h3 { text-align: center; margin-bottom: 20px; } .online-shop-category .category-product-list .single-item .product-content { margin-top: 30px; } .product-details .detail-content { margin-top: 30px; } .service-six-area .single-service-item .single-service .service-content { margin-top: 15px; } .cart-page-area .cart-page-top table tr .cart-img-holder img { padding: 5px; display: inline-block; } .cart-page-area .ghost-btn { padding: 10px 15px; } .cart-page-area .cart-page-bottom-left input { margin-bottom: 15px; } .about-video { margin-top: 40px; } .about-video img { width: 100%; } .page-title { margin-top: 55px; padding: 60px 0; text-align: center; } .page-title h2 { font-size: 32px; } .team-layout-1 .single-team .item-image img, .team-layout-3 .single-item .item-image img, .detail-image .image-caption img, .portfolio-layout-1 .single-item .item-image img, .portfolio-layout-2 .single-item .item-image img, .portfolio-layout-3 .single-item .item-image img, .service-layout-1 .single-item .item-image img, .service-layout-2 .single-item .item-image img, .service-layout-3 .single-item .item-image img, .case-studies-layout .single-item .item-image img, .news-layout-2 .single-item .item-image img, .news-layout-3 .single-item .item-image img { width: 100%; } } /* Large Mobile :480px. */ @media (max-width: 480px) { slider-area{ display:block; } .nivo-main-image, .nivoSlider img, .nivo-slice{ height:180px !important; } .slider-area .nivoSlider .slider-content h1, .slider-area .nivoSlider .slider-content .large-title { font-size: 20px; margin-bottom: 10px; } .slider-area .nivoSlider .slider-content .slider-btn-area { display: block; } .slider-area .nivoSlider .slider-content .slider-btn-area .btn-fill-round { font-size: 11px; padding: 4px 10px } .slider-area .nivoSlider .slider-content p { font-size: 13px; line-height: 18px; width: 70%; } h2, .our-expert-advisor .single-expert .item-content h3 { font-size: 26px; } .section-title-center h2, .counter-area .counter-title h2, .people-choose-services .people-choose-content h2, .request-call-two-area .request-form .request-title h2, .waste-time-area .waste-time-content h3, .design-own-area .own-site-content h2, .service-five-area .section-title-center h2 { font-size: 26px; } .expert-people-area .single-item .item-image, .team-layout-2 .single-item .item-image { float: inherit !important; max-width: inherit; } .expert-people-area .single-item .item-image img, .team-layout-2 .single-item .item-image img { width: 100%; } .expert-people-area .single-item .item-content, .team-layout-2 .single-item .item-content { padding-left: 0; padding-top: 20px; } .service-slider-three-area .single-feature-slide .feature-slide-content { padding-right: 15px; padding-left: 15px; } .service-three-area .single-item .single-service { padding: 50px 50px 40px; } .left-tab-style .tabs-left .nav-tabs li a { padding-top: 10px; padding-bottom: 10px; } .btn-default-big { padding: 14px 25px; } .service-slider-six-area .single-feature-slide .feature-item img { width: calc(123%); } .page-title { padding: 50px 0; } .page-title h2 { font-size: 30px; } .error-bottom-wrapper a.error-btn { padding: 16px 30px; } .news-details-layout .item-comments .item-author .pull-left { float: inherit !important; margin-bottom: 30px; } .product-overview-area ul.nav-tabs li a { padding: 12px; font-size: 13px; } .contact-area .contact-info ul li:nth-child(odd), .contact-area .contact-info ul li:nth-child(even) { width: inherit; } .contact-area .contact-info ul li { display: block; } } /* small mobile :320px. */ @media (max-width: 320px) { .slider-area .nivoSlider .slider-content h1, .slider-area .nivoSlider .slider-content .large-title { font-size: 24px; } .slider-area .nivoSlider .slider-content .slider-btn-area { display: none; } .service-four-area .single-feature-item .feature-content { padding-left: 10px; padding-right: 10px; } .latest-news-one-area .single-news .item-info span { font-size: 13px; } .latest-news-one-area .single-news .item-info i { font-size: 14px; } .latest-news-one-area .single-news .item-info .favourite { margin-right: 6px; } .page-title { padding: 40px 0; } .page-title h2 { font-size: 26px; } .team-layout-3 .single-item .item-content { -webkit-transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); transform: translateY(-25%); } .product-overview-area ul.nav-tabs li a { padding: 12px 8px; font-size: 12px; } .online-shop-category .online-header .pager-area .pager-right-area .view-mode ul li a { padding: 6px 12px; } .related-product-area .single-item .item-content { text-align: center; } } /*===== End of Responsive css ======*/ h1.site-title a, p.site-title a{ font-size: 24px!important; } .logo-area .site-description{ font-size: 14px!important; } @media only screen and (max-width: 768px) { #header #logo img{ max-width: 200px; margin-top: 18px; max-height: inherit!important; } } @media screen and (min-width: 768px) and (max-width: 1080px) { .waste-time-button .btn-default{ font-size: 14px; padding: 15px 19px; } .about-one-area{ padding-bottom: 100px; } .about-one-area .row{ display: flex; align-items: center; } .asked-question{ padding-top: 100px; } .asked-question-two-area .row{ align-items: flex-end; } .asked-question .asked-accordion{ padding-bottom: 100px; } .asked-question .asked-accordion h4 a, h4{ font-size: 13px; line-height: 20px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading{ padding: 10px 15px; } .asked-question-two-area .asked-accordion .panel-default .panel-collapse .panel-body{ padding: 20px 0; } } @media only screen and (max-width: 1080px) { #intro{ height: auto; } #intro .carousel-item{ height: 500px; } #intro h2{ margin-right: 0; } .slider-text{ margin-left: 30px; } #intro .carousel-container{ justify-content: flex-start; } .slider-text{ max-width: 600px; } #intro h2{ font-size: 60px; } #intro p{ font-size: 16px; } } @media only screen and (max-width: 767px) { .slider-text{ max-width: 300px; } #intro p{ font-size: 14px; } #intro .carousel-item{ height: 365px; } .slider-text h2{ margin-top: 40px; } .mean-container .mean-bar{ position: static; } .slider-area{ margin-top: 0; } .mean-container .mean-bar a{ padding: 0!important; } .mean-container .mean-bar{ padding: 0 15px; } h1.site-title, p.site-title{ margin: 4px 0px 0px 0px; } .mean-container .mean-bar a.meanmenu-reveal{ right: 15px!important; left: auto; top: 35px!important; } .service-one-area .section-title{ padding: 0 15px; } .video-overlay .video h3{ padding-left: 15px; padding-right: 15px; } .asked-question-two-area .asked-accordion .panel-default .panel-heading{ padding: 12px 16px; } .asked-question-two-area h4 a{ font-size: 13px; line-height: 20px; } .asked-question-two-area .asked-accordion .panel-default .panel-collapse .panel-body{ padding-left: 0; padding-right: 0; } } /*===== ADDITIONAL CSS ======*/ .mean-container .mean-nav ul li{ border:1px solid #ddd; border-bottom:none; } .mean-container .mean-nav ul li:last-child{ border-bottom:1px solid #ddd; } .mean-container .mean-nav ul li a.mean-expand{ margin:0; padding:0 !important; } .mean-container .mean-bar a{ padding:0 15px !important; } @media (max-width: 600px) { .slider-area{ display:block; } .slider-content p{display: none;} } .service-slider-one-area .single-feature-slide .feature-slide-content { padding: 7px 25px 5px; } .menu-four-style .main-menu-area nav > ul > li.current-menu-item a { color: #cb011b; } .our-partner .owl-controls .owl-nav > div{ top:20%; } .testimonial-two-area .single-testimonial .testimo-info .testimo-title h3 .position{ color:inherit; } @media (min-width: 800px) { .smush-detected-img{ box-shadow:none; }} @media only screen and (max-width: 767px) { .mean-container .mean-bar { padding: 0; } } .mean-container .mean-nav ul li a.mean-expand{ font-size:24px !important; width:20px; height:20px; border:1px solid #ccc !important; display:flex; justify-content:center; align-items:center; flex-direction:column; color:#cb011b; margin-right: 5px; top:2px; }