/* ------------------------------------------------------------------- * Theme Name : Corcota - Drone App Landing Page * Author Name : Yucel Yilmaz * Created Date : 20 November 2020 * Version : 1.0 * File : style.css ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- Base ------------------------ / * 01.Base * 02.Typography * 03.Helper Class ------------------------ / Components ------------------------ / * 04.Buttons * 05.Animations * 06.Form(Input, Comment) * 07.Pagination * 08.Preloader ------------------------ / Layout ------------------------ / * 09.Header * 10.Hero * 11.About * 12.Services * 13.Work Process * 14.Skills * 15.Portfolio * 16.Our Team * 17.Counters * 18.Testimonial * 19.Pricing * 20.Footer * 21.Breadcrumb ------------------------ / Pages ------------------------ / * 22.404 Error Page * 23.Portfolio Single * 24.Services Detail * 25.Contact Us ------------------------------------------------------------------- */ /* ---------------------------------------------------------------- */ /* 01.Base /* ---------------------------------------------------------------- */ @import url("../../../_external/fonts.googleapis.com/css2.family_Poppins_ital_wght_0_400_0_500_0_600_0_700_0_800_0_900_1_400_1_500_1_600_1_700_1_800_1_900_amp_display_swap.css"); body, html { font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400; color: #7C7885; margin: 0; padding: 0; } body { position: relative; } ::-moz-selection { background: #1B3F8B; color: #fff; } ::selection { background: #1B3F8B; color: #fff; } a:link, a:hover, a:active, a:visited { text-decoration: none; } ul, ol { list-style-type: none; padding: 0; margin: 0; } textarea, textarea:focus, input, input:focus, button, button:focus { outline: none; resize: inherit; } .owl-carousel .owl-item img { display: block; width: auto; } /* ---------------------------------------------------------------- */ /* 02.Typography /* ---------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; /* font-weight: 700;*/ color: #1B3F8B; margin: 0; line-height: 1.5; } h1, .h1 { font-size: 45px; } h2, .h2 { font-size: 36px; } h3, .h3 { font-size: 2.9rem; } h4, .h4 { font-size: 2.5rem; } h5, .h5 { font-size: 1.3rem; } h6, .h6 { font-size: 16px; } p { line-height: 1.6; margin: 0; } /* ---------------------------------------------------------------- */ /* Responsive Media Query * Extra Small devices (portrait phones, less than 575px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 575.98px) { h3, .h3 { font-size: 2.1rem; } h4, .h4 { font-size: 1.8rem; } } /* ---------------------------------------------------------------- */ /* 03.Helper Class /* ---------------------------------------------------------------- */ .page-wrapper { position: relative; overflow: hidden; } .section { padding: 20px 0; } .section .section-heading-center, .section .section-heading-left { margin-bottom: 30px; } .section .section-heading-center h2, .section .section-heading-left h2 { display: block; } .section .section-heading-center h6, .section .section-heading-left h6 { font-style: italic; color: #E07030; margin-bottom: 10px; text-transform: capitalize; } .section .section-heading-center { text-align: center; } .section .section-heading-center h6:before, .section .section-heading-center h6:after { content: ""; width: 20px; height: 2px; display: inline-block; vertical-align: middle; background: #E07030; } .section .section-heading-center h6:before { margin-right: 10px; } .section .section-heading-center h6:after { margin-left: 10px; } .section .section-heading-left { text-align: left; } .section .section-heading-left h2 { text-align: left; display: block; } .section .section-heading-left h6:before { content: ""; width: 20px; height: 2px; vertical-align: middle; margin-right: 10px; background: #E07030; display: inline-block; } .inner-header-title { margin-bottom: 20px !important; position: relative; padding-bottom: 22px; display: block; } .inner-header-title:after, .inner-header-title:before { content: ""; bottom: 0; left: 0; height: 2px; position: absolute; border-radius: 5px; } .inner-header-title:after { width: 100%; background: rgba(0, 0, 0, 0.05); } .inner-header-title:before { width: 60px; z-index: 36; background: #E07030; } .bg-grey { background: #f5f5f5; } .bg-light-grey { background: rgba(224, 112, 48, 0.05); } .mb-30 { margin-bottom: 30px; } .pb-minus-70 { padding-bottom: 70px; } .pb-minus-93 { padding-bottom: 93px; } .bg-overlay { z-index: 1; padding: 100px 0; position: relative; background-attachment: fixed; background-position: center center; background-size: cover; } .bg-overlay:before { top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: -1; position: absolute; opacity: 0.75; background: #E07030; } .owl-carousel .owl-item img { width: auto; display: inline-block; } #projects-carousel.owl-theme .owl-nav, #services-carousel.owl-theme .owl-nav, #team-carousel.owl-theme .owl-nav, #testimonials-carousel.owl-theme .owl-nav, #blog-carousel.owl-theme .owl-nav { display: none; } #projects-carousel.owl-theme .owl-nav button, #services-carousel.owl-theme .owl-nav button, #team-carousel.owl-theme .owl-nav button, #testimonials-carousel.owl-theme .owl-nav button, #blog-carousel.owl-theme .owl-nav button { margin: 10px; display: inline-block; text-transform: capitalize; } #projects-carousel.owl-theme .owl-nav button span, #services-carousel.owl-theme .owl-nav button span, #team-carousel.owl-theme .owl-nav button span, #testimonials-carousel.owl-theme .owl-nav button span, #blog-carousel.owl-theme .owl-nav button span { width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #projects-carousel.owl-theme .owl-nav button.owl-prev, #services-carousel.owl-theme .owl-nav button.owl-prev, #team-carousel.owl-theme .owl-nav button.owl-prev, #testimonials-carousel.owl-theme .owl-nav button.owl-prev, #blog-carousel.owl-theme .owl-nav button.owl-prev { margin-right: 0; } #recent-projects-carousel .owl-dots { text-align: left; margin-top: 0; line-height: 0; } #recent-projects-carousel .owl-dots .owl-dot { text-align: left; } #recent-projects-carousel .owl-dots .owl-dot:first-child span { margin-left: 0; } #recent-projects-carousel .owl-dots .owl-dot span { width: 20px; height: 7px; margin: 0 5px; display: block; border-radius: 0; background: #1B3F8B; -webkit-transition: all .25s ease; transition: all .25s ease; } #recent-projects-carousel .owl-dots .owl-dot span:hover { background: #E07030; } #recent-projects-carousel .owl-dots .owl-dot.active span { background: #E07030; } #services-carousel.owl-theme .owl-nav button span, #testimonials-carousel.owl-theme .owl-nav button span, #team-carousel.owl-theme .owl-nav button span, #blog-carousel.owl-theme .owl-nav button span { background: #fff; color: #E07030; -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); } #services-carousel.owl-theme .owl-nav button:hover span, #testimonials-carousel.owl-theme .owl-nav button:hover span, #team-carousel.owl-theme .owl-nav button:hover span, #blog-carousel.owl-theme .owl-nav button:hover span { background: #E07030; color: #fff; } #projects-carousel.owl-theme .owl-nav button span { background: rgba(255, 255, 255, 0.03); } #projects-carousel.owl-theme .owl-nav button:hover span { background: #fff; color: #E07030; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 768px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 768px) { #services-carousel.owl-theme .owl-nav, #projects-carousel.owl-theme .owl-nav, #team-carousel.owl-theme .owl-nav, #testimonials-carousel.owl-theme .owl-nav, #blog-carousel.owl-theme .owl-nav { display: none !important; } } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 576px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 575.98px) { .section .section-heading-left h2, .section .section-heading-center h2 { font-size: 2rem; } } /* ---------------------------------------------------------------- */ /* 04.Buttons /* ---------------------------------------------------------------- */ .secondary-btn, .primary-btn { z-index: 1; padding: 10px; font-weight: 500; overflow: hidden; position: relative; text-align: center; display: inline-block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-transform: capitalize; color: #fff !important; } .secondary-btn:after, .primary-btn:after { top: 0; left: 0; content: ""; width: 100%; height: 100%; z-index: -4; -webkit-transform: scaleX(0); transform: scaleX(0); position: absolute; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition: -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1); transition: -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1); transition: transform 400ms cubic-bezier(0.65, 0, 0.35, 1); transition: transform 400ms cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1); } .secondary-btn span, .primary-btn span { padding: 10px 18px; } .secondary-btn i, .primary-btn i { width: 50px; height: 50px; text-align: center; line-height: 50px; color: #E07030; background: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15); box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15); } .secondary-btn:hover:after, .primary-btn:hover:after { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .primary-btn { background: #E07030; } .primary-btn:after { background: #1B3F8B; } .secondary-btn { background: #1B3F8B; } .secondary-btn:after { background: #E07030; } .scroll-top-btn { bottom: 0; opacity: 0; right: 10px; z-index: 1000; position: fixed; visibility: hidden; text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.1); } .scroll-top-btn.active { opacity: 1; bottom: 10px; visibility: visible; } .scroll-top-btn i { width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; background: #E07030; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .scroll-top-btn:hover i { background: #1B3F8B; color: #fff !important; } /* ---------------------------------------------------------------- */ /* 05.Animations /* ---------------------------------------------------------------- */ @-webkit-keyframes ldsellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes ldsellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ldsellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @keyframes ldsellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @-webkit-keyframes ldsellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(24px, 0); transform: translate(24px, 0); } } @keyframes ldsellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(24px, 0); transform: translate(24px, 0); } } @-webkit-keyframes pulseWhite { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); } 70% { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes pulseWhite { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); } 70% { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @-webkit-keyframes pulsePrimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(224, 112, 48, 0.4); box-shadow: 0 0 0 0 rgba(224, 112, 48, 0.4); } 70% { -webkit-box-shadow: 0 0 0 20px rgba(224, 112, 48, 0); box-shadow: 0 0 0 20px rgba(224, 112, 48, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(224, 112, 48, 0); box-shadow: 0 0 0 0 rgba(224, 112, 48, 0); } } @keyframes pulsePrimary { 0% { -webkit-box-shadow: 0 0 0 0 rgba(224, 112, 48, 0.4); box-shadow: 0 0 0 0 rgba(224, 112, 48, 0.4); } 70% { -webkit-box-shadow: 0 0 0 20px rgba(224, 112, 48, 0); box-shadow: 0 0 0 20px rgba(224, 112, 48, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(224, 112, 48, 0); box-shadow: 0 0 0 0 rgba(224, 112, 48, 0); } } @-webkit-keyframes iconPulse { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @keyframes iconPulse { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes stickyMenu { 0% { margin-top: -120px; opacity: 0; } 50% { margin-top: -64px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @keyframes stickyMenu { 0% { margin-top: -120px; opacity: 0; } 50% { margin-top: -64px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @-webkit-keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @keyframes dash { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes dashCheck { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } @keyframes dashCheck { 0% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: 900; } } /* ---------------------------------------------------------------- */ /* 06.Form(Input, Comment) /* ---------------------------------------------------------------- */ #headerSearchBar { background: rgba(37, 37, 37, 0.9); padding-right: 0 !important; } #headerSearchBar.custom-modal .modal-content { background: transparent; border: none; } #headerSearchBar.custom-modal .modal-content .modal-header { padding: 20px 30px 20px 0; border-radius: 0; border: none; } #headerSearchBar.custom-modal .modal-content .modal-header .modal-title { color: #fff; font-size: 1.1rem; font-weight: 600; } #headerSearchBar.custom-modal .modal-content .modal-header button { opacity: 1; } #headerSearchBar.custom-modal .modal-content .modal-header button span { font-weight: 400; color: #fff; } #headerSearchBar.custom-modal .modal-content .modal-body { padding: 0; border-radius: 0; } #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group { position: relative; overflow: hidden; } #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group .popup-form-control { height: 70px; outline: none; width: 100%; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; background: transparent; padding: 0 90px 0 70px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group .popup-form-control:focus { outline: none; border-color: #fff; } #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group > span { top: 0; left: 0; width: 70px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 16px; } #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group .searchbar-btn { top: 0; right: 0; padding: 0; width: 70px; border: none; height: 100%; position: absolute; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff; color: #E07030; } #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group .searchbar-btn:hover { background: #E07030; color: #fff; } #contactFormSuccessModal, #contactFormDangerModal { background: initial; } #contactFormSuccessModal .modal-content, #contactFormDangerModal .modal-content { background: #fff; border: none; } #contactFormSuccessModal .modal-header, #contactFormDangerModal .modal-header { text-align: center; padding: 20px; border: 0; border-radius: 0 !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #contactFormSuccessModal .modal-header h5, #contactFormDangerModal .modal-header h5 { font-weight: 500; font-size: 18px; } #contactFormSuccessModal .modal-header button, #contactFormDangerModal .modal-header button { font-weight: 400; } #contactFormSuccessModal .modal-header button span, #contactFormDangerModal .modal-header button span { font-size: 30px !important; } #contactFormSuccessModal .modal-header h5, #contactFormSuccessModal .modal-header button, #contactFormDangerModal .modal-header h5, #contactFormDangerModal .modal-header button { color: #fff; } #contactFormSuccessModal .modal-header.danger, #contactFormDangerModal .modal-header.danger { background: #f27474; color: #fff; } #contactFormSuccessModal .modal-header.success, #contactFormDangerModal .modal-header.success { background: #4caf50; color: #fff; } #contactFormSuccessModal .modal-body, #contactFormDangerModal .modal-body { padding: 30px !important; border-radius: 0; } #contactFormSuccessModal .modal-body .form-popup-inner, #contactFormDangerModal .modal-body .form-popup-inner { text-align: center; } #contactFormSuccessModal .modal-body .form-popup-inner .form-icon, #contactFormDangerModal .modal-body .form-popup-inner .form-icon { margin-bottom: 30px; } #contactFormSuccessModal .modal-body .form-popup-inner .form-icon svg, #contactFormDangerModal .modal-body .form-popup-inner .form-icon svg { width: 100px; height: 100px; border-radius: 50%; } #contactFormSuccessModal .modal-body .form-popup-inner .form-icon svg .path, #contactFormDangerModal .modal-body .form-popup-inner .form-icon svg .path { stroke-dasharray: 1000; stroke-dashoffset: 0; } #contactFormSuccessModal .modal-body .form-popup-inner .form-icon svg .path.circle, #contactFormDangerModal .modal-body .form-popup-inner .form-icon svg .path.circle { -webkit-animation: dash 0.9s ease-in-out; animation: dash 0.9s ease-in-out; } #contactFormSuccessModal .modal-body .form-popup-inner .form-icon svg .path.line, #contactFormDangerModal .modal-body .form-popup-inner .form-icon svg .path.line { stroke-dashoffset: 1000; -webkit-animation: dash 0.9s 0.35s ease-in-out forwards; animation: dash 0.9s 0.35s ease-in-out forwards; } #contactFormSuccessModal .modal-body .form-popup-inner .form-icon svg .path.check, #contactFormDangerModal .modal-body .form-popup-inner .form-icon svg .path.check { stroke-dashoffset: -100; -webkit-animation: dashCheck 0.9s 0.35s ease-in-out forwards; animation: dashCheck 0.9s 0.35s ease-in-out forwards; } #contactFormSuccessModal .modal-body .form-popup-inner .form-icon.danger svg, #contactFormDangerModal .modal-body .form-popup-inner .form-icon.danger svg { fill: #f27474; stroke: #f27474; background: rgba(242, 116, 116, 0.1); } #contactFormSuccessModal .modal-body .form-popup-inner .form-icon.success svg, #contactFormDangerModal .modal-body .form-popup-inner .form-icon.success svg { fill: #4caf50; stroke: #4caf50; background: rgba(76, 175, 80, 0.1); } #contactFormSuccessModal .modal-footer, #contactFormDangerModal .modal-footer { background: #fff; padding: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #contactFormSuccessModal .modal-footer .popup-link, #contactFormDangerModal .modal-footer .popup-link { font-weight: 700; color: #000; } #contactFormSuccessModal .modal-footer .popup-link.success:hover, #contactFormDangerModal .modal-footer .popup-link.success:hover { color: #4caf50; text-decoration: underline; } #contactFormSuccessModal .modal-footer .popup-link.danger:hover, #contactFormDangerModal .modal-footer .popup-link.danger:hover { color: #f27474; text-decoration: underline; } .comment-item { margin-bottom: 30px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .comment-item:last-child { border-bottom: 0; } .comment-item p { margin-bottom: 15px !important; } .comment-item .comment-item-title { margin-bottom: 8px; } .comment-item img { margin-right: 20px; } .comment-item .comment-meta { margin-bottom: 9px; } .comment-item .comment-meta span { display: inline-block; margin-right: 10px; color: #000; font-size: 14px; font-weight: 600; } .comment-item .comment-meta span i { margin-right: 10px; color: #E07030; } .comment-item .reply-btn { display: inline-block; font-weight: 500; color: #000; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .comment-item .reply-btn:hover { color: #E07030; } .comment-item .reply-btn i { vertical-align: -1px; display: inline-block; color: #E07030; } .comment-item.sub-comment-item { margin-left: 120px; } .leave-comment-wrapper .comment-form-group { margin-bottom: 20px; position: relative; } .item-bdr{ background: #fff; border: 1px solid #cfcfcf; border-radius: 6px; border: #93939352 solid 1px; padding:10px; } .leave-comment-wrapper .comment-form-group .form-control { outline: none; width: 100%; border: none; height: auto; color: #000; padding: 20px 20px 19px 50px; border-radius: 0; display: block; margin-bottom: 20px; position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: rgba(224, 112, 48, 0.05); } .leave-comment-wrapper .comment-form-group .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .leave-comment-wrapper .comment-form-group span { top: 0; left: 20px; line-height: 63px; color: #E07030; position: absolute; pointer-events: none; } .leave-comment-wrapper button { border: none; } .custom-form-group { position: relative; } .custom-form-group .custom-form-control { width: 100%; display: block; border-radius: 5px; margin-bottom: 30px; padding: 18px 30px 18px 60px; border: none; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-box-shadow: 0 10px 20px 0 rgba(37, 37, 37, 0.04); box-shadow: 0 10px 20px 0 rgba(37, 37, 37, 0.04); } .custom-form-group .custom-form-control:focus { -webkit-box-shadow: 0 15px 30px 0 rgba(37, 37, 37, 0.04); box-shadow: 0 15px 30px 0 rgba(37, 37, 37, 0.04); } .custom-form-group > span { top: 0; left: 0; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #E07030; font-size: 16px; } .custom-form-group button { width: 100%; display: block !important; background: transparent; } .comment-block-mt { margin-top: 30px; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 576px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 575.98px) { .comment-item { display: block !important; } .comment-item img { margin-right: 0; margin-bottom: 20px; } .comment-item.sub-comment-item { margin-left: 100px; } } /* ---------------------------------------------------------------- */ /* 07.Pagination /* ---------------------------------------------------------------- */ .pagination-wrap .pagination-link { width: 50px; height: 50px; font-weight: 600; color: #000; line-height: 50px; margin: 0 5px 0 0; text-align: center; display: inline-block; background: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1); } .pagination-wrap .pagination-link:hover, .pagination-wrap .pagination-link.active { background: #E07030; color: #fff !important; } .pagination-wrap .pagination-link:last-child { margin-right: 0; } /* ---------------------------------------------------------------- */ /* 08.Preloader /* ---------------------------------------------------------------- */ #preloader-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 5555; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; background: #1B3F8B; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lds-ellipsis { width: 80px; height: 80px; position: relative; display: inline-block; } .lds-ellipsis div { top: 33px; width: 13px; height: 13px; border-radius: 50%; position: absolute; background: #fff; -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0); animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 8px; -webkit-animation: ldsEllipsis1 0.6s infinite; animation: ldsEllipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 8px; -webkit-animation: ldsellipsis2 0.6s infinite; animation: ldsellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 32px; -webkit-animation: ldsellipsis2 0.6s infinite; animation: ldsellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 56px; -webkit-animation: ldsellipsis3 0.6s infinite; animation: ldsellipsis3 0.6s infinite; } /* ---------------------------------------------------------------- */ /* 09.Header /* ---------------------------------------------------------------- */ .header { background: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0 5px 15px rgba(37, 37, 37, 0.04); box-shadow: 0 5px 15px rgba(37, 37, 37, 0.04); } .header .navbar-brand { padding: 0; margin-right: 0; } .header #navbar-top { padding: 15px 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #f8fcff; } .header #navbar-top .nav-social-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header #navbar-top .nav-social-links a { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; margin-right: 14px; background: rgba(255, 255, 255, 0.05); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .header #navbar-top .nav-social-links a:hover { background: #E07030; color: #fff; } .header #navbar-top .nav-social-links a:last-child { margin-right: 0; } .header #navbar-top .nav-info-wrap { text-align: left; } .header #navbar-top .nav-info-wrap .nav-info-box { margin-right: 30px; display: inline-block; } .header #navbar-top .nav-info-wrap .nav-info-box:last-child { margin-right: 0; } .header #navbar-top .nav-info-wrap .nav-info-box i { color: #E07030; margin-right: 10px; padding-right: 10px; font-size: 14px; border-right: 1px solid #fff; } .header #navbar-top .nav-info-wrap .nav-info-box a:hover span { color: #E07030 !important; } .header #navbar-top .nav-info-wrap .nav-info-box span { font-size: 14px; color: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .header .navbar-btn-resp .primary-btn { margin-left: 10px; } .header .nav-item .nav-link { color: #fff; font-size: 14px; font-weight: 400; padding: 15px 10px; text-transform: none; letter-spacing: 0.6px; display: block; position: relative; } .header .nav-item .nav-link:not(.active):after { left: 0; bottom: 0; width: 100%; height: 2px; z-index: 7; content: ''; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; background: #fea040; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .header .nav-item .nav-link:not(.active):hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .header .nav-item:hover > a { color: #fea040; opacity: 1; } .header .nav-item.dropdown:hover .nav-link:after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .header .nav-item.dropdown .dropdown-menu { border: 0; padding: 0; margin: 0; border-radius: 0; background-color: #fff; -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.04); box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.04); } .header .nav-item.dropdown .dropdown-menu .dropdown-item { width: 100%; color: #000; font-size: 14px; display: block; font-weight: 400; padding: 12px 20px; position: relative; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .header .nav-item.dropdown .dropdown-menu .dropdown-item:hover { color: #fff; background: #fea040; padding: 12px 20px 12px 25px; border-bottom-color: #1B3F8B; } .header .nav-item.dropdown .dropdown-menu .dropdown-item:last-child { border-bottom: 0; } .header .nav-item.dropdown .dropdown-toggle { padding-right: 23px !important; } .header .nav-item.dropdown .dropdown-toggle:after { display: inline-block; margin-left: 0; vertical-align: initial; content: ""; border: none; } .header .nav-item.dropdown .dropdown-toggle:before { content: "\f067"; top: 50%; right: 10px; position: absolute; font-weight: 700; font-family: "Font Awesome 5 Free"; font-size: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header .nav-item.dropdown .dropdown-toggle[aria-expanded="true"]:before { content: "\f068"; } .header .navbar-toggler { outline: none; border: none; border-radius: 0; padding: 0 15px 0 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; margin: 10px; } .header .navbar-toggler .togler-icon-inner span { height: 2px; margin: 6px auto; width: 24px; display: block; background: #bbddf7; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header .navbar-toggler .togler-icon-inner span:last-child { margin-bottom: 0; } .header .navbar-toggler:hover .togler-icon-inner span { background: #E07030; } .header .navbar-toggler[aria-expanded="true"] .togler-icon-inner span { background: #E07030; } .header .navbar-toggler[aria-expanded="true"] .togler-icon-inner span:nth-child(1) { -webkit-transform: rotate(-405deg) translate(-5px, 6px); transform: rotate(-405deg) translate(-5px, 6px); } .header .navbar-toggler[aria-expanded="true"] .togler-icon-inner span:nth-child(2) { opacity: 0; } .header .navbar-toggler[aria-expanded="true"] .togler-icon-inner span:nth-child(3) { -webkit-transform: rotate(-315deg) translate(-5px, -6px); transform: rotate(-315deg) translate(-5px, -6px); } .header .search-btn-resp { z-index: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .header .search-btn-mobile { display: none; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 992px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 991.98px) { .header #nav-menu-wrap .container { max-width: 100%; padding: 0; } .header .search-btn-resp { display: none !important; } .header .navbar-brand { padding: 10px 0 10px 15px; } .header .main-menu { background: #1B3F8B; } .header .main-menu .navbar-nav { max-height: 250px; overflow: hidden; overflow-y: auto; } .header .main-menu .navbar-nav::-webkit-scrollbar { width: 5px; } .header .main-menu .navbar-nav::-webkit-scrollbar-track { background: rgba(37, 37, 37, 0.6); } .header .main-menu .navbar-nav::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.6); } .header .main-menu .navbar-nav::-webkit-scrollbar-thumb:hover { background: #E07030; } .header .main-menu .navbar-nav .nav-link { color: #fff; padding: 10px 15px !important; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; opacity: 1; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header .main-menu .navbar-nav .nav-link:after { display: none; } .header .main-menu .navbar-nav .nav-link.active { background: #E07030; color: #fff !important; border-color: #E07030; } .header .main-menu .navbar-nav .nav-link:not(.active):hover { background: #E07030; color: #fff !important; border-color: #E07030; } .header .main-menu .nav-item .dropdown-menu { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 0.05); } .header .main-menu .nav-item .dropdown-menu .dropdown-item { color: #fff; padding: 10px 15px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .header .main-menu .nav-item .dropdown-menu .dropdown-item:hover { background: #E07030; } .header .dropdown-toggle:before { top: 20px !important; right: 20px !important; } .header .search-btn-mobile { display: block; position: absolute; top: 30px; background: transparent; border: none; color: #000; font-size: 18px; right: 60px; } .header .search-btn-mobile:hover { color: #E07030; } .navbar-btn-resp { display: none !important; } } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than min-width: 992px) /* ---------------------------------------------------------------- */ @media screen and (min-width: 991.98px) { .dropdown-menu { border: 0; top: 120%; left: 0; color: #000; z-index: 15; opacity: 0; visibility: hidden; display: initial; min-width: 230px; border-radius: 0; position: absolute; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .dropdown-menu.show { opacity: 1; top: 100%; visibility: visible; } } /* ---------------------------------------------------------------- */ /* 10.Hero /* ---------------------------------------------------------------- */ .hero-section { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding-top: 195px; padding-bottom: 195px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-size: cover; background-position: center center; background-repeat: no-repeat; } .hero-section:after { top: 0; left: 0; z-index: -5; content: ""; width: 100%; height: 100%; opacity: 0.5; position: absolute; background: #1B3F8B; } .hero-inner { z-index: 15; position: relative; } .hero-inner h1 { margin-bottom: 20px; color: #fff; text-transform: capitalize; } .hero-inner h1 span { font-style: italic; font-weight: 700; text-decoration: underline; } .hero-inner p { opacity: 0.75; color: #fff; margin: 0 0 40px; font-family: "Poppins", sans-serif; font-weight: 400; } .hero-inner h6 { text-transform: capitalize; color: #fff; margin-bottom: 10px; font-weight: 400; } .hero-inner h6::before { content: ""; width: 20px; height: 2px; vertical-align: middle; margin-right: 10px; background: #fff; display: inline-block; } .hero-inner .hero-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-inner .hero-btn a.primary-btn { margin-right: 10px; } #heroparticles { width: 100%; height: 100%; position: absolute; background-color: transparent; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } #hero_video { z-index: 1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-size: cover; -o-object-fit: scale-down; object-fit: scale-down; background-repeat: no-repeat; background-position: center center; } #hero_video:after { display: none; } #hero_video .hero-overlay { height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0.5; pointer-events: none; background: #1B3F8B; } #heroSliderWrap { padding: 0; } #heroSliderWrap #hero-slider.owl-carousel .owl-dots { display: none; } #heroSliderWrap #hero-slider.owl-carousel .owl-nav { margin-top: 0; } #heroSliderWrap #hero-slider.owl-carousel button.owl-next, #heroSliderWrap #hero-slider.owl-carousel button.owl-prev { top: 50%; margin: 0; padding: 0; width: 60px; height: 60px; color: #fff; border-radius: 0; text-align: center; line-height: 60px; position: absolute; display: inline-block; background: rgba(255, 255, 255, 0.08); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #heroSliderWrap #hero-slider.owl-carousel button.owl-next:hover, #heroSliderWrap #hero-slider.owl-carousel button.owl-prev:hover { background: #fff; color: #E07030; } #heroSliderWrap #hero-slider.owl-carousel button.owl-next { right: 15px; } #heroSliderWrap #hero-slider.owl-carousel button.owl-prev { left: 15px; } #heroSliderWrap #hero-slider.owl-carousel .owl-dots { position: absolute; bottom: 15px; left: 15px; } #heroSliderWrap #hero-slider.owl-carousel .owl-dots .owl-dot span { width: 20px; height: 7px; margin: 0 5px; display: block; border-radius: 0; background: rgba(255, 255, 255, 0.2); -webkit-transition: all .25s ease; transition: all .25s ease; } #heroSliderWrap #hero-slider.owl-carousel .owl-dots .owl-dot span:hover { background: #fff; } #heroSliderWrap #hero-slider.owl-carousel .owl-dots .owl-dot.active span { background: #fff; } #heroSliderWrap .item { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; max-width: 100%; width: 100%; z-index: 1; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 195px; padding-bottom: 195px; background-size: cover; background-repeat: no-repeat; background-position: center center; } #heroSliderWrap .item:before { top: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; opacity: 0.5; z-index: -1; position: absolute; background: #1B3F8B; } .intro-hero-section { z-index: 1; overflow: hidden; padding-top: 150px; padding-bottom: 150px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-size: cover; background-position: center center; background-repeat: no-repeat; } .intro-hero-section:after { top: 0; left: 0; z-index: -1; content: ""; width: 100%; height: 100%; opacity: 0.8; position: absolute; background: #000; } .intro-hero-section .intro-hero-subtitle { color: #fff; font-weight: 300; margin-bottom: 30px; } .intro-hero-section .intro-hero-title { color: #fff; font-size: 2rem; margin-bottom: 20px; } .intro-hero-section .intro-hero-title span { font-size: 3.5rem; font-weight: 700; margin-bottom: 10px; display: block; text-transform: uppercase; margin: 0 auto 15px auto; } .intro-hero-section .hero-btn .primary-btn:after { background: #2f2f2f; } .demo-item { margin-bottom: 30px; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); } .demo-item .demo-title { padding: 30px 0; display: block; text-align: center; color: #000; font-size: 1.2rem; font-weight: 600; background: #fff; text-transform: capitalize; } .demo-item .demo-img { overflow: hidden; position: relative; } .demo-item .demo-item-link { padding: 30px; display: block; font-weight: 600; font-size: 1.125rem; background: #fff; color: #000 !important; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .demo-item:hover .demo-item-link { color: #fff !important; background: #E07030; } .features-item { padding: 30px; text-align: center; margin-bottom: 30px; position: relative; background: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .features-item:hover { -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); } .features-item .features-icon { margin-bottom: 20px; } .features-item .features-text h5 { font-size: 1.125rem; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 768px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 768px) { .hero-inner .hero-title { font-size: 2.5rem; } } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 576px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 576px) { .hero-section { padding-top: 60px; padding-bottom: 50px; } #heroSliderWrap .item { padding-top: 60px; padding-bottom: 50px; } #heroSliderWrap #hero-slider.owl-carousel .owl-dots { display: block; } #heroSliderWrap #hero-slider.owl-carousel .owl-nav { margin-top: 0; } #heroSliderWrap #hero-slider.owl-carousel button.owl-next, #heroSliderWrap #hero-slider.owl-carousel button.owl-prev { display: none; } .hero-inner p { font-size: 0.9rem; margin-bottom: 20px; } .hero-inner h1 { font-size: 1.6rem; margin-bottom: 15px; } .hero-inner .hero-btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .hero-inner .hero-btn a { margin-bottom: 10px; } .intro-hero-section .intro-hero-title { font-size: 1.4rem; } .intro-hero-section .intro-hero-title span { font-size: 2.2rem; } } /* ---------------------------------------------------------------- */ /* 11.About /* ---------------------------------------------------------------- */ .about-inner-wrap { padding-left: 0px; } .about-inner-wrap .about-inner > h6 { font-style: italic; color: #E07030; margin-bottom: 10px; text-transform: capitalize; } .about-inner-wrap .about-inner > h6:before { content: ""; width: 20px; height: 2px; vertical-align: middle; margin-right: 10px; background: #E07030; display: inline-block; } .about-inner-wrap .about-inner h2 { margin-bottom: 20px; } .about-inner-wrap .about-inner p { margin-bottom: 30px; } .about-inner-wrap .about-list li { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; } .about-inner-wrap .about-list li:last-child { margin-bottom: 0; } .about-inner-wrap .about-list li .icon { margin-right: 20px; } .about-inner-wrap .about-list li .text h5 { margin-bottom: 10px; } .about-inner-wrap .about-list li .text h5:before { content: ""; width: 20px; height: 2px; vertical-align: middle; margin-right: 10px; background: #E07030; display: inline-block; } .about-img { text-align: left; position: relative; display: inline-block; } .about-img img { border-radius: 140px 50px 160px 50px; -webkit-box-shadow: 0 15px 20px 0 rgba(37, 37, 37, 0.3); box-shadow: 0 15px 20px 0 rgba(37, 37, 37, 0.3); } .about-img .video-btn { z-index: 1; font-weight: 500; overflow: hidden; text-align: center; position: absolute; bottom: 20px; right: 20px; border-radius: 120px 0 150px 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-transform: capitalize; } .about-img .video-btn i { width: 180px; height: 180px; text-align: center; line-height: 180px; font-size: 35px; color: #E07030; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff; -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15); box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15); } .about-img .video-btn:hover i { background: #E07030; color: #fff; } .about-video-section { z-index: 1; overflow: hidden; padding-top: 195px; padding-bottom: 195px; position: relative; background-size: cover; text-align: center; background-position: center center; background-repeat: no-repeat; } .about-video-section .video-btn { position: relative; display: inline-block; font-size: 32px; width: 150px; height: 150px; padding-left: 5px; line-height: 150px; display: inline-block; text-align: center; border-radius: 50%; color: #1B3F8B; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff; -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1); -webkit-animation: pulseWhite 1s linear infinite; animation: pulseWhite 1s linear infinite; } .about-video-section .video-btn:hover { -webkit-animation: none; animation: none; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: none; box-shadow: none; color: #fff; background: #E07030; } #our-history { background: #1B3F8B; } #our-history .history-inner-wrap .history-inner > h6 { font-style: italic; color: #fff; margin-bottom: 10px; text-transform: capitalize; } #our-history .history-inner-wrap .history-inner > h6:before { content: ""; width: 20px; height: 2px; vertical-align: middle; margin-right: 10px; background: #E07030; display: inline-block; } #our-history .history-inner-wrap .history-inner h2 { color: #fff; margin-bottom: 20px; } #our-history .history-inner-wrap .history-inner p { margin-bottom: 20px; color: #fff; opacity: 0.75; } #our-history .history-inner-wrap .history-inner span { color: #fff; font-style: italic; font-weight: 600; } #our-history .history-inner-wrap .history-inner span:before { content: ""; width: 20px; height: 2px; vertical-align: middle; margin-right: 10px; background: #E07030; display: inline-block; } #our-history .history-seo { display: inline-block; } #our-history .history-seo .history-seo-name { padding: 30px; position: relative; background: #E07030; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #our-history .history-seo .history-seo-name h6 { color: #fff; } #our-history .history-seo img { display: inline-block; } #our-history .history-list h6 { font-size: 36px; color: #fff; margin-bottom: 14px; } #our-history .history-list h6:before { content: ""; width: 20px; height: 3px; vertical-align: middle; margin-right: 15px; background: #E07030; display: inline-block; } #our-history .history-list ul { margin-bottom: 30px; } #our-history .history-list ul:last-child { margin-bottom: 0; } #our-history .history-list ul li p { color: #fff; opacity: 0.75; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (992px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 991.98px) { .about-img { margin-bottom: 30px; } .about-inner-wrap { padding-left: 15px; } .about-inner-wrap .about-list li { display: block; } .about-inner-wrap .about-list li .icon { margin-right: 0; margin-bottom: 20px; } #our-history .history-year h6 { margin-bottom: 30px; } } /* ---------------------------------------------------------------- */ /* Responsive Media Query (768px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 767.98px) { #our-history .history-seo { margin-top: 30px; margin-bottom: 30px; } } /* ---------------------------------------------------------------- */ /* Responsive Media Query (576px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 575.98px) { .about-img { margin-bottom: 30px; } .about-img .video-btn { top: 50%; left: 50%; right: initial !important; bottom: initial !important; border-radius: 100px 0 100px 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .about-img .video-btn i { width: 120px; height: 120px; font-size: 25px; line-height: 120px; } .about-inner-wrap .about-inner h2 { font-size: 28px; } } /* ---------------------------------------------------------------- */ /* 12.Services /* ---------------------------------------------------------------- */ .services-item { padding: 0px; margin-bottom: 30px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff; } .services-item .icon { margin-bottom: 10px; } .services-item .text h2 { font-size: 60px; color: #E07030; } .services-item .text h5 { margin-bottom: 15px; } .services-item .text p { margin-bottom: 30px; } .services-item .list { margin-bottom: 30px; } .services-item .list li { margin-bottom: 15px; } .services-item .list li:last-child { margin-bottom: 0; } .services-item .list li h6 { font-weight: 600; } .services-item .list li h6:before { content: "\f061"; margin-right: 15px; font-family: "Font Awesome 5 Free"; vertical-align: middle; display: inline-block; color: #E07030; } .services-item .block-btn { line-height: 0; } .services-item .block-btn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .services-item:hover { -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); } /* ---------------------------------------------------------------- */ /* 13.Work Process /* ---------------------------------------------------------------- */ .work-process-item { display: inline-block; margin-bottom: 30px; } .work-process-item .img { z-index: 1; position: relative; display: inline-block; color: #fff; } .work-process-item .img:after { top: 0; left: 0; content: ""; width: 100%; height: 100%; opacity: 0.5; position: absolute; pointer-events: none; background: #1B3F8B; } .work-process-item .img span { top: 50%; left: 50%; z-index: 4; font-size: 60px; font-weight: 700; position: absolute; color: transparent; -webkit-text-stroke: 1px #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .work-process-item .text { position: relative; text-align: center; } .work-process-item .text::after { top: -40px; left: 50%; z-index: 1; content: ""; position: absolute; border: 20px solid; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-color: transparent transparent #1B3F8B transparent; } .work-process-item .text h6 { padding: 20px; font-size: 18px; color: #fff; background: #1B3F8B; } /* ---------------------------------------------------------------- */ /* 14.Skills /* ---------------------------------------------------------------- */ #skills { position: relative; } #skills .skils-bg { top: 0; left: 0; width: 50%; width: calc(50% - 15px); height: 100%; overflow: hidden; position: absolute; background-size: cover; background-position: center center; background-repeat: no-repeat; background-size: cover; } .skills-inner-wrap { padding-left: 50px; } .skills-inner-wrap .skills-inner > h6 { font-style: italic; color: #E07030; margin-bottom: 10px; text-transform: capitalize; } .skills-inner-wrap .skills-inner > h6:before { content: ""; width: 20px; height: 2px; vertical-align: middle; margin-right: 10px; background: #E07030; display: inline-block; } .skills-inner-wrap .skills-inner h2 { margin-bottom: 20px; } .skills-inner-wrap .skills-inner p { margin-bottom: 30px; } .skills-progress-wrap .skills-item { overflow: hidden; margin-bottom: 30px; position: relative; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .skills-progress-wrap .skills-item:after, .skills-progress-wrap .skills-item:before { content: ""; display: block; clear: both; } .skills-progress-wrap .skills-item:last-child { margin-bottom: 0; } .skills-progress-wrap .skills-item .skills-progress-bar { height: 12px; position: relative; background: #1B3F8B; margin-top: 20px; -webkit-box-shadow: 0 5px 8px 0 rgba(37, 37, 37, 0.04); box-shadow: 0 5px 8px 0 rgba(37, 37, 37, 0.04); } .skills-progress-wrap .skills-item .skills-progress-bar .skills-progress-value { top: 0; left: 0; height: 100%; position: absolute; background: #E07030; } .skills-progress-wrap .skills-item .skills-progress-bar .skills-progress-value:after { content: ""; top: -15px; right: 0; z-index: 1; position: absolute; border: 20px solid; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); border-color: transparent transparent #E07030 #E07030; } .skills-progress-wrap .skills-item .skills-item-text h6 .skill-percent { float: right; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (992px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 991.98px) { .skills-inner-wrap { padding-left: 15px; } #skills .skils-bg { display: none; } } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 576px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 575.98px) { .skills-inner-wrap .skills-inner h2 { font-size: 28px; } } /* ---------------------------------------------------------------- */ /* 15.Portfolio /* ---------------------------------------------------------------- */ #latest-projects { background: #1B3F8B; } #latest-projects .section-heading-left h6, #latest-projects .section-heading-left h2 { color: #fff; } .latest-project-item, .recent-project-item { position: relative; overflow: hidden; } .latest-project-item .portfolio-item-img, .recent-project-item .portfolio-item-img { position: relative; overflow: hidden; margin-bottom: 30px; } .latest-project-item .portfolio-item-img:after, .recent-project-item .portfolio-item-img:after { content: ""; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; position: absolute; visibility: hidden; pointer-events: none; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; background: rgba(37, 37, 37, 0.5); } .latest-project-item .block-btn a, .recent-project-item .block-btn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: rgba(255, 255, 255, 0.03); } .latest-project-item .block-btn a span, .recent-project-item .block-btn a span { font-weight: 700; } .latest-project-item .block-btn a:after, .recent-project-item .block-btn a:after { background: #E07030; } .latest-project-item .portfolio-buttons, .recent-project-item .portfolio-buttons { top: 50%; left: 50%; z-index: 1; opacity: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .latest-project-item .portfolio-buttons a, .recent-project-item .portfolio-buttons a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .latest-project-item .portfolio-buttons span, .recent-project-item .portfolio-buttons span { position: relative; } .latest-project-item .portfolio-buttons span:nth-child(1):after, .latest-project-item .portfolio-buttons span:nth-child(1):before, .latest-project-item .portfolio-buttons span:nth-child(2):after, .latest-project-item .portfolio-buttons span:nth-child(2):before, .recent-project-item .portfolio-buttons span:nth-child(1):after, .recent-project-item .portfolio-buttons span:nth-child(1):before, .recent-project-item .portfolio-buttons span:nth-child(2):after, .recent-project-item .portfolio-buttons span:nth-child(2):before { content: ""; position: absolute; background: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .latest-project-item .portfolio-buttons span:nth-child(1):after, .latest-project-item .portfolio-buttons span:nth-child(1):before, .recent-project-item .portfolio-buttons span:nth-child(1):after, .recent-project-item .portfolio-buttons span:nth-child(1):before { top: 0; width: 30px; height: 2px; } .latest-project-item .portfolio-buttons span:nth-child(1):after, .recent-project-item .portfolio-buttons span:nth-child(1):after { left: -100px; } .latest-project-item .portfolio-buttons span:nth-child(1):before, .recent-project-item .portfolio-buttons span:nth-child(1):before { left: 100px; } .latest-project-item .portfolio-buttons span:nth-child(2):after, .latest-project-item .portfolio-buttons span:nth-child(2):before, .recent-project-item .portfolio-buttons span:nth-child(2):after, .recent-project-item .portfolio-buttons span:nth-child(2):before { left: 0; width: 2px; height: 30px; } .latest-project-item .portfolio-buttons span:nth-child(2):after, .recent-project-item .portfolio-buttons span:nth-child(2):after { top: -100px; } .latest-project-item .portfolio-buttons span:nth-child(2):before, .recent-project-item .portfolio-buttons span:nth-child(2):before { top: 100px; } .latest-project-item:hover .portfolio-item-img:after, .recent-project-item:hover .portfolio-item-img:after { opacity: 1; visibility: visible; } .latest-project-item:hover .portfolio-buttons, .recent-project-item:hover .portfolio-buttons { opacity: 1; visibility: visible; } .latest-project-item:hover .portfolio-buttons span:nth-child(1):after, .recent-project-item:hover .portfolio-buttons span:nth-child(1):after { left: -30px; } .latest-project-item:hover .portfolio-buttons span:nth-child(1):before, .recent-project-item:hover .portfolio-buttons span:nth-child(1):before { left: 0px; } .latest-project-item:hover .portfolio-buttons span:nth-child(2):after, .recent-project-item:hover .portfolio-buttons span:nth-child(2):after { top: -30px; } .latest-project-item:hover .portfolio-buttons span:nth-child(2):before, .recent-project-item:hover .portfolio-buttons span:nth-child(2):before { top: 0px; } .recent-project-item { margin-bottom: 20px; } .recent-project-item .portfolio-item-img { margin-bottom: 20px; } .recent-project-item .block-btn a { background: #1B3F8B; } .recent-project-item .block-btn a:after { background: #E07030; } #portfolio-grid .latest-project-item, #portfolio-masonry .latest-project-item { margin-bottom: 30px; } #portfolio-grid .latest-project-item .block-btn a, #portfolio-masonry .latest-project-item .block-btn a { background: #1B3F8B; } #portfolio-grid .latest-project-item .block-btn a:after, #portfolio-masonry .latest-project-item .block-btn a:after { background: #E07030; } .portolio-grid-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 70px; } .portolio-grid-header .section-heading-left { margin-bottom: 0; } .portolio-grid-header .gallery-filter { text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; } .portolio-grid-header .gallery-filter a { z-index: 6; padding: 10px 15px; background: transparent; position: relative; color: #000; margin: 0 10px 0 0; font-weight: 500; font-size: 14px; overflow: hidden; display: inline-block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: 1px solid #e0e0e0; } .portolio-grid-header .gallery-filter a:last-child { margin-right: 0; } .portolio-grid-header .gallery-filter a.current { background: #E07030; color: #fff; border-color: transparent; } .portolio-grid-header .gallery-filter a:hover { color: #fff !important; border-color: transparent; background: #E07030; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 992px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 991.98px) { .portolio-grid-header { display: block; margin-bottom: 60px; } .portolio-grid-header .gallery-filter { margin-top: 30px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; } .portolio-grid-header .gallery-filter a { margin: 0 10px 10px 0; } } /* ---------------------------------------------------------------- */ /* 16.Our Team /* ---------------------------------------------------------------- */ .team-card .team-img { overflow: hidden; } .team-card .team-img img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .team-card .team-img img:hover { -webkit-transform: scale(1.15); transform: scale(1.15); } .team-card .team-detail { padding: 0px 5px 20px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .team-card .team-detail .text h6 { color: #407bda; margin-bottom: 0; font-size: 18px; font-weight: normal; } .candidate-desig { color: #666; } .team-card .team-detail .text span { color: #666; opacity: 0.75; font-size: 15px; } .team-card .team-detail .team-social > i { width: 50px; height: 50px; display: inline-block; text-align: center; line-height: 50px; color: #E07030; background: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15); box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15); } .team-card .team-detail .team-social ul { bottom: 70%; opacity: 0; position: absolute; background: #fff; text-align: center; visibility: hidden; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .team-card .team-detail .team-social ul li:last-child a { border-bottom: 0; } .team-card .team-detail .team-social ul li a { display: block; color: #1B3F8B; width: 50px; height: 50px; line-height: 50px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-bottom: 1px solid rgba(37, 37, 37, 0.07); } .team-card .team-detail .team-social ul li a:hover { background: #1B3F8B; color: #fff; } .team-card .team-detail .team-social:hover > i { background: #1B3F8B; color: #fff; } .team-card .team-detail .team-social:hover ul { opacity: 1; bottom: 80%; visibility: visible; } .team-card .team-detail:after { top: 0; left: 0; content: ""; width: 100%; height: 100%; z-index: -1; -webkit-transform: scaleX(0); transform: scaleX(0); position: absolute; background: #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition: -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1); transition: -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1); transition: transform 400ms cubic-bezier(0.65, 0, 0.35, 1); transition: transform 400ms cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1); } .team-card .team-detail:hover:after { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* ---------------------------------------------------------------- */ /* 17.Counters /* ---------------------------------------------------------------- */ #counters { background: #1B3F8B; } #counters .counter-item { text-align: center; position: relative; margin-bottom: 30px; } #counters .counter-item:last-child:after { display: none; } #counters .counter-item:after { top: 0; right: 0; width: 2px; height: 100%; content: ""; position: absolute; background: rgba(255, 255, 255, 0.75); } #counters .counter-item .top h2 { font-size: 60px; margin-bottom: 5px; color: #fff; } #counters .counter-item .text h5 { color: #fff; font-weight: 500; font-size: 17px; opacity: 0.75; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 992px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 991.98px) { .counter-item:nth-child(2):after { display: none; } } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 576px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 576px) { .counter-item:after { display: none; } .counter-item .top h2 { font-size: 50px; } } /* ---------------------------------------------------------------- */ /* 18.Testimonial /* ---------------------------------------------------------------- */ .testimonial-item { padding: 30px; margin-bottom: 30px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff; } .testimonial-item .top { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .testimonial-item .top .img { margin-right: 30px; border-radius: 50%; } .testimonial-item .top .img img { border-radius: 50%; } .testimonial-item .top .text h5 { margin-bottom: 8px; } .testimonial-item .top .text h6 { color: #E07030; font-style: italic; text-transform: capitalize; } .testimonial-item .top .text h6:before { content: ""; width: 10px; height: 2px; vertical-align: middle; margin-right: 10px; background: #E07030; display: inline-block; } .testimonial-item .body p { font-style: italic; margin-bottom: 20px; } .testimonial-item .body .rating-star i { color: #E07030; margin-right: 2px; display: inline-block; font-size: 14px; } .testimonial-item .body .rating-star i:last-child { margin-right: 0; } .testimonial-item:hover { -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 768px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 767.98px) { .testimonial-item .top { display: block; } .testimonial-item .top .img { margin-right: 0; margin-bottom: 30px; } } /* ---------------------------------------------------------------- */ /* 19.Pricing /* ---------------------------------------------------------------- */ .price-table { margin-bottom: 0px; /*-webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);*/ } .price-table .price-value { z-index: 1; padding: 42px 30px; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; } .price-table .price-value:after { top: 0; left: 0; z-index: -1; content: ""; width: 100%; height: 100%; opacity: 0.7; position: absolute; background: #ffe8bc; } .price-table .price-value span { font-size: 1rem; color: #34497e; } .price-table .price-value a:hover span { color: #000; } .price-table .price-value b { font-size: 60px; font-weight: 700; font-family: "Poppins", sans-serif; color: #fff; } .price-table .price-text { padding: 30px; } .price-table .price-list { padding: 30px 30px 0 30px; } .price-table .price-list li { margin-top: 15px; font-weight: 600; color: #1B3F8B; } .price-table .price-list li:before { content: "\f00c"; margin-right: 15px; font-family: "Font Awesome 5 Free"; vertical-align: middle; display: inline-block; color: #E07030; } .price-table .price-list li:first-child { margin-top: 0; } .price-table .price-footer { padding: 30px; } .price-table .price-footer .primary-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; } .price-table.recommend { background: #FFF2C5; } .price-table.recommend .price-value:after { background: #eeeef0; } .price-table.recommend .price-text h5 { color: #fff; } .price-table.recommend .price-list li { font-weight: 600; color: #fff; } .price-table.recommend .price-footer { padding: 30px; } .price-table.recommend .price-footer .primary-btn:after { background: #2f2f2f; } .blog-item { margin: 0 0 30px 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff; } .blog-item .blog-img { overflow: hidden; position: relative; } .blog-item .blog-img img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .blog-item .blog-img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-item .blog-img .blog-date { position: absolute; bottom: 0; left: 30px; width: auto; background: #E07030; padding: 15px; font-size: 14px; color: #fff; } .blog-item .blog-body { padding: 30px; position: relative; } .blog-item .blog-body .blog-meta { margin-bottom: 15px; } .blog-item .blog-body .blog-meta a { font-size: 15px; margin-right: 10px; font-weight: 600; color: #1B3F8B; } .blog-item .blog-body .blog-meta a i { margin-right: 10px; color: #E07030; } .blog-item .blog-body .blog-meta a:hover { color: #E07030; text-decoration: underline; } .blog-item .blog-body h5 { margin-bottom: 20px; } .blog-item .blog-body h5 a { color: inherit; } .blog-item .blog-body h5 a:hover { text-decoration: underline; color: #E07030; } .blog-item .blog-body .blog-link { color: #E07030; font-weight: 600; } .blog-item .blog-body .blog-link:hover { text-decoration: underline; } .blog-item .blog-body .blog-link i { margin-left: 5px; } .blog-item .blog-body p { margin-bottom: 15px; } .blog-item:hover { -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); } #blog-grid-page .blog-item, #blog-sidebar-page .blog-item { -webkit-box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1); } #blog-grid-page .blog-item:hover, #blog-sidebar-page .blog-item:hover { -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); } .widget-sidebar .sidebar-widgets { margin-bottom: 20px; } .widget-sidebar .sidebar-widgets .blog-search-btn { top: 0; right: 0; z-index: 4; border: none; width: 60px; outline: none; height: 100%; overflow: hidden; color: #fff; position: absolute; background: #E07030; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .widget-sidebar .sidebar-widgets .blog-search-btn:hover { color: #fff !important; background: #1B3F8B; } .widget-sidebar .sidebar-widgets .blog-search-bar { width: 100%; } .widget-sidebar .sidebar-widgets .blog-search-bar .search-form-control { width: 100%; display: block; border: none; padding: 20px 78px 20px 20px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: rgba(224, 112, 48, 0.05); } .widget-sidebar .sidebar-widgets:last-child { margin-bottom: 0; } .widget-sidebar .recent-post-item { margin-bottom: 20px; } .widget-sidebar .recent-post-item:last-child { margin-bottom: 0; } .widget-sidebar .recent-post-item .recent-post-img { float: left; overflow: hidden; } .widget-sidebar .recent-post-item .recent-post-img img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .widget-sidebar .recent-post-item .recent-post-img img:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .widget-sidebar .recent-post-item .recent-post-body .recent-post-title { margin-bottom: 14px; line-height: 1.5; font-size: 1.1rem; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .widget-sidebar .recent-post-item .recent-post-body .recent-post-title:hover { color: #E07030; text-decoration: underline; } .widget-sidebar .recent-post-item .recent-post-body .recent-post-date i { margin-right: 8px; color: #E07030; } .widget-sidebar .sidebar-archive-list li, .widget-sidebar .sidebar-category-list li { display: block; padding: 10px 10px 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .widget-sidebar .sidebar-archive-list li:first-child, .widget-sidebar .sidebar-category-list li:first-child { padding-top: 0; } .widget-sidebar .sidebar-archive-list li:last-child, .widget-sidebar .sidebar-category-list li:last-child { border-bottom: 0; padding-bottom: 0; } .widget-sidebar .sidebar-archive-list li a, .widget-sidebar .sidebar-category-list li a { color: #000; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; font-weight: 500; } .widget-sidebar .sidebar-archive-list li a:before, .widget-sidebar .sidebar-category-list li a:before { content: ""; background: #000; display: inline-block; margin-right: 10px; vertical-align: middle; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .widget-sidebar .sidebar-archive-list li a:hover, .widget-sidebar .sidebar-category-list li a:hover { text-decoration: underline; } .widget-sidebar .sidebar-archive-list li a:hover, .widget-sidebar .sidebar-archive-list li a.active, .widget-sidebar .sidebar-category-list li a:hover, .widget-sidebar .sidebar-category-list li a.active { color: #E07030; } .widget-sidebar .sidebar-archive-list li a.active:before, .widget-sidebar .sidebar-archive-list li a:hover:before, .widget-sidebar .sidebar-category-list li a.active:before, .widget-sidebar .sidebar-category-list li a:hover:before { background: #E07030; } .widget-sidebar .sidebar-category-list li a:before { height: 1px; width: 10px; } .widget-sidebar .sidebar-category-list li a:hover:before { width: 20px; } .widget-sidebar .sidebar-category-list li a .category-count { float: right; } .widget-sidebar .sidebar-archive-list li a:before { height: 5px; width: 5px; } .widget-sidebar .sidebar-tags li { float: left; } .widget-sidebar .sidebar-tags li:last-child a { margin-right: 0; } .widget-sidebar .sidebar-tags li a { font-size: 14px; font-weight: 500; margin-right: 10px; margin-bottom: 10px; padding: 10px 15px; display: inline-block; color: #132035; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: 1px solid #e0e0e0; } .widget-sidebar .sidebar-tags li a:hover, .widget-sidebar .sidebar-tags li a.active { background: #E07030; border-color: transparent; color: #fff !important; } .widget-sidebar .sidebar-share li { margin-right: 10px; float: left; } .widget-sidebar .sidebar-share li:last-child { margin-right: 0; } .widget-sidebar .sidebar-share li a { width: 40px; height: 40px; color: #fff; line-height: 40px; text-align: center; display: inline-block; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; background: #E07030; } .widget-sidebar .sidebar-share li a:hover { color: #fff; background: #1B3F8B; } .widget-sidebar .tag-widgets { margin-bottom: 20px; } .blog-title-subline { margin-bottom: 20px; } .blog-post-img { position: relative; } .blog-post-img .post-date { bottom: 0; left: 0; width: auto; position: absolute; color: #fff; } .blog-post-img .post-date span { display: block; padding: 30px; font-size: 25px; text-align: center; background: #E07030; } .blog-post-img .post-date a { font-size: 14px; padding: 20px; display: block; color: #fff; background: #1B3F8B; } .blog-post-img .post-date a:hover { text-decoration: underline; } .blog-text { margin-top: 20px; } .blog-text h4 { font-size: 2.3rem; margin-bottom: 20px; } .blog-text .author-meta { margin-bottom: 20px; } .blog-text .author-meta a { color: #1B3F8B; margin-right: 15px; font-weight: 600; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .blog-text .author-meta a:after { content: ""; margin-left: 15px; border-left: 1px solid #E07030; } .blog-text .author-meta a:last-child { margin-right: 0; } .blog-text .author-meta a:last-child:after { display: none; } .blog-text .author-meta a:hover { color: #E07030; text-decoration: underline; } .blog-text .author-meta a span { color: #E07030; display: inline-block; margin-right: 15px; } .blog-text p { margin-bottom: 20px; } .blog-text blockquote { padding: 30px; margin-bottom: 30px; color: #1B3F8B; font-weight: 500; background: #fff; border-left: 5px solid #E07030; -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); } .blog-text blockquote q { font-style: italic; line-height: 2; } .blog-text blockquote q:before { margin-right: 5px; } .blog-text blockquote q:after { margin-left: 5px; } .blog-text .grid-gallery-item { margin-bottom: 30px; } .blog-text .embed-responsive { margin-bottom: 30px; background: #fff; -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); } .blog-text .embed-responsive iframe { padding: 20px; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (tablets, less than 992px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 991.98px) { .padding-minus-90 { padding-bottom: 90px; } .widget-sidebar { margin-top: 20px; } .sidebar-pb-resp { padding-bottom: 90px; } .recent-post-item .recent-post-body .recent-post-title { line-height: 1.5; font-size: 1rem; } } /* ---------------------------------------------------------------- */ /* Responsive Media Query (tablets, less than 992px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 991.98px) { .blog-text h4 { font-size: 1.6rem; } } /* ---------------------------------------------------------------- */ /* 20.Footer /* ---------------------------------------------------------------- */ .footer { background: #c6eafa; } .footer .footer-newsletter { background: rgba(255, 255, 255, 0.03); padding: 30px 0; } .footer .footer-newsletter .newsletter-form-group { position: relative; } .footer .footer-newsletter .newsletter-form-group .newsletter-form-control { width: 100%; outline: none; border: none; height: 70px; color: #fff; background: #1B3F8B; display: block; padding: 0 28px; position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .footer .footer-newsletter .newsletter-form-group button { border: none; display: block; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; color: #E07030; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15); box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15); } .footer .footer-top { padding: 25px 0 0px 0; } .footer .footer-top .footer-widget { margin-bottom: 30px; } .footer .footer-top .footer-widget .footer-desc { color: #fff; opacity: 0.75; margin-bottom: 32px; } .footer .footer-top .footer-widget .footer-title { color: #fff; margin-bottom: 30px; position: relative; font-size: 20px; } .footer .footer-top .footer-widget .footer-title:after { content: ""; display: block; background: #fff; margin-top: 10px; width: 50px; height: 2px; } .footer .footer-top .footer-widget .footer-social-links a { width: 40px; height: 40px; color: #000; line-height: 50px; text-align: center; display: inline-block; /*background: rgba(255, 255, 255, 0.05);*/ -webkit-transition: all 0.25s linear; transition: all 0.25s linear; margin-right: 10px; font-size: 20px; } .footer .footer-top .footer-widget .footer-social-links a:hover { /*background: #E07030;*/ color: #000; } .footer .footer-top .footer-widget .footer-social-links a:last-child { margin-right: 0; } .footer .footer-top .footer-widget .footer-contact-info-list li { margin-bottom: 15px; } .footer .footer-top .footer-widget .footer-contact-info-list li:last-child { margin-bottom: 0; } .footer .footer-top .footer-widget .footer-contact-info-list li:last-child .text p:last-child { line-height: 27px; } .footer .footer-top .footer-widget .footer-contact-info-list li h6 { color: #fff; margin-bottom: 10px; } .footer .footer-top .footer-widget .footer-contact-info-list li p { color: #fff; opacity: 0.75; vertical-align: middle; } .footer .footer-top .footer-widget .footer-links li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .footer .footer-top .footer-widget .footer-links li:last-child { margin-bottom: 0; } .footer .footer-top .footer-widget .footer-links li span { color: #fff; opacity: 0.75; } .footer .footer-top .footer-widget .footer-links li a { color: #fff; opacity: 0.75; } .footer .footer-top .footer-widget .footer-links li a:hover { opacity: 1; text-decoration: underline; } .footer .footer-top .footer-widget .footer-links li:before { content: ""; width: 10px; height: 2px; font-weight: 700; margin-right: 15px; background: #fff; display: inline-block; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .footer .footer-top .footer-widget .footer-links li:hover:before { width: 20px; } .footer .copyright { background:#1B3F8B; padding: 10px 0; } .copyright a { padding: 10px 0; color: #fff; font-size:13px; } .footer-widget a { color: #000000a1; font-weight: 400; font-size: 16px; } .footer .copyright .copyright-text { color: #fff; font-size:13px; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (768px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 767.98px) { .footer .footer-newsletter .newsletter-form-group .newsletter-btn { margin-top: 15px; } } /* ---------------------------------------------------------------- */ /* 21.Breadcrumb /* ---------------------------------------------------------------- */ .breadcrumb-section { z-index: 1; overflow: hidden; padding: 150px 0; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .breadcrumb-section:before { top: 0; right: 0; bottom: 0; width: 100%; height: 100%; content: ""; opacity: 0.5; z-index: -1; position: absolute; background: #1B3F8B; } .breadcrumb-section .breadcrumb-inner h1 { font-size: 2.5rem; color: #fff; margin-bottom: 15px; } .breadcrumb-section .breadcrumb-inner .breadcrumb-links li { color: #fff; display: inline-block; vertical-align: middle; } .breadcrumb-section .breadcrumb-inner .breadcrumb-links li.active:before { content: "\f30b"; display: inline-block; margin-left: 10px; margin-right: 10px; vertical-align: middle; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 700; } .breadcrumb-section .breadcrumb-inner .breadcrumb-links li a { color: #fff; } .breadcrumb-section .breadcrumb-inner .breadcrumb-links li a:hover { text-decoration: underline; } /* ---------------------------------------------------------------- */ /* 22.404 Error Page /* ---------------------------------------------------------------- */ .error-page { padding-bottom: 93px; } .error-page .error-text { font-size: 200px; text-align: center; margin-bottom: 15px; line-height: 1.5; } .error-page .page-404-body { text-align: center; } .error-page .page-404-body .error-title { margin-top: 10px; margin-bottom: 15px; font-size: 32px; } .error-page .page-404-body .error-subline { margin-bottom: 30px; } .error-page .page-404-body .page-error-form-group { position: relative; } .error-page .page-404-body .page-error-form-group .page-error-form-control { outline: none; width: 100%; border: none; height: auto; color: #000; padding: 18px 70px 18px 50px; display: block; margin-bottom: 30px; position: relative; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; background: rgba(224, 112, 48, 0.05); } .error-page .page-404-body .page-error-form-group .page-error-form-control:focus { outline: none; border: none; } .error-page .page-404-body .page-error-form-group span { line-height: 60px; color: #E07030; position: absolute; pointer-events: none; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; top: 0; left: 20px; } .error-page .page-404-body .page-error-search-btn { top: 0; right: 0; border: none; outline: none; position: absolute; padding: 15px 20px; background-color: transparent; width: 60px; height: 60px; color: #fff; background: #E07030; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .error-page .page-404-body .page-error-search-btn:hover { background: #1B3F8B; color: #fff; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (portrait phones, less than 576px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 575.98px) { .error-page .error-text { font-size: 100px !important; } } /* ---------------------------------------------------------------- */ /* 23.Portfolio Single /* ---------------------------------------------------------------- */ .portfolio-single-inner { margin-top: 20px; margin-bottom: 20px; } .portfolio-single-inner h4 { font-size: 2.3rem; margin-bottom: 20px; } .portfolio-single-inner .author-meta { margin-bottom: 20px; } .portfolio-single-inner .author-meta a { color: #1B3F8B; margin-right: 15px; font-weight: 600; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .portfolio-single-inner .author-meta a:after { content: ""; margin-left: 15px; border-left: 1px solid #E07030; } .portfolio-single-inner .author-meta a:last-child { margin-right: 0; } .portfolio-single-inner .author-meta a:last-child:after { display: none; } .portfolio-single-inner .author-meta a:hover { color: #E07030; text-decoration: underline; } .portfolio-single-inner .author-meta a span { color: #E07030; display: inline-block; margin-right: 15px; } .portfolio-single-inner p { margin-bottom: 20px; } .portfolio-single-inner .embed-responsive { margin-bottom: 30px; background: #fff; -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1); } .portfolio-single-inner .embed-responsive iframe { padding: 20px; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (less than 575px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 575.98px) { .portfolio-gallery-item { margin-bottom: 30px; } } /* ---------------------------------------------------------------- */ /* 24.Services Detail /* ---------------------------------------------------------------- */ .services-detail-inner-wrap { padding-left: 50px; } .services-detail-inner-wrap .services-detail-inner h6 { font-style: italic; color: #E07030; margin-bottom: 10px; text-transform: capitalize; } .services-detail-inner-wrap .services-detail-inner h6:before { content: ""; width: 20px; height: 2px; vertical-align: middle; margin-right: 10px; background: #E07030; display: inline-block; } .services-detail-inner-wrap .services-detail-inner h2 { margin-bottom: 20px; } .services-detail-inner-wrap .services-detail-inner p { margin-bottom: 40px; } .services-detail-inner-wrap .services-list li { margin-bottom: 15px; } .services-detail-inner-wrap .services-list li:last-child { margin-bottom: 0; } .services-detail-inner-wrap .services-list li i { color: #E07030; margin-right: 20px; } #key-features { background: #1B3F8B; } #key-features .key-features-item { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; } #key-features .key-features-item .icon { margin-right: 30px; } #key-features .key-features-item .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #key-features .key-features-item .text h5 { margin-bottom: 15px; color: #fff; } #key-features .key-features-item .text p { color: #fff; opacity: 0.75; } .faq-accordion .accordion-item { margin-bottom: 20px; background: #fff; -webkit-box-shadow: 0 10px 28px 0 rgba(37, 37, 37, 0.04); box-shadow: 0 10px 28px 0 rgba(37, 37, 37, 0.04); } .faq-accordion .accordion-item:last-child { margin-bottom: 0; } .faq-accordion .accordion-item .accordion-header a { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; padding: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 3px solid #E07030; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .faq-accordion .accordion-item .accordion-header a[aria-expanded=true] { color: #fff; background: #E07030; border-radius: 0; } .faq-accordion .accordion-item .accordion-header a[aria-expanded=true] i { color: #fff; background: rgba(255, 255, 255, 0.1); } .faq-accordion .accordion-item .accordion-header a[aria-expanded=true] i:before { content: '\f068'; } .faq-accordion .accordion-item .accordion-header a i { width: 35px; height: 35px; text-align: center; line-height: 35px; color: #E07030; background: rgba(224, 112, 48, 0.1); } .faq-accordion .accordion-item .accordion-body { padding: 30px; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (992px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 991.98px) { .services-detail-img { margin-bottom: 30px; } .services-detail-inner-wrap { padding-left: 15px; } .faq-img { margin-top: 20px; } } /* ---------------------------------------------------------------- */ /* Responsive Media Query (576px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 575.98px) { .services-detail-inner-wrap .services-detail-inner h2 { font-size: 28px; } #key-features .key-features-item { display: block; } #key-features .key-features-item .icon { margin-right: 0; margin-bottom: 30px; } } /* ---------------------------------------------------------------- */ /* 25.Contact Us /* ---------------------------------------------------------------- */ .contact-info-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff; -webkit-box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1); } .contact-info-item .icon { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #E07030; } .contact-info-item .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px; } .contact-info-item .text h5 { margin-bottom: 10px; } .google-map { line-height: 0; } .google-map iframe { border: 0; height: 705px; width: 100% !important; } .contact-form-wrap .contact-form { padding: 30px; background: #fff; border-top: 2px solid #E07030; -webkit-box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1); box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1); } .contact-form-wrap .form-group { margin-bottom: 0; position: relative; } .contact-form-wrap .form-group .captcha-input { padding-left: 90px !important; } .contact-form-wrap .form-group #contactFormCaptchaSpan { position: absolute; top: 0; height: 60px; display: block; width: 70px; text-align: center; line-height: 60px; background: #E07030; color: #fff; font-weight: 500; } .contact-form-wrap .form-group { margin-bottom: 20px; position: relative; } .contact-form-wrap .form-group .contact-form-control { width: 100%; display: block; padding: 17px 20px 17px 53px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; border: 1px solid rgba(0, 0, 0, 0.1); } .contact-form-wrap .form-group .contact-form-control:focus { border-color: #E07030; } .contact-form-wrap .form-group i { line-height: 60px; color: #E07030; position: absolute; pointer-events: none; top: 0; left: 20px; } .contact-form-wrap .form-group label { font-weight: 600; display: none; color: #ee4545; } .contact-form-wrap .form-group label.error { display: block; } .contact-form-wrap .form-group #contactSubject { height: auto; border-radius: 0; } .contact-form-wrap .form-group #contactSubject:focus, .contact-form-wrap .form-group #contactSubject:active { border-color: rgba(0, 0, 0, 0.1); -webkit-box-shadow: none !important; box-shadow: none !important; } .contact-form-wrap .form-group .custom-select { padding: 17px 20px 17px 20px; } .contact-form-wrap .contact-alerts .empty-form span, .contact-form-wrap .contact-alerts .email-invalid span, .contact-form-wrap .contact-alerts .phone-invalid span, .contact-form-wrap .contact-alerts .empty-select span, .contact-form-wrap .contact-alerts .security-alert span { display: block; padding: 20px; margin-bottom: 20px; font-size: 16px; font-weight: 600; border-left: 4px solid #f27474; color: #ee4545; background: rgba(242, 116, 116, 0.1); } .contact-form-wrap #error_message { margin-top: 30px; display: block; padding: 20px; word-break: break-word; color: #ee4545; background: rgba(242, 116, 116, 0.1); } .contact-form-wrap button { border: none; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (992px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 991.98px) { .google-map { margin-bottom: 30px; } } /* ---------------------------------------------------------------- */ /* Responsive Media Query (576px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 575.98px) { .contact-info-item { display: block; } .contact-info-item .icon { display: block; text-align: left; } } /*# sourceMappingURL=style.css.map */ #nav-menu-wrap { background: #1B3F8B; height: 50px; }.hero-section-banner .container { max-width: 1250px; }.navbar.navbar-expand-lg { padding: 0; } .top_center { text-align: center; }.navbar-expand-lg .navbar-nav { width: auto; margin: 0 auto; }.line { color: #fff; line-height: 50px; font-weight: normal; }.left-banner img { width: 100%; }.right-form { background: #c6eafa; height: auto; padding:0 0 15px 0; text-align: center; }.right-form img { width: 100%; margin-bottom: 10px; }.right-form form .form-group { background: #ffffffd4; padding: 6px; width: 90%; margin: 8px auto; }.right-form form .form-group select { border: 1px solid #0000002b; padding: 7.5px 12px; width: 100%; }.all-slide { background-image: linear-gradient(180deg, #c6eafa, #eeeeee38); padding: 0 30px; }.section-heading-lefts h6 { text-align: center; margin: 15px; }#services-carousel .owl-nav { display: none; visibility: hidden; }#services-carousel .owl-item img { width: auto; display: inline-block; border: 1px solid #eee; padding: 0px 0px; text-align: center; }.enquiry-bg { background: #eee; padding: 32px 30px 20px; text-align: center; }.enquiry-bg .fa.fa-cog { font-size: 35px; color: #1B3F8B; padding: 7px; }.enquiry-bg a:hover { background: #333; }.enquiry-bg a { text-align: center; display: block; background: #007bff; color: #fff; padding: 10px; text-transform: uppercase; } .news_heading{ padding: 8px; background: #393c4b; color:#FFFFFF; font-size:18px; } .border-padding-news { border-bottom: 1px solid #dcdcdc; padding: 5px 5px 5px 10px; color: #4e4e4e; text-align: left; font-size: 13px; } .news-block { max-height: 310px; overflow-y: scroll; overflow-x: hidden; width: 100%; }.navbar-expand-lg .navbar-nav li .fa.fa-home { margin-top: 17px; color: #fff; }.yellow-patti { background-color: #ff9900; text-align: center; color: #fff; padding: 10px; font-weight: 500; font-size: 24px; height: 70px; line-height: 50px; }.bg_clr { background: #dcdcdc; }.four_section { margin: 0 0 20px; }.four_section .container { max-width: 1250px; }.bg_clr .col-lg-3 { padding: 0; }#about .container { max-width: 1250px; }.testimonial-slide { background: #f5f5f5; margin-top: 10px; padding: 40px; }.traine-cls { text-align: center; font-weight: 600; font-size: 25px; margin-bottom: 20px; text-transform: uppercase; }.team-card .team-img i.fa.fa-play { background: red; color: #fff; padding: 8px 16px 8px 19px; border-radius: 4px; position: absolute; margin-top: 50px; left: 40%; z-index: 1 }.team-card .team-img i.fa.fa-play:hover{ background: #333; }.location-cls { color: #0052a0; font-weight: normal; text-transform: uppercase; }.top-logo { text-align: right; margin-right: 70px; }.top_center h3 { line-height: 40px; margin-top: 15px; }.top_center p { color: #ce0000; margin-top: 3px; }.top_center blue { color: #123ab5; }.top_center orange { color: #ff7f00; }.top_center green { color: #3fa024; } #navbar-top .container { max-width: 100%; }.hero-section-banner .col-md-4 { padding-left: 0; }.main-logo { margin-left: 50px; }.about-data { margin-bottom: 30px; }.listing_content { padding: 0 40px; }.listing_content li { padding: 10px 0px 0px; list-style: disc; }.based-data { text-align: center; }.based-data .border-padding-news { text-align: center; } /* ---------------------------------------------------------------- */ /* Responsive Media Query (portrait phones, less than 768px) /* ---------------------------------------------------------------- */ @media only screen and (max-width: 767.98px) { .error-page .error-text { font-size: 150px !important; }#about iframe { width: 100%; }.testimonial-slide { padding: 10px; }.traine-cls { margin-bottom: 0px; }.header .main-menu { background: #1B3F8B; z-index: 111; }.line { display: none; }.navbar-expand-lg .navbar-nav li .fa.fa-home { display: none; }.all-slide { padding: 0 64px; }.section-heading-lefts h6 { text-align: center; margin: 10px 0; font-size: 14px; }.top_center h3 { margin-top: 10px; font-size: 26px; line-height: 20px; }.top_center p { color: #2a80af; margin-top: 3px; font-size: 12px; }.top-logo { margin-top: -128px; margin-right: 80px; } } .bdr{ border:#000000 solid 1px !important; } .bg_table{ background-color:#F8FCFF !important; color:#000000; } /***********************************************************************/ /* Style inputs with type="text", select elements and textareas */ input[type=text], select, textarea { width: 100%; /* Full width */ padding: 8px; /* Some padding */ border: 1px solid #ccc; /* Gray border */ border-radius: 4px; /* Rounded borders */ box-sizing: border-box; /* Make sure that padding and width stays in place */ margin-top: 6px; /* Add a top margin */ margin-bottom: 8px; /* Bottom margin */ resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */ } /* Style the submit button with a specific background color etc */ input[type=submit] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } /* When moving the mouse over the submit button, add a darker green color */ input[type=submit]:hover { background-color: #45a049; } label{ float:right; padding-top:12px; } .new_form_start { background: #eeeeee6e; padding: 20px; margin-top: 25px; }.new_form_start h5 { background: #fff; padding: 8px; font-weight: bold; }.new_form_start .form-group { margin-bottom: 0; background: #ffffffb3; padding: 2px; margin: 10px 0; }.form_start .form-group label { margin-bottom: 0; color: #000; font-size: 13px; margin-left: 5px; width: 26%; float: left; padding-top: 15px; text-align: right; padding-right: 20px; }.new_form_start .form-group .form-control { width: 71%; border: 1px solid #eee; border-radius: 0; font-size: 12px; padding: 8px 12px; display: block; height: auto; }#small_div { width: 35%; display: inline-flex; margin-right: 5px; }.upload_content { font-size: 12px; line-height: initial; color: #E07030; }#last-width { padding: 5px 10px; }.btn.btn-default.sub_btn { background: #1B3F8B; color: #fff; margin: 10px 0; } /*===================== Project Gallery ===============*/ .project_gallery .title_holder2 h3 { color:#fff; } .project_gallery .title_holder2 h3 span:before { right:-25px; } .project_gallery_bg { background: url("") repeat center; background-color: #1e1e1e; background-attachment: fixed; margin-top: 80px; padding-bottom: 50px; } .project_gallery .gallery_menu { padding-top: 54px; padding-bottom: 54px; } .project_gallery .gallery_menu ul { text-align: center; padding-top:23px; } .project_gallery .gallery_menu ul li { display: inline-block; font-weight: 700; font-size: 16px; color: #333; text-transform: capitalize; cursor: pointer; margin-right: 12px; border: 1px solid #eee; padding: 5px 10px; } .project_gallery .gallery_menu ul li:last-child { margin-right:0; } .project_gallery .gallery_menu ul li:hover, .project_gallery .gallery_menu ul li.active { color:#1B3F8B; } .project_gallery #mixitup_list .mix { margin-bottom:30px; display: none; } .project_gallery #mixitup_list .img_holder { position: relative; }.project_gallery #mixitup_list .img_holder img { height: 250px; width: 100%; } .project_gallery #mixitup_list .img_holder .hover_overlay { position: absolute; width:100%; height:100%; background: #1B3F8Bb5; padding: 15px; top:0; left:0; -ms-transform: scale(0,0); /* IE 9 */ -webkit-transform: scale(0,0); /* Safari */ transform: scale(0,0); }a.fa.fa-times.closing { position: absolute; top: -15px; right: -15px; background: #000; color: #fff; padding: 8px 11px; border-radius: 2em; border: 1px solid #fff; } .project_gallery #mixitup_list .img_holder .hover_overlay .content { width:100%; height:100%; border:1px dashed rgba(336,336,336,0.5); display: table; } .project_gallery #mixitup_list .img_holder .hover_overlay .content a { font-family: 'Lora', serif; font-weight: 700; color:#fff; font-size: 24px; display: table-cell; vertical-align: middle; text-align: center; } .project_gallery #mixitup_list .img_holder:hover .hover_overlay, .project_gallery #mixitup_list .img_holder:focus .hover_overlay{ -ms-transform: scale(1,1); /* IE 9 */ -webkit-transform: scale(1,1); /* Safari */ transform: scale(1,1); } .masanory_gallery #mixitup_list { padding-left:0; padding-right: 0; } .masanory_gallery #mixitup_list .mix { float:left; padding-left:15px; padding-right:15px; } .masanory_gallery #mixitup_list .grid { } .masanory_gallery #mixitup_list .grid_large { } .formtxt { font-family: 'Lora', serif; font-weight: 6px color:#B1B0BA; } /* ================================================================ IRAANI SKILLS - MOBILE RESPONSIVE OVERRIDES Targets: header, nav, hero, sidebar, iframes, footer ================================================================ */ @media only screen and (max-width: 768px) { /* --- Header Top Bar --- */ #navbar-top .row { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; padding: 8px 12px !important; } /* Iraani logo — LEFT corner */ #navbar-top .col-lg-2 { width: auto !important; flex: 0 0 auto !important; max-width: none !important; order: 1 !important; padding: 0 !important; } /* Skill India logo — RIGHT corner */ #navbar-top .col-lg-3 { width: auto !important; flex: 0 0 auto !important; max-width: none !important; order: 2 !important; padding: 0 !important; text-align: right; } /* Company name — full-width row below, centered */ #navbar-top .col-md-6 { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; order: 3 !important; text-align: center !important; padding: 4px 0 0 !important; } .main-logo img { max-height: 58px !important; width: auto !important; } .top-logo img { max-height: 48px !important; width: auto !important; } /* Override existing desktop margin offsets & the -128px rule */ .main-logo { margin-left: 0 !important; } .top-logo { margin-top: 0 !important; margin-right: 0 !important; text-align: right; } .top_center h3 { font-size: 1.05rem; line-height: 1.3; } .top_center p { font-size: 0.76rem; } /* --- Navigation --- */ #nav-menu-wrap { padding: 4px 0; } .navbar-toggler { margin: 6px auto; display: block; border: 2px solid #fff; padding: 6px 10px; border-radius: 4px; } .togler-icon-inner .line-1, .togler-icon-inner .line-2, .togler-icon-inner .line-3 { display: block; width: 22px; height: 2px; background: #fff; margin: 4px 0; } #fixedNavbar { background: #1B3F8B; padding: 10px 15px; border-radius: 0 0 6px 6px; } #fixedNavbar .navbar-nav { flex-direction: column; width: 100%; } #fixedNavbar li.line { display: none; } #fixedNavbar .nav-link, #fixedNavbar .dropdown-item { padding: 8px 12px; font-size: 0.9rem; color: #fff !important; border-bottom: 1px solid rgba(255,255,255,0.1); } #fixedNavbar .dropdown-menu { background: rgba(0,0,0,0.2); border: none; padding-left: 12px; } /* --- Hero / Main Banner Section --- */ .hero-section-banner .container > .row { flex-direction: column; } .hero-section-banner .col-md-8, .hero-section-banner .col-md-4 { width: 100%; max-width: 100%; flex: 0 0 100%; padding: 0 10px; } .left-banner img, .carousel-inner img, .carousel-inner .item img { width: 100% !important; height: auto !important; max-height: 220px; object-fit: cover; } img[width="803"] { width: 100% !important; height: auto !important; } .right-form { margin-top: 16px; padding: 10px; } .right-form select { width: 100%; font-size: 0.85rem; } .enquiry-button { margin-top: 10px; } /* --- Yellow Strip --- */ .yellow-patti { font-size: 1rem; padding: 8px 10px; text-align: center; } /* --- 4-column skill boxes → 2 columns on mobile --- */ .four_section .col-lg-3 { width: 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 8px; } /* --- Content / Sidebar columns stack --- */ #about .col-lg-8, #about .col-lg-4, .about-inner-wrap, .col-lg-4.about-inner-wrap { width: 100%; max-width: 100%; flex: 0 0 100%; margin-top: 16px; } /* --- iframes (YouTube) --- */ iframe { width: 100% !important; max-width: 100%; height: 200px !important; } /* --- Inner page content --- */ .blog-post-single, .blog-text { padding: 10px; } .blog-text h5 { font-size: 1rem; } .blog-text p, .blog-text li { font-size: 0.88rem; line-height: 1.6; } /* --- Testimonial carousel --- */ .owl-item { width: 100% !important; } .team-card { margin-bottom: 16px; } /* --- Footer --- */ .footer-widget p { font-size: 0.8rem; text-align: center; line-height: 2; } .location-cls { text-align: center; } .footer-social-links { margin-top: 12px; text-align: center; } .footer-social-links a { margin: 0 6px; font-size: 1.1rem; } .copyright-text { font-size: 0.78rem; padding: 8px 0; } /* --- General --- */ img { max-width: 100%; height: auto; } h5 { font-size: 1rem; } h3 { font-size: 1.4rem !important; } .traine-cls, .section-heading-left h2 { font-size: 1.3rem; } .news_heading { font-size: 0.9rem; } } /* ---- Extra small phones (< 480px) ---- */ @media only screen and (max-width: 480px) { .top_center h3 { font-size: 0.95rem; } .four_section .col-lg-3 { width: 100%; flex: 0 0 100%; max-width: 100%; } iframe { height: 180px !important; } .hero-section-banner .col-md-8, .hero-section-banner .col-md-4, #about .col-lg-8, #about .col-lg-4 { padding: 0 6px; } .blog-text p, .blog-text li { font-size: 0.84rem; } .footer-widget p { font-size: 0.75rem; } }