/* Theme Name: Aztecs Theme URI: https://loanemicalculators.com/demo/aztecs/ Author: Team Fudugo Author URI: https://www.fuduthemes.com/ Description: A new era of theme development Version: 1.0.0 Text Domain: aztecs Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /************************************************************************ Template Name : Aztecs | Responsive Bootstrap CSS Template Author : Team Fudugo Version : 1.0.0 Created : 2020 File Description : Main css file of the template **************************************************************************/ /************************************** CONTENT 1. Basic 2. Skin css 3. Header 4. Slider Css 5. Features 6. About 7. Counter 8. Services 9. Our Expert 10. Testimonials 11. Pricing plan 12. Blog 13. Call to Action 14. Newsletter 15. Footer 16.scroll Up 17. Preloader ****************************************/ body { font-family: 'Hind', sans-serif; font-weight: 400; font-size: 15px; line-height: 1.5; background-color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body, html { overflow-x: hidden; }a, a:hover, a:focus, a:active, button, button:hover, button:focus, button:active, input, input:hover, input:focus, input:active, .form-control, .form-control:hover, .form-control:focus, .form-control:active { text-decoration: none; outline: none; } ul { padding-left: 0; } .fs-normal-bg { background-size: cover; background-repeat: no-repeat; background-position: center; } .fs-fullheight { height: 100vh; } .form-control:focus { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } .btn.focus, .btn:focus { -webkit-box-shadow: none; box-shadow: none; } .theme-button { font-weight: 600; font-size: 15px; letter-spacing: .6px; text-align: center; padding: 14px 30px !important; -webkit-border-radius: 9px; border-radius: 9px; display: inline-block; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; border: 1px solid; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.5; } .theme-button:focus, .theme-button:hover { text-decoration: none; } .theme-button:not(:disabled):not(.disabled) { cursor: pointer; } .fs-custom-shadow { -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .p-t100 { padding-top: 100px; } .p-b100 { padding-bottom: 100px; } .p-t90 { padding-top: 90px; } .p-b90 { padding-bottom: 90px; } .p-t70 { padding-top: 70px; } .p-b70 { padding-bottom: 70px; } .p-t40 { padding-top: 40px; } .m-t15 { margin-top: 15px; } .m-t30 { margin-top: 30px; } .m-b30 { margin-bottom: 30px; } .m-t-30 { margin-top: -30px; } .fs-tagline { font-size: 16px; letter-spacing: .3px; font-weight: 600; margin-bottom: 10px; } .fs-title { font-size: 35px; letter-spacing: .6px; font-weight: 600; line-height: 1.2; position: relative; } .fs-section-content p { font-size: 15px; letter-spacing: .3px; line-height: 1.8; } .fs-section-title h3 { font-size: 20px; letter-spacing: .6px; font-weight: 600; line-height: 1.2; } .fs-heading h2 { margin-bottom: 33px; } .padding-top-40 { padding-top: 40px !important; } .custom-spacing { margin-bottom: 30px; } .fs-heading span { font-size: 15px; letter-spacing: .3px; background-color: #fee9ef; padding: 10px 35px; border-radius: 30px; text-align: center; font-weight: 600; display: inline-block; margin-bottom: 16px; } .h4 { font-size: 18px; letter-spacing: .6px; font-weight: 600; line-height: 1.2; } img { height: auto; max-width: 100%; } .fs-d-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .fs-flex-wrap { -o-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .fs-flex-center { align-items: center; } .theme-button-primary:hover { background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); box-shadow: none; } .fs-price-wrapper:hover .theme-button-primary { background-color: #fff !important; color: #ff6039; border-color: #ff6039; } body, .fs-counter-wrapper, .footer-widget, .contact-box .box-content, .fs-copyrightt .section-title p, .contact-box .box-content a:hover { color: #5f6e7b; } .text-primary, .theme-button-primary { color: #ff8f54; } ul.fs-breadcrumb, ul.fs-breadcrumb i, ul.fs-breadcrumb a:hover, .fs-breadcrumb a { color: #000; } .bg-primary { background-color: #ff8f54; } .border-primary, .theme-button-primary { border-color: #ff8f54; } .navbar-brand:hover, .text-secondary, .text-orange, .theme-button-secondary, .theme-button-primary:hover, .navbarNav.v2-link-color li.dropdown .dropdown-menu a:hover, .fs-back-to-top:hover, .fs-price-wrapper:hover .theme-button-primary, .fs-blog-meta .more, .fs-sidebar .widget a:hover { color: #ff6039; } .bg-secondary, .slick-dots li.slick-active button:before, .fs-feedback span, .fs-single-post-date, .fs-sidebar .footer-social > li > a > i { background-color: #ff6039; } .border-secondary, .theme-button-secondary, .theme-button-primary:hover, #top-menu li.dropdown .dropdown-menu a:hover, .fs-team-info:hover, .fs-feedback-responsive .fs-testimonial-wrapper .fs-thumb-box .image { border-color: #ff6039; } .h3, .h4, .h5, .text-muted, .theme-button-muted, #top-menu li a, .navbar-nav li a, .fs-title, .fs-slide-caption { color: #1b1b1b; } .bg-muted, .fs-title span.line { background-color: #1b1b1b; } .border-muted, .theme-button-muted { border-color: #1b1b1b; } .text-white, .theme-button-primary, .fs-custom-nav-bg, .navbar-nav li a, .navbar-nav a.active, .carousel-control-next, .carousel-control-prev, .fs-service-hover:hover, .fs-service-hover:hover h3, .fs-service-hover:hover p, .fs-services-inner .fs-feature-col span i, .fs-services-inner .fs-feature-col:hover i, .fs-social-media .btn::before, .fs-social-media .btn:hover i, .fs-price-wrapper:hover .title h3, .fs-callaction-wrapper, .fs-feedback.fs-heading span, .fs-price-wrapper:hover p, .fs-price-wrapper:hover .price h4, .fs-price-wrapper:hover .price h4 sub, .fs-price-wrapper:hover .title .fa, .fs-single-post-date { color: #fff; } .fs-service-hover:hover i, .fs-price-wrapper:hover h4, .fs-sidebar .footer-social > li > a > i, .fs-price-wrapper:hover .title i, .fs-social-media .btn:hover i { color: #fff !important; } .bg-white, .navbarNav li.dropdown .dropdown-menu a, .fixed-top.scrolled, .team-img { background-color: #ffffff; } .border-white, .fs-price-wrapper:hover .theme-button-primary, .fs-price-wrapper:hover .border-line { border-color: #ffffff; } .bg-transparent, .fs-custom-nav { background-color: transparent; } #top-menu li.dropdown .dropdown-menu a:hover { border-bottom-color: #f1f1f1; } .navbarNav li.dropdown .dropdown-menu a:hover { border-color: #f93069; } .navbarNav li.dropdown .dropdown-menu a:hover, .fs-testimonial-wrapper span i, .fs-heading span { color: #f93069; } .bg-light-yellow { background-color: #fef8e2 !important; } .text-yellow { color: #fed045; } .bg-light-green { background-color: #ddfced !important; } .text-green, .fs-feedback-arrow-box .left-arrow:hover { color: #00e878; } .fs-wrapper-image .rectangle { background-color: #00e878; } .bg-light-purple { background-color: #f7edfc !important; } .text-purple { color: #b64ee7 !important; } .fs-tagline { color: #a1a1a1; } .fs-about-inner h5 { color: #30363b; } .text-dark-purple { color: #ae20f2; } .text-red { color: #ff5b5a; } .title h3, .team-content span { color: #37434d; } .form-control::-webkit-input-placeholder, .form-control::placeholder { color: #a8b2ba; } .fs-testimonial-wrapper .content p, .team-content p { color: #c1b9c5; } .slick-dots li button:hover:before { background-color: #000; } .fs-social-media.social-media-effect .btn { background-color: #f9f9f9; } .site-name { font-size: 25px; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; } .fs-theme-tagline { margin-bottom: 0; } .admin-bar .fixed-top { top: 31px; } .navbar-nav>li>a { padding-right: 0; padding-left: 0; padding-top: 40px; padding-bottom: 40px; } #top-menu li a { font-style: normal; } .navbar-nav li a { font-size: 15px; text-transform: uppercase; letter-spacing: .6px; } .navbar-nav>li { margin-left: 30px; } .navbar-nav .theme-button a.nav-link { padding-top: 0; } .navbar-nav li.theme-button { min-width: 154px; height: 52px; position: relative; top: 28px; } .navbar-nav li a:hover, .navbar-nav li a:active, .navbar-nav li.active a { cursor: pointer; } #top-menu li.menu-item-has-children>a::before { position: absolute; content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: 900; top: 40px; right: -15px; font-size: 13px; color: #1b1b1b; } #top-menu li.menu-item-has-children>a { position: relative; } .navbarNav .theme-button-primary { margin-left: 45px; margin-right: 0; } .navbarNav .theme-button-primary:hover { box-shadow: none; } .navbarNav li.dropdown .dropdown-toggle i { position: relative; font-size: 10px; top: -2px; } .navbarNav li.dropdown .dropdown-menu { top: 100px; min-width: max-content; box-shadow: 0 0 28px 0 rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; border: none; padding-top: 0; padding-bottom: 0; } .navbarNav li.dropdown .dropdown-menu a { padding: calc( .5 * 2rem) calc( 24px + 1rem) calc( .5 * 2rem) 1.5rem; line-height: 1.2; position: relative; font-size: 15px; letter-spacing: 1px; border-bottom: 1px solid #f1f1f1; } .navbarNav li.dropdown .dropdown-menu a:hover, .navbarNav.v1 li.dropdown .dropdown-menu a:hover, .navbarNav.v2 li.dropdown .dropdown-menu a:hover, .navbarNav.v2-link-color li.dropdown .dropdown-menu a:hover { border-left: 2px solid; } .navbarNav li.dropdown .dropdown-toggle::after { display: none; } .navbarNav li.dropdown .dropdown-toggle i { position: relative; font-size: 10px; top: -2px; } .fs-menu li ul.sub-menu > li { position: relative; } .fs-menu > li > ul.sub-menu > li ul.sub-menu { position: absolute; left: 100%; top: 0px; display: none; list-style: none; } .fs-menu .menu-item-has-children.dropdown:not(.off-canvas) > .sub-menu{ width: auto; } .navbar-nav>li.dropdown:hover>.dropdown-menu, .navbar-nav>li>.dropdown-menu>li.dropdown:hover>.dropdown-menu, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.dropdown:hover>.dropdown-menu { display: block; } #top-menu li.menu-item-has-children ul li.dropdown>a::before{ position: absolute; content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: 900; top: 16px; right: 10px; font-size: 13px; color: #1b1b1b; } .navbar-toggler .navbar-toggler-icon { font-size: 14px; background-image: url(./assets/images/icon/hamburger-toggler.svg); } .fixed-top.scrolled { transition: background-color 200ms linear; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); } .navbar-nav { display:-ms-flexbox; display: flex; flex-wrap: wrap; } .fixed-top.scrolled .fs-navbar-brand .d-logo { display: none; } .fixed-top.scrolled .fs-navbar-brand .d-none { display: inline-block !important; } .fs-slideshow-carousel iframe { height: 100vh; } .fs-slide-caption { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 700px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .item[class*="left"] .fs-slide-caption { left: 0px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); padding-left: 15px; } .item[class*="right"] .fs-slide-caption { right: 0px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); padding-right: 130px; } .fs-slideshow-carousel .owl-item.active .fs-slide-caption h3 { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; } .fs-slideshow-carousel .owl-item.active .fs-slide-caption h1 { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; } .fs-slideshow-carousel .owl-item.active .fs-slide-caption p, .fs-slideshow-carousel .owl-item.active .fs-slide-caption .theme-button { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; } .fs-carousel-bg-overlay { background-color: rgba(255, 255, 255, 0.4); position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 2; } .owl-carousel .owl-item .item-video { height: 100vh; } .fs-carousel-wrapper .fs-carousel-inner img { background-position: top right; background-size: cover; width: 100%; height: 100%; } .fs-carousel-wrapper .fs-carousel-intro { position: absolute; top: 50%; left: 50% !important; transform: translate(-50%, -50%); bottom: initial; z-index: 3; } .fs-slide-caption h1 { font-size: 75px; letter-spacing: .6px; font-weight: 800; line-height: 1.1; } .fs-slide-caption h3 { font-size: 35px; font-weight: 500; margin-bottom: 20px; } .fs-slide-caption p { font-size: 15px; letter-spacing: .3px; line-height: 1.8; margin-top: 12px; margin-bottom: 32px; } .fs-slideshow-carousel.owl-carousel .owl-item img { display: block; width: 100%; height: 100vh; } .fs-slideshow-carousel .owl-dots .owl-dot.active span { background-color: #ff693e; } .fs-slideshow-carousel .owl-dots .owl-dot span { background-color: #000; } .fs-slideshow-carousel .owl-nav { -webkit-transition: 0.5s; transition: 0.5s; position: relative; width: 100%; } .fs-slideshow-carousel.owl-carousel .owl-nav button.owl-prev { position: absolute; top: auto !important; bottom: 75px; left: 120px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 30px; color: #fff; text-align: center; opacity: 1; } .fs-slideshow-carousel.owl-carousel .owl-nav button.owl-next { position: absolute; top: auto !important; bottom: 66px; left: 180px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 30px; color: #fff; text-align: center; opacity: 1; } .fs-slideshow-carousel.owl-carousel .owl-nav button.owl-prev::before, .fs-slideshow-carousel.owl-carousel .owl-nav button.owl-next::before { content: ""; position: absolute; background-size: cover; height: 12px; width: 30px; top: 30px; bottom: 0; left: 0; } .fs-slideshow-carousel.owl-carousel .owl-nav button.owl-prev span, .fs-slideshow-carousel.owl-carousel .owl-nav button.owl-next span { display: none; } .fs-slideshow-carousel.owl-carousel .owl-nav button.owl-prev:hover::before { background-image: url("./assets/images/slideshow/arrow_prev_orange.png"); } .fs-slideshow-carousel.owl-carousel .owl-nav button.owl-next:hover::before { background-image: url("./assets/images/slideshow/arrow_next_orange.png"); } .fs-slideshow-carousel.owl-carousel .owl-nav button.owl-prev::before { background-image: url("./assets/images/slideshow/arrow_prev.png"); } .fs-slideshow-carousel.owl-carousel .owl-nav button.owl-next::before { background-image: url("./assets/images/slideshow/arrow_next.png"); } .fs-slideshow-carousel .owl-dots { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .fs-slideshow-carousel .owl-dots .owl-dot span { width: 20px; height: 6px; margin: 5px 4px; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; border-radius: 30px; } .fs-slideshow-carousel .owl-dots .owl-dot.active span { width: 35px !important; } .fs-feature-inner [class*=col-] { height: 100%; } .fs-feature-col { text-align: center; background-color: #ffffff; padding: 35px 30px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fs-feature-col h3 { margin-bottom: 15px; font-size: 20px; letter-spacing: .6px; font-weight: 600; line-height: 1.2; } .fs-feature-col p { margin-bottom: 0; font-size: 15px; letter-spacing: .3px; line-height: 1.8; } .fs-feature-col:hover { -webkit-box-shadow: 0 2px 13px 2px rgba(252, 87, 42, .4); -moz-box-shadow: 0 2px 13px 2px rgba(252, 87, 42, .4); box-shadow: 0 2px 13px 2px rgba(252, 87, 42, .4); } .fs-feature-col.v2 .fs-feature-icon { width: 80px; height: 80px; border-radius: 28px; text-align: center; margin-bottom: 28px; } .fs-feature-col.v2 .fs-feature-icon i { font-size: 40px; line-height: 80px; } .fs-title span.line { content: ''; position: relative; width: 100px !important; top: 5px; left: 0; height: 2px !important; display: inline-block; margin-left: 10px; padding: 0; font-size: 15px; letter-spacing: .3px; border-radius: 30px; text-align: center; font-weight: 600; margin-bottom: 16px; } .fs-about-inner h2 { margin-bottom: 33px; } .fs-about-title { max-width: 350px; } .fs-about-inner h5 { font-size: 20px; font-weight: 500; margin-bottom: 20px; line-height: 1.2; } .fs-wrapper-image { position: relative; top: 0; left: 0; height: 393px; } .fs-wrapper-image.fs-bg-color .rectangle { background: linear-gradient(90deg, rgba(255, 96, 57, 1), rgba(255, 157, 92, 1)); } .fs-wrapper-image .rectangle { left: 0; } .fs-wrapper-image .rectangle { position: absolute; top: -60px; right: 0; width: 120px; height: 120px; border-radius: 9px; z-index: 2; } .fs-wrapper-image img { display: block !important; position: absolute; top: 0; right: 0px; left: auto; text-align: center; width: auto; height: auto; } .fs-counter { background-image: url(../../assets/images/bg/bg_counter_2.jpg); padding: 60px 0 30px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .fs-bg-overlay-3 { background: rgba(255, 255, 255, .84); } .fs-counter-wrapper { margin-bottom: 30px; padding: 45px 30px; justify-content: center; width: 100%; height: auto; } .fs-counter-wrapper .icon { display: table-cell; vertical-align: middle; } .fs-counter-wrapper .icon img { width: 54px; height: 54px; display: inline-block; text-align: center; } .fs-counter-wrapper .fs-cont { overflow: hidden; padding-left: 20px; text-align: left; display: table-cell; vertical-align: middle; } .fs-counter-wrapper .fs-cont h3 { font-size: 30px; letter-spacing: .6px; font-weight: 700; margin-top: 0; margin-bottom: 2px; } .fs-counter-wrapper p { font-size: 20px; letter-spacing: .3px; font-weight: 500; margin-bottom: 0; } .fs-services-inner .fs-feature-col { position: relative; overflow: hidden; -webkit-box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.1); } .fs-services-inner .fs-feature-col i { font-size: 42px; margin-bottom: 22px; } .fs-service-hover:hover { background: linear-gradient(-45deg, rgba(255, 96, 57, 1), rgba(255, 157, 92, 1)); } .fs-services-inner .fs-feature-col a { margin-top: 15px; display: inline-block; } .fs-services-inner .fs-feature-col:hover .display-arr { display: none; } .fs-services-inner .fs-feature-col:hover .d-none { display: inline-block !important; } .fs-services-inner .fs-feature-col span { position: absolute; right: -20px; bottom: 50px; opacity: .3; } .fs-services-block [class*=col-]:nth-child(2) .fs-feature-col { margin-top: 1.5rem; } .fs-services-block [class*=col-]:nth-child(3) .fs-feature-col { margin-top: -1.5rem; } .fs-services-block [class*=col-]:nth-child(4) .fs-feature-col { margin-bottom: 0 !important; } .fs-services-inner .fs-feature-col span i { font-size: 126px; } .fs-team-wrapper .slider { margin-bottom: 42px; } .fs-team-wrapper .slider div { border-radius: 12px; } .fs-team-wrapper .slider .slick-slide { margin: 0 15px; } .fs-team-wrapper .slick-dotted.slick-slider { margin-bottom: 60px; } .fs-team-wrapper .slick-dots { bottom: -57px; } .fs-team-info { transition: all ease 0.5s 0s; text-align: center; } .slick-slide .fs-team-info img { display: inline-block; } .team-content { margin-top: 25px; } .fs-team .slick-slide { margin: 0 15px !important; } .team-content span { font-size: 24px; letter-spacing: .6px; font-weight: 600; line-height: 1.2; display: inline-block; margin-bottom: 3px; } .team-content p { letter-spacing: .3px; margin-bottom: 14px; transition: all ease 0.5s 0s; line-height: 1.8; } .fs-team-wrapper .slider .slick-dots { bottom: -50px; } .fs-team-wrapper .slider .slick-dots li button:before { font-size: 8px; } .fs-team-wrapper>.slick-slider>.slick-list.draggable>.slick-track { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; } .fs-team-wrapper>.slick-slider >.slick-list.draggable>.slick-track .fs-team-info { height: 100% } .fs-social-media .btn { display: inline-block; width: 45px; height: 45px; line-height: 36px; margin: 0 5px; border-radius: 50%; overflow: hidden; border: none; position: relative; } .fs-social-media .btn i { font-size: 15px; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .fs-social-media .btn:hover { background-color: transparent !important; box-shadow: none !important; } .fs-social-media .btn:hover i { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .fs-social-media .btn::before { content: ''; position: absolute; width: 120%; height: 120%; transition: all ease 0.5s 0s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: -110%; top: 90%; } .fs-social-media .btn:hover::before { animation: zoom-effect 0.7s 1; top: -10%; left: -10%; } @keyframes zoom-effect { 0% { left: -110%; top: 90%; } 50% { left: 10%; top: -30%; } 100% { top: -10%; left: -10%; } } .fs-team-wrapper .slider { margin-top: 7px; margin-bottom: 42px; } .fs-team-info { border-radius: 0 !important; border: 1px solid #e7e7e7; padding: 35px; } .fs-team-info:hover .team-content p { -webkit-transition: all ease 0.5s 0s; transition: all ease 0.5s 0s; } .fs-team .slick-prev:before, .fs-team .slick-next:before, .fs-team button.slick-prev.slick-arrow, .fs-team button.slick-next.slick-arrow { display: none !important; } .fs-testimonials { position: relative; } .fs-testimonials .slider .slick-dots { display: none !important; } .testimonial-responsive.slider div { border-radius: 12px; } .fs-testimonial-wrapper { position: relative; padding: 25px 30px 30px 30px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .fs-testimonial-wrapper:hover { -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.5); } .fs-feedback-responsive .fs-testimonial-wrapper:hover { box-shadow: none; } .testimonial-responsive .slick-list { padding-top: 30px; padding-bottom: 30px; } .fs-testimonial-wrapper .content p { font-size: 13px; letter-spacing: .3px; } .fs-thumb-box { margin-top: 20px; } .fs-thumb-box .image { width: 65px; height: 65px; background: rgb(252, 87, 42); background: -moz-linear-gradient(top, rgb(252, 87, 42) 0%, rgb(249, 48, 105) 100%); background: -webkit-linear-gradient(top, rgb(252, 87, 42) 0%, rgb(249, 48, 105) 100%); background: linear-gradient(to bottom, rgb(252, 87, 42) 0%, rgb(249, 48, 105) 100%); transition: all .5s; border-radius: 50% !important; padding: 4px; text-align: center; -webkit-box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.25); display: table-cell; vertical-align: middle; } .fs-thumb-box .content { overflow: hidden; padding-left: 20px; text-align: left; display: table-cell; vertical-align: middle; } .fs-thumb-box .image img { border-radius: 50%; } .fs-thumb-box .content { overflow: hidden; } .fs-thumb-box .content p { margin-bottom: 0; } .fs-thumb-box .content h4 { margin-bottom: 4px !important; } .fs-feedback span { width: 80px; height: 80px; font-size: 36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 23px; margin-bottom: 35px; box-shadow: 0 0 14px 3px rgba(0, 232, 120, 0.4); } .fs-feedback span { box-shadow: 0 0 14px 3px rgba(255, 96, 57, 0.4); } .fs-feedback-responsive .fs-testimonial-wrapper { text-align: center; position: relative; } .fs-feedback-responsive .fs-testimonial-wrapper .testimonials-quote { position: absolute; left: 0; right: 0; top: 0; margin-left: auto; margin-right: auto; font-size: 108px; color: #cccccc; opacity: .15; } .fs-feedback-responsive .fs-testimonial-wrapper .fs-thumb-box .content { text-align: center; padding-left: 0; display: block; margin-top: 40px; margin-bottom: 24px; } .fs-feedback-responsive .fs-testimonial-wrapper .fs-thumb-box .image { display: inline-table; margin-left: auto; margin-right: auto; margin-bottom: 5px; background: transparent; box-shadow: none; padding: 8px; width: 80px; height: 80px; border-width: 1px; border-style: dashed; } .fs-feedback-arrow-box { text-align: center; cursor: pointer; color: #a6abb0; height: 40px; } .fs-feedback-responsive .slick-prev:before { content: "\f30a"; display: inline-block; margin-right: 12px; line-height: 16px; font-size: 32px; transition: all ease 0.5s 0s; } .fs-feedback-responsive .slick-next:before { content: "\f30b"; display: inline-block; margin-left: 12px; line-height: 16px; font-size: 32px; transition: all ease 0.5s 0s; } .fs-feedback-responsive .slick-prev, .fs-feedback-responsive .slick-next { position: absolute; top: auto; bottom: 0; transform: translate(0, -0%); -webkit-transform: translate(0, -0%); } .fs-feedback-responsive .slick-prev { left: 314px; } .fs-feedback-responsive .slick-next { right: 355px; } .fs-feedback-responsive .slick-prev:before, .fs-feedback-responsive .slick-next:before { position: absolute; font-family: 'Font Awesome\ 5 Free'; font-weight: 700; color: #a6abb0; opacity: 1; bottom: -25px; } .fs-feedback-responsive .slick-prev:hover:before, .fs-feedback-responsive .slick-next:hover:before { color: #ff6039; } .fs-price-inner [class*=col-] { height: 100%; } div#enquiry_form_response { margin-top: 1rem; } .fullwidth span { color: #f00; } .pricing-box .fullwidth label { padding: 8px 0; margin-bottom: 0; } .modal-dialog { max-width: 535px; } .fs-price-wrapper { border-radius: 12px; text-align: center; background-color: white; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.08); padding: 35px 35px 40px 35px; } .fs-price-wrapper:hover { transform: scale(1.03); -webkit-transform: scale(1.03); } .price i { font-size: 32px; } .title i { font-size: 60px; line-height: 60px; margin-bottom: 36px; } .border-line { color: #d8dfe4; width: 70%; border-width: 0.5px; border-style: solid; margin-left: auto !important; margin-right: auto !important; display: block; margin-bottom: 29px; } .title h3 { font-weight: 600; letter-spacing: .6px; line-height: 1.2; font-size: 30px; padding: 0; } .price h4 { margin: 0; padding-top: 18px; padding-bottom: 15px; font-size: 50px; letter-spacing: .6px; font-weight: 600; line-height: 1.2; } .price h4 sub { font-size: 14px; color: #bcbcbc; } .option { margin-bottom: 10px; } .fs-price-wrapper .theme-button { margin-top: 8px; } .fs-price-wrapper:hover { background: -webkit-linear-gradient(-45deg, rgba(255, 96, 57, 1), rgba(255, 157, 92, 1)); box-shadow: 3px 4px 20px 0px rgba(255, 96, 57, 0.65); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .fs-price-wrapper .theme-button:hover { box-shadow: none !important; } .pricing_enquiry_modal.modal { top: 25px; overflow-y: hidden; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .pricing-box { padding: 0; padding-left: 15px; padding-right: 15px; } .pricing-box .fullwidth { width: 50%; float: left; padding-right: 15px; } .pricing-box .fullwidth label { padding: 8px 0; margin-bottom: 0; } .theme-button.send_pricingplan_details { line-height: 12px; min-width: 135px; } .pricing_enquiry_modal .modal-footer { border: none; } .pricing_enquiry_modal .modal-header .close { color: #fff; opacity: 1; font-weight: 400; } .pricing-box .fullwidth p { margin-bottom: 0.5rem; } .fs-blog-wrapper { position: relative; } .fs-blog-wrapper .blog-media { overflow: hidden; border-radius: 12px; cursor: pointer; height: 100%; position: relative; padding-top: 80%; } .blog-media img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; max-width: inherit; transform: translate(-50%, -50%); } .fs-blog-wrapper .blog-media .img { -webkit-transition: all .5s; transition: all .5s; } .modal-header .close { padding: 0 12px; margin: 0; } .fs-blog-meta .more i { padding-left: 5px; } .fs-blog-date { background-color: #ff6039; position: absolute; left: 10px; top: 10px; width: 67px; height: 67px; color: #ffffff; opacity: .8; border-radius: 12px; padding: 15px 8px; font-size: 14px; text-align: center; cursor: default; } .fs-blog-meta { margin-top: 25px; } .fs-blog-meta .h3 { cursor: pointer; margin-bottom: 18px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 20px; letter-spacing: .6px; font-weight: 600; line-height: 1.2; } .fs-blog-meta a { letter-spacing: .6px; margin-top: 3px; display: inline-block; } .fs-blog-wrapper .blog-media img { -webkit-transition: all .5s; transition: all .5s; } .fs-blog-meta .more { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; text-transform: uppercase; } .fs-blog-meta .more:hover { margin-left: 10px; } .fs-blog-meta .more span i { font-size: 14px; } .fs-callaction { padding: 60px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .fs-callaction .bg-overlay { background: rgba(0, 0, 0, .56); position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .fs-callaction-wrapper { text-align: center; } .fs-callaction-wrapper h2 { font-size: 42px; font-weight: 600; line-height: 1.2; } .fs-callaction-wrapper a { margin-top: 20px; } .fs-newsletter-inner { padding-top: 95px; padding-bottom: 73px; } .fs-newsletter-form { margin-top: 48px; } .fs-newsletter .custom-form input { padding-left: 0; height: 53px; font-size: 14px; background-color: transparent; border: 1px solid #c1c1c1; border-radius: 0; border-top: none; border-right: none; border-left: none; } .fs-newsletter .form-control { padding: .375rem .75rem; line-height: 1.5; color: #495057; background-clip: padding-box; } .fs-footer { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .footer-widget { font-size: 14px; letter-spacing: .3px; line-height: 1.8; } .footer-widget p { margin-top: 20px; } .fs-pages-link { padding-left: 30px; } .helpfull-links, .fs-pages-link, .recent-posts, footer .widgettitle { margin-top: 8px; } .helpfull-links h5, .fs-pages-link h5, .recent-posts h5, footer .widgettitle { font-size: 1.3rem; font-weight: 400; line-height: 1.2; } .helpfull-links h5::after, .fs-pages-link h5::after, .recent-posts h5::after, footer .widgettitle::after { content: ""; display: block; height: 2px; width: 40px; background: #ff6039; margin-top: 5px; } .fs-footer-top .widget ul { margin-top: 27px; padding: 0; margin-bottom: 0; } .fs-footer-top li { padding: 0; margin: 0 0 16px 0; list-style: none; width: 100%; } .footer-nav li a { display: block; overflow: hidden; font-size: 14px; letter-spacing: .3px; text-decoration: none !important; color: #5f6e7b !important; } footer .widget .page_item::after { content: ''; display: block; width: 0; height: 2px; background: #5f6e7b; transition: all .5s ease; } footer .widget .page_item:hover:after { width: 16px; } .footer-post-wrapper.footer-nav { margin-top: 31px; } .recent-posts ul { list-style-type: none; } .recent-posts ul li { display: list-item; text-align: -webkit-match-parent; } .footer-post { margin-bottom: 12px; } .footer-post .thum { display: table-cell; vertical-align: middle; } .footer-post .cont { padding-left: 20px; display: table-cell; vertical-align: middle; } .footer-post .cont h4 { font-size: 18px; letter-spacing: .6px; font-weight: 500; line-height: 1.2; margin-bottom: 11px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer-post .cont span { display: inline-block; } .contact-box.footer-nav { margin-top: 30px; } .contact-box { margin-bottom: 15px; height: auto; } .contact-box .box-icon { background-color: #efefef; width: 36px !important; height: 36px !important; border-radius: 50% !important; text-align: center; line-height: 40px; float: left; } .contact-box .box-icon i { color: #ff6039; opacity: 1; } .contact-box .box-content { padding-left: 50px; font-size: 14px; letter-spacing: .3px; } .footer-line-2 { position: relative; border-color: #cccccc; width: 100%; margin-top: 30px; margin-bottom: 0; z-index: 4; } .fs-copyright { padding: 15px 0; } .copyright-content p { margin-top: 15px; margin-bottom: 0; font-size: 14px; letter-spacing: .3px; } .fs-copyright .fs-social-media .btn { margin: 3px 0 3px 10px !important; } .fs-social-media .btn:hover { background-color: transparent !important; box-shadow: none !important; } .fs-newsletter .custom-form input:active { border: 1px solid #ff6039; border-top: none; border-right: none; border-left: none; } .fs-back-to-top { display: none; position: fixed; bottom: 1rem; right: 1rem; width: 3.2rem; height: 3.2rem; line-height: 3.2rem; font-size: 1.4rem; background: rgba(255, 255, 255, 1); text-decoration: none; border-radius: 3.2rem; text-align: center; cursor: pointer; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.34); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.34); z-index: 9999999; } .fs-loader { position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; background: white; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } .fs-loader > img { width: 100px; } .fs-loader.hidden { animation: fadeOut 3s; animation-fill-mode: forwards; } @keyframes fadeOut { 100% { opacity: 1; visibility: hidden; } } .thum img { width: 70px; max-width: 70px; height: 70px; object-fit: cover; } .fs-contact-map iframe { width: 100%; } .contact-info { border-radius: 9px; box-shadow: 0 2px 13px 2px rgba(0, 0, 0, 0.06); text-align: center; position: relative; padding: 64px 30px 26px 30px; } .contact-wrapper .icon { display: table-cell; vertical-align: middle; } .contact-wrapper .content { overflow: hidden; padding-left: 20px; text-align: left; display: table-cell; vertical-align: middle; } .contact-info .box-icon { position: absolute; top: -40px; left: 0; right: 0; margin: 0 auto; } .contact-wrapper .icon i { color: #ffffff; font-size: 54px; width: 130px; height: 130px; border-radius: 50%; text-align: center; line-height: 130px; background: linear-gradient(90deg, rgba(255, 96, 57, 1), rgba(255, 157, 92, 1)); } .contact-info .v1-box-icon i { background: linear-gradient(-45deg, rgba(182, 78, 231, 1), rgba(154, 57, 237, 1), rgba(118, 43, 230, 1), rgba(73, 1, 254, 1)); } .contact-info .box-icon i { color: #ffffff; font-size: 36px; width: 80px; height: 80px; border-radius: 28px; text-align: center; line-height: 80px; box-shadow: 0 0 20px 0 rgba(252, 87, 42, 0.5); } .contact-wrapper { margin-bottom: 30px; } .contact-wrapper .icon { display: table-cell; vertical-align: middle; } .contact-wrapper .icon i { color: #ffffff; font-size: 54px; width: 130px; height: 130px; border-radius: 50%; text-align: center; line-height: 130px; background-color: #00e878; } .contact-wrapper .content { overflow: hidden; padding-left: 20px; text-align: left; display: table-cell; vertical-align: middle; } .contact-wrapper .content h3 { font-size: 25px; margin-bottom: 16px; } .contact-wrapper .content span, .contact-wrapper .content span a { display: block; font-size: 20px; letter-spacing: .3px; color: #5f6e7b !important; } .contact-info h3 { margin-bottom: 10px; } .contact-info span { display: block; font-size: 15px; color: #5f6e7b; } .get-in-touch { margin-top: 23px; } .get-in-touch .custom-form input { height: 47px; border-radius: 30px; font-size: 14px; background-color: transparent; border: 1px solid #c1c1c1; padding-left: 30px; } .get-in-touch .custom-form textarea { border-radius: 30px; font-size: 14px; background-color: transparent; border: 1px solid #c1c1c1; padding-top: 20px; padding-left: 30px; } .get-in-touch .form-control { padding: .375rem .75rem; line-height: 1.5; color: #495057; background-clip: padding-box; } .fs-page .fs-about-us { padding-top: 100px; } .fs-page .fs-team { padding-top: 70px; } figure.gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 50%; } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; max-width: 100%; } .gallery-item a img { display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; } .wp-caption { font-size: 15px; max-width: 100%; } .wp-caption .wp-caption-text { margin: 10px; } .bypostauthor { padding: 2px; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } blockquote::before { content: "\201C"; font-size: 40px; position: relative; /* top: 15px; */ top: 0px; position: absolute; color: #20db97; } blockquote p { padding-left: 19px; } blockquote { position: relative; background: #cacaca63; padding: 10px 5px 1px; } ul.sub-menu , ul.children { display:none; } .fs-page { padding-top: 10px; }