/*! Theme Name: All Cleaning Services Theme URI: https://www.webnotick.com/products/free-cleaning-services-wordpress-theme/ Author: Webnotick Author URI: https://www.webnotick.com/ Description: The All Cleaning Services WordPress Theme can also be an excellent choice for cleaning services. With its clean and professional design, it effectively highlights your services. Fully responsive and easy to customize, it's ideal for cleaning businesses, janitorial services, and home maintenance professionals looking to create a strong online presence. Whether you're a beginner or a pro, this theme offers flexibility to showcase your expertise. Version: 1.0.11 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: all-cleaning-services Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. All Cleaning Services is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; overflow-x: hidden !important } body { margin: 0; overflow-x: hidden !important } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } template { display: none } [hidden] { display: none } *, ::before, ::after { box-sizing: inherit } html { box-sizing: border-box } body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5 } h1, h2, h3, h4, h5, h6 { clear: both } p { margin-bottom: 1.5em } dfn, cite, em, i { font-style: italic } blockquote { margin: 0 1.5em } address { margin: 0 0 1.5em } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace } abbr, acronym { border-bottom: 1px dotted #666; cursor: help } mark, ins { background: #fff9c0; text-decoration: none } big { font-size: 125% } body { background: #fff; overflow-x: hidden } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em } ul, ol { margin: 0 0 1.5em 3em } ul { list-style: disc } ol { list-style: decimal } li>ul, li>ol { margin-bottom: 0; margin-left: 1.5em } dt { font-weight: 700 } dd { margin: 0 1.5em 1.5em } embed, iframe, object { max-width: 100% } img { height: auto; max-width: 100% } figure { margin: 1em 0 } table { margin: 0 0 1.5em; width: 100% } a { color: #4169e1 } a:visited { color: purple } a:hover, a:focus, a:active { color: #191970 } a:focus { outline: thin dotted } a:hover, a:active { outline: 0 } button, input[type=button], input[type=reset], input[type=submit] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, .8); line-height: 1; padding: .6em 1em .4em } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { border-color: #ccc #bbb #aaa } button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=reset]:active, input[type=reset]:focus, input[type=submit]:active, input[type=submit]:focus { border-color: #aaa #bbb #bbb } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { color: #111 } select { border: 1px solid #ccc } textarea { width: 100% } .main-navigation { display: block; width: 100% } .main-navigation ul { display: flex; list-style: none; flex-wrap: wrap } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, .2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999 } .main-navigation ul ul ul { left: -999em; top: 105% } .main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul { display: block; left: auto } .main-navigation ul ul a { width: 200px } .main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul { left: auto } .main-navigation li { position: relative; padding: 30px 20px 20px 20px } ul { padding-left: 0 !important; margin-bottom: 0 !important } .sitenave { padding-left: 10px } @media (max-width:62em) { .menu-toggle { display: block !important; z-index: 999; padding: 4px 4px 0 4px } .sitenave { width: 100%; display: flex; justify-content: space-around } #primary-menu { width: 100%; height: auto; padding: 20px; background-color: #fefefe; position: absolute; top: 70px; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: all .3s linear; opacity: 0; visibility: hidden; pointer-events: none } .toggled #primary-menu { transform: translateY(0); opacity: 1; visibility: visible; pointer-events: auto; display: flex !important } .toggled .menu-toggle .close { display: block } .toggled .menu-toggle .bars { display: none } } .menu-toggle { border: 0; text-decoration: none; display: none; background: 0 0; cursor: pointer } .menu-toggle:hover { text-decoration: none } .mobile-nav-icon { width: 2rem; height: 2rem; color: #01549a } .menu-toggle .close { display: none } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: flex } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { flex: 1 0 50% } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50% } .sticky { display: block } .post, .page { margin: 0 0 0 0 } .updated:not(.published) { display: none } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0 } .page-links { clear: both; margin: 0 0 1.5em } .comment-content a { word-wrap: break-word } .bypostauthor { display: block } .widget { margin: 0 0 1.5em } .widget select { max-width: 100% } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0 } .custom-logo-link { display: inline-block } .wp-caption { margin-bottom: 1.5em; max-width: 100% } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto } .wp-caption .wp-caption-text { margin: .8075em 0 } .wp-caption-text { text-align: center } .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em } .gallery-item { display: inline-block; text-align: center; width: 100% } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr) } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr) } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr) } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr) } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr) } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr) } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr) } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr) } .gallery-caption { display: block } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none } .infinity-end.neverending .site-footer { display: block } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: .875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } #primary[tabindex="-1"]:focus { outline: 0 } .alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em } .alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .footer-widgets-area:before, .footer-widgets-area:after, .wrapper:before, .wrapper:after { content: ""; display: table; table-layout: fixed } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .footer-widgets-area:before, .footer-widgets-area:after, .wrapper:before, .wrapper:after { clear: both } .widget:last-child { margin-bottom: 0 } .widget_block h1, .widget_block h2, .widget_block h3, .widget_block h4, .widget_block h5, .widget_block h6 { margin: 0 0 10px } #colophon .widget.widget_text, #colophon .secondary.widget_text { margin-bottom: 20px } #colophon .widget_block h1, #colophon .widget_block h2, #colophon .widget_block h3, #colophon .widget_block h4, #colophon .widget_block h5, #colophon .widget_block h6 { color: #fff } #colophon .widget:last-child { margin-bottom: 0 } #colophon .widget_block h1, #colophon .widget_block h2, #colophon .widget_block h3, #colophon .widget_block h4, #colophon .widget_block h5, #colophon .widget_block h6 { color: #fff } .widget select { max-width: 100%; padding: 10px; border: 0; width: 100%; max-width: 300px } form.search-form button.search-submit { height: 45px; line-height: 30px; position: absolute; border: 0; width: 45px; padding: 0; background-color: #fdc401 } .widget_search form.search-form button.search-submit { width: 50px; color: #fff; font-size: 16px; line-height: 1; height: 50px; padding: 0 } .widget_search form.search-form input[type=search] { padding: 0 55px 0 25px; height: 50px; background-color: #fff; color: #000; border: 0 } .widget_search form.search-form input[type=search]:focus { border-color: #01549a } form.search-form { position: relative; padding: 15px } form.search-form input { padding: 10px 40px 10px 15px; font-weight: 300; border-radius: 0 } #wp-calendar tbody td { text-align: center } #wp-calendar caption { margin-bottom: 15px; font-weight: 600 } .widget-title { font-size: 18px; margin: 0 0 10px; color: #fff } .widget li:not(:last-child) { margin-bottom: 10px } .sticky { display: block } .hentry { margin: 0 } .updated:not(.published) { display: none } .single .byline, .group-blog .byline { display: inline } .page-content, .entry-content, .entry-summary { margin: 0 } .author img { display: block; text-align: center; margin: 20px auto } .page-header span.posted-on { margin-bottom: 12px; display: inline-block; width: 100% } .page-links { clear: both; margin: 0 0 1.5em } .page-header span.author-name { display: block; font-size: 16px; font-weight: 500; line-height: 1; color: #111 } .page-header small { font-size: 12px; color: #01549a } nav.navigation.pagination { margin-top: 20px; padding: 0 4rem; clear: both; display: inline-block; width: 100%; margin-left: auto; margin-right: auto; text-align: center } .pagination a, .pagination span { display: block; float: left; margin: 2px 2px 2px 0; padding: 10px 20px; text-decoration: none; width: auto; color: #fff; background: #01549a; font-size: 18px; font-weight: 700 } .posts-wrapper.col-3 article:nth-child(3n) { border-right: 1px solid #e4e4e4 } .post-categories a { color: #01549a; font-size: 14px; text-transform: uppercase; font-weight: 700 } .archive-description { color: #fff; max-width: 1000px; margin-left: auto; margin-right: auto } .tags-links { margin-bottom: 20px; display: inline-block } .tags-links span { margin: 0 8px 8px 0 } .tags-links a { border: 2px solid #01549a; display: inline-block; border-radius: 5px; padding: 8px 10px; color: #000; line-height: 1; font-size: 14px; text-decoration: none } .tags-links a:hover, .tags-links a:focus { border-color: #000; background-color: #000; color: #fff } .single .date a:before, .entry-meta .author a:before, .comments-link a:before, .cat-links:before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px } .entry-meta .author a:before { content: "" } .comments-link a:before { content: "" } .single .date a:before { content: "" } .cat-links:before { content: ""; color: #01549a } .entry-meta a, .entry-meta span:before, .entry-meta .cat-links:before, .entry-meta .author:before { color: #01549a; text-decoration: none; font-weight: 600 } .entry-meta a:hover, .entry-meta a:focus { color: #01549a } .entry-meta { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; text-decoration: none } .author.vcard { margin-left: 5px } .byline { visibility: hidden } .byline .author.vcard { visibility: visible; margin-left: -20px } .single-post .site-main .comment-navigation, .single-post .site-main .posts-navigation, .single-post .site-main .post-navigation { margin-bottom: 0 } .post-navigation .previous-article span span, .posts-navigation .previous-article span span, .post-navigation .next-article span span, .posts-navigation .next-article span span { display: block } .post-navigation span.previous-article b, .post-navigations span.previous-article b, .post-navigation span.next-article b, .post-navigations span.next-article b { font-size: 22px; font-weight: 600; margin-bottom: 10px; display: inline-block; width: 100% } .post-navigation span.previous-article, .post-navigations span.previous-article { display: table } .error-404.not-found { max-width: 600px; margin: 0 auto; text-align: center } .error-404.not-found .page-title { font-size: 38px } .error-404.not-found .error-404title { color: #fff; font-size: 195px; text-align: center; display: block; animation: effect linear 1900ms infinite; font-weight: 600; margin-bottom: 15px; line-height: 240px } @keyframes effect { 0% { text-shadow: 4px -4px 0#fdc401, 3px -3px 0#fdc401, 2px -2px 0#fdc401, 1px -1px 0#fdc401, -4px 4px 0#fdc401, -3px 3px 0#fdc401, -2px 2px 0#fdc401, -1px 1px 0#fdc401 } 25% { text-shadow: -4px -4px 0#fdc401, -3px -3px 0#fdc401, -2px -2px 0#fdc401, -1px -1px 0#fdc401, 4px 4px 0#fdc401, 3px 3px 0#fdc401, 2px 2px 0#fdc401, 1px 1px 0#fdc401 } 50% { text-shadow: -4px 4px 0#fdc401, -3px 3px 0#fdc401, -2px 2px 0#fdc401, -1px 1px 0#fdc401, 4px -4px 0#fdc401, 3px -3px 0#fdc401, 2px -2px 0#fdc401, 1px -1px 0#fdc401 } 75% { text-shadow: 4px 4px 0#fdc401, 3px 3px 0#fdc401, 2px 2px 0#fdc401, 1px 1px 0#fdc401, -4px -4px 0#fdc401, -3px -3px 0#fdc401, -2px -2px 0#fdc401, -1px -1px 0#fdc401 } to { text-shadow: 4px -4px 0#fdc401, 3px -3px 0#fdc401, 2px -2px 0#fdc401, 1px -1px 0#fdc401, -4px 4px 0#fdc401, -3px 3px 0#fdc401, -2px 2px 0#fdc401, -1px 1px 0#fdc401 } } .not-found form.search-form { display: flex; margin-bottom: 30px } .not-found form.search-form label { width: 80% } .not-found form.search-form label input { padding: 10px } .not-found .search-submit { width: 20%; padding: 10px; background-color: #e9f5ff; color: #01549a; font-weight: 500 } .comment-content a { word-wrap: break-word } .bypostauthor { display: block } #reply-title, .comments-title { font-size: 42px; margin: 0 } .comments-title, #reply-title { margin-bottom: 15px; font-size: 32px; font-weight: 700; color: #01549a } ul.post-categories li:after { content: "," } ul.post-categories li:last-child:after { display: none } ol.comment-list { padding: 0; margin: 0 0 30px; list-style: none } #comments ol { list-style: none; margin-left: 0; padding: 0 } #comments ol.comment-list { padding-top: 35px; position: relative; overflow: hidden } #comments ol.children { margin-left: 120px } .says { display: none } .comment-meta img { width: 60px; height: 60px; float: left; margin-right: 20px } #comments time:before { display: none } .comment-body { position: relative } .reply { text-align: right } #comments article { margin-bottom: 30px } #comments ol.comment-list>li:last-child article:last-child, #comments ol.comment-list>li:last-child { border-bottom: none } #comments ol.comment-list>li { padding-top: 49px } #comments ol.comment-list>li:first-child { padding-top: 0 } #comments ol.comment-list>li article:last-child .reply { border-bottom: none; padding-bottom: 0 } .reply a { color: #01549a; display: inline-block; font-weight: 400; padding: 7px 30px; position: relative; background-color: #e9f5ff; border: 2px solid #01549a; border-radius: 50px; text-decoration: none; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .reply a:hover, .reply a:focus { color: #fff; background-color: #000; border-color: #000 } .comment-meta .url, .comment-meta .fn { display: inline-block; color: #000; font-size: 20px; text-decoration: none; text-transform: capitalize } .comment-meta .url:hover, .comment-meta .url:focus { color: #fdc401 } .comment-metadata a, .comment-metadata a time { color: #fdc401; text-decoration: none } .comment-metadata a:hover, .comment-metadata a:focus, .comment-metadata a:hover time, .comment-metadata a:focus time { color: #fdc401 } .comment-metadata time { font-weight: 500 } .comment-metadata { display: block; margin-bottom: 10px } .comment-content { margin-bottom: 10px; margin-top: 0; padding-left: 80px } .comment-content p { font-weight: 400; margin-bottom: 1em } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none } .infinity-end.neverending .site-footer { display: block } section { position: relative; overflow: hidden } .title-section { text-align: center; margin-bottom: 3em; display: flex; align-items: center; position: relative; z-index: 2 } .title-section h1 { margin: 0; font-size: 34px; line-height: 1.1; font-weight: 600; display: inline-block; letter-spacing: 1px; color: #000; padding: 0 17px; border-radius: 0 } .entry-content { margin-top: 0; position: relative; z-index: 1 } .wrapper { width: 90%; max-width: 1430px; padding-left: 15px; padding-right: 15px } .section-gap { padding: 5em 0 } .title, .section-title { font-size: 22px; margin: 0 0 15px; font-weight: 700; word-wrap: break-word } .section-title { font-size: 32px; margin: 0 0 15px; color: #000 } .section-subtitle { max-width: 600px; margin: 0 auto } .title a { color: #000; text-decoration: none; font-size: 33px; text-transform: uppercase; letter-spacing: 1px } .title a:hover, .title a:focus { color: #01549a } .post-thumbnail-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100% } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; opacity: 1; background-repeat: no-repeat; background-size: cover } .overlay:after { content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: .2; position: absolute; z-index: -1 } .align-left { text-align: left } .align-center { text-align: center } .align-right { text-align: right } .btn { color: #fff; display: inline-block; font-weight: 600; padding: 8px 25px; border-radius: 7px; font-size: 21px; position: relative; text-decoration: none; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .btn:hover, .btn:focus { color: #fff; background-color: #000; border-color: #000 } .btn i { display: inline-block; vertical-align: middle; margin-left: 10px } .featured-image { position: relative } .col-1 article, .col-2 article, .col-3 article, .col-4 article, .col-5 article, .col-6 article { margin-bottom: 30px; width: 100% } .col-1 article:last-child, .col-2 article:last-child, .col-3 article:last-child, .col-4 article:last-child, .col-5 article:last-child, .col-6 article:last-child { margin-bottom: 0 } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0 } embed, iframe, object { max-width: 100% } .wp-caption { margin-bottom: 1.5em; max-width: 100% } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto } .wp-caption .wp-caption-text { margin: .8075em 0 } .wp-caption-text { text-align: center } .type_of_work { margin: -4px } .type_of_work-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 4px } .type_of_work-columns-2 .type_of_work-item { max-width: 50% } .type_of_work-columns-3 .type_of_work-item { max-width: 33.33% } .type_of_work-columns-4 .type_of_work-item { max-width: 25% } .type_of_work-columns-5 .type_of_work-item { max-width: 20% } .type_of_work-columns-6 .type_of_work-item { max-width: 16.66% } .type_of_work-columns-7 .type_of_work-item { max-width: 14.28% } .type_of_work-columns-8 .type_of_work-item { max-width: 12.5% } .type_of_work-columns-9 .type_of_work-item { max-width: 11.11% } .type_of_work-caption { display: block } .social-icons li { display: inline-block; height: auto; text-align: center; position: relative; list-style: none } .footer-widgets-area .widget .social-icons li { display: inline-block; width: auto } .social-icons li:not(:last-child) { margin-right: 5px } .social-icons, .social-icons ul { margin: 0; padding: 0 } .social-icons li a { background-color: transparent; width: 40px; height: 40px; line-height: 40px; display: block } ul.social-icons { margin: 0; padding: 0 } .social-icons li { width: 40px; height: auto; text-align: center; line-height: 40px; position: relative; list-style: none } .social-icons ul { list-style: none; margin: 0; padding: 0 } .social-icons li:not(:last-child) { margin-right: 10px } .social-icons li a { display: inline-block; width: 40px; height: 40px; border-radius: 40px; color: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: "Font Awesome 5 Brands" } .social-icons li a:hover, .social-icons li a:focus { color: #fff; background-color: #f36 } .social-icons li a:before { content: "" } .social-icons li a[href*="facebook.com"]:before, .social-icons li a[href*="fb.com"]:before { content: "" } .social-icons li a[href*="twitter.com"]:before { content: "" } .social-icons li a[href*="linkedin.com"]:before { content: "" } .social-icons li a[href*="plus.google.com"]:before { content: "" } .social-icons li a[href*="youtube.com"]:before { content: "" } .social-icons li a[href*="dribbble.com"]:before { content: "" } .social-icons li a[href*="pinterest.com"]:before { content: "" } .social-icons li a[href*="bitbucket.org"]:before { content: "" } .social-icons li a[href*="github.com"]:before { content: "" } .social-icons li a[href*="codepen.io"]:before { content: "" } .social-icons li a[href*="flickr.com"]:before { content: "" } .social-icons li a[href$="/feed/"]:before { content: "" } .social-icons li a[href*="foursquare.com"]:before { content: "" } .social-icons li a[href*="instagram.com"]:before { content: "" } .social-icons li a[href*="tumblr.com"]:before { content: "" } .social-icons li a[href*="reddit.com"]:before { content: "" } .social-icons li a[href*="vimeo.com"]:before { content: "" } .social-icons li a[href*="digg.com"]:before { content: "" } .social-icons li a[href*="twitch.tv"]:before { content: "" } .social-icons li a[href*="stumbleupon.com"]:before { content: "" } .social-icons li a[href*="delicious.com"]:before { content: "" } .social-icons li a[href*="mailto:"]:before { content: "" } .social-icons li a[href*="soundcloud.com"]:before { content: "" } .social-icons li a[href*="wordpress.org"]:before { content: "" } .social-icons li a[href*="wordpress.com"]:before { content: "" } .social-icons li a[href*="jsfiddle.net"]:before { content: "" } .social-icons li a[href*="tripadvisor.com"]:before { content: "" } .social-icons li a[href*="foursquare.com"]:before { content: "" } .social-icons li a[href*="angel.co"]:before { content: "" } .social-icons li a[href*="slack.com"]:before { content: "" } .social-icons li a[href*="tiktok.com"]:before { content: "" } .social-icons li a[href*="facebook.com"]:hover, .social-icons li a[href*="fb.com"]:hover, .social-icons li a[href*="facebook.com"]:focus, .social-icons li a[href*="fb.com"]:focus { background-color: #3c5798 !important } .social-icons li a[href*="twitter.com"]:hover, .social-icons li a[href*="twitter.com"]:focus { background-color: #1ea0f1 !important } .social-icons li a[href*="linkedin.com"]:hover, .social-icons li a[href*="linkedin.com"]:focus { background-color: #0077b5 !important } .social-icons li a[href*="plus.google.com"]:hover, .social-icons li a[href*="plus.google.com"]:focus { background-color: #ec7161 !important } .social-icons li a[href*="youtube.com"]:hover, .social-icons li a[href*="youtube.com"]:focus { background-color: #cc181e !important } .social-icons li a[href*="dribbble.com"]:hover, .social-icons li a[href*="dribbble.com"]:focus { background-color: #f4a09c !important } .social-icons li a[href*="pinterest.com"]:hover, .social-icons li a[href*="pinterest.com"]:focus { background-color: #bd081b !important } .social-icons li a[href*="bitbucket.org"]:hover, .social-icons li a[href*="bitbucket.org"]:focus { background-color: #205081 !important } .social-icons li a[href*="github.com"]:hover, .social-icons li a[href*="github.com"]:focus { background-color: #323131 !important } .social-icons li a[href*="codepen.io"]:hover, .social-icons li a[href*="codepen.io"]:focus { background-color: #111000 !important } .social-icons li a[href*="flickr.com"]:hover, .social-icons li a[href*="flickr.com"]:focus { background-color: #025fdf !important } .social-icons li a[href$="/feed/"]:hover, .social-icons li a[href$="/feed/"]:focus { background-color: #089de3 !important } .social-icons li a[href*="foursquare.com"]:hover, .social-icons li a[href*="foursquare.com"]:focus { background-color: #f94877 !important } .social-icons li a[href*="instagram.com"]:hover, .social-icons li a[href*="instagram.com"]:focus { background-color: #cd42e7 !important } .social-icons li a[href*="tumblr.com"]:hover, .social-icons li a[href*="tumblr.com"]:focus { background-color: #56bc8a !important } .social-icons li a[href*="reddit.com"]:hover, .social-icons li a[href*="reddit.com"]:focus { background-color: #ff4500 !important } .social-icons li a[href*="vimeo.com"]:hover, .social-icons li a[href*="vimeo.com"]:focus { background-color: #00adef !important } .social-icons li a[href*="digg.com"]:hover, .social-icons li a[href*="digg.com"]:focus { background-color: #00adef !important } .social-icons li a[href*="twitch.tv"]:hover, .social-icons li a[href*="twitch.tv"]:focus { background-color: #0e9dd9 !important } .social-icons li a[href*="stumbleupon.com"]:hover, .social-icons li a[href*="stumbleupon.com"]:focus { background-color: #eb4924 !important } .social-icons li a[href*="delicious.com"]:hover, .social-icons li a[href*="delicious.com"]:focus { background-color: #0076e8 !important } .social-icons li a[href*="mailto:"]:hover, .social-icons li a[href*="mailto:"]:focus { background-color: #4169e1 !important } .social-icons li a[href*="soundcloud.com"]:hover, .social-icons li a[href*="soundcloud.com"]:focus { background-color: #f50 !important } .social-icons li a[href*="wordpress.org"]:hover, .social-icons li a[href*="wordpress.org"]:focus { background-color: #0073aa !important } .social-icons li a[href*="wordpress.com"]:hover, .social-icons li a[href*="wordpress.com"]:focus { background-color: #00aadc !important } .social-icons li a[href*="jsfiddle.net"]:hover, .social-icons li a[href*="jsfiddle.net"]:focus { background-color: #396ab1 !important } .social-icons li a[href*="tripadvisor.com"]:hover, .social-icons li a[href*="tripadvisor.com"]:focus { background-color: #ffe090 !important } .social-icons li a[href*="angel.co"]:hover, .social-icons li a[href*="angel.co"]:focus { background-color: #111000 !important } .social-icons li a[href*="tiktok.com"]:hover, .social-icons li a[href*="tiktok.com"]:focus { background-color: #7d88e3 !important } #main .entry-content h1 { font-size: 50px; clear: both; color: #000; margin: 16px 0; line-height: 1.3; font-weight: 500 } #main .entry-content h2 { font-size: 40px; clear: both; color: #000; margin: 16px 0; line-height: 1.3; font-weight: 500 } #main .entry-content h3 { font-size: 30px; clear: both; color: #000; margin: 16px 0; line-height: 1.3; font-weight: 500 } #main .entry-content h4 { font-size: 27px; clear: both; color: #000; margin: 16px 0; line-height: 1.3; font-weight: 500 } #main .entry-content h5 { font-size: 24px; clear: both; color: #000; margin: 16px 0; line-height: 1.3; font-weight: 500 } #main .entry-content h6 { font-size: 19px; clear: both; color: #000; margin: 16px 0; line-height: 1.3; font-weight: 500 } #main .entry-content ul { padding: 20px 0 20px 0; list-style: none; font-size: 18px; margin: 0 } #main .entry-content ul li, #main .entry-content ul li ul li { line-height: 26px; font-size: 18px; color: #000 } #main .entry-content ul li:before { content: ""; font-family: "Fontawesome"; margin-right: 10px; transform: scale(1); transition: all .5s ease 0s; color: #f6bb19; display: inline-block; transform: scale(1); transition: all .5s ease 0s; font-size: 16px } #main .entry-content ul li:hover:before { transform: scale(1.4) } #main .entry-content ul li ul { margin: 15px 0 0 25px } #main .entry-content ul li ul li:before { content: ""; font-family: "Fontawesome"; margin-right: 10px; transform: scale(1); transition: all .5s ease 0s; color: #a08e5e; display: inline-block; transform: scale(1); transition: all .5s ease 0s; font-size: 14px } #main .entry-content ol { counter-reset: li; list-style: none; margin: 30px 0 0 } #main .entry-content ol li { position: relative; padding-left: 60px; min-height: 50px; padding-top: 0; line-height: 26px; font-size: 18px; color: #000 } #main .entry-content ol li:before { content: counter(li); counter-increment: li; color: #fff; background: #0b4f8e; border: 1px solid #f6bb19; border-radius: 50%; font-size: 16px; width: 30px; height: 30px; line-height: 29px; text-align: center; display: block; position: absolute; top: 0; left: 0 } blockquote .wp-block-quote, .wp-block-pullquote, .wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large) { padding: 3em 2em 2em 4em !important; background-color: #f2f6f9 !important; border: 1px solid #000; width: 100% } blockquote .wp-block-quote p, .wp-block-pullquote p, .wp-block-quote p { color: #272932; font-size: 17px; font-weight: 300 } .wp-block-quote p:before, blockquote .wp-block-quote p:before { content: ""; position: absolute; top: 16px; left: 16px; font-size: 20px; color: #f6bb19; font-family: "FontAwesome" } .wp-block-quote p:after, blockquote .wp-block-quote p:after { content: ""; position: absolute; bottom: 16px; right: 16px; font-size: 20px; color: #f6bb19; font-family: "FontAwesome" } #page-site-header { background-size: cover; position: relative; text-align: center } #page-site-header .innerheader-overly1 { z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(167deg, #0b4f8ea1, #2c2d2fad) } #page-site-header .page-site-headerimg { background-repeat: no-repeat; position: relative; width: 100%; background-size: cover } #page-site-header .page-title { color: #fff; font-size: 30px; margin: 0 0 7px -96px; font-weight: 300 } #page-site-header .page-header { position: absolute; left: 0; right: 0; text-align: center; margin: 0 auto; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(200%); z-index: 1 } #page-site-header .header-title { position: relative } #page-site-header .header-title .headerdotsbox { width: 36px; height: 55px; position: absolute; left: 110px; bottom: 0 } #page-site-header .header-title .headerdotsbox div { background: #f6bb19; margin: 0 5px 5px 0; border-radius: 50%; width: 7px; height: 7px; float: left } #page-site-header .breadcrumbbox { padding: 0 0 .5em 0; text-align: left; margin-bottom: 3% } #page-site-header .breadcrumbbox .button { display: inline-block; background-color: #fff; padding: 20px 22px; border-radius: 50px } #page-site-header .breadcrumbbox span { color: #1b1a28; margin: 0 3px; font-size: 17px; font-weight: 400 } #page-site-header .breadcrumbbox span.treeEnd { color: #1d3176; margin: 0 3px; font-size: 20px; font-weight: 400 } #page-site-header .breadcrumbbox span.bread-arrow { font-size: 29px; line-height: 13px; position: relative; top: 0; padding: 0 6px; color: #0b4f8f } #page-site-header .breadcrumbbox a { color: #1b1a28; font-weight: 400; text-decoration: none; font-size: 22px } #page-site-header .breadcrumbbox a:hover { color: #f6bb19; text-decoration: none } #breadcrumb-list { background-color: #222; padding: 20px 0 } .trail-items { margin: 0; padding: 0; list-style: none } .trail-items li { display: inline-block; vertical-align: middle; color: #fff; text-transform: uppercase; font-weight: 500; font-size: 14px } .trail-items li a { color: rgba(255, 255, 255, .3) } .trail-items li a:hover, .trail-items li a:focus { color: #fff } .trail-items .separator { color: rgba(255, 255, 255, .3); padding: 0 2px } .slick-slide { outline: 0 } .slick-next:before, .slick-prev:before { opacity: 1; content: ""; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 26px; color: #01549a; z-index: 5 } .slick-next:before { content: "" } .slick-prev, .slick-next { left: 0; z-index: 1; width: 84px; height: 45px; line-height: 62px } .slick-prev { left: 0; border-left: 3px solid #01549a; clip-path: polygon(0 0, 100%0, 88% 100%, 0 100%) } .slick-next { left: auto; right: 0; border-right: 3px solid #01549a; clip-path: polygon(0 0, 100%0, 100% 100%, 8% 100%) } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { background-color: #000 } .slick-dots { bottom: 25px } .slick-dots li { margin: 0 6px; width: auto; height: auto } .slick-dots li button { background-color: #ccc; width: 12px; height: 12px; padding: 0; border-radius: 12px } .slick-dots li button:focus-visible { outline: auto } .slick-dots li button:before { display: none } .display-block { display: block } .display-none { display: none } .site-title { font-size: 1.5rem !important } .site-title a { color: #01549a } .site-branding p { margin-bottom: 0 !important; padding-left: 10px } .site-branding { display: flex; align-items: center; justify-content: center } #featured-slider .slick-dots { bottom: 3rem } #featured-slider { position: relative; overflow: hidden } #featured-slider .entry-container { margin-left: 2rem; width: 55% } #featured-slider .swiper-slide { overflow: hidden; color: #fff } #featured-slider .slide-inner { width: 100%; height: auto; position: relative; z-index: 1; justify-content: center; align-items: center } #featured-slider img { max-width: 100%; width: 100%; height: 100vh; display: block; background-position: center; background-repeat: no-repeat; background-size: cover } #featured-slider .sliderimg::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: .2 } .opbg { position: relative; width: 100%; height: auto } #featured-slider article { position: relative; background-size: cover; background-position: 50% } #featured-slider .featured-image { background-size: cover; background-position: 50%; padding: 200px 0; border-radius: 50px; margin-bottom: 50px } #featured-slider .wrapper { position: relative; top: 30% } #featured-slider .entry-header { max-width: 900px; margin: 0 0; height: auto } #featured-slider .entry-content { max-width: 900px } #featured-slider h2.title { position: relative; z-index: 1; overflow: hidden; color: #fff; font-size: 60px; font-weight: 700 } #featured-slider .entry-header h3 { font-size: 40px; letter-spacing: normal; text-transform: capitalize; font-weight: 600; color: #fff } #featured-slider h2.title small { font-size: 31px; letter-spacing: normal; text-transform: capitalize; font-weight: 400; color: #fff; margin: 0 0 0 0; position: absolute; left: 17px; top: 91px } #featured-slider .entry-content { color: #fff } #featured-slider .entry-content p { font-size: 20px; letter-spacing: normal; line-height: 30px; font-weight: 400; color: #fff; margin-right: 9rem; margin-bottom: 1.5rem } hr { border: 0; height: 2px; background-color: #000; margin: 10px 0 } #featured-slider .read-more .btn:active { transform: scale(.9) } #featured-slider .read-more .btn { display: inline-block; font-weight: 400; padding: 10px 20px; font-size: 18px; text-transform: capitalize; background: #01549a; text-decoration: none; border-radius: 0; border: 1px solid #01549a; letter-spacing: 1px; color: #fff; transition: all .4s ease-in; position: relative; overflow: hidden; z-index: 1; cursor: pointer } #featured-slider .read-more .btn:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%) scaleY(1) scaleX(1.25); top: 100%; width: 140%; height: 180%; background-color: rgba(0, 0, 0, .05); border-radius: 50%; display: block; transition: all .5s .1s cubic-bezier(.55, 0, .1, 1); z-index: -1 } #featured-slider .read-more .btn:after { content: ""; position: absolute; left: 55%; transform: translateX(-50%) scaleY(1) scaleX(1.45); top: 180%; width: 160%; height: 190%; background-color: #e9f5ff; border-radius: 50%; display: block; transition: all .5s .1s cubic-bezier(.55, 0, .1, 1); z-index: -1 } #featured-slider .read-more .btn:hover { color: #01549a; animation: pulseBig infinite 3s linear } #featured-slider .read-more .btn:hover:before { top: -35%; background-color: #e9f5ff; transform: translateX(-50%) scaleY(1.3) scaleX(.8) } #featured-slider .read-more .btn:hover:after { top: -45%; background-color: #e9f5ff; transform: translateX(-50%) scaleY(1.3) scaleX(.8) } #featured-slider .borderbtn { border: 2px solid; border-color: #fff; border-radius: 50px; width: 65px; height: 65px; display: flex; justify-content: center; align-items: center } #featured-slider .play-btn { background-color: #fff; color: #01549a; padding: 10px; border-radius: 50%; width: 50px; height: 50px; font-size: 20px; display: flex; justify-content: space-evenly; align-items: center; animation: pulseBig infinite 3s linear; transition: opacity .3s } @keyframes pulseBig { 0% { box-shadow: 0 0 0 0 rgba(2, 108, 195, .4) } 50% { box-shadow: 0 0 0 30px transparent } to { box-shadow: 0 0 0 0 transparent } } #featured-slider .playbtntxt { color: #fff; letter-spacing: .66px; text-decoration: none; font-size: 20px } #featured-slider .leftcontentbox { position: absolute; top: 0; bottom: 0; left: 0 } #featured-slider .slick-dots { display: none !important } #featured-slider .slick-prev, #featured-slider .slick-next { font-size: 22px; line-height: 0; position: absolute; bottom: 0 !important; top: 80%; width: 90px; height: 130px; padding: 0; cursor: pointer; border-radius: 50% } #featured-slider .slick-prev { left: 11%; top: 88% } #featured-slider .slick-next { left: 13.5%; top: 88% } #featured-slider .slick-next:before, #featured-slider .slick-prev:before { position: absolute; background-color: #eff8ff; width: 54px; height: 51px; opacity: 9; border: 5px solid; border-color: #fff; font-size: 23px; padding: 10px 13px; color: #01549a } #featured-slider .slick-prev:before { content: ""; font-family: "Font Awesome 5 Free" } #featured-slider .slick-next:before { content: ""; font-family: "Font Awesome 5 Free" } .icon-disable, .image-disable .featured-image, .position-disable .team-position, .position-disable .testimonial-position, .title-disable .entry-header, .content-disable .entry-content, .button-disable .read-more, .category-disable .cat-links, .date-disable .date, .blog-posts-wrapper .category-disable .cat-links, #page-site-header.page-title-disable .page-header, #page-site-header.header-image-disable { display: none } .title-font-weight-regular .title, .content-font-weight-regular .entry-content, .button-font-weight-regular .btn { font-weight: 400 } .title-font-weight-semi-bold .title, .content-font-weight-semi-bold .entry-content, .button-font-weight-semi-bold .btn { font-weight: 600 } .title-font-weight-bold .title, .content-font-weight-bold .entry-content, .button-font-weight-bold .btn { font-weight: 700 } .title-default .title, .content-default .entry-content, .button-default .btn { text-transform: none } .title-uppercase .title, .content-uppercase .entry-content, .button-uppercase .btn { text-transform: uppercase } .title-lowercase .title, .content-lowercase .entry-content, .button-lowercase .btn { text-transform: lowercase } .title-capitalize .title, .content-capitalize .entry-content, .button-capitalize .btn { text-transform: capitalize } .cloud-top { margin-bottom: -5px; position: absolute; bottom: 100%; z-index: 1 } .cloud-bottom { margin-top: -5px; position: absolute; top: 100%; z-index: 1; -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1) } .featured-about { position: relative; overflow: hidden; background: #fff; padding: 5% } .featured-about .head-title { font-size: 18px; font-weight: 500; position: relative; z-index: 1; overflow: hidden; color: #3f3f3f } .featured-about .head-subtitle { font-size: 40px; font-weight: 700; color: #000; padding: 0 45px 0 0 } .featured-about .headimg { position: absolute; transform: scaleX(-1); top: -2rem; left: 7.5rem } .featured-about .title a { font-size: 22px; color: #3f3f3f; font-weight: 600 } .featured-about .aboutimg { width: 100%; height: 550px } .featured-about .aboutbox { position: absolute; background: #01549a; padding: 10px 15px; text-align: center; color: #fff; top: -7%; left: -18% } .featured-about .featureimg { width: 50px; height: 50px } .featured-about .aboutbox .abtnum { color: #fdc401; font-weight: 700; font-size: 25px } .featured-about .abtpara { padding: 0 4rem 0 0; color: #707070; font-size: 16px; font-weight: 400 } .featured-about ul { line-height: 2.5 } .featured-about ul li { color: #000; font-size: 16px; font-weight: 500 } .featured-about ul li svg { color: #fdc401 } .featured-about .abtbutton:active { transform: scale(.9) } .featured-about .abtbutton, .slider-inner-mainbox .abtbutton { display: inline-block; font-weight: 400; padding: 10px 20px; font-size: 18px; text-transform: uppercase; background: #01549a; text-decoration: none; border-radius: 0; border: 1px solid #01549a; letter-spacing: 1px; color: #fff; transition: all .4s ease-in; position: relative; overflow: hidden; z-index: 1; cursor: pointer } .featured-about .abtbutton:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%) scaleY(1) scaleX(1.25); top: 100%; width: 140%; height: 180%; background-color: rgba(0, 0, 0, .05); border-radius: 50%; display: block; transition: all .5s .1s cubic-bezier(.55, 0, .1, 1); z-index: -1 } .featured-about .abtbutton:after { content: ""; position: absolute; left: 55%; transform: translateX(-50%) scaleY(1) scaleX(1.45); top: 180%; width: 160%; height: 190%; background: #e9f5ff; border-radius: 50%; display: block; transition: all .5s .1s cubic-bezier(.55, 0, .1, 1); z-index: -1 } .featured-about .abtbutton:hover { color: #01549a; animation: pulseBig infinite 3s linear } .featured-about .abtbutton:hover:before { top: -35%; background: #e9f5ff; transform: translateX(-50%) scaleY(1.3) scaleX(.8) } .featured-about .abtbutton:hover:after { top: -45%; background: #e9f5ff; transform: translateX(-50%) scaleY(1.3) scaleX(.8) } .main-navigation ul.nav-menu>.menu-item-has-children>a:after { content: ""; padding-left: 10px; font-size: 10px; position: relative; bottom: 1px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: "Font Awesome 5 Free"; font-weight: 900 } .main-navigation ul ul .menu-item-has-children>a:before { content: ""; font-size: 10px; position: relative; top: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 15px } #featured-services { position: relative; overflow: hidden } #featured-services .singleitem { z-index: 1 } #featured-services .featured-services-bg { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background-repeat: no-repeat; background-size: cover } #featured-services .servicerightside { position: relative } #featured-services .serviceleftimg { position: absolute; bottom: 0; left: 0 } #featured-services .bgdesign { background-color: #000; opacity: .1; border-radius: 8px; width: 105%; bottom: -12%; left: -3%; position: absolute; height: 65% } #featured-services .title-section { margin-bottom: 4em; display: block } #featured-services .entry-content3 h5 { position: relative; font-size: 24px; margin: 0 0 10px 0; color: #000; font-weight: 400 } #featured-services .entry-content3 h5::after { content: ""; width: 50%; height: 1px; background: #393939; position: absolute; bottom: 0; margin-left: 6px; opacity: .5 } #featured-services h1.title-section { margin: 0 0 0; font-size: 32px; font-weight: 500; letter-spacing: 0; color: #000; padding: 20px 0; text-align: left; line-height: 40px } #featured-services .entry-content3 p.text-section { font-size: 22px; line-height: 32px; color: #736868; margin: 0 0 10px; font-weight: 300 } #featured-services .featured-service-item { background: #fff; border-radius: 10px; padding: 10px; margin: 0 10px; transition: .5s } #featured-services .featured-service-item:hover .entry-content .serv-icon i, #featured-services .featured-service-item:hover .entry-content .serv-icon svg { color: #085208 } #featured-services .entry-container { background: #fff; border-radius: 10px; margin: 0 0 2px } #featured-services .entry-content { text-align: left; margin: 0 auto; padding: 20px 20px; height: auto } #featured-services .entry-content .serv-icon { border-radius: 5px; width: 71px; height: 64px; text-align: left; transition: .5s } #featured-services .entry-content .serv-icon i, #featured-services .entry-content .serv-icon svg { font-size: 50px; line-height: 61px; color: #0a9642 } #featured-services .entry-content p { color: #000; line-height: 23px; font-size: 15px; margin-bottom: 1em; margin-top: 10px; font-weight: 300 } #featured-services .entry-content h2.title { margin: 15px 0 } #featured-services .title a { color: #000; text-decoration: none; font-size: 26px; text-transform: capitalize; letter-spacing: normal; font-weight: 500; padding: 0 18px 0 0; line-height: 30px } #featured-services .entry-content3 { position: relative; text-align: left; margin: 25%0 0 } #featured-services .entry-content3:hover .button-content { transition: .5s; color: #fff; letter-spacing: 1px; font-weight: 500; box-shadow: -3px 4px 0 0#0a9642 } #featured-services .button-content { background-color: #f6bb19; border-radius: 10px; padding: 10px 30px; margin: 30px 0 0 0; text-align: center; position: relative; display: inline-block; box-shadow: -2px 2px 1px 1px #242424; color: #fff; transition: .5s } #featured-services .button-content a { font-size: 21px; font-weight: 500 } #featured-services .button-content a i, #featured-services .button-content a svg { font-size: 20px; font-weight: 500; font-family: FontAwesome } #featured-services .subheading h4 { color: #000 } #featured-services .image-container { border-radius: 6px } #featured-services .slick-prev, #featured-services .slick-next { font-size: 0; line-height: 0; position: absolute; bottom: 0 !important; top: 100%; width: 40px; height: 40px; padding: 4px; cursor: pointer; border-radius: 50%; margin: 20px 0 } #featured-services .slick-prev { left: 85% } #featured-services .slick-next { right: 5% } #featured-services .slick-next:before, #featured-services .slick-prev:before { color: #0a9642; font-size: 35px } #main .service-inner-content { position: relative; overflow: hidden } #main .service-inner-content .featured-service-item { background: #fff; padding: 15px 13px 4px; margin: 0 0; width: 100% } #main .service-inner-content .featured-service-item .entry-content { padding: 0 15px; background-color: #f8f8f8 } #main .service-inner-content .featured-service-item .subheading h4 { margin: 7px 0 } #main .service-inner-content .featured-service-item .subheading h4 span { background-color: #1d3176; font-size: 22px; color: #fff; border-radius: 0 0 10px 10px; padding: 10px; margin: 0 15px 0 0 } #main .service-inner-content .entry-container { position: relative; padding: 0 0 0; box-shadow: 0 3px 4px 0#1d3176; margin: 0 0 0; height: auto } #main .service-inner-content .entry-content p { color: #958c8c; line-height: 23px; font-size: 19px; margin-bottom: 1em; margin-top: 10px; font-weight: 300 } #main .service-inner-content .title a { color: #000; text-decoration: none; font-size: 25px; text-transform: capitalize; letter-spacing: 0; font-weight: 500 } #main .service-inner-content .content-image { overflow: hidden; position: relative; width: 100%; height: 200px } #main .service-inner-content .content-image .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; opacity: 1; background-repeat: no-repeat; background-size: cover; background: #1d31764d; transition: transform .5s ease } #main .service-inner-content .content-image:hover .overlay { transform: scale(1.1); transition: transform .5s ease } #main .service-inner-content .content-image img { height: auto; width: 100%; transition: transform .5s ease } #main .service-inner-content .content-image:hover img { transform: scale(1.1); transition: transform .5s ease } #featured-whychooseus { position: relative; overflow: hidden; color: #fff; padding: 3% } #featured-whychooseus .featured-whychooseus-bg { z-index: 0; position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background-repeat: no-repeat; background-size: cover } #featured-whychooseus .whychooseus-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: .8; background: linear-gradient(0deg, #1d3176 60%, transparent 300%) } .whychooseus-leftside .whttitlebx i, .whychooseus-leftside .whttitlebx svg { color: #fff; background-color: #1d3176; padding: 13px 12px; font-size: 25px } .whychooseus-leftside .whttitlebx { display: flex; margin: 20px 0 } .whychooseus-leftside h3 { background-color: #2f3f7b; border-radius: 0 25px 25px 0; padding: 7px 20%0 15px; font-size: 26px; font-weight: 500; color: #fff } .whychooseus-leftside p { font-size: 18px; margin: 10px 15% } #featured-whychooseus .middelimg img { position: relative; z-index: 2; width: 90% } #featured-whychooseus .middelimg { position: relative } #featured-whychooseus .middelimg .whyimagebg { position: absolute; background-color: #fff; opacity: .3; width: 90%; height: 100%; left: -20px; top: -20px } #featured-whychooseus .middelimg .whyimagebg1 { position: absolute; width: 90%; height: 100%; left: -18px; top: -20px } #featured-whychooseus .middelimg .whyimagebg1::before { content: ""; top: 0; right: 0; position: absolute; background-color: #faa919; width: 16px; height: 16px; margin: 0-20px 0 0 } #featured-whychooseus .middelimg .whyimagebg1::after { content: ""; bottom: 0; left: 0; position: absolute; background-color: #faa919; width: 16px; height: 16px; margin: 0 0-20px -2px } #featured-whychooseus .title-section { text-align: center; margin-bottom: 2em; display: block !important } #featured-whychooseus .title-section h1 { margin: 20px 0 0 0; font-size: 25px !important; line-height: 1.1; font-weight: 400 !important; position: relative; z-index: 1; border-left: none; color: #fff; position: relative } #featured-whychooseus .title-section h1::after { content: ""; width: 161px; height: 1px; background: #fff; position: absolute; bottom: 0; margin-left: 0 } #featured-whychooseus h2.subtitle { font-size: 32px; line-height: 1.3; font-weight: 600; position: relative; color: #fff; font-weight: 700; margin: 30px 5px 0 0 } #featured-whychooseus .section-area-textlist { font-size: 19px; line-height: 32px; font-weight: 300; margin: 30px 25% 30px 0 } #featured-whychooseus .section-area-textlist p { padding: 10px 0 } #featured-whychooseus .title-section { position: relative } #featured-whychooseus .title-section:hover .button-content { transition: .5s; color: #fff; letter-spacing: 1px; font-weight: 500; box-shadow: -3px 4px 0 0#0a9642 } #featured-whychooseus .button-content { background-color: #faa919; border-radius: 10px; padding: 10px 28px; margin: 0 0 0 5px; text-align: center; position: relative; display: inline-block; box-shadow: -3px 4px 0 0#fff; transition: .5s } #featured-whychooseus .button-content a { font-size: 17px; font-weight: 500 } #featured-whychooseus .button-content a i { font-size: 20px; font-weight: 500; font-family: FontAwesome } #featured-whychooseus .whychooseus-img-box { position: relative; z-index: 2 } #featured-contact { position: relative; overflow: hidden } #featured-contact .featured-contact-bg { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background-repeat: no-repeat; background-size: cover } #featured-contact .contactimgtext { position: absolute; z-index: 1; margin: -2% 25px 0 } #featured-contact .contactformdiv { background: #f5f5f5; padding: 4% 8%; border-radius: 70px; position: relative } #featured-contact .borderimage { position: absolute; top: 2%; right: 2% } #featured-contact .contactimgtext h4 { font-size: 22px; font-weight: 500; color: #1d3176; margin: 16px 0; position: relative } #featured-contact .contactimgtext h4::after { content: ""; position: absolute; top: 22px; height: 1PX; border-left: 100px solid #1d3176; margin-left: 5px } #featured-contact .contactimgtext h2 { font-size: 32px; font-weight: 500; color: #1d3176; margin: 10px 0; line-height: 41px } #featured-contact .title-section { text-align: center; margin-bottom: 2em; display: block !important } #featured-contact .title-section h5 { color: #1d3176; font-size: 35px; padding: 5px 15px; font-weight: 700; width: fit-content; border-radius: 12px; background: linear-gradient(90deg, #0f193b -200%, #1d317600 110%); margin: 10px 0 30px 0 } #featured-contact .title-section h1 { margin: 20px auto; font-size: 35px; line-height: 1.1; font-weight: 600; padding: 0 17px; position: relative; z-index: 1; border-left: none } #featured-contact .title-section h1 span { color: #faa919 } #featured-contact h2.subtitle { color: #000; margin: 30px 0; font-size: 22px; font-weight: 300; padding: 0 0 0 20px; position: relative } #featured-contact .section-area-textlist { font-size: 26px; line-height: 32px; font-weight: 300; margin: 29px 0; padding: 0 232px 0 25px; text-align: left; position: relative } #featured-contact .button-content { border-radius: 10px; padding: 8px 20px; margin: 0 0 0 25px; text-align: center; position: relative; display: inline-block; transition: .5s; border: 3px solid #0a9642 } #featured-contact .title-section { position: relative } #featured-contact .button-content a { font-size: 21px; color: #000; font-weight: 500 } #featured-contact .title-section .row h3 { font-size: 25px; font-weight: 700 } #featured-contact .title-section .row p { margin: 8px 0 20px 0; font-size: 18px; font-weight: 700 } #featured-contact .title-section .row i { color: #0a9642; font-size: 34px; padding: 10px; border: 2px solid #0a9642; border-radius: 10px; margin: 0 22px } #featured-contact .button-content i { font-size: 20px; padding: 5px 10px; color: #0a9642 } #featured-contact .contact-image { width: 100%; height: auto; padding: 10px; border-radius: 10px; position: relative } #featured-contact .contact-image img { height: auto; width: 100% } #featured-contact textarea { padding: 12px } #featured-features { position: relative; overflow: hidden } #featured-features .sectionborder { position: relative } #featured-features .sectionborder img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: grid; place-items: center; width: 100% } #featured-features .featuresmallimage1 { position: absolute; right: 0; bottom: 0 } #featured-features .featuressun { position: absolute; left: -3%; top: 10px; animation-name: rotate; animation-duration: 18s; animation-iteration-count: infinite; animation-timing-function: linear } #featured-features .image-container { position: absolute; z-index: 1; bottom: 0; left: 0 } #featured-features .section-content { margin: 6%0 0 0; background-color: #f6f6f7; padding: 0 } #featured-features .featured-features-bg { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background-repeat: no-repeat; background-size: cover } #featured-features .title-section { display: inline-block; margin: 0 0 17px } #featured-features h3 { font-size: 24px; font-weight: 700; color: #101010; z-index: 1 } #featured-features h3::before { content: ""; position: absolute; background: #0a9642; width: 45px; z-index: 0; height: 45px; border-radius: 50%; margin-left: -17px; margin-top: -9px; opacity: .4 } #featured-features .featuretextcontainer:hover h3::before { background: #faa919 } #featured-features .title-section h1 { font-size: 28px; font-weight: 500; color: #1d3176; border: 0; position: relative } #featured-features .title-section h1::after { content: ""; width: 161px; height: 1px; background: #1d3176; position: absolute; bottom: 0; margin-left: 0 } #featured-features p.section-text { font-size: 18px; font-weight: 400; color: #000; text-align: center; margin: 0 0 65px } #featured-features .features-block { border-radius: 6px; padding: 15px 5px; text-align: center; position: relative } #featured-features .features-block:after { content: ""; position: absolute; background: #000; opacity: .2; width: 2px; height: 100%; right: -35px; top: 0 } #featured-features .features-block:last-child:after { display: none } #featured-features .featuresbox { border-radius: 8px; padding: 20px 0; position: relative } #featured-features h4.features-title { margin: 20px 0 } #featured-features h4.features-title a { color: #1d3176; text-decoration: none; font-weight: 600; font-size: 21px; transition: color .3s ease } #featured-features .featuretextcontainer:hover h4.features-title a { color: #faa919 } #main .features-inner-content { box-shadow: rgba(100, 100, 111, .2)0 7px 29px 0; border-radius: 12px; padding: 2em 1em; text-align: center; height: 100%; transition: all .4s ease-in-out; background-color: #fff } #main .features-inner-content:hover { background-color: #01549a; border: 1px solid #b81919 } #main .features-inner-content:nth-child(3n) { background-color: #01549a; border: 1px solid #b81919 } #main .features-inner-content:nth-child(3n) h4.features-title a, #main .features-inner-content:nth-child(3n) .features-details p { color: #fff } #main .features-inner-content:nth-child(3n) a i { color: #f18d88 } #main .box-left-brdr { width: 3px; height: 11em; position: absolute; left: -14px; top: 5em; background: #01549a } #main .features-inner-content h4.features-title { margin: 20px } #main .features-inner-content h4.features-title a { color: #000; text-decoration: none; font-weight: 500; font-size: 20px } #main .features-inner-content .features-details p { font-size: 18px; color: #000 } #main .features-inner-content a i { color: #01549a; font-size: 60px } #main .features-inner-content:hover h4.features-title a, #main .features-inner-content:hover .features-details p { color: #fff } #main .features-inner-content:hover a i { color: #f18d88 } #featured-counters { position: relative; overflow: hidden; background-color: #000 } #featured-counters .featured-counters-bg { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background-repeat: no-repeat; background-size: cover } #featured-counters .counters-block { background-color: #fff; color: #000; box-shadow: 0 0 10px #ffffff26; border-radius: 15px; padding: 5px; text-align: center; transition: all .4s ease-in-out; position: relative } #featured-counters .counters-block .counters-overlay2 { background: #000; opacity: .6; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } #featured-counters .countersbox { padding: 15px 0; position: relative; border-bottom: none; border-top: none } #featured-counters .counters-block:hover { background-color: #0b4f8ec7; border: 1px solid #062847 } #featured-counters h4.counters-title { margin: 4px 0 } #featured-counters h4.counters-title a { color: #4d4e51; text-decoration: none; font-weight: 500; font-size: 17px } #featured-counters .counters-num { color: #0a9642; text-decoration: none; font-weight: 700; font-size: 40px } #featured-counters .counters-block:hover .counters-num { color: #fff } #featured-counters .counters-block:hover h4.counters-title a, #featured-counters .counters-block:hover .counters-details p { color: #fff } #featured-clients { position: relative; overflow: hidden } #featured-clients .featured-clients-bg { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background-repeat: no-repeat; background-size: cover } #featured-clients .title-section p { font-size: 18px; color: #0a4781; margin: 0; line-height: 22px } #featured-clients .title-section { display: block; margin-top: 4em; margin-bottom: 4em } #featured-clients .title-section h1 { margin: 0 0 20px; font-size: 35px; font-weight: 500; color: #0a4781; padding: 0 0; letter-spacing: 0 } #featured-clients .section-content { position: relative } #featured-clients .image-container { height: 100%; width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover } #featured-clients .content-image { height: 150px; width: 300px; display: block; margin: 0 0; transition: transform .5s ease } #featured-clients .content-image .image-container:hover { transform: scale(1.2); margin: 0 0; transition: transform .5s ease } #featured-clients .content-image img.image-container { transition: transform .5s ease; width: 100% } #featured-clients .clients-slick { padding: 0 26px } #featured-clients .clients-block { margin: 0; padding: 6px 7px 6px 21px; border-radius: 15px; border: 1px solid #01549a; text-align: center } #featured-clients .slick-slide { outline: 0; margin: 0 30px } #featured-clients .slick-prev, #featured-clients .slick-next { color: #0a4781; outline: 0; background: 0 0 !important; border-radius: 50% !important; border-left: none !important; border-right: none !important; clip-path: none; opacity: 1 !important } #featured-clients .slick-prev { left: 10px } #featured-clients .slick-next { right: 10px } #featured-clients .slick-next:before, #featured-clients .slick-prev:before { opacity: 1; content: ""; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 35px; color: #faa919; z-index: 5; background: #fff; border-radius: 20px; padding: 5px } #featured-clients .slick-next:before { content: "" } #featured-clients .slick-prev:hover, #featured-clients .slick-prev:focus, #featured-clients .slick-next:hover, #featured-clients .slick-next:focus { color: #fff; outline: 0; background: #000; border-radius: 50% } #featured-clients .slick-list { margin: 0 60px } #main .classes-inner-content { position: relative; overflow: hidden } #main .classes-inner-content .main .classes-inner-content-bg { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background-repeat: no-repeat; background-size: cover } #main .classes-inner-content .title-section i { font-size: 35px; color: #01549a; margin: 0 } #main .classes-inner-content .title-section { display: block; margin-bottom: 5em } #main .classes-inner-content .title-section h1 { margin: 0; font-size: 37px; line-height: 1.1; font-weight: 500; letter-spacing: 1px; border-left: 2px solid #ba251e; color: #000; padding: 0 17px; border-radius: 0 } #main .classes-inner-content .classes-enroll-btn { border-radius: 5px; position: relative; margin: 0 auto; display: inline-block; padding: 11px 36px; left: 123px } #main .classes-inner-content .classes-enroll-btn a { color: #fff; font-size: 16px; font-weight: 600 } #main .classes-inner-content .classes-enroll-btn:hover { background: #000 } #main .classes-inner-content .classes-enroll-btn:hover a { color: #fff } #main .classes-inner-content .section-content { position: relative } #main .classes-inner-content .content-image { height: auto; width: 100%; border-radius: 0; display: block; margin: auto; position: relative; margin-bottom: 10px } #main .classes-inner-content .content-image .image-container { transition: transform .5s ease; width: 100%; border-radius: 28px } #main .classes-inner-content .classes-slick { padding: 0 26px } #main .classes-inner-content .featured-classes-item { background: #fff; border-radius: 14px; padding: 0 } #main .classes-inner-content header.entry-header { position: absolute; bottom: 26px; padding: 6px 30px 6px 16px; background: #01549a; margin-bottom: 0; width: auto; clip-path: polygon(0 0, 88%0, 100% 100%, 0 100%) } #main .classes-inner-content h2.title { margin: 0; padding: 0 } #main .classes-inner-content h2.title a { font-size: 18px; font-weight: 500; text-align: left; color: #fff } #main .classes-inner-content .classes-block { margin: 0; padding: 6px 7px 6px 21px; border-radius: 15px; border: 1px solid #01549a; text-align: center } #main .classes-inner-content .classes-block i { font-size: 25px; color: #01549a; margin: 0 0; font-family: "FontAwasome" } #main .classes-inner-content .classes-block h4 { color: #000; font-size: 19px; text-align: left; margin-top: 5px } #featured-video { position: relative; overflow: hidden } #featured-video .featured-video-bg { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background-repeat: no-repeat; background-size: cover } #featured-video .video-screen { border-radius: 44px; overflow: hidden; position: relative; height: 700px } #featured-video .video-screen iframe { width: 100%; height: 100% } #featured-video .video-content { position: relative; z-index: 10 } #featured-video .box-one-1 { width: 300px; height: 240px; background-color: #01549a; position: absolute; top: 0; left: 0; z-index: -1 } #featured-video .box-one-2 { width: 200px; height: 170px; background-color: #01549a; position: absolute; bottom: 0; right: 0; z-index: -1 } #featured-inquiry { overflow: hidden; position: relative; border-top: 1px solid #e1e1e1 } #featured-inquiry .featured-inquiry-bg { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background-repeat: no-repeat; background-size: cover } #featured-inquiry .title-section { height: 100%; background: #9f1918; padding: 26px 126px 26px 12em; clip-path: polygon(0 0, 100%0, 94% 100%, 0 100%); position: relative; left: -164px; border-top: 1px solid #6e6e6e; border-bottom: 1px solid #6e6e6e } #featured-inquiry .title-section:after { position: absolute; z-index: 0; content: ""; right: 7%; top: 0; height: 100%; width: 33px; background: #fff; -webkit-transform: skewX(-12deg); -moz-transform: skewX(-12deg); -ms-transform: skewX(-12deg); transform: skewX(-27deg); border-top-right-radius: 0; border-bottom-right-radius: 0 } #featured-inquiry .title-section h1 { color: #fff; font-size: 40px; line-height: 1.3; font-weight: 600; border-left: none } #featured-inquiry .inquiry-content { position: relative; z-index: 10 } #featured-inquiry .right-boxshape { width: 50px; height: 410px; position: absolute; right: 0; bottom: 0; top: 14em } #featured-inquiry .right-boxshape1 { height: 28%; width: 50px; background: #e4e4e4; padding: 0; clip-path: polygon(38% 25%, 100% 6%, 100% 100%, 39% 100%); position: relative; top: -14px } #featured-inquiry .right-boxshape2 { height: 40%; width: 50px; background: #cbcbcb; padding: 0; clip-path: polygon(39% 20%, 100% 6%, 100% 100%, 39% 100%); position: relative; top: -47px } #featured-inquiry .right-boxshape3 { height: 81%; width: 50px; background: #b6b6b6; padding: 0; clip-path: polygon(39% 11%, 100% 6%, 100% 100%, 39% 100%); position: relative; top: -123px } #featured-inquiry .bttm-brdrshape { width: 41%; height: 12px; border-top: 4px solid #f5f5f5; background-color: #f9f9f9; position: absolute; right: 6em; bottom: 7em } #featured-inquiry .bttm-brdrshape:after { position: absolute; z-index: 0; content: ""; right: -16px; top: -4px; height: 12px; width: 31px; border-top: 4px solid #f5f5f5; background-color: #f9f9f9; -webkit-transform: skewX(-12deg); -moz-transform: skewX(-12deg); -ms-transform: skewX(-12deg); transform: skewX(-64deg); border-top-right-radius: 0; border-bottom-right-radius: 0 } #featured-inquiry .bttm-brdrshape:before { position: absolute; z-index: 0; content: ""; left: -13px; top: -4px; height: 12px; width: 31px; border-top: 4px solid #f5f5f5; background-color: #f9f9f9; -webkit-transform: skewX(-67deg); -moz-transform: skewX(-12deg); -ms-transform: skewX(-12deg); transform: skewX(64deg); border-top-right-radius: 0; border-bottom-right-radius: 0 } #featured-inquiry .inquiry-screen { padding: 0 6em } #featured-inquiry input[type=text], #featured-inquiry input[type=email], #featured-inquiry input[type=url], #featured-inquiry input[type=password], #featured-inquiry input[type=search], #featured-inquiry input[type=number], #featured-inquiry input[type=tel], #featured-inquiry input[type=range], #featured-inquiry input[type=date], #featured-inquiry input[type=month], #featured-inquiry input[type=week], #featured-inquiry input[type=time], #featured-inquiry input[type=datetime], #featured-inquiry input[type=datetime-local], #featured-inquiry input[type=color], #featured-inquiry textarea, #featured-inquiry select { color: #c4c4c4; border: 1px solid #5d0104; border-radius: 14px; background: 0 0 !important; padding: 16px 23px; font-size: 20px; margin: 17px 0; width: 92% } #featured-inquiry textarea { width: 97% !important; height: 40% } #featured-inquiry input[type=submit] { color: #fff; display: inline-block; font-size: 23px; font-weight: 600; padding: 14px 57px; letter-spacing: 3px; position: relative; background-color: #01549a; border: 2px solid #01549a; border-radius: 10px; top: -144px; left: 20em; text-decoration: none; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .row { --bs-gutter-x: 0 !important; --bs-gutter-y: 0 !important } #site-navigation .sub-menu { display: grid } #site-navigation .sub-menu li { background: #01549a; border-bottom: 1px solid #fff } n #site-navigation .sub-menu li:hover a { color: #fdc401 } #site-navigation .sub-menu li a { color: #fff } #site-navigation { justify-content: space-around; position: relative; background-color: #fff; margin-top: 25px; box-shadow: rgba(0, 0, 0, .16)0 10px 36px 0, rgba(0, 0, 0, .06)0 0 0 1px } .dropdown-toggle { display: none } .site-branding .custom-logo { width: 300px; height: 60px } #site-navigation ul li { padding: 10px 18px; font-weight: 500; display: flex; justify-content: center; align-items: center } #site-navigation ul li a { color: #000 } #site-navigation .menu li:hover { color: #fdc401 } #site-navigation ul li:nth-child(1) a { font-weight: 700 } #site-navigation .menu li:last-child { background-color: #01549a; padding: 5px 15px; height: 50px; margin-top: 5px; display: flex; align-items: center; justify-content: center } #site-navigation ul li:last-child a { color: #fff } #masthead { position: absolute; z-index: 3000; width: 100% } #colophon { background-color: #e9f5ff; padding: 50px 50px 10px; text-align: center; background-repeat: no-repeat; background-size: 100% 100% } #colophon .footer-para { color: #000; font-size: 16px; margin-top: 20px } #colophon .footer_social_links { display: flex; align-items: center; gap: 12px } #colophon .footer_social_links a { background-color: #e9f5ff; border: 1px solid #000; border-radius: 3px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center } #colophon .footer_social_links a svg { font-size: 20px; color: #000 } #colophon .widget_nav_menu .widget-title { font-size: 20px; color: #000; font-weight: 700 } #colophon .widget_nav_menu { text-align: start } #colophon .menu-footer ul li { list-style-type: none; color: #000; line-height: 1.8rem } #colophon .menu-footer ul li a { color: #000; text-decoration: none; font-size: 16px; text-transform: capitalize } #colophon .textwidget { color: #000; font-size: 15px } #colophon .site-info { border-top: 2px solid #000; color: #000; padding: 20px 10px 10px } #colophon .site-info a { color: #000 } .gap-20 { gap: 5rem } .site-main .entry-header, .site-main .page-header { position: relative; width: 100%; background: 0 0; z-index: 9 } .site-main .page-header { height: auto } .post-search { box-shadow: rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/12%)0 1px 1px 0, rgb(60 66 87/16%)0 0 0 1px, rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/0%)0 0 0 0, rgb(60 66 87/8%)0 2px 5px 0; padding: 20px } .searchpage .entry-footer { display: grid } .searchpage .cat-links { margin-bottom: 15px } .searchpage .cat-links a { color: #01549a; font-weight: 600 } .searchpage .entry-title a { color: #01549a; font-weight: 700 } .sidebar404 { margin-top: 10rem !important } .searchsidebar { padding-left: 10% } .page .entry-header .entry-title { padding: 17%0 8% 45%; background-image: url(assets/images/people-railway-transport-portrait-public-transport-streetphotography-583586-pxhere.com.png); font-size: 40px !important; background-size: 100% 100%; color: #fdc401; font-weight: 700; text-shadow: 0 3px #000 } .site-main .page-header { padding-top: 12rem } .site-main .page-header .page-title { background: 0 0; font-size: 40px !important; color: #01549a; margin-bottom: 20px; font-weight: 700 } .site-main .banner-head { width: 100%; height: 60vh; background-repeat: no-repeat; background-size: 100% 100%; color: #fff; object-fit: cover; background-attachment: fixed; position: relative } .site-main .banner-head .center-div { padding: 16% 15%0; text-align: center } .site-main .banner-head .center-div h1 { text-shadow: 0 3px #000; text-transform: uppercase; font-weight: 700; color: #fdc401 } .widget_search, .widget { border: 1px solid #01549a; padding: 15px } .sidebar-div .wp-block-heading, .single_sidebar label, .single_sidebar .wp-block-heading, .sidebar-div .widget-title { padding: 15px 20px; background: #01549a; color: #fdc401; font-weight: 500; font-size: 18px; text-transform: uppercase } .sidebar-div label { padding: 15px 20px; background: #01549a; color: #fdc401; font-weight: 500; font-size: 18px; text-transform: uppercase } #secondary .search-form label { padding: 15px 20px; color: #fdc401; font-weight: 500; font-size: 18px; text-transform: uppercase } .widget ul li::before, .widget ol li footer .wp-block-latest-comments__comment-author::before { content: ""; font-family: "FontAwesome"; color: #fdc401; font-size: 15px; margin-right: 10px; transform: rotate(45deg); display: inline-block } .widget ol li footer a { color: #959595; font-size: 16px; font-weight: 400 } .wp-block-search__inside-wrapper, .wp-block-latest-posts, .wp-block-latest-comments, .wp-block-archives, .wp-block-categories, .tagcloud { padding: 15px !important } .sidebar-div .wp-block-search__inside-wrapper, .single_sidebar .wp-block-search__inside-wrapper { margin-top: 15px } .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input { box-shadow: rgba(0, 0, 0, .16)0 10px 36px 0, rgba(0, 0, 0, .06)0 0 0 1px; padding: 6px 16px; border-radius: 0; font-size: .9rem } .widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button { box-shadow: rgba(0, 0, 0, .16)0 10px 36px 0, rgba(0, 0, 0, .06)0 0 0 1px; cursor: pointer; color: #fff; background-color: #fdc401; margin: 0; padding: 10px 15px; border-radius: 0; font-size: 1rem; font-weight: 500 } .sidebar-div .wp-block-latest-posts__list, .sidebar-div .wp-block-archives-list, .sidebar-div .wp-block-categories-list, .single_sidebar .wp-block-categories-list { padding-top: 10px; margin: 0; padding-left: 0 } .sidebar-div .wp-block-latest-posts__list li a, .sidebar-div .wp-block-archives-list li a, .sidebar-div .wp-block-categories-list li a, .single_sidebar .wp-block-latest-posts__list li a, .single_sidebar .wp-block-archives-list li a, .single_sidebar .wp-block-categories-list li a, .tagcloud a { color: #959595; font-weight: 400; font-size: 16px } .wp-block-latest-comments article { margin-bottom: 0 !important } .mainrow { position: relative; padding: 0 3rem 0 0 } .mainrow a img { width: 100%; height: 300px; position: relative } .front-post .maincontent .readbtn { color: #fdc401 } .maincontent { position: relative; padding: 15px; background: linear-gradient(188deg, #00000000, #000000d6 89%) } .content .maincontent p { color: #fff; margin: 15px 0 0 } .maincontent .page-title a { font-size: 20px; color: #fff; font-weight: 400 } .maincontent .page-title { border-bottom: 1px solid #fff; padding-bottom: 20px; line-height: 23px } .maincontent .post-details, .maincontent .post-details a { color: #fff; font-size: 14px } .maincontent .post-details .icon, .archive-info .date svg { color: #fdc401 } .maincontent .post-details .arrow { transform: rotate(45deg) } .front .mainbox { border: 2px solid #01549a; padding: 10px } .mainrow { position: relative } .front .p-5 { padding-top: 6rem !important } .mainrow .box { padding: 0 1rem; position: relative } .mainrow .box .content { box-shadow: rgba(0, 0, 0, .24)0 3px 8px; background-color: #fff; position: relative } .mainrow .box .content .maincontent .justcontent { padding: 20px 10px } .mainrow a img { width: 100%; height: 300px } .content-page .entry-title a { font-weight: 600; color: #01549a } .singlepage .entry-content .wp-block-buttons { margin-bottom: 30px !important } .singlepage .categories { position: absolute; z-index: 9; top: 20px; left: 0; background: #fff; padding: 10px; color: #fdc401; font-size: 18px; font-weight: 700 } .singlepage .categories a, .content-page .entry-meta a { color: #fdc401 } .singlepage img, .content-page img, .archivepage .mainrow a img { width: 450px; height: 350px; padding: 10px; position: relative; box-shadow: rgba(0, 0, 0, .2)0 12px 28px 0, rgba(0, 0, 0, .1)0 2px 4px 0, rgba(255, 255, 255, .05)0 0 0 1px inset } .singlepage .comments-area .comment-author img { width: 60px; height: 60px; border-radius: 50px; padding: 0; box-shadow: none } .singlepage .comments-area .comment-content { padding-left: 90px } .archivepage .mainrow p { text-align: justify } .singlepage img { margin-right: 30px } #respond { margin-top: 1em; border-top: 3px solid #fdc401; padding: 2em 1em 2em 2em; box-shadow: 0 10px 20px rgb(0 0 0/10%) } .content-page img { margin-right: 30px } .content-page .entry-footer { margin-top: 30px } .wp-block-buttons { margin: 0 !important } .wp-block-buttons .wp-block-button__link, .singlepage #submit { display: inline-block; font-weight: 600; padding: 10px 20px; font-size: 18px; text-transform: uppercase; background: #01549a; text-decoration: none; border-radius: 0; border: 1px solid #01549a; letter-spacing: 1px; color: #fff; transition: all .4s ease-in; position: relative; overflow: hidden; z-index: 1; cursor: pointer } .wp-block-buttons .wp-block-button__link:hover, .singlepage #submit:hover { animation: pulseBig infinite 2s linear } .singlepage .entry-title { text-transform: uppercase; font-weight: 700; color: #01549a; line-height: 1.3 } .singlepage .blog-div .paragraph p { color: #000; text-align: justify } .singlepage .entry-content { padding-right: 50px } .singlepage .entry-header { height: auto !important } .singlepage .nav-next a, .nav-previous a { outline: 0; cursor: pointer; background-color: #fdc401; box-shadow: rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/12%)0 1px 1px 0, rgb(60 66 87/16%)0 0 0 1px, rgb(0 0 0/0%)0 0 0 0, rgb(0 0 0/0%)0 0 0 0, rgb(60 66 87/8%)0 2px 5px 0; border-radius: 4px; font-size: 14px; color: #01549a; font-weight: 700; padding: 8px; display: inline-block; min-height: 28px; margin-top: 20px; transition: background-color .24s, box-shadow .24s } .singlepage .nav-previous a .nav-subtitle, .singlepage .nav-next a .nav-subtitle { color: #000 } .singlepage .logged-in-as a { color: #fdc401; font-weight: 500 } .singlepage .comment-form-comment textarea { border: 1px solid #fdc401; padding: 10px } .singlepage .comment-form-comment label, .singlepage .comment-form-author label, .singlepage .comment-form-url label, .singlepage .comment-form-email label { color: #000; font-weight: 500 } .singlepage input[type=text], .singlepage input[type=email], .singlepage input[type=url] { padding: 10px; border: 1px solid #fdc401; width: 100% } .archivepage .page-header { padding: 0 !important } .archivepage .archive-col { padding-right: 30px } .content-page .entry-header { height: auto } .content-page { padding: 20px; border: 2px solid #f3f3f3 } .scroll-to-top { position: fixed; bottom: 30px; right: 30px; z-index: 1000 } .scroll-to-top a { background-color: #fdc401; padding: 8px; display: flex; border-radius: 50%; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, .24)0 3px 8px } .scroll-to-top a img { width: 50px; height: 50px } .wp-block-button .wp-block-button__link:hover { background: #e9f5ff !important; color: #01549a !important } /* Scroll to top Button */ /* --------- ## Page Design End ## --------- */