/* Theme Name: Businesstum Author: themetum Author URI: https://themetum.com Description: Business Consulting Wordpress Theme Version: 1.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments Keywords: Consulting, business, Businesstum, responsive, Modern Design Requires at least: 5.9 Tested up to: 5.9 Requires PHP: 5.6 Text Domain: Businesstum */ /* Table Index ========================= 1. Theme Style 1.1 Variables 1.2 Font Import 1.3 Common Style 2. Header 3. Home 4. Responsive */ /*=====| 1. Theme Style |=====*/ /*---------- 1.1 Variables ----------*/ @import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700&display=swap"); @import url("assets/css/font-awesome.all.min.css"); :root { --mainBg: #ffcb3d; --mainColor: #ffcb3d; --darkBg: #002e5b; --textColor: #002e5b; --textDark: #0e0a2d; --white: #fff; --black: #2e2e2e; --gray: rgba(18, 20, 27, 0.6); --attornyText: #9a7040; --attorny: #92693c; --dentist: #12c3ff; --tomato: #ff6d4f; --creative: #007bff; --gridPort: #9d7ddd; --creative2: #31ffb8; } /*---------- 1.2 Font Import ----------*/ /*---------- 1.3 Common Style ----------*/ * { margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 10px; } html { scroll-behavior: smooth; overflow-x: hidden; } :focus, :visited, :active { outline: 0 !important; } button { cursor: pointer; } img { max-width: 100%; } svg { max-width: 100%; } i { line-height: 1; } ::-webkit-input-placeholder { opacity: 0.5; } ::-moz-placeholder { opacity: 0.5; } :-ms-input-placeholder { opacity: 0.5; } ::-ms-input-placeholder { opacity: 0.5; } ::placeholder { opacity: 0.5; } ::-moz-placeholder { opacity: 0.5; } ::-webkit-placeholder { opacity: 0.5; } .wp-caption{} .wp-caption-text{} .gallery-caption{} .bypostauthor{} .alignright{} .alignleft{} .aligncenter{} /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* 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: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*----- | Preloader |-----*/ .pre-loader { background-color: #2c3e50; position: fixed; height: 100%; width: 100%; left: 0; top: 0; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s; -o-transition: opacity 0.2s ease-out, visibility 0s linear 0.2s; transition: opacity 0.2s ease-out, visibility 0s linear 0.2s; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1000; } .pre-loader .loader-position { height: 100%; width: 100%; position: relative; text-align: center; } .pre-loader .loader-position img { width: 280px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #ftco-loader.show { -webkit-transition: opacity 0.4s ease-out, visibility 0s linear 0s; -o-transition: opacity 0.4s ease-out, visibility 0s linear 0s; transition: opacity 0.4s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1; } body { font-family: 'Poppins', sans-serif; overflow-x: hidden; position: relative; } p { font-size: 16px; } p b { font-size: inherit; } a { font-size: 16px; text-decoration: none; transition: .3s ease-in-out; letter-spacing:.3px; } a:hover { text-decoration: none; color:#FFCB3D !important; } li a { font-size: 18px; } p { line-height: 30px; letter-spacing:.5px; } i { font-size: 18px; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; letter-spacing:.5px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; font-size: inherit; } h1 { font-size: 60px; font-weight: bold; } h1 span { font-size: inherit; } h2 { font-size: 36px; font-weight: bold; } h2 span { font-size: inherit; } h3 { font-size: 36px; font-weight: 600; } h4 { font-size: 30px; font-weight: 500; } h5 { font-size: 24px; font-weight: 600; } h6 { font-size: 16px; font-weight: 600; } h6.single-title { font-size: 18px; margin-top: 25px; } .section-padding{ padding-top:80px; padding-bottom:90px; } .pt-20{ padding-top:20px; } .pt-30{ padding-top:30px; } .pt-50{ padding-top:50px; } .pb-20{ padding-bottom:20px; } .pb-30{ padding-bottom:30px; } .pb-50{ padding-bottom:50px; } .pb-100{ padding-bottom:100px; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { padding-right: 0; padding-left: 0; } .feedback-bio span.fz-16 { font-size: 16px; } /* Buttons */ .theme-btn { font-size: 16px; padding: 15px 30px; background-color: var(--mainBg); color: var(--textColor); display: inline-block; font-weight: 500; min-width: 170px; text-align: center; } .theme-btn:hover { background-color: #fff; } .theme-btn-big { font-size: 20px; font-weight: 600; } .theme-btn-round { border-radius: 4px; overflow: hidden; } /*=====| 2. Header |=====*/ .top-menu-area { background-color: var(--darkBg); } .top-menu ul li { list-style: none; display: inline-block; margin-right: 80px; } .top-menu ul li a { color: #fff; font-size: 14px; } .top-menu ul li a i { font-size: inherit; margin-right: 15px; color: var(--mainColor); } .list-style-none li { list-style: none; } .d-inline li { display: inline; } .main-menu-area { background-color: #fff; position: relative; } .container-main-menu { position: relative; } .main-menu .menu-list li { display: inline-block; position: relative; } .main-menu .menu-list li.has-children > a::before { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 27px; right: 2px; font-size: 16px; color: var(--textColor); transition: .3s ease-in-out; } .main-menu .menu-list li.has-children:hover > a::before { color: var(--mainColor); } .main-menu .social-list li { display: inline; } .main-menu .menu-list li a, .main-menu .social-list li a i { color: var(--textColor); padding: 25px 23px; display: inline-block; line-height: 1; position: relative; } .main-menu .menu-list li:hover > a, .main-menu .social-list li a i:hover { color: var(--mainColor); } .main-menu .social-list li a i { padding: 25px 15px; } .main-menu .sub-menu { position: absolute; background-color: #fff; min-width: 270px; padding: 20px; overflow: hidden; border-radius: 4px; left: 0; top: calc(100% + 30px); transition: .4s ease-in-out; z-index: 5; visibility: hidden; opacity: 0; } .main-menu .menu-list li::after { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 9px solid var(--mainBg); position: absolute; left: 44%; bottom: -30px; transition: .4s ease-in-out; visibility: hidden; } .main-menu .menu-list li:hover .sub-menu { top: calc(100% - 3px); visibility: visible; opacity: 1; } .main-menu .menu-list li:hover::after { visibility: visible; bottom: 0; } .main-menu .sub-menu::before { content: ""; height: 3px; width: 100%; background-color: var(--mainBg); position: absolute; left: 0; top: 0; } .main-menu .sub-menu li { display: block; position: relative; } .main-menu .sub-menu li::after { height: 2px; width: 10px; left: -22px; top: 22px; border: none !important; background-color: var(--mainBg); } .main-menu .sub-menu li:hover::after { left: -2px; } .main-menu .sub-menu li a { padding: 13px; } .sticky-bar { left: 0; margin: auto; position: fixed; top: 0; width: 100%; padding-bottom:3px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07); z-index: 9999; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 0px 5px rgba(25, 25, 25, 0.1); background: #fff; transition:all .2s ease; } /*=====| 3. Home |=====*/ .data-bg { background-size: cover; background-repeat: no-repeat; } .hero-slides { min-height: 670px; } .hero-slides[data-overlay]::before { background: var(--darkBg) none repeat scroll 0 0; } .color-focus { color: var(--mainColor); } .hero-content { background-color: rgba(0, 46, 91, .6); color: #fff; border-radius: 4px; padding: 50px; position: relative; } .hero-content::before { content: ""; height: 2px; width: 90px; background-color: var(--mainBg); position: absolute; top: 50px; left: 50px; } .hero-title { position: relative; } /* Slider */ .slick-dotted.hero-slider { margin-bottom: 0; } .hero-slider .slick-arrow { position: absolute; top: 50%; height: 40px; width: 40px; background-color: var(--darkBg); text-align: center; line-height: 40px; border-radius: 50px; color: var(--mainColor); cursor: pointer; transition: .3s ease-in-out; z-index: 10; } .hero-slider .slick-arrow:hover { background-color: var(--mainBg); color: var(--textColor); } .hero-slider .prev-arrow { left: 100px; } .hero-slider .next-arrow { right: 100px; } .hero-slider .slick-dots { bottom: 40px; } .hero-slider .slick-dots li button { background-color: transparent; border-radius: 50px; border: 1px solid #fff; transition: .3s ease-in-out; height: 15px; width: 15px; } .hero-slider .slick-dots li:hover button, .hero-slider .slick-dots li.slick-active button { border: 1px solid var(--mainColor); } .hero-slider .slick-dots li.slick-active button { height: 20px; width: 20px; } .slick-dots li button::before { opacity: 0; } .slick-dots li button:hover::before { opacity: 0; } .slick-dots li.slick-active button::before { opacity: 1; color: var(--mainColor); } /*=====| 1. Responsive |=====*/ @media only screen and (max-width: 1366px) { .hero-slider .prev-arrow { left: 15px; } .hero-slider .next-arrow { right: 15px; } } @media only screen and (max-width: 1199px) { .main-menu { padding: 10px 0; } .menu ul { display: none; } .menu { position: absolute; background-color: #fff; width: 100%; top: 100%; left: 0; z-index: 20; display: block !important; transition: .4s ease-in-out; } .menu::before, .menu::after { content: ""; height: 100%; width: 1000px; position: absolute; top: 0; left: 100%; background-color: inherit; } .menu::before { right: 100%; left: unset; } .menu.menu-open { display: block !important; visibility: visible; opacity: 1; } .menu .menu-list li { display: block; } .menu .menu-list li a { padding: 13px; } .main-menu .sub-menu li a { padding: 10px; } .main-menu .menu-list li.has-children > a::before { top: 15px; right: -5px; } .main-menu .menu-list li::after { display: none; } .main-menu-icon { cursor: pointer; position: absolute; top: 50%; right: 15px; transform: translateY(-35%); } .line { display: block; height: 2px; width: 42px; background-color: var(--darkBg); border: none; margin-bottom: 7px; margin-left: auto; transition: .4s ease-in-out; } .line.line-1 { width: 34px; } .line.line-2 { width: 26px; } .main-menu-icon.icon-cross .line.line-2 { width: 0; } .main-menu-icon.icon-cross .line.line-1 { transform: rotate(-45deg) translateX(-12px); } .main-menu-icon.icon-cross .line-3 { transform: rotate(45deg) translateX(-12px); width: 34px; } .main-menu .sub-menu { position: unset; visibility: visible; opacity: 1; transition: 0s; background-color: #F3F4F9; } .main-menu .sub-menu::before { top: 41px; } } @media only screen and (max-width: 991px) { .top-menu { display: none !important; } } @media only screen and (max-width: 991px) { .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { padding-right: 15px; padding-left: 15px; } .container-fluid.comming-wrapper { padding-left: 0; padding-right: 0; } } .contact_header { background: #ffcb4d; padding: 40px 0px; } h4.consult_left_text { font-weight: 600; } .dark_button { float: right; text-align: center; margin-top: 9px; } .dark_btn, a.dark_btn { color: #fff !important; text-decoration: none; font-weight: 600; border:none; letter-spacing: .5px; background: #002E5B; padding: 15px 32px; border-radius: 4px; } .about_img_right { position: relative; } .about_img_right img { position: absolute; } img.responsive-fluid.img_two { z-index: -1; top: 330px; right: -20px; } button.dark_btn i, a.dark_btn i { font-size: 14px; color: #FFCB4D; padding-left: 10px; } h6.sub_title { color: #ffcb3d; } h2.section_title { text-transform: capitalize; font-weight: 700; position: relative; color: #032648; margin-top: 12px; margin-bottom: 35px; } h2.section_title:after { position: absolute; content: ""; width: 75px; height: 2px; background: #FFCB4D; bottom: -17px; left: 1px; } p.about_description { color: #616262; } .fun-fact { position: relative; } span.fun-icon i { position: absolute; width: 100px; color: #FFCB4D; font-size: 26px; height: 100px; padding-right: 30px; } .fun-desc { } p.timer { line-height: 28px; padding-left: 40px; font-size: 18px; color: #032648; font-weight: 800; } .fun-desc span.medium { font-size: 16px; padding-top: 5px !important; position: absolute; font-weight:500; } .parallax-window { background: transparent; background-position: center; background-repeat: no-repeat; background-size: cover; position:relative; } h3.section_title.text-center { z-index: 2; padding-top: 150px; padding-bottom: 150px; color: #fff; } .about_more_text h4 { line-height: 40px; padding-bottom: 10px; font-weight: 600; color: #002E5B; } .about_area_consult { padding-top: 10px; } h4, h5, h6{ color:#002E5B !important; } .about_area_consult h6.tab_price { font-size: 18px; font-weight: 800 !important; padding-bottom: 15px; } p.tab_list { color: #002E5B !important; font-weight: 600; } .tab_list i { font-size: 14px; padding-right: 10px; color: #FFCB4D; } /* ------------ / Service area ------------- */ .service_area{ background-image: -moz-linear-gradient( 90deg, rgb(246,250,250) 0%, rgb(246,250,250) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(246,250,250) 0%, rgb(246,250,250) 100%); background-image: -ms-linear-gradient( 90deg, rgb(246,250,250) 0%, rgb(246,250,250) 100%); background-size:cover; background-position:center; background-repeat:no repeat; } .service_icon { position: absolute; width: 50px; } .service_text { position: relative; padding-left: 75px; } .service_icon img { padding-top: 14px; } .single_service { position: relative; padding-right: 20px; margin-bottom: 30px; } h4.service_title { padding-bottom: 9px; font-size: 26px; font-weight: 600; text-transform:capitalize; color: #002E5B; } /* ------------ / Team area ------------- */ .team_single { position: relative; background: #faf9fc; padding-bottom: 21px; } .team_single_img { position: absolute; } .team_member_text { position: relative; margin-left: 217px; } .team_single_img img { width: 190px; } .team_social_icon a { color: #032648; padding: 12px; margin: 2px; } .team_social_icon { margin-top: 22px; } p.member_intro { font-size: 18px; color: #FFCB3D; } h4.member_name { margin-top: 0px; padding-top: 15px; } /*---------- / Faqs & Testimonial area ---------- */ .faqs_pannel { position: relative; z-index: 1; } section.faqs_client.section-padding:before { position: absolute; content: ""; background: #FFCB3D; width: 50%; right: 0; z-index: 1; top: 0; height: 100%; } .accordion-item { background-color: transparent; } .card-header { border: none; padding:0px !important; } .card-body { padding: 0px 15px 25px 23px; font-size: 16px; letter-spacing: .2px; font-weight: 300; color: #dfe0e0 !important; } button.accordion-button { background: transparent; color: #FFCB3D; font-size:22px !important; text-decoration:none; } button.accordion-button:active, button.accordion-button:focus, button.accordion-button:hover { color: #FFCB3D !important; text-decoration: none; } .accordion-item:not(last-child) { margin-bottom: .3rem; } .accordion-button { padding: 1.5rem .5rem; font-weight: 500; } .accordion-button:not(.collapsed) { border: none; } .accordion-button:not(.collapsed) { color: fffd3; background-color:transparent; box-shadow: none; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: 5px; border-top-right-radius: 5px; } .accordion-button:focus { z-index: 3; border: none; outline: 0; box-shadow: none; } .accordion-body { padding: 0rem 3rem 3rem 3rem; } .accordion-body p { font-size: 1.6rem; } section.faqs_client.section-padding{ position: relative; background: #032648 !important; background-position: center; background-repeat: no-repeat; background-size: cover; height: auto; } .faqs_section_text h6.sub_title, .faqs_section_text h2.section_title { color: #fff !important; } .feedback_section_text { z-index: 9; position: relative; margin-left: 35px; } .feedback-area { position: relative; } .feedback-area:after { content: ""; position: absolute; filter: blur(160px); background: #0772f6; right: 22%; bottom: 35%; width: 140px; height: 150px; } .feedback-wpr { position: relative; } .feedback-wpr:before { position: absolute; content: ""; width: 120px; height: 100px; background: #f73490; top: 4%; left: 0%; filter: blur(115px); } .feedback-box { margin-top: 30px !important; } .feedback-box { position: relative; } .feedback-box:after { content: ""; bottom: 25%; position: absolute; right: 15%; width: 20px; height: 20px; background-image: -moz-linear-gradient( 122deg, rgb(146,59,244) 0%, rgb(120,26,226) 100%); background-image: -webkit-linear-gradient( 122deg, rgb(146,59,244) 0%, rgb(120,26,226) 100%); background-image: -ms-linear-gradient( 122deg, rgb(146,59,244) 0%, rgb(120,26,226) 100%); filter: blur(35px); } .feedback-box { -webkit-box-shadow: 0px 9px 12px 1.68px rgba(184, 185, 195, 0.07); box-shadow: 0px 9px 12px 1.68px rgba(184, 185, 195, 0.07); padding: 5rem 4rem; -webkit-border-radius: 10px; border-radius: 10px; background-color: var(--white-color); } .feedback-box .feedback-pc { margin-bottom: 2.2rem; } .feedback-desc img { border-radius: 100px; border: 2px solid #ff72a0; height: 50px; width: auto; } .feedback-pc i { font-size: 4rem; color: #032546; } .feedback-box p { margin-bottom: 4rem; } .feedback-box .feedback-desc { display: flex; align-items: center; gap: 2rem; } .feedback-box .feedback-desc .feedback-bio h5 { margin-bottom: 5px; } .owl-carousel .owl-item img { display: block; width: inherit; } .feed-sldr.owl-carousel .owl-stage-outer { padding: 15px; margin: -15px -15px 0; } .feed-sldr.owl-theme .owl-nav { margin-top: 40px; float: left; margin-left: 44px; } .feed-sldr.owl-theme .owl-nav [class*=owl-] { color: #032546; font-size: 1.8rem; margin: 5px; padding: 0; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; box-shadow: 0px 0px 29px 0px rgba(103, 103, 165, 0.13); width: 35px; height: 35px; line-height: 35px; text-align: center; } .feed-sldr.owl-theme .owl-nav [class*=owl-]:hover { background: var(--theme-color); color: #FFF; text-decoration: none; } .owl-next i, .owl-prev i { transition: all ease .5s; font-size: 1.5rem; font-weight: 900; } /*---------- / End Faqs & Testimonial area ---------- */ /*---------- / Expertise area ---------- */ .expertise_section_text h2.section_title:after { position: absolute; content: ""; width: 75px; text-align: center !important; height: 2px; background: #FFCB4D; bottom: -17px; left: 47%; } .single_expertise_area { position: relative; background: #fbf9f2; padding: 30px 23px; } .expertise_icon img { position: absolute; width: 40px; margin-top: 13px; } .expertise_title h6 { margin-left: 55px; color: #002e5b; font-size: 20px; line-height: 30px; } /*---------- / End Expertise area ---------- */ /*---------- / Consulting area ---------- */ section.consultant_area { background: #f6fafa; } span.consult { font-size: 30px; font-weight: 600; color: #FFCB3D; } .cosultant_text h4.section_title { line-height: 45px; padding-bottom: 10px; font-weight:600; } .consultant_form_area { margin-top: 0px; } input.form-control { margin-top: 0px; padding: 23px 18px; border: none; font-size: 14px; } .contact-area { margin-right: 10px; } textarea.form-control { margin-top: 0px; padding: 23px 18px; border: none; font-size: 14px; height: 125px; } textarea.form-control:focus { border: none; box-shadow: none; } input.form-control:focus { border: none; box-shadow: none; } button.dark_btn { font-size: 16px; border: none; } /*---------- / Widgets area ---------- */ nav.menu-servicemenu-container ul {list-style: none;} nav.menu-servicemenu-container ul li a {color: #bcc4ce;} nav.menu-servicemenu-container {padding-top: 4px;} nav.menu-servicemenu-container ul li {margin-top: 12px;} .widgets.widget-blog {margin-top: 40px;} .widgets.widget-blog ul {list-style: none;margin-left: 5px;} .widget.widget_block.widget_categories ul li a {color: #27265B;} .widget.widget_block.widget_categories ul li {margin-top: 10px;} .widget.widget_block.widget_categories ul {margin-top: 20px;} /*---------- / Pagination area ---------- */ .nav-links {display: block;} .pagination {display: block;} .nav-links span, .nav-links a {background: #f7f7f7;padding: 10px;font-size: 16px !important;margin-right: 6px;color: #27265B;} /*---------- / Start blog area ---------- */ .blog_post_area { background: #FAF9FC; padding-bottom: 30px; margin-bottom: 50px; } h6.blog_title_link { padding: 10px 25px; line-height: 24px; margin-top: 5px; } .date_author_tag { padding: 0px 25px; } .date_author_tag a.date, a.tags, a.comments, a.author { font-size: 14px; color: #46535e; margin-right: 20px; } .date_author_tag a.date i, a.author i, a.tags i, a.comments i { font-size: 14px; margin-right: 3px; } /* single page social icon -------------------------------*/ .social-link{ overflow: hidden; } .social-link ul{ margin: 0px; padding: 0px; list-style: none; } .social-link ul li{ float: left; } .social-link ul li a{ color: #fff; display: block; font-size: 15px; text-align: center; width: 45px; background: #ddd; white-space: nowrap; margin-right: 6px; padding: 7px 0px; width: 45px; overflow: hidden; font-size: 15px; transition: all 400ms ease 0s; border-radius: 3px; position: relative; margin-bottom: 10px; } .social-link ul li a.facebook{ background: #286196; } .social-link ul li a.twitter{ background: #1AA2F6; } .social-link ul li a.google{ background: #E7462A; } .social-link ul li a.linkedin{ background: #0078B4; } .social-link ul li a.pinterest{ background: #BD081B; } .social-link ul li a.reddit{ background: #FF4400; } .social-link ul li a.message{ background: #9FA3A4; } .social-link ul li a:hover{ width: 90px; } .social-link ul li i{ width: 45px; } .social-link ul li span{ width: 45px; text-align: center; padding-right: 15px; } /* comments form ------------------------------*/ .comments-wrapper{ padding: 15px 40px; border-top: 1px solid #ddd; margin-top: 20px; } .comment-title h2{ margin-bottom: 40px; } /* comments media --------------------------*/ .comments-responsed-wrapper { border-top: 1px solid #ddd; margin-top: 50px; padding: 20px 40px; } .comments-media ol { border: 1px solid #eaeaea; list-style: outside none none; padding: 15px; margin-bottom: 15px; } .comments-media ol ul{ list-style: none; padding: 0px; margin: 0px; } .comments-media img { border-radius: 50%; height: 80px; width: 80px; } .comment-avatar { float: left; margin-right: 15px; padding-top: 15px; } .comment-section { margin-left: 95px; overflow: hidden; } .comment-section h2 { display: inline-block; font-size: 20px; font-weight: 700; margin-bottom: 10px; } .comment-section span { color: #aaa; font-size: 13px; margin-left: 20px; } .comment-content a.btn-comment-replay { border: 1px solid #aaa; border-radius: 3px; color: #aaa; padding: 0px 10px; margin-top: 10px; font-size: 12px; display: inline-block; text-transform: uppercase; line-height: 1.42857143; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .comment-content a.btn-comment-replay:hover { background: #011a48 none repeat scroll 0 0; border-color: #011a48; color: #fff; } .comments-media li .comment-inner { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 22px; overflow: hidden; } .comments-media ol ul { margin-left: 60px; } .comments-media ul li:last-child .comment-inner{ border-bottom: none; padding-bottom: 0px; } @media (max-width: 768px) { .comments-media ol ul { margin-left:0px; } } @media (min-width: 992px) { .comments-media ol ul { margin-left: 60px; } } @media (max-width: 480px) { .comment-avatar { float: none; margin-right: 0; } .comment-section { margin-left: 0; } } /*---------- / End blog area ---------- */ /*---------- / Footer area ---------- */ h4.subscribe_title { color: #fff !important; margin-left:30px; } .subscribe_form { background:#efb30f; margin-left: 15%; margin-right: 15%; margin-bottom: -70px; position: relative; padding-top: 30px; padding-bottom: 15px; padding-left: 2%; padding-right: 2%; border-radius:5px; } .subscribe_btn { margin-top: 2rem !important; } input#subscribeEmail { margin-top: 0.5rem !important; position: absolute !important; } button.sub_btn { margin-top: 2.2rem !important; } input#subscribeEmail { position: relative; width: 175px; background: transparent; border-bottom: 2px solid #fff; text-align: center; padding: 5px; color: #fff !important; } button.sub_btn { position: relative; float: right; top: -28px; right: 10%; font-size: 16px; border: none; padding: 10px 25px; border-radius: 3px; font-weight: 600; color: #fff; background: #002E5B; } button.sub_btn i { font-size: 14px; padding-left: 4px; color: #EFB30F; } section.footer_area { background: #002e5b; } .logo_light img { margin-top: 0px; margin-bottom: 30px; } h6.footer_subtitle { color: #f5f8f8 !important; font-size: 24px; font-weight: 600; margin-top: 12px; margin-bottom: 40px; } ul#menu-service-menu li, ul#menu-footermenu li { list-style: none; padding-bottom: 10px; } ul#menu-service-menu, ul#menu-footermenu { padding-top: 18px !important; } ul#menu-service-menu li a, ul#menu-footermenu li a { color: #bcc4ce; } ul.footer_nav li.nav-item { list-style: none; margin: 5px 0px; } ul.footer_nav li a { color: #bcc4ce !important; font-size: 16px; font-weight: 400; transition:all ease .4s; } ul.footer_nav li a:hover { color: #EFB30F !important; } .contact_icon_area a { width: 100%; color: #bcc4ce; font-size: 16px; display: block; margin: 5px 0px; padding: 10px 5px; } .contact_icon_area a i { font-size: 20px; padding-right: 10px; color: #FFCB3D; } .footer_social_icon a { margin-right: 8px; color: #bcc4ce; padding: 10px; } .footer_social_icon { margin-top: 25px; } .case_studies_img a.case_img img { max-width: 60px; margin-top: 20px; margin-right: 10px; } .payment_img img { max-width: 100%; margin-top: 10px; } .payment_img.pt-20 { float: right; } .copyright_text p a { color: #EEB20F !important; } .copyright_text p { font-size: 18px; font-weight: 500; color: #bcc4ce; } p.copyright a { color: #EEB20F; } /*---------- / End Footer area ---------- */ /*Scroll top css */ .scroll_top{ display:none; position: fixed; bottom: 60px; right: 30px; width: 45px; text-align: center; height: 45px; z-index: 99; font-size: 24px; outline: none; color: #002E5B; cursor: pointer; padding: 10px; border-radius: 3px; line-height: 1; background:#efb30f; } /*---------- / End Scroll to Top ---------- */ /*---------- / page-breadcrum style ---------- */ section.page-title { margin-top: 2px; background: url(assets/img/parallax.jpg); } .page-breadcrumbd h2 { color: #fff; } .page-breadcrumbd p a { color: #F1F3F4; } .page-breadcrumbd p { color: #FFCB4D; } /*---------- / Case Studies ---------- */ p.sub_title_text { max-width: 650px; margin: auto; padding-top: 10px; } .portfolio-item{ position: relative; margin-bottom: 5%; overflow: hidden; } .portfolio-item::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#002e5b; opacity:.8; } .portfolio-details { position: absolute; left: 0; bottom: -20%; width: 100%; padding: 20px 15px; } .portfolio-item:hover .portfolio-details { bottom: 0; } .portfolio-details, .portfolio-item::before { opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .portfolio-item:hover::before, .portfolio-item:hover .portfolio-details { opacity: 1; visibility: visible; } .portfolio-details { margin-bottom:15%; } .portfolio-details span { display: block; } .portfolio-details h3 a, .portfolio-details a { color: #fff; font-size:18px; } /*---------- / portfolio-single-page ---------- */ .single-portfolio-wrapper, .single-portfolio-wrapper a{ font-family: "Poppins"; } .single-portfolio-title a { color: #3452ff; font-size: 17px; font-weight: 500; text-transform: uppercase; } .single-portfolio-title h2 { font-size: 26px; margin-bottom: 20px; color: #002E5B; margin-top: 10px; } .single-portfolio-inner { margin-top: 30px; margin-bottom: 50px; } .portfolio-details-panel p { line-height: 27px; margin-bottom: 25px; color:#616262; } .portfolio-details-panel ul span { display: inline-block; width: 116px; } .portfolio-details-panel ul { color: #616262; list-style: none; padding: 0px; margin-bottom: 30px; } .portfolio-details-panel ul span { color: #000; text-transform: capitalize; font-size: 16px; } .portfolio-details-panel ul li { padding-bottom: 20px; font-size:16px; } .portfolio-details-panel ul a { color: #616262; margin-right: 10px; padding: 5px; } .portfolio-details-panel ul a:hover { color: #3452ff; } .single-portfolio-images img { margin-bottom: 30px; } .divider{ background: #EEEEEE; display: block; width: 100%; height: 1px; margin: 10px 0px; } .company-address{ margin: 0 15px; } .company-address ul{ margin: 0px; padding: 0px; list-style: none; } .company-address ul li{ padding-left: 50px; position: relative; margin-bottom: 40px; } form.contact-form { margin-right: 3%; margin-left: 1%; padding-bottom: 25px; } input#submit:focus, input#submit:active { background: #002E5B !important; box-shadow:none !important; border:none !important; } input#submit { background: #002E5B !important; padding: 15px 40px; text-align: center; color: #f7f7f7; border:none !important; box-shadow:none; font-size: 18px; } form.contact-form .form-control { background: #f7f7f7; margin-top: 0px !important; margin-bottom: 0px !important; } .company-address ul li i{ left: 0; position: absolute; top: 4px; color: #4860F0; font-size: 22px; } .company-address ul li a{ color: #61727f; } .company-address ul li i { color: #FFCB3D; padding-top: 5px; } /*---------- / Blog Comments ---------- */ .comment-author.vcard img { height: 70px; width: 70px; border-radius: 100%; } .comment-author.vcard { color: #002E5B !important; font-size: 16px !important; } b.fn a.url { color: #002E5B; font-weight: 500; font-size: 16px; } span.says { font-size: 16px; } .comment-metadata a time { color: #002E5B; font-size: 14px; } .comment-body { margin-bottom: 25px; margin-top: 25px; } .comment-content p { margin-top: 10px; } ol.commentlist { list-style: none; } /*---------- / Blog post comment form ---------- */ p.comment-form-comment label { position: absolute; margin-left: 15px; font-size: 16px; margin-top: 10px; } p.comment-form-comment textarea { border: none; border-radius: 4px; } p.comment-form-author label, p.comment-form-email label, p.comment-form-url label { position: absolute; margin-left: 10px; font-size: 16px; margin-top: 5px; } p.comment-form-author input, p.comment-form-email input, p.comment-form-url input { border: none; padding: 5px; width: 50%; margin-bottom: 10px; } p.comment-form-cookies-consent label { font-size: 16px; margin-left: 8px; } p.form-submit input { margin-top: 20px; border-radius: 5px; } p.comment-notes { display: none; } .comment-form { margin-top: 35px; } /*---------- / News & Blog ---------- */ p.blog_text { line-height: 24px; padding: 0px 26px; font-size: 14px; } .blog_details { padding-left: 24px; padding-right: 4px; padding-bottom: 50px; } /*---------- / Responsive Part ---------- */ @media only screen and (min-width: 200px) and (max-width: 1200px){ ul#menu-servicemenu { position: relative; background: none; } ul#menu-footermenu { position: relative; background: none; } } @media only screen and (min-width: 768px) and (max-width: 993px){ .subscribe_form { margin-left: 1%; margin-right: 1%; } .expertise_title h6 {margin-left: 5px;padding-top: 25px;} .expertise_icon img {margin-top: -10px;width: 30px;} section.expertise_area .container {max-width: 100%;} .subscribe_form { margin-left: 1%; margin-right: 1%; } .team_single_img { position: static; } .team_member_text { margin-left: 10px; position: relative; } .portfolio-details { position: absolute; left: 0; bottom: -10%; width: 100%; padding:5px; } .portfolio-details h3 a, .portfolio-details a { font-size: 14px; } } @media (max-width: 768px) { .subscribe_form { margin-left: 1%; margin-right: 1%; } .expertise_title h6 {margin-left: 5px;padding-top: 25px;} .expertise_icon img {margin-top: -10px;width: 30px;} section.expertise_area .container {max-width: 100%;} .subscribe_form { margin-left: 1%; margin-right: 1%; } .about_img_right img.img_one {position: relative;} section.faqs_client.section-padding:before { position: absolute; content: ""; visibility:hidden; } .feedback_section_text { margin-top: 30px; } .feedback_section_text h6.sub_title, .feedback-pc i, .feedback-box p, .feedback-bio h5, .feedback-bio span, .feedback_section_text h2.section_title { color: #fff !important; } .tab_btn_dark { padding-bottom: 40px; } .about_img_right img { margin-top: 40px; } } .widget_media_gallery { padding-top: 5rem; }