/*--------------------------------------------- Template Name: FotoTag Template URL: http://radiustheme.net/malek/fototag/ Description: Creative Photography Portfolio WordPress Theme Author: RadiusTheme Author URL: http://www.radiustheme.com Version: 1.3.8 =================== CSS INDEX =================== 1. Typography 2. Bootstrap Overwrite 2.1 Form 2.2 Grid 3. Vendor Custom Style 3.1 Countdown 3.2 PagePiling 3.3 Slick 4. Template Layout Style 4.1 Animation 4.2 Back To Top 4.3 Button 4.4 Custom Cursor 4.5 Footer 4.6 Global 4.7 Header Menu 4.8 Inner Page Banner 4.9 Pagination 4.10 Preloader 4.11 Section 4.12 Widget 5. Template Page Style 5.1 About Us 5.2 Banner 5.3 Blog 5.4 Brand 5.5 Call to Action 5.6 Coming Soon 5.7 Contact 5.8 Gallery 5.9 Hero 5.10 Photoshoot 5.11 Portfolio 5.12 Pricing 5.13 Progress 5.14 Service 5.15 Team 5.16 Testimonial --------------------------------------------*/ /* - Rem =============================================*/ /*======================================================================= 1. Typography =========================================================================*/ body { font-family: "Lato", sans-serif; font-size: 1rem; line-height: 1.875rem; color: #444; font-weight: 400; height: 100%; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; background-color: #ffffff; } p { margin: 0 0 1.25rem 0; } h1, h2, h3, h4, h5, h6 { font-family: "Josefin Sans", sans-serif; margin: 0 0 1.25rem 0; font-weight: 600; line-height: 2.5rem; color: #343434; } h1 { font-size: 2.875rem; } h2 { font-size: 2.25rem; } @media only screen and (max-width: 767px) { h2 { font-size: 2.625rem; } } @media only screen and (max-width: 575px) { h2 { font-size: 2.25rem !important; } } h2 { font-size: 2.25rem; } @media only screen and (max-width: 991px) { h2 { font-size: 2rem; } } @media only screen and (max-width: 575px) { h2 { font-size: 1.875rem !important; } } h3 { font-size: 1.75rem; } @media only screen and (max-width: 767px) { h3 { font-size: 1.5rem; } } @media only screen and (max-width: 575px) { h3 { font-size: 1.375rem !important; } } h4 { font-size: 1.375rem; } @media only screen and (max-width: 767px) { h4 { font-size: 1.25rem; } } @media only screen and (max-width: 575px) { h4 { font-size: 1.125rem !important; } } h5 { font-size: 1.125rem; } @media only screen and (max-width: 767px) { h5 { font-size: 1.0625rem; } } @media only screen and (max-width: 575px) { h5 { font-size: 1rem !important; } } h6 { font-size: 1rem; } @media only screen and (max-width: 767px) { h6 { font-size: 0.9375rem; } } @media only screen and (max-width: 767px) { h6 { font-size: 0.875rem; } } /*======================================================================= 2. Bootstrap Overwrite =========================================================================*/ /*------------------- 2.1 Form -------------------*/ .form-group { position: relative; margin-bottom: 1.25rem; } .form-group:last-child { margin-bottom: 0; } .form-group label { color: #343434; margin-bottom: 0.3125rem; } .form-group .form-control { font-size: 0.9375rem; color: #111111; padding: 0.625rem 1.25rem; border: none; border-radius: 0; background-color: #f5f5f5; } .form-group .form-control:focus { outline: none; box-shadow: none; } .form-group .submit-btn { margin-top: 0.625rem; font-size: 1rem; font-weight: 600; color: #ffffff; background-color: #343434; border: none; padding: 0.75rem 1.625rem 0.5rem; transition: all 0.3s ease-in-out; text-transform: uppercase; } .form-group .submit-btn:hover { background-color: #000000; } .form-group input { height: 3.125rem; } .form-group:last-child { margin-bottom: 0; } .form-group input.form-control::-webkit-input-placeholder, .form-group textarea.form-control::-webkit-input-placeholder { font-size: 0.875rem; color: #989898; } .form-group.comment-submit-btn, .form-group.form-submit { margin-bottom: 0; } /*------------------- 2.2 Grid -------------------*/ @media only screen and (min-width: 1230px) { .container { max-width: 1200px; } } @media only screen and (min-width: 1445px) { .container-lg { max-width: 1415px; } } @media only screen and (min-width: 1570px) { .container-xl { max-width: 1550px; } } .rtl .container-lg { margin: 0 auto 0 0; } .container-fluid.full-width { padding-left: 0; padding-right: 0; } .container-fluid.full-width .row { margin-left: 0; margin-right: 0; } .container-fluid.full-width .row>[class^="col-"], .container-fluid.full-width .row>[class*=" col-"] { padding-right: 0; padding-left: 0; } .row.gutters-10 { padding-left: 0.625rem; padding-right: 0.625rem; } .row.gutters-10>[class^="col-"] { padding-left: 0.3125rem; padding-right: 0.3125rem; } .row.gutters-15 { padding-left: 0.46875rem; padding-right: 0.46875rem; } .row.gutters-15>[class^="col-"] { padding-left: 0.46875rem; padding-right: 0.46875rem; } .row.gutters-20 { padding-left: 0.3125rem; padding-right: 0.3125rem; } .row.gutters-20>[class^="col-"] { padding-left: 0.625rem; padding-right: 0.625rem; } @media only screen and (min-width: 1200px) { .row.gutters-40 { margin-left: -1.25rem; margin-right: -1.25rem; } .row.gutters-40>[class^="col-"] { padding-left: 1.25rem; padding-right: 1.25rem; } } @media only screen and (min-width: 992px) { .row.gutters-50 { margin-left: -1.5625rem; margin-right: -1.5625rem; } .row.gutters-50>[class^="col-"] { padding-left: 1.5625rem; padding-right: 1.5625rem; } } @media only screen and (min-width: 992px) { .row.gutters-65 { margin-left: -2.03125rem; margin-right: -2.03125rem; } .row.gutters-65>[class^="col-"] { padding-left: 2.03125rem; padding-right: 2.03125rem; } } /*======================================================================= 3. Vendor Custom Style =========================================================================*/ /*------------------- 3.1 Countdown -------------------*/ .countdown-layout1 .countdown { display: flex; flex-wrap: wrap; } .countdown-layout1 .countdown .countdown-section { flex: 0 0 25%; max-width: 25%; position: relative; width: 100%; padding-right: 0.9375rem; padding-left: 0.9375rem; line-height: 1; } @media only screen and (max-width: 575px) { .countdown-layout1 .countdown .countdown-section { flex: 0 0 50%; max-width: 50%; margin-bottom: 1.875rem; } } .countdown-layout1 .countdown .countdown-section .countdown-number { font-size: 7.5rem; font-weight: 600; color: #343434; margin-bottom: 0.375rem; } @media only screen and (max-width: 991px) { .countdown-layout1 .countdown .countdown-section .countdown-number { font-size: 3.75rem; } } @media only screen and (max-width: 767px) { .countdown-layout1 .countdown .countdown-section .countdown-number { font-size: 2.5rem; } } .countdown-layout1 .countdown .countdown-section .countdown-unit { font-size: 1.875rem; color: #343434; } @media only screen and (max-width: 991px) { .countdown-layout1 .countdown .countdown-section .countdown-unit { font-size: 1.5rem; } } @media only screen and (max-width: 767px) { .countdown-layout1 .countdown .countdown-section .countdown-unit { font-size: 1.25rem; } } .countdown-layout1 .countdown .countdown-section>div { background-color: #f7f7f7; text-align: center; padding: 3.125rem 0.625rem; } @media only screen and (max-width: 767px) { .countdown-layout1 .countdown .countdown-section>div { padding: 1.875rem 0.625rem; } } /*------------------- 3.2 PagePiling -------------------*/ .menu-anchor { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 15; list-style: none; } @media only screen and (max-width: 991px) { .menu-anchor { display: none; } } .menu-anchor li { margin-bottom: 0.5rem; padding-left: 9.0625rem; position: relative; } @media only screen and (max-width: 1199px) { .menu-anchor li { padding-left: 6.25rem; } } .menu-anchor li:last-child { margin-bottom: 0; } .menu-anchor li:before { content: ""; height: 0.0625rem; width: 1.875rem; background-color: #ffffff; position: absolute; top: 45%; transform: translateY(-50%); right: 45%; transition: all .6s ease-in-out; } @media only screen and (max-width: 1199px) { .menu-anchor li:before { right: 55%; } } .menu-anchor li a { font-size: 1.25rem; color: #c3c3c3; padding: 0.3125rem; } .menu-anchor li:hover a { color: #ffffff; } .menu-anchor li:hover:before { width: 100%; } .menu-anchor li.active:before { width: 100%; } .menu-anchor li.active a { padding-left: 0.625rem; color: #ffffff; } .pp-menu-number { text-align: center; } .pp-menu-number li { display: inline-block; position: relative; } .pp-menu-number li:after { content: "."; color: #c3c3c3; padding: 0 0.75rem 0 1.125rem; } .pp-menu-number li:last-child:after { display: none; } .pp-menu-number li a { color: #c3c3c3; } .pp-menu-number li.active a { font-size: 1.375rem; font-weight: 600; color: #ffffff; } .pp-content.active .item-subtitle { margin: 0 0.5rem; animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */ animation-duration: .8s; /* don't forget to set a duration! */ } .pp-content.active .item-title { margin: 0 0.5rem; animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */ animation-duration: 1.2s; /* don't forget to set a duration! */ } #pp-nav { display: none; } /*------------------- 3.3 Slick -------------------*/ .slick-slider .slick-slide { margin-left: 2.5rem; } .slick-slider .slick-slide:focus { outline: none; } .slick-slider button.slick-arrow, .slick-slider span.slick-arrow { color: #fff; margin-left: 40px; padding: 10px 25px; background-color: #000; } .brand-section .slick-slide img { width: 130px; display: inline-block; } .slick-album2 .slick-slider .slick-slide { margin-left: 1.25rem; margin-right: 1.25rem; } .slick-album2 .slick-dots, .slick-album .slick-dots { top: 100%; right: 0; list-style: none; text-align: center; margin-top: 30px; margin-bottom: 0; padding: 0; } @media only screen and (max-width: 1600px) { .slick-album2 .slick-dots, .slick-album .slick-dots { right: -30px; } } @media only screen and (max-width: 1200px) { .slick-album2 .slick-dots, .slick-album .slick-dots { right: 60px; } } .slick-album2 .slick-dots li, .slick-album .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; border-radius: 100%; } .slick-album2 .slick-dots li button, .slick-album .slick-dots li button { font-size: 0; line-height: 20; display: inline; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; border-radius: 100%; outline: none; background-color: rgba(0, 0, 0, 0.25); } .slick-album2 .slick-dots li button:before, .slick-album .slick-dots li button:before { display: none; } .slick-album2 .slick-dots li.slick-active button, .slick-album .slick-dots li.slick-active button { background-color: #000; } .slick-album2 button.slick-arrow, .slick-album button.slick-arrow { right: 0; bottom: 0; z-index: 9; position: absolute; } .slick-album2 button.slick-arrow:focus, .slick-album button.slick-arrow:focus { outline: none; border-radius: 0; } .slick-album2 button.slick-prev, .slick-album button.slick-prev { right: 80px; } .slick-album2 button.slick-prev { right: auto; left: 0; } /*======================================================================= 5. Template Layout Style =========================================================================*/ /*------------------- 4.1 Animation -------------------*/ @keyframes moving { 0% { transform: translateY(5px); } 50% { transform: translateY(16px); } 100% { transform: translateY(5px); } } @keyframes pulse { 0% { box-shadow: 0 0 0 0 white; } 70% { box-shadow: 0 0 0 50px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes zomming { 0% { transform: scale(1); opacity: 1; } 95% { transform: scale(1.7); opacity: 1; } 100% { transform: scale(1.8); opacity: 1; } } @keyframes imgzomming { 0% { transform: scale(1); } 100% { transform: scale(1.3); } } /*------------------- 4.2 Back To Top -------------------*/ .scrollup { overflow: hidden; position: fixed; height: 2.8125rem; width: 2.8125rem; line-height: 2.5rem; border-radius: 50%; bottom: -6.25rem; right: 1.25rem; text-align: center; z-index: 9999; background-color: white; border: 0.125rem solid #111111; color: #343434; display: flex; align-items: center; justify-content: center; transition: all 0.8s cubic-bezier(0, 0, 0.15, 1.88); box-shadow: 0rem 0.0625rem 0.625rem 0rem rgba(0, 0, 0, 0.4); } .scrollup:hover { background-color: #343434; color: #ffffff; } .scrollup.back-top { bottom: 1.5625rem; } /*------------------- 4.3 Button -------------------*/ .btn-line { font-weight: 600; color: #444; padding: 0.3125rem 0.3125rem 0.25rem 1.875rem; position: relative; text-transform: uppercase; } .btn-line span { display: inline-block; transition: all 0.3s ease-in-out; } .btn-line:before { content: ""; height: 0.125rem; width: 1.25rem; background-color: #444; position: absolute; top: 50%; transform: translateY(-50%); left: 0; transition: all 0.3s ease-in-out; } .btn-line:hover { color: #000000; } .btn-line:hover span { transform: translateX(10px); } .btn-line:hover:before { transition-delay: 0.3s; left: 0.625rem; background-color: #000000; } .hero-slider-section .btn-line { color: #ffffff; } .hero-slider-section .btn-line:before { background-color: #ffffff; } .hero-slider-section .btn-line:hover { color: #cccccc; } .hero-slider-section .btn-line:hover:before { background-color: #cccccc; } .btn-fill-lg { background-color: #343434; color: #ffffff !important; font-weight: 600; text-transform: uppercase; padding: 1rem 2.125rem 0.875rem; } @media only screen and (max-width: 991px) { .btn-fill-lg { padding: 0.75rem 1.875rem 0.625rem; } } .btn-fill-lg:hover { color: #ffffff; background-color: #000000; } .btn-fill-md { background-color: #343434; color: #ffffff; font-weight: 600; padding: 0.75rem 2.375rem 0.4375rem; } .btn-fill-md:hover { color: #ffffff; background-color: #000000; } .persephone.tparrows { border-radius: 100% !important; transition: all .3s linear; } @media only screen and (max-width: 991px) { rs-arrow.tp-rightarrow.tparrows.persephone { transform: translate(-100px, -110px) !important; } rs-arrow.tp-leftarrow.tparrows.persephone { transform: translate(-160px, -110px) !important; } } .border-btn .item-btn { margin-top: 1.875rem; font-weight: 600; color: #666666; text-transform: uppercase; border: 0.125rem solid #ececec; padding: 0.625rem 1.625rem 0.4375rem; } .border-btn .item-btn:hover { background-color: #343434; border-color: #343434; color: #ffffff; } /*------------------- 4.4 Custom Cursor -------------------*/ .custom-cursor .circle-cursor { position: fixed; left: 0; top: 0; pointer-events: none; border-radius: 50%; transform: translateZ(0); visibility: hidden; } @media screen and (max-width: 1024px) { .custom-cursor .circle-cursor { display: none; } } .custom-cursor .circle-cursor--inner { margin-left: -0.125rem; margin-top: -0.125rem; width: 0.25rem; height: 0.25rem; z-index: 10000001; background-color: red; } .custom-cursor .circle-cursor--outer { margin-left: -0.9375rem; margin-top: -0.9375rem; width: 1.875rem; height: 1.875rem; border: 0.0625rem solid red; box-sizing: border-box; z-index: 10000000; transition: all .08s ease-out; } .custom-cursor .circle-cursor--outer.cursor-link-hover { margin-left: -1.5625rem; margin-top: -1.5625rem; width: 3.125rem; height: 3.125rem; border: 0.0625rem solid red; box-sizing: border-box; z-index: 10000000; transition: all .08s ease-out; } .custom-cursor .circle-cursor--inner.cursor-link-hover { margin-left: -0.1875rem; margin-top: -0.1875rem; width: 0.375rem; height: 0.375rem; background-color: red; } /*------------------- 4.5 Footer -------------------*/ .footer-section { background-color: #000000; } .footer-section.footer-cta-have.footer-lm-have { padding-top: 12.875rem; } .footer-section.footer-cta-have.footer-lm-have .footer-bottom-border { padding-top: 5rem; } @media only screen and (max-width: 600px) { .footer-section.footer-cta-have.footer-lm-have .footer-bottom-border { padding-top: 3rem; } } .footer-section.footer-cta-none.footer-lm-have { padding-top: 5.625rem; } .footer-section.footer-cta-none.footer-lm-have .footer-bottom-border { padding-top: 5.625rem; } .footer-section.footer-cta-have.footer-lm-none { padding-top: 7.5rem; } .footer-section.footer-cta-have.footer-lm-none .footer-bottom-border { padding-top: 5.625rem; } .footer-standard { background-image: url("../img/map.png"); background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 991px) { .footer-standard { margin-right: 0; } } .footer-standard .footer-widgets { padding-top: 5.3125rem; } .footer-standard .footer-content-box { margin-bottom: 2.5rem; } @media only screen and (max-width: 767px) { .footer-standard .footer-content-box { text-align: center; } } .footer-standard .footer-content-box .footer-logo { margin-bottom: 1.375rem; } .footer-standard .footer-content-box .footer-logo img { width: 140px; } .footer-standard .footer-content-box .footer-contact { font-size: 1.125rem; color: #d0d0d0; } .footer-standard .footer-content-box .footer-contact .item-email { margin-bottom: 0.75rem; } @media only screen and (max-width: 1199px) { .footer-standard .footer-content-box .footer-contact .item-email { font-size: 1.125rem; } } .footer-standard .footer-content-box .footer-contact .item-email a { color: #d0d0d0; } .footer-standard .footer-content-box .footer-contact .item-email a:hover { color: #ffffff; } .footer-standard .footer-content-box .footer-contact .item-number { display: flex; font-weight: 600; } @media only screen and (max-width: 767px) { .footer-standard .footer-content-box .footer-contact .item-number { justify-content: center; } } .footer-standard .footer-content-box .footer-contact .item-number i:before { font-size: 1.5rem; margin-right: 0.625rem; } .footer-standard .footer-content-box .footer-contact .item-number a { color: #d0d0d0; } .footer-standard .footer-content-box .footer-contact .item-number a:hover { color: #ffffff; } .footer-standard .footer-content-box .footer-title { color: #ffffff; margin-bottom: 1rem; font-weight: 600; } .footer-standard .footer-content-box .footer-title a { color: #ffffff; } .footer-standard .footer-content-box .footer-title a:hover { color: #ffffff; } .footer-standard .footer-content-box .footer-link ul li { margin-bottom: 0.4375rem; } .footer-standard .footer-content-box .footer-link ul li:last-child { margin-bottom: 0; } .footer-standard .footer-content-box .footer-link ul li a { color: #d0d0d0; } .footer-standard .footer-content-box .footer-link ul li a:hover { color: #ffffff; } .footer-standard .footer-content-box .footer-form .item-text { color: #d0d0d0; line-height: 1.5625rem; margin-bottom: 1.25rem; } .footer-standard .footer-content-box .footer-form .form-group .submit-btn { margin-top: 0; } .footer-standard .footer-content-box .footer-form .form-group .submit-btn:hover { background-color: #ffffff; color: #111111; } .footer-modern .footer-logo { text-align: center; margin-bottom: 1.875rem; } .footer-modern .footer-logo a { color: #fff; font-size: 36px; } .footer-modern .footer-logo a img { width: 178px; height: auto; } .footer-modern .footer-menu { text-align: center; font-family: "Josefin Sans", sans-serif; } .footer-modern .footer-menu ul { padding-left: 0; } .footer-modern .footer-menu ul li { display: inline-block; margin-right: 1.875rem; } .footer-modern .footer-menu ul li:last-child { margin-right: 0; } .footer-modern .footer-menu ul li a { color: #d0d0d0; padding: 0.3125rem; font-size: 1.125rem; } .footer-modern .footer-menu ul li a:hover { color: #ffffff; } .footer-modern .footer-bottom-border { padding: 2.1875rem 0 2.5rem; text-align: center; } @media only screen and (max-width: 991px) { .footer-modern .footer-bottom-border { padding: 4.375rem 0 2.5rem; } } @media only screen and (max-width: 767px) { .footer-modern .footer-bottom-border { padding: 1.875rem 0; } } .footer-modern .footer-bottom-border .item-border { position: relative; border-bottom: 0.0625rem solid rgba(213, 213, 213, 0.4); } @media only screen and (max-width: 767px) { .footer-modern .footer-bottom-border .item-border { border-bottom: none; } } .footer-modern .footer-bottom-border .item-border .copyright-text { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-color: #000000; color: #a7a7a7; padding: 0 3.125rem; } @media only screen and (max-width: 767px) { .footer-modern .footer-bottom-border .item-border .copyright-text { position: inherit; top: 0; left: 0; transform: translateX(0) translateY(0); } } .footer-modern .footer-bottom-border .item-border .copyright-text a { color: #a7a7a7; } .footer-modern .footer-bottom-border .item-border .copyright-text a:hover { color: #ffffff; } .footer-bottom { padding: 1.75rem 0 1.5625rem; } .footer-bottom .footer-copyright { color: #a7a7a7; } @media only screen and (max-width: 767px) { .footer-bottom .footer-copyright { text-align: center !important; margin-bottom: 1.25rem; } } .footer-bottom .footer-copyright a { color: #a7a7a7; } .footer-bottom .footer-copyright a:hover { color: #ffffff; } .footer-bottom .footer-social .item-social { margin: 0; text-align: right; } @media only screen and (max-width: 767px) { .footer-bottom .footer-social .item-social { text-align: center; } } .footer-bottom .footer-social .item-social li { display: inline-block; margin-right: 0.9375rem; } .footer-bottom .footer-social .item-social li:last-child { margin-right: 0; } .footer-bottom .footer-social .item-social li a { display: inline-block; font-size: 0.9375rem; padding: 0.3125rem; color: #a1a1a1; } .footer-bottom .footer-social .item-social li a:hover { color: #ffffff; } .footer-minimal { background-color: #000000; padding: 1.875rem 0 0; } .footer-minimal .footer-social { margin-bottom: 1.875rem; } @media only screen and (max-width: 991px) { .footer-minimal .footer-social { text-align: center; } } .footer-minimal .footer-social .item-social li { display: inline-block; margin-right: 0.9375rem; } .footer-minimal .footer-social .item-social li:last-child { margin-right: 0; } .footer-minimal .footer-social .item-social li a { text-align: center; display: inline-block; color: #a0a0a0; height: 2.5rem; width: 2.5rem; line-height: 2.5rem; background-color: transparent; border-radius: 50%; } .footer-minimal .footer-social .item-social li a:hover { color: #ffffff; background-color: #282828; } .footer-minimal .footer-logo { text-align: center; margin-bottom: 1.875rem; } .footer-minimal .footer-copyright { margin-bottom: 1.875rem; text-align: right; color: #a0a0a0; font-size: 1.0625rem; } @media only screen and (max-width: 991px) { .footer-minimal .footer-copyright { text-align: center !important; } } .footer-minimal .footer-copyright a { color: #a0a0a0; } .footer-minimal .footer-copyright a:hover { color: #ffffff; } .footer-fixed-bottom { position: absolute; bottom: 0; left: 0; right: 0; } @media only screen and (max-width: 1023px) { .footer-fixed-bottom { position: relative; } } .footer-fixed-bottom .copyright { padding: 1.875rem; color: #c7c7c7; text-align: center; } .footer-fixed-bottom .copyright a { color: #c7c7c7; } .footer-fixed-bottom .copyright a:hover { color: #ffffff; } .footer-minimal.footer-light { background-color: transparent; padding: 1.5625rem 0 0; } .footer-minimal.footer-light .footer-social { margin-bottom: 1.25rem; } .footer-minimal.footer-light .footer-social .item-social li a { color: #acacac; } .footer-minimal.footer-light .footer-social .item-social li a:hover { background-color: rgba(102, 98, 98, 0.15); color: #000000; } .footer-minimal.footer-light .footer-copyright { color: #444; margin-bottom: 1.25rem; } .footer-minimal.footer-light .footer-copyright a { color: #444; } .footer-minimal.footer-light .footer-copyright a:hover { color: #000000; } .fixed-footer { padding: 0 5.3125rem; position: fixed; bottom: 5.3125rem; left: 0; right: 0; z-index: 45; transition: all 0.3s ease-in-out; } .fixed-footer .share-btn { display: inline-block; cursor: pointer; } @media only screen and (max-width: 991px) { .fixed-footer .share-btn { left: 0.9375rem; } } @media only screen and (max-width: 767px) { .fixed-footer .share-btn { display: none; } } .fixed-footer .share-btn .item-label { color: #d3d0d0; transition: all 0.3s ease-in-out; visibility: visible; opacity: 1; } .fixed-footer .share-btn .item-label i { margin-right: 0.625rem; } .fixed-footer .share-btn .item-label:hover { color: #ffffff; } .fixed-footer .share-btn .item-social { position: absolute; top: 0; left: 0; width: 100vh; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; } .fixed-footer .share-btn .item-social li { transform: translateX(-5px); display: inline-block; transition: all 0.3s ease-in-out; } .fixed-footer .share-btn .item-social li a { color: #d3d0d0; padding: 0 0.5rem; transition: all 0.3s ease-in-out; } .fixed-footer .share-btn .item-social li a:hover { color: #ffffff; } .fixed-footer .share-btn:hover .item-label { visibility: hidden; opacity: 0; } .fixed-footer .share-btn:hover .item-social { left: 0; visibility: visible; opacity: 1; } .fixed-footer .share-btn:hover .item-social li { transform: translateX(0); } .fixed-footer .share-btn:hover .item-social li:nth-child(1n) { transition-delay: 0.3s; } .fixed-footer .share-btn:hover .item-social li:nth-child(2n) { transition-delay: 0.4s; } .fixed-footer .share-btn:hover .item-social li:nth-child(3n) { transition-delay: 0.5s; } .fixed-footer .share-btn:hover .item-social li:nth-child(4n) { transition-delay: 0.6s; } .fixed-footer .share-btn:hover .item-social li:nth-child(5n) { transition-delay: 0.7s; } .fixed-footer .mouse-icon { position: relative; margin: 0 auto; height: 2.875rem; width: 1.8125rem; border: 0.125rem solid #d3d0d0; border-radius: 0.9375rem; } .fixed-footer .mouse-icon span { display: block; height: 0.625rem; width: 0.125rem; background-color: #d3d0d0; border-radius: 0.9375rem; position: absolute; top: 0.3125rem; left: 0; right: 0; margin: 0 auto; animation: moving 1.5s infinite; } /*------------------- 4.6 Global -------------------*/ html, body { overflow-x: hidden; } html { margin-top: 0 !important; } a { display: inline-block; text-decoration: none; cursor: pointer; transition: all 0.3s ease-in-out; } a:active, a:hover, a:focus { text-decoration: none; color: #000000; outline: 0 none; } img { max-width: 100%; height: auto; } ul { list-style: disc inside none; margin: 0 0 20px 0; padding: 0 0 0 20px; } hr { margin: 1.875rem 0 0; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { margin-left: 0; } .item-icon { line-height: 1; } .item-icon i { display: inline-block; } .form-response .alert-danger, .form-response .alert.alert-info, .form-response .alert.alert-success { margin-top: 0.625rem; margin-bottom: 0; } .form-response .alert-danger p, .form-response .alert.alert-info p, .form-response .alert.alert-success p { margin-bottom: 0; } .bg-aash { background-color: #fafafa; } .bg-common { background-position: center; background-size: cover; background-repeat: no-repeat; } .bg-size-cover { background-size: cover; } .bg-attachment-fixed { background-attachment: fixed; background-repeat: no-repeat; background-position: center; background-size: cover; } .border-top-aash { border-top: 0.0625rem solid #d1d0d0; } /*------------------- 4.7 Header Menu -------------------*/ header { width: 100%; z-index: 15; position: absolute; } .single-page-banner-disable header, .page-banner-disable header { position: relative; background-color: #000; } @media only screen and (max-width: 991px) { header.header { display: none; } } .header-menu { position: relative; top: 0; left: 0; right: 0; margin: auto; z-index: 100; transition: all 0.3s ease-in-out; } .header-menu:after { clear: both; content: ""; display: block; } .admin-bar .header-menu { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar .header-menu { top: 45px; } } nav.template-main-menu>ul { display: inline-block; padding-left: 0; margin-bottom: 0; list-style: none; justify-content: center; font-family: "Josefin Sans", sans-serif; } nav.template-main-menu>ul>li { position: relative; display: inline-block; } nav.template-main-menu>ul>li>a { font-size: 1.125rem; line-height: 1.3; display: block; color: #ffffff; padding: 2.1875rem 1.25rem; transition: all 0.3s ease-in-out; } nav.template-main-menu>ul>li>a:hover { color: #cccccc; } nav.template-main-menu>ul>li>a:foucs { outline: none; } @media only screen and (max-width: 1600px) { nav.template-main-menu>ul>li>a { padding: 1.875rem 0.75rem; } } @media only screen and (max-width: 1199px) { nav.template-main-menu>ul>li>a { font-size: 1rem; } } nav.template-main-menu>ul>li ul.sub-menu, nav.template-main-menu>ul>li ul.children { list-style: none; border-top: 0.125rem solid #111111; background-color: #ffffff; padding: 0.9375rem 1.25rem; width: 14.375rem; visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; transform: scaleY(0); transform-origin: 0 0 0; box-shadow: 0rem 0.0625rem 0.1875rem 0rem rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; } nav.template-main-menu>ul>li ul.sub-menu li, nav.template-main-menu>ul>li ul.children li { position: relative; } nav.template-main-menu>ul>li ul.sub-menu li a, nav.template-main-menu>ul>li ul.children li a { position: relative; font-size: 0.9375rem; text-transform: capitalize; color: #444444; padding: 0.625rem 0.9375rem; display: block; border-radius: 0.125rem; line-height: 1.8; transition: all 0.3s ease-in-out; } nav.template-main-menu>ul>li ul.sub-menu li a:hover, nav.template-main-menu>ul>li ul.children li a:hover { color: #ffffff; background-color: #111111; } nav.template-main-menu>ul>li ul.sub-menu ul.sub-menu, nav.template-main-menu>ul>li ul.sub-menu ul.children, nav.template-main-menu>ul>li ul.children ul.sub-menu, nav.template-main-menu>ul>li ul.children ul.children { top: 0; left: auto; right: 110%; } nav.template-main-menu>ul>li ul.mega-menu { list-style: none; padding: 0.625rem 0; background-color: #ffffff; border-top: 0.125rem solid #111111; box-shadow: 0rem 0.0625rem 0.1875rem 0rem rgba(0, 0, 0, 0.3); position: absolute; left: -18.75rem; visibility: hidden; opacity: 0; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.3s ease-in-out; } nav.template-main-menu>ul>li ul.mega-menu>li { width: 14.375rem; display: inline-block; margin: 0 0.3125rem; float: left; } nav.template-main-menu>ul>li ul.mega-menu>li>ul.sub-menu { position: relative; width: 100%; border: none; box-shadow: none; visibility: visible; opacity: 1; transform: scaleY(1); } nav.template-main-menu>ul>li ul.mega-menu-col-3 { width: 45rem; } @media only screen and (max-width: 1199px) { nav.template-main-menu>ul>li ul.mega-menu-col-3 { left: -12.5rem; } } nav.template-main-menu>ul>li ul.mega-menu-col-2 { width: 30rem; left: -11.875rem; } nav.template-main-menu>ul>li:hover>ul.sub-menu, nav.template-main-menu>ul>li:hover>ul.children { opacity: 1; visibility: visible; transform: scaleY(1); } nav.template-main-menu>ul>li:hover>ul.sub-menu li:hover>ul.sub-menu, nav.template-main-menu>ul>li:hover>ul.sub-menu li:hover>ul.children, nav.template-main-menu>ul>li:hover>ul.children li:hover>ul.sub-menu, nav.template-main-menu>ul>li:hover>ul.children li:hover>ul.children { opacity: 1; visibility: visible; transform: scaleY(1); } nav.template-main-menu>ul>li:hover ul.mega-menu { opacity: 1; visibility: visible; transform: scaleY(1); } nav.template-main-menu>ul>li.mega-menu ul.sub-menu { list-style: none; padding: 0.625rem 1rem; background-color: #ffffff; border-top: 0.125rem solid #111111; box-shadow: 0rem 0.0625rem 0.1875rem 0rem rgba(0, 0, 0, 0.3); position: absolute; left: -11.25rem; visibility: hidden; opacity: 0; transform-origin: 0 0 0; transition: all 0.3s ease-in-out; transform: translate(0, 0); transform: scaleY(0); } nav.template-main-menu>ul>li.mega-menu ul.sub-menu>li { width: 14.375rem; display: inline-block; margin: 0 0.3125rem; float: left; } nav.template-main-menu>ul>li.mega-menu ul.sub-menu>li>ul.sub-menu { position: relative; width: 100%; border: none; box-shadow: none; visibility: visible; opacity: 1; transform: scaleY(1); } nav.template-main-menu>ul>li.mega-menu:hover>ul.sub-menu, nav.template-main-menu>ul>li.mega-menu:hover>ul.children { opacity: 1; visibility: visible; transform: scaleY(1); } nav.template-main-menu>ul>li.mega-menu:hover>ul.sub-menu li:hover>ul.sub-menu, nav.template-main-menu>ul>li.mega-menu:hover>ul.sub-menu li:hover>ul.children, nav.template-main-menu>ul>li.mega-menu:hover>ul.children li:hover>ul.sub-menu, nav.template-main-menu>ul>li.mega-menu:hover>ul.children li:hover>ul.children { opacity: 1; visibility: visible; transform: scaleY(1); } nav.template-main-menu>ul>li.mega-menu:hover ul.mega-menu { opacity: 1; visibility: visible; transform: scaleY(1); } nav.template-main-menu>ul>li.mega-menu-col-2 ul.sub-menu { width: 30rem; padding: 0.625rem 0.9375rem; margin: 0; } nav.template-main-menu>ul>li.mega-menu-col-2 ul.sub-menu>li { float: left; width: 13.375rem; margin: 0 0.3125rem; display: inline-block; } .menu-layout1 { padding: 3.75rem 8.125rem 3.125rem 4.0625rem; } .menu-layout3 nav.template-main-menu ul li a { color: #000000; } .menu-layout3 nav.template-main-menu ul li a:hover { color: #343434; } .menu-layout3 nav.template-main-menu ul li a:focus { outline: none; } .menu-layout3 .header-action ul { margin-bottom: 0; } .menu-layout3 .header-action ul li .all-work-btn { color: #000000; } .menu-layout3 .header-action ul li .all-work-btn:hover { color: #343434; } .menu-layout4 { padding: 3.125rem 5.3125rem; transition: all .5s linear; } @media only screen and (max-width: 991px) { .menu-layout4 { padding: 1.25rem 5.3125rem; background-color: #ffffff; } } @media only screen and (max-width: 767px) { .menu-layout4 { padding: 2.1875rem; } } @media only screen and (max-width: 575px) { .menu-layout4 { padding: 1.25rem 0.9375rem; } } .menu-layout4 .header-action ul { margin-bottom: 0; padding-left: 0; } @media only screen and (max-width: 575px) { .menu-layout4 .header-action ul { justify-content: space-between; } } .menu-layout4.rt-sticky { padding: 1.25rem 5.3125rem; box-shadow: 0 10px 16px -6px #00000012; } @media only screen and (max-width: 767px) { .menu-layout4.rt-sticky { padding: 1.25rem 1.25rem !important; } } .menu-layout5 { padding: 3.125rem 5.3125rem; } @media only screen and (max-width: 991px) { .menu-layout5 { padding: 1.875rem 5.3125rem; } } @media only screen and (max-width: 767px) { .menu-layout5 { padding: 1.25rem; } } @media only screen and (max-width: 575px) { .menu-layout5 { padding: 1.25rem 0; } } .menu-layout5 .header-action ul { margin-bottom: 0; padding-left: 0; } @media only screen and (max-width: 575px) { .menu-layout5 .header-action ul { justify-content: space-between; } } @media only screen and (max-width: 767px) { .menu-layout5 .header-action a.btn-wrap { width: 3.25rem !important; } } @media only screen and (max-width: 600px) { .admin-bar .header5.mn5-top .header-menu { top: 0; background-color: #00000094; } } .rt-sticky { position: fixed; top: 0; width: 100%; z-index: 100; left: 0; right: 0; transition: all 0.3s ease-in-out; background-color: white; } .admin-bar .rt-sticky { top: 32px; padding: 10px 0px; } @media only screen and (max-width: 782px) { .admin-bar .rt-sticky { top: 45px; } } .menu-layout2.rt-sticky { background-color: black; box-shadow: 0rem 0.0625rem 0.3125rem 0rem rgba(0, 0, 0, 0.2); } .menu-layout2.rt-sticky nav.template-main-menu>ul>li>a { padding: 1.75rem 0.75rem; } @media only screen and (max-width: 1500px) { .menu-layout2.rt-sticky nav.template-main-menu>ul>li>a { padding: 1.75rem 0.75rem; } } .menu-layout3.rt-sticky { box-shadow: 0rem 0.0625rem 0.3125rem 0rem rgba(0, 0, 0, 0.2); } .menu-layout3.rt-sticky nav.template-main-menu>ul>li>a { padding: 1.75rem 0.75rem; } @media only screen and (max-width: 1500px) { .menu-layout3.rt-sticky nav.template-main-menu>ul>li>a { padding: 1.75rem 0.75rem; } } @media only screen and (min-width: 992px) { .hide-computer { display: none; } } .fixed-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; transition: all 0.3s ease-in-out; } .header-action { text-align: right; } .header-action ul { margin-bottom: 0; } .header-action ul li { display: inline-block; margin-right: 1.375rem; } .header-action ul li:last-child { margin-right: 0; } .header-action .all-work-btn { display: flex; align-items: center; color: #d8d8d8; font-weight: 600; text-transform: uppercase; } .header-action .all-work-btn i { line-height: 1; margin-right: 0.625rem; } .header-action .all-work-btn i:before { font-size: 1rem; font-weight: 400; } .header-action .all-work-btn:hover { color: #ffffff; } .header-action .toggle-btn { position: relative; } .header-action .toggle-btn .btn-wrap { width: 2.5rem; padding: 0; background-color: transparent; border: none; transition: all 0.3s ease-in-out; } .header-action .toggle-btn .btn-wrap:focus { outline: none; } .header-action .toggle-btn .btn-wrap span { display: block; height: 0.125rem; width: 1.75rem; background-color: #d8d8d8; margin-bottom: 0.3125rem; transition: all 0.3s ease-in-out; } .header-action .toggle-btn .btn-wrap span:last-child { margin-bottom: 0 !important; } .header-action .toggle-btn .btn-wrap span:nth-child(1n) { margin-left: 0.25rem; } .header-action .toggle-btn .btn-wrap span:nth-child(2n) { margin-left: 0; } .header-action .toggle-btn .btn-wrap span:nth-child(3n) { margin-left: 0.6875rem; } .header-action .toggle-btn .btn-wrap span:nth-child(4n) { margin-left: 0.25rem; } @media only screen and (max-width: 575px) { .header-action .toggle-btn .btn-wrap span { height: 0.125rem; } } .header-action .toggle-btn:hover .btn-wrap span:nth-child(1n) { margin-left: 0; } .header-action .toggle-btn:hover .btn-wrap span:nth-child(2n) { margin-left: 0; } .header-action .toggle-btn:hover .btn-wrap span:nth-child(3n) { margin-left: 0; } .header-action .toggle-btn:hover .btn-wrap span:nth-child(4n) { margin-left: 0; } .header-action .toggle-btn.btn-round-border .btn-wrap { height: 4.25rem; width: 4.25rem; border: 0.0625rem solid #848886; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; } @media only screen and (max-width: 767px) { .header-action .toggle-btn.btn-round-border .btn-wrap { border: none; } } .header-action .toggle-btn.toggle-btn-md .btn-wrap { height: 3.125rem; width: 3.125rem; border: 0.125rem solid rgba(127, 127, 127, 0.25); padding-right: 0.3125rem; } .header-action .toggle-btn.toggle-btn-md .btn-wrap span { background-color: #343434; width: 1.375rem; margin-bottom: 0.25rem; } .header-action .toggle-btn.toggle-btn-md:hover .btn-wrap { padding-right: 0; } .header-action-dark ul { margin-bottom: 0; } .header-action-dark ul li { margin-right: 2.5rem; } .header-action-dark .all-work-btn { color: #444; } .header-action-dark .all-work-btn:hover { color: #000000; } .header-action-dark .toggle-btn { line-height: 0; } .header-action-dark .toggle-btn .btn-wrap { margin-top: 0.125rem; } .header-action-dark .toggle-btn .btn-wrap span { background-color: #343434; margin-bottom: 0.375rem; } .header-action.sidebar-right { padding-right: 3.75rem; } .main-sidebar { position: absolute; top: 0; bottom: 0; right: 0; width: 8.125rem; height: 61.3125rem; z-index: 10001; transition: all 0.5s ease-in-out; } @media only screen and (max-width: 991px) { .main-sidebar { display: none; } } .main-sidebar .sidebar-content { border-left: 0.0625rem solid #7c7c7c; padding: 3.75rem 0 5.625rem; display: flex; align-items: center; justify-content: space-between; flex-direction: column; height: 100%; position: relative; transition: all 0.3s ease-in-out; } .main-sidebar .sidebar-content .toggle-btn { position: relative; } .main-sidebar .sidebar-content .toggle-btn .btn-wrap { width: 2.5rem; padding: 0; background-color: transparent; border: none; } .main-sidebar .sidebar-content .toggle-btn .btn-wrap:focus { outline: none; } .main-sidebar .sidebar-content .toggle-btn .btn-wrap span { display: block; height: 0.125rem; width: 1.75rem; background-color: #d8d8d8; margin-bottom: 0.3125rem; transition: all 0.3s ease-in-out; } .main-sidebar .sidebar-content .toggle-btn .btn-wrap span:nth-child(1n) { margin-left: 0.25rem; } .main-sidebar .sidebar-content .toggle-btn .btn-wrap span:nth-child(2n) { margin-left: 0; } .main-sidebar .sidebar-content .toggle-btn .btn-wrap span:nth-child(3n) { margin-left: 0.6875rem; } .main-sidebar .sidebar-content .toggle-btn .btn-wrap span:nth-child(4n) { margin-left: 0.25rem; } .main-sidebar .sidebar-content .toggle-btn:hover .btn-wrap span:nth-child(1n) { margin-left: 0; } .main-sidebar .sidebar-content .toggle-btn:hover .btn-wrap span:nth-child(2n) { margin-left: 0; } .main-sidebar .sidebar-content .toggle-btn:hover .btn-wrap span:nth-child(3n) { margin-left: 0; } .main-sidebar .sidebar-content .toggle-btn:hover .btn-wrap span:nth-child(4n) { margin-left: 0; } .main-sidebar .sidebar-content .section-name { font-weight: 600; color: #ffffff; text-transform: uppercase; transform: rotate(-90deg); min-width: 12.5rem; text-align: center; transition: all 0.5s ease-in-out; margin-right: -7px; } .main-sidebar .sidebar-content .scroll-bottom a { font-size: 0.75rem; padding: 0.3125rem; text-transform: uppercase; color: #ffffff; transform: rotate(-90deg); display: inline-flex; align-items: center; margin-right: -7px; } .main-sidebar .sidebar-content .scroll-bottom a i { line-height: 0.6; } .main-sidebar .sidebar-content .scroll-bottom a i:before { margin-right: 0.625rem; font-size: 1.25rem; } @media only screen and (max-width: 1366px) { .main-sidebar .sidebar-content { border-left: 0; } } .main-sidebar:hover .sidebar-content { background-color: #f9f9f9; border-left-color: #f9f9f9; } .main-sidebar:hover .sidebar-content .toggle-btn .btn-wrap span { background-color: #444444; } .main-sidebar:hover .sidebar-content .section-name { color: #8a8a8a; } .main-sidebar:hover .sidebar-content .scroll-bottom a { color: #000000; } @media only screen and (max-width: 1023px) { .main-sidebar { height: 100vh; width: 7.5rem; } } @media (min-width: 1024px) and (max-width: 1366px) { .has-obserbation.blog-sec { padding-right: 55px !important; } } .admin-bar .sidebar-content { padding: 5.625rem 0 5.625rem; } .main-sidebar.sidebar-sticky { position: fixed; animation: fadeIn 1s; } .main-sidebar.sidebar-sticky .sidebar-content { background-color: #f9f9f9; border-left: none; } .main-sidebar.sidebar-sticky .sidebar-content .toggle-btn .btn-wrap span { background-color: #444444; } .main-sidebar.sidebar-sticky .sidebar-content .section-name { color: #8a8a8a; } .main-sidebar.sidebar-sticky .sidebar-content .scroll-bottom a { color: #000000; } .fixed-side-menu { position: fixed; top: 0; bottom: 0; left: 0; height: 100%; width: 18.75rem; background-color: #000000; } @media only screen and (max-width: 991px) { .fixed-side-menu { display: none; } } .fixed-side-menu .menu-content { padding: 2.5rem 1.25rem 2.5rem 2.8125rem; width: 100%; height: 100%; display: flex; justify-content: space-between; flex-direction: column; overflow: auto; } .fixed-side-menu .menu-list { padding: 1.875rem 0; list-style: none; font-family: "Josefin Sans", sans-serif; } .fixed-side-menu .menu-list .menu-item { margin-bottom: 0.3125rem; position: relative; transition: all 0.3s ease-in-out; } .fixed-side-menu .menu-list .menu-item a { display: inline-block; font-size: 1.125rem; color: #ffffff; padding: 0.8125rem 0; transition: all 0.3s ease-out; } .fixed-side-menu .menu-list .menu-item a:hover { color: #ffffff; } .fixed-side-menu .menu-list .menu-item a:focus { outline: none; } .fixed-side-menu .menu-list .menu-item .sub-menu { display: none; padding-left: 0.625rem; } .fixed-side-menu .menu-list .menu-item .sub-menu li { display: inline-flex; flex-direction: column; margin-right: 5rem; } .fixed-side-menu .menu-list .menu-item .sub-menu li:last-child { margin-right: 0; } .fixed-side-menu .menu-list .menu-item .sub-menu li a { display: block; color: #eaeaea; padding: 0.3125rem 0; font-size: 1rem; font-weight: 300; } .fixed-side-menu .menu-list .menu-item .sub-menu li a:hover { color: #ffffff; } .fixed-side-menu .item-social { padding-left: 0; margin-bottom: 0.9375rem; } .fixed-side-menu .item-social li { display: inline-block; margin-bottom: 0.3125rem; margin-right: 0.3125rem; } .fixed-side-menu .item-social li:last-child { margin-right: 0; } .fixed-side-menu .item-social li a { display: inline-block; height: 2.1875rem; width: 2.1875rem; background-color: rgba(255, 255, 255, 0); line-height: 2.375rem; border-radius: 50%; text-align: center; color: #a0a0a0; transition: all 0.3s ease-in-out; } .fixed-side-menu .item-social li a:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.25); } .fixed-side-menu .copyright-text { font-size: 0.9375rem; color: #a0a0a0; } .fixed-side-menu .copyright-text a { color: #a0a0a0; } .fixed-side-menu .copyright-text a:hover { color: #ffffff; } .admin-bar .fixed-side-menu .menu-content { padding: 4.5rem 1.25rem 2.5rem 2.8125rem; } .offcanvas-menu-wrap { width: 100.5%; height: 0; position: fixed; top: 0%; left: 50%; transform: translateY(-50%) translateX(-50%); background-color: black; z-index: 99999; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; font-family: "Josefin Sans", sans-serif; } .offcanvas-menu-wrap .close-btn { cursor: pointer; position: absolute; top: 2.5rem; right: 2.5rem; font-size: 1.5rem; font-weight: 500; color: #ffffff; padding: 0.625rem; z-index: 50; } .offcanvas-menu-wrap .offcanvas-content { height: 100%; overflow-y: auto; position: relative; padding: 1.25rem 3.125rem; transition: all 0.3s ease-out; } @media only screen and (max-width: 1199px) { .offcanvas-menu-wrap .offcanvas-content { justify-content: flex-start; padding-top: 4.375rem; } } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 600px; margin: auto 200px; height: 100%; padding-left: 0; } @media only screen and (max-width: 991px) { .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu { text-align: center; margin: auto 50px; } } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item { position: relative; transform: translateX(-50px); visibility: hidden; opacity: 0; padding: 0; list-style: none; transition: all 0.3s ease-in-out; margin: 15px 0; } @media only screen and (max-width: 991px) { .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item { margin-bottom: 0.625rem; min-width: 21.875rem; width: 100%; } } @media only screen and (max-width: 767px) { .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item { margin-bottom: 0; } } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item a { display: inline-block; font-size: 2.25rem; font-weight: 600; color: #ffffff; padding: 0.9375rem 0; text-transform: uppercase; transition: all 0.3s ease-out; } @media only screen and (max-width: 991px) { .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item a { font-size: 1.875rem; } } @media only screen and (max-width: 767px) { .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item a { font-size: 1.625rem; } } @media only screen and (max-width: 575px) { .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item a { font-size: 1.25rem; } } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item a:hover { color: #ffffff; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item a:focus { outline: none; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item .sub-menu { display: none; padding-left: 0; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item .sub-menu li { margin: 0; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item .sub-menu li:last-child { margin-right: 0; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item .sub-menu li a { display: block; color: #eaeaea; padding: 0.625rem 0; font-size: 1.125rem; font-weight: 400; text-transform: unset; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item .sub-menu li a:hover { color: #ffffff; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu>.menu-item { width: 100%; margin: 5px 0; display: inline-block; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .mega-menu-col-2 .sub-menu .menu-item { width: 50%; float: left; display: inline-flex; } @media only screen and (max-width: 991px) { .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .mega-menu-col-2 .sub-menu .menu-item { width: 100%; text-align: center; display: inline-block; } } .offcanvas-menu-wrap .offcanvas-content:before { content: ''; top: 0; left: 0; opacity: .5; width: 100%; height: 100%; position: absolute; background-color: #000; } .offcanvas-menu-wrap .offcanvas-content.text-center .offcanvas-menu { margin: auto; text-align: left; } .offcanvas-menu-wrap .offcanvas-content.text-right { text-align: right; } .offcanvas-menu-wrap .offcanvas-content.text-right .offcanvas-menu { margin: auto 200px auto auto; text-align: right; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item { transform: translateX(0); visibility: visible; opacity: 1; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item:nth-child(1n) { transition-delay: 0.5s; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item:nth-child(2n) { transition-delay: 0.6s; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item:nth-child(3n) { transition-delay: 0.7s; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item:nth-child(4n) { transition-delay: 0.8s; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item:nth-child(5n) { transition-delay: 0.9s; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item:nth-child(6n) { transition-delay: 1s; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item:nth-child(7n) { transition-delay: 1.1s; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item:nth-child(8n) { transition-delay: 1.2s; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .menu-item:nth-child(9n) { transition-delay: 1.3s; } .wrapper.open .offcanvas-menu-wrap .offcanvas-content.text-right .offcanvas-menu .mega-menu-col-2 .menu-item { display: inline-block; } div#wrapper.open>.offcanvas-mask { content: ""; position: fixed; width: 100%; height: 100%; top: 0; right: 0; background: rgba(0, 0, 0, 0); z-index: 150; transition: all 0.3s ease-in-out; } .mean-container .mean-bar { background: #ffffff !important; float: none; padding: 0 !important; position: fixed !important; top: 0; z-index: 99999; transition: all .3s linear; } .mean-container .mean-bar:after { content: ""; clear: both; display: block; } .mean-container .mean-bar a.logo-mobile-menu { width: 100%; background-color: rgba(222, 222, 222, 0.95); box-sizing: border-box; } .mean-container .mean-bar .mobile-menu-nav-back { padding-left: 0.9375rem; border-bottom: 0.0625rem solid #b2b2b2; position: relative; text-align: center; height: 3.125rem; display: flex; align-items: center; } .mean-container .mean-bar .mobile-menu-nav-back:before { position: absolute; content: ""; height: 100%; width: 100%; background-color: rgba(248, 248, 248, 0.95); z-index: -1; top: 0; left: 0; right: 0; } .mean-container .mean-nav { float: none !important; background: transparent !important; } .mean-container .mean-nav>ul { overflow-y: scroll; height: 100vh; } .mean-container .mean-nav>ul:after { content: ''; display: block; clear: both; } .mean-container .mean-nav>ul>li>a { font-size: 0.875rem; color: #2a2a2a; font-weight: 600; padding: 10px 5% 7px; background-color: #ebebeb; transition: all 0.5s ease-out; } .mean-container .mean-nav>ul>li>a:hover { color: red; } .mean-container .mean-nav>ul>li:hover>a { color: red; background-color: #ffffff; } .mean-container .mean-nav>ul>li li a { color: #2a2a2a; opacity: 1; font-weight: 600; padding: 0.5em 8% !important; font-size: 0.875rem; } .mean-container .mean-nav>ul>li li a:hover { background-color: #ffffff; } .mean-container .mean-nav>ul>li li li a { padding: 0.5em 10% !important; } .mean-container .mean-nav>ul>li a.mean-expand { background-color: transparent; margin-top: 0; height: 1.25rem; line-height: 1.6875rem; width: 100%; text-align: right; font-size: 0.875rem; padding: 0.75rem 1.25rem 0.75rem 0.75rem !important; top: -0.25rem; } .mean-container .mean-nav>ul>li a.mean-expand:hover { background-color: transparent; } .mean-container .mean-nav>ul>li a.mean-expand i { font-size: 0.875rem; } .mean-container .mean-nav>ul>li.current_page_ancestor>a { color: red; } .mean-container .mean-nav>ul>li.current_page_ancestor>ul li.current_page_item a { color: red; } .mean-container .mean-nav .mega-menu li .mean-expand { display: none; } .mean-container .mean-nav .mega-menu li ul { display: block !important; } .mean-container a.meanmenu-reveal { float: none !important; position: absolute; top: 0; transition: unset; padding: 0.875rem 0.875rem 0.75rem; } .admin-bar.mean-container .mean-bar { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar.mean-container .mean-bar { top: 46px; } } @media only screen and (max-width: 600px) { .admin-bar.mean-container.mn-top .mean-bar { top: 0; } } header.fixed-header.header8 .header-menu.menu-layout4 { transition: all .5s linear; } @media only screen and (max-width: 600px) { .admin-bar.mn-top .header-menu.menu-layout4 { top: 0; } } .mean-container #wrapper { padding-top: 3.125rem; } .header-logo a { color: #fff; font-weight: 900; font-size: 3rem; line-height: 3rem; } .header-logo a:focus { outline: none; } @media only screen and (max-width: 1199px) { .header-logo a { font-size: 2.625rem; } } @media only screen and (max-width: 991px) { .header-logo a { font-size: 2.25rem; } } @media only screen and (max-width: 767px) { .header-logo a { font-size: 2rem; line-height: 2rem; } } .light-logo .site-description { color: #ffffff; } .dark-logo .site-description { color: #343434; } .header-logo img { width: 120px; height: auto; } @media only screen and (max-width: 767px) { .header-logo img { width: 120px; } } @media only screen and (max-width: 480px) { .header-logo img { width: 100px; } } .mobile-menu-nav-back a { width: 120px; } .mobile-menu-nav-back a.txt-logo { color: #000000; font-size: 34px; width: 250px; text-align: left; } .h9-fm { top: 0 !important; padding: 2.1875rem 2.1875rem 1.8rem; } .under-menu-line { padding-top: 80px; } @media only screen and (max-width: 1199px) { .under-menu-line { padding-top: 70px; } } .admin-bar .under-menu-line { padding-top: 125px; } @media only screen and (max-width: 1199px) { .admin-bar .under-menu-line { padding-top: 100px; } } .header2-menu-fix { padding-top: 90px; } @media only screen and (max-width: 1199px) { .header2-menu-fix { padding-top: 80px; } } @media only screen and (max-width: 991px) { .header2-menu-fix { padding-top: 60px; } } .admin-bar .header2-menu-fix { padding-top: 125px; } @media only screen and (max-width: 1199px) { .admin-bar .header2-menu-fix { padding-top: 100px; } } @media only screen and (max-width: 991px) { .admin-bar .header2-menu-fix { padding-top: 80px; } } /*------------------- 4.8 Inner Page Banner -------------------*/ .inner-page-banner { position: relative; padding: 12.5rem 0 8.75rem; background-size: cover; background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 1199px) { .inner-page-banner { padding: 10.9375rem 0 6.875rem !important; } } @media only screen and (max-width: 991px) { .inner-page-banner { margin-top: 0; padding: 6.25rem 0 6.25rem !important; } } @media only screen and (max-width: 767px) { .inner-page-banner { padding: 5rem 0 !important; } } .inner-page-banner:after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .inner-page-banner .breadcrumbs-area { position: relative; z-index: 1; text-align: center; word-break: break-word; } .inner-page-banner .breadcrumbs-area h1 { font-size: 2.875rem; line-height: 1.2; text-transform: capitalize; margin-bottom: 0.875rem; color: #ffffff; } @media only screen and (max-width: 1199px) { .inner-page-banner .breadcrumbs-area h1 { font-size: 2.5rem; line-height: 3.125rem; } } @media only screen and (max-width: 991px) { .inner-page-banner .breadcrumbs-area h1 { font-size: 2rem; line-height: 2.75rem; } } @media only screen and (max-width: 767px) { .inner-page-banner .breadcrumbs-area h1 { font-size: 1.625rem; line-height: 2rem; } } .inner-page-banner .breadcrumbs-area ul li { display: inline-flex; color: #cacaca; position: relative; font-size: 1rem; font-weight: 600; color: #ffffff; } .inner-page-banner .breadcrumbs-area ul li:after { content: ">"; padding: 0 0.0625rem 0 0.375rem; } .inner-page-banner .breadcrumbs-area ul li a { font-size: 1.125rem; color: #ffffff; transition: all 0.3s ease-in-out; } .inner-page-banner .breadcrumbs-area ul li a:hover { color: #cccccc; } .inner-page-banner .breadcrumbs-area ul li:last-child:after { display: none; } .inner-page-banner .breadcrumbs-area .entry-breadcrumb { color: #ffffff; font-size: 1.125rem; margin-bottom: 15px; } .inner-page-banner .breadcrumbs-area .entry-breadcrumb a { color: #ffffff; } .inner-page-banner .breadcrumbs-area .entry-breadcrumb a:hover { color: #cccccc; } @media only screen and (max-width: 767px) { .inner-page-banner .breadcrumbs-area .entry-breadcrumb { font-size: 1rem; line-height: 1.125rem; } } .inner-standard-banner { position: relative; padding: 19.6875rem 0 13.4375rem; background-size: cover; background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 1199px) { .inner-standard-banner { padding: 15.625rem 0 9.6875rem; } } @media only screen and (max-width: 991px) { .inner-standard-banner { padding: 9.375rem 0 7.5rem; } } @media only screen and (max-width: 782px) { .inner-standard-banner { padding: 7.5rem 0; } } @media only screen and (max-width: 767px) { .inner-standard-banner { padding: 6.25rem 0; } } .inner-standard-banner:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .inner-standard-banner .banner-content { position: relative; z-index: 1; } .inner-standard-banner .banner-content h1 { font-size: 3.75rem; line-height: 1; font-weight: 600; text-transform: capitalize; margin-bottom: 0.75rem; color: #ffffff; } @media only screen and (max-width: 1199px) { .inner-standard-banner .banner-content h1 { font-size: 3.375rem; } } @media only screen and (max-width: 991px) { .inner-standard-banner .banner-content h1 { font-size: 2.875rem; } } @media only screen and (max-width: 767px) { .inner-standard-banner .banner-content h1 { font-size: 2.5rem; } } .inner-standard-banner .banner-content p { color: #ffffff; width: 60%; display: inline-block; margin-bottom: 0; } @media only screen and (max-width: 991px) { .inner-standard-banner .banner-content p { width: 100%; } } .admin-bar .inner-page-banner { padding: 14.5rem 0 8.75rem; } @media only screen and (max-width: 1199px) { .admin-bar .inner-page-banner { padding: 12.9375rem 0 6.875rem !important; } } @media only screen and (max-width: 991px) { .admin-bar .inner-page-banner { padding: 8.25rem 0 6.25rem !important; } } @media only screen and (max-width: 767px) { .admin-bar .inner-page-banner { padding: 6.875rem 0 3.75rem !important; } } @media only screen and (max-width: 991px) { .admin-bar .inner-standard-banner { margin-top: 32px; } } @media only screen and (max-width: 782px) { .admin-bar .inner-standard-banner { margin-top: 45px; } } /*------------------- 4.9 Pagination -------------------*/ .pagination { justify-content: center; margin-top: 3.125rem; } .pagination ul { display: table; padding-left: 0; margin-bottom: 0rem; display: flex; } .pagination ul li { display: flex; } .pagination ul li a { text-align: center; height: 3.125rem; width: 3.125rem; line-height: 3rem; color: #444; font-size: 1.375rem; font-weight: 600; border: 0.0625rem solid #cccccc; border-right: 0; } .pagination ul li a:hover { background-color: #343434; color: #ffffff; } @media only screen and (max-width: 575px) { .pagination ul li a { font-size: 1rem; height: 2.5rem; width: 2.5rem; line-height: 2.5rem; } } .pagination ul li a i { line-height: 3rem; } @media only screen and (max-width: 575px) { .pagination ul li a i { line-height: 1.75rem; } } .pagination ul li:last-child a { border-right: 0.0625rem solid #cccccc; } .pagination ul li:hover a, .pagination ul li.active a { color: #ffffff; border-color: #343434; background-color: #343434; } .thumb-pagination { margin-top: 3.125rem; } @media only screen and (max-width: 575px) { .thumb-pagination { margin-top: 4.0625rem; } } .thumb-pagination a { width: 100%; display: inline-block; } .thumb-pagination a .media { align-items: center; position: relative; word-break: break-word; } .thumb-pagination a .media .item-img { margin-right: 1.25rem; background-color: #000000; } @media only screen and (max-width: 479px) { .thumb-pagination a .media .item-img { width: 120px; } } .thumb-pagination a .media .item-img img { transition: all 0.3s ease-in-out; } .thumb-pagination a .media .media-body .item-title { font-size: 1.125rem; font-weight: 600; line-height: 1.5rem; margin-bottom: 0; color: #343434; } .thumb-pagination a .media .media-body .item-subtitle { color: #828282; margin-top: 8px; transition: all .3s; } .thumb-pagination a .media:hover .item-img img { opacity: 0.6; } .thumb-pagination a .media:hover .media-body .item-title { color: #000000; } .thumb-pagination a .media:hover .media-body .item-subtitle { color: #000000; } @media only screen and (max-width: 767px) { .thumb-pagination .pg-next { margin-top: 30px; } } .thumb-pagination .pg-next .media .media-body { text-align: right; } .thumb-pagination .pg-next .media .item-img { margin-right: 0; margin-left: 1.25rem; } .pagination-nav { text-align: center; margin-top: 1.25rem; } .pagination-nav ul li { display: inline-block; margin-right: 1.75rem; position: relative; } .pagination-nav ul li:last-child { margin-right: 0; } .pagination-nav ul li:last-child:after { display: none; } .pagination-nav ul li:after { content: ""; height: 2.1875rem; width: 0.125rem; background-color: #e7e7e7; position: absolute; top: 0; right: -1.125rem; } .pagination-nav ul li a { font-size: 1rem; color: #444; font-weight: 600; display: flex; align-items: center; } @media only screen and (max-width: 575px) { .pagination-nav ul li a { font-size: 0.8125rem; } } .pagination-nav ul li a i:before { font-size: 1.125rem; } @media only screen and (max-width: 575px) { .pagination-nav ul li a i:before { font-size: 0.9375rem; } } .pagination-nav ul li a:hover { color: #343434; } .pagination-nav ul li a.active { color: #343434; } .pagination-nav ul .nav-prev a i { margin-right: 0.625rem; } .pagination-nav ul .nav-next a i { margin-left: 0.625rem; } .pagination-nav-area { margin-bottom: 1.875rem; } .fototag-page-links { display: inline-block; width: 100%; margin-top: 30px; } .comment-pagination { width: 100%; display: inline-block; } .comment-pagination ul li { width: 50%; } .comment-pagination ul li.older-comments { float: left; } .comment-pagination ul li.newer-comments { float: right; text-align: right; } /*------------------- 4.10 Preloader -------------------*/ #preloader { background: #111111 no-repeat scroll center center; height: 100%; left: 0; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 9999999; } #preloader img { top: 50%; left: 50%; height: auto; max-width: 100%; position: absolute; transform: translateX(-50%) translateY(-50%); } /*------------------- 4.11 Section -------------------*/ .content-box-wrap { padding-left: 4.0625rem; padding-right: 7.8125rem; } @media only screen and (max-width: 991px) { .content-box-wrap { padding-left: 0; padding-right: 0; } } .section { padding: 60px 0px; } @media only screen and (max-width: 991px) { .section { padding: 6.125rem 0 6.25rem; } } @media only screen and (max-width: 767px) { .section { padding: 4.875rem 0 5rem; } } .section .section-header { text-align: center; margin-bottom: 3.125rem; } .section .section-header .heading-title { margin-bottom: 1.125rem; } .section .section-header .heading-title.lt-specing-meduim { letter-spacing: 0.25rem; } .section .section-header p { width: 70%; margin: 0 auto; } @media only screen and (max-width: 575px) { .section .section-header p { width: 100%; } } .section-heading-border { position: relative; margin: 0 0 1.875rem; } @media only screen and (max-width: 991px) { .section-heading-border { margin: 0; } } .section-heading-border:before { content: ""; height: 0.0625rem; width: 100%; background-color: #dcdcdc; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: -1; } .section-heading-border .heading-title { max-width: 89.0625rem; margin: 0 auto; } @media only screen and (max-width: 991px) { .section-heading-border .heading-title { text-align: center; } } .section-heading-border .heading-title:before { content: attr(data-heading); display: inline-block; background-color: #ffffff; color: #343434; font-weight: 600; padding-right: 2.5rem; } @media only screen and (max-width: 991px) { .section-heading-border .heading-title:before { padding: 0 0.9375rem; } } .section-heading-border.alignment-left .heading-title { max-width: 78rem; } @media (min-width: 1024px) and (max-width: 1366px) { .section-heading-border.alignment-left .heading-title:before { padding: 0; padding-right: 20px; } } @media (min-width: 1024px) and (max-width: 1366px) { .section-heading-border.alignment-right .heading-title:before { padding: 0; padding-left: 20px; padding-right: 30px; } } .fullpage-section { width: 100%; height: 100vh; position: relative; overflow: auto; } @media only screen and (max-width: 991px) { .fullpage-section { height: 100%; } } .fullpage-section:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .fullpage-section .fullscreen-footer { padding: 0 5.3125rem; position: absolute; bottom: 5.3125rem; left: 0; right: 0; z-index: 10; } @media only screen and (max-width: 767px) { .fullpage-section .fullscreen-footer { padding: 0 0.9375rem; bottom: 1.875rem; } } .fullpage-section .fullscreen-footer .share-btn { cursor: pointer; } @media only screen and (max-width: 991px) { .fullpage-section .fullscreen-footer .share-btn { left: 0.9375rem; } } @media only screen and (max-width: 767px) { .fullpage-section .fullscreen-footer .share-btn { display: none; } } .fullpage-section .fullscreen-footer .share-btn .item-label { color: #d3d0d0; transition: all 0.5s ease-in-out; visibility: visible; opacity: 1; } .fullpage-section .fullscreen-footer .share-btn .item-label i { margin-right: 0.625rem; } .fullpage-section .fullscreen-footer .share-btn .item-label:hover { color: #ffffff; } .fullpage-section .fullscreen-footer .share-btn .item-social { position: absolute; top: 0; left: 0; width: 100vh; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; } .fullpage-section .fullscreen-footer .share-btn .item-social li { transform: translateX(-5px); display: inline-block; transition: all 0.3s ease-in-out; } .fullpage-section .fullscreen-footer .share-btn .item-social li a { color: #d3d0d0; padding: 0 0.5rem; transition: all 0.3s ease-in-out; } .fullpage-section .fullscreen-footer .share-btn .item-social li a:hover { color: #ffffff; } .fullpage-section .fullscreen-footer .share-btn:hover .item-label { visibility: hidden; opacity: 0; } .fullpage-section .fullscreen-footer .share-btn:hover .item-social { left: 0; visibility: visible; opacity: 1; } .fullpage-section .fullscreen-footer .share-btn:hover .item-social li { transform: translateX(0); } .fullpage-section .fullscreen-footer .share-btn:hover .item-social li:nth-child(1n) { transition-delay: 0.3s; } .fullpage-section .fullscreen-footer .share-btn:hover .item-social li:nth-child(2n) { transition-delay: 0.4s; } .fullpage-section .fullscreen-footer .share-btn:hover .item-social li:nth-child(3n) { transition-delay: 0.5s; } .fullpage-section .fullscreen-footer .share-btn:hover .item-social li:nth-child(4n) { transition-delay: 0.6s; } .fullpage-section .fullscreen-footer .share-btn:hover .item-social li:nth-child(5n) { transition-delay: 0.7s; } .fullpage-section .fullscreen-footer .mouse-icon { position: relative; margin: 0 auto; height: 2.875rem; width: 1.8125rem; border: 0.125rem solid #d3d0d0; border-radius: 0.9375rem; } .fullpage-section .fullscreen-footer .mouse-icon span { display: block; height: 0.625rem; width: 0.125rem; background-color: #d3d0d0; border-radius: 0.9375rem; position: absolute; top: 0.3125rem; left: 0; right: 0; margin: 0 auto; animation: moving 1.5s infinite; } .fullpage-section .fullscreen-footer .all-work-btn { text-align: right; } .fullpage-section .fullscreen-footer .all-work-btn .item-btn { display: inline-flex; align-items: center; justify-content: flex-end; color: #d8d8d8; font-weight: 600; text-transform: uppercase; } .fullpage-section .fullscreen-footer .all-work-btn .item-btn i { line-height: 1; margin-right: 0.625rem; } .fullpage-section .fullscreen-footer .all-work-btn .item-btn i:before { font-size: 1rem; font-weight: 400; } .fullpage-section .fullscreen-footer .all-work-btn .item-btn:hover { color: #ffffff; } .fullpage-section.carousel-home { display: flex; flex-direction: column; justify-content: space-between; } .fullpage-section.carousel-home:before { background-color: transparent; z-index: -5; } .fullpage-section.carousel-home .photoshoot-home-page { flex: 1; } .fullpage-section.carousel-home .photoshoot-home-page .photoshoot-box .item-img img { height: 80vh; object-fit: cover; object-position: top; } .animation-home { overflow: hidden; } .animation-home:before { display: none; } .animation-home .swiper-slide .slick-slide { margin-left: 0; } .animation-home .swiper-slide .scroll-slide-item { position: relative; } .animation-home .swiper-slide .scroll-slide-item .img-wrap { position: relative; height: 100vh; width: 100%; } .animation-home .swiper-slide .scroll-slide-item .img-wrap:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .animation-home .swiper-slide .scroll-slide-item .img-wrap img { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; transition: all 0.5s ease-in-out; } .animation-home .swiper-slide .scroll-slide-item .content-wrap { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding: 7rem; text-align: right; } @media only screen and (max-width: 767px) { .animation-home .swiper-slide .scroll-slide-item .content-wrap { padding: 3.125rem; } } @media only screen and (max-width: 575px) { .animation-home .swiper-slide .scroll-slide-item .content-wrap { text-align: center; left: 0; padding: 1.875rem; } } .animation-home .swiper-slide .scroll-slide-item .content-wrap .item-title { font-size: 6.25rem; color: #ffffff; font-weight: 600; font-style: italic; line-height: 1; } @media only screen and (max-width: 991px) { .animation-home .swiper-slide .scroll-slide-item .content-wrap .item-title { font-size: 5.625rem; } } @media only screen and (max-width: 767px) { .animation-home .swiper-slide .scroll-slide-item .content-wrap .item-title { font-size: 5rem; } } @media only screen and (max-width: 575px) { .animation-home .swiper-slide .scroll-slide-item .content-wrap .item-title { font-size: 4.375rem; } } @media only screen and (max-width: 479px) { .animation-home .swiper-slide .scroll-slide-item .content-wrap .item-title { font-size: 3.75rem; } } .swiper-wrapper .scroll-slide-item.slick-active .img-wrap img { animation-name: imgzomming; animation-duration: 20s; animation-fill-mode: forwards; } .standard-section { background-color: #000000; } .standard-section .rt-fs-section { position: relative; z-index: 20; height: 200vh; display: flex; align-items: center; justify-content: center; } .standard-section .intro-text { height: 100vh; } .standard-section .intro-text .intro-title { font-size: 5.625rem; font-weight: 600; color: #ffffff; } @media only screen and (max-width: 1199px) { .standard-section .intro-text .intro-title { font-size: 5rem; } } @media only screen and (max-width: 991px) { .standard-section .intro-text .intro-title { font-size: 4.375rem; } } @media only screen and (max-width: 767px) { .standard-section .intro-text .intro-title { font-size: 3.75rem; } } @media only screen and (max-width: 575px) { .standard-section .intro-text .intro-title { font-size: 3.125rem; } } .standard-section .about-content { text-align: center; } .standard-section .about-content .item-title { font-size: 3.75rem; color: #ffffff; line-height: 4.6875rem; } @media only screen and (max-width: 1199px) { .standard-section .about-content .item-title { font-size: 3.125rem; line-height: 1.3; } } @media only screen and (max-width: 991px) { .standard-section .about-content .item-title { font-size: 2.5rem; } } @media only screen and (max-width: 767px) { .standard-section .about-content .item-title { font-size: 2.25rem; } } @media only screen and (max-width: 575px) { .standard-section .about-content .item-title { font-size: 1.875rem; } } .standard-section .about-content .btn-line { color: #ffffff; } .standard-section .about-content .btn-line:before { background-color: #ffffff; } .standard-section .about-content .btn-line:hover { color: #cccccc; } .standard-section .about-content .btn-line:hover:before { background-color: #cccccc; } @media only screen and (max-width: 991px) { .standard-section .photoshoot-content { text-align: center; } } .standard-section .photoshoot-content .watarmark-text { font-size: 6.25rem; font-weight: 600; line-height: 1; color: rgba(255, 255, 255, 0.5); transform: translateX(-40px); font-family: "Josefin Sans", sans-serif; } @media only screen and (max-width: 1199px) { .standard-section .photoshoot-content .watarmark-text { font-size: 5rem; transform: translateX(0); } } @media only screen and (max-width: 991px) { .standard-section .photoshoot-content .watarmark-text { display: none; } } .standard-section .photoshoot-content .item-title { color: #ffffff; } .standard-section .photoshoot-content p { color: #ffffff; } .standard-section .photoshoot-content .btn-line { color: #ffffff; } .standard-section .photoshoot-content .btn-line:before { background-color: #ffffff; } .standard-section .photoshoot-content .btn-line:hover { color: #cccccc; } .standard-section .photoshoot-content .btn-line:hover:before { background-color: #cccccc; } .standard-section .author-content { background-color: #ffffff; display: block; height: 100vh; z-index: 50; } .standard-section .author-content .content-box .right-side-img { text-align: right; } @media only screen and (max-width: 1199px) { .standard-section .author-content .content-box .right-side-img img { width: 100%; } } .standard-section .author-content .content-box .left-side-content { padding: 0 6.25rem; } @media only screen and (max-width: 1199px) { .standard-section .author-content .content-box .left-side-content { padding: 3.125rem 6.25rem; text-align: center; } } @media only screen and (max-width: 767px) { .standard-section .author-content .content-box .left-side-content { padding: 3.125rem; } } @media only screen and (max-width: 575px) { .standard-section .author-content .content-box .left-side-content { padding: 0.9375rem; } } .standard-section .author-content .content-box .left-side-content .item-title { font-size: 3.75rem; font-weight: 600; color: #000000; margin-bottom: 1.625rem; opacity: 1 !important; } @media only screen and (max-width: 991px) { .standard-section .author-content .content-box .left-side-content .item-title { font-size: 3.125rem; } } @media only screen and (max-width: 767px) { .standard-section .author-content .content-box .left-side-content .item-title { font-size: 2.5rem; } } .standard-section .author-content .content-box .left-side-content .item-subtitle { font-size: 2rem; letter-spacing: 0.125rem; color: #a0a0a0; margin-bottom: 3.125rem; } .standard-section .author-content .content-box .left-side-content p { opacity: 1 !important; } .standard-section .author-content .content-box .left-side-content .list-item { padding-left: 0; list-style: none; margin-top: 2.5rem; } .standard-section .author-content .content-box .left-side-content .list-item li { margin-bottom: 1.375rem; } .standard-section .author-content .content-box .left-side-content .list-item li:last-child { margin-bottom: 0; } .standard-section .author-content .content-box .left-side-content .list-item .item-title { font-size: 1.25rem; color: #7b7a7a; font-weight: 400; margin-bottom: 0; } .standard-section .author-content .content-box .left-side-content .list-item .item-text { font-size: 1.125rem; color: #000000; } .standard-section .author-content .content-box .left-side-content .list-item .item-text a { opacity: 1 !important; color: #343434; } .standard-section .author-content .content-box .left-side-content .list-item .item-text a:hover { color: #000000; } .standard-section .author-content .content-box .left-side-content .list-item .item-social { padding-left: 0; } .standard-section .author-content .content-box .left-side-content .list-item .item-social li { display: inline-block; } .standard-section .author-content .content-box .left-side-content .list-item .item-social li:first-child a { padding-left: 0; } .standard-section .author-content .content-box .left-side-content .list-item .item-social li a { color: #000000; padding: 0.4375rem; opacity: 1 !important; } .standard-section .author-content .content-box .left-side-content .list-item .item-social li a:hover { color: #444; } .standard-section .author-content .fixed-header { position: relative; } .standard-section .author-content .fixed-header a { opacity: 1 !important; } .standard-section .author-content .footer-minimal { padding-left: 5.3125rem; padding-right: 5.3125rem; } @media only screen and (max-width: 575px) { .standard-section .author-content .footer-minimal { padding-left: 0; padding-right: 0; } } .standard-section .author-content .footer-minimal .footer-logo { text-align: left; } .standard-section .author-content .footer-minimal .footer-logo a { opacity: 1 !important; } @media only screen and (max-width: 991px) { .standard-section .author-content .footer-minimal .footer-logo { text-align: center; } } .standard-section .author-content .footer-minimal .footer-copyright a { opacity: 1 !important; } .standard-section .author-content .mobile-display { display: none; } @media only screen and (max-width: 767px) { .standard-section .author-content .mobile-display { display: block; } } @media only screen and (max-width: 767px) { .standard-section .author-content .desktop-display { display: none; } } @media only screen and (max-width: 767px) { .standard-section .author-content { height: auto; } } @media only screen and (max-width: 991px) { .split-slide-home { height: 100vh; } } .split-slide-home .pp-content { text-align: center; background-size: cover; } .split-slide-home .pp-content:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.55); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .split-slide-home .pp-content .item-subtitle { font-size: 1.375rem; color: #f1f1f1; letter-spacing: 0.25rem; margin-bottom: 1.875rem; } @media only screen and (max-width: 1199px) { .split-slide-home .pp-content .item-subtitle { font-size: 1.25rem; } } @media only screen and (max-width: 991px) { .split-slide-home .pp-content .item-subtitle { margin-bottom: 1.25rem; } } .split-slide-home .pp-content .item-title { font-size: 5.625rem; font-weight: 600; color: #ffffff; line-height: 1; } @media only screen and (max-width: 1199px) { .split-slide-home .pp-content .item-title { font-size: 3.75rem; } } @media only screen and (max-width: 991px) { .split-slide-home .pp-content .item-title { font-size: 3.75rem; } } @media only screen and (max-width: 767px) { .split-slide-home .pp-content .item-title { font-size: 3.125rem; } } @media only screen and (max-width: 575px) { .split-slide-home .pp-content .item-title { font-size: 2.5rem; } } .content-scroll { will-change: transform; z-index: 40; } .full-screen-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 0; background-size: cover; overflow: hidden; } @media only screen and (max-width: 1024px) { .full-screen-bg { pointer-events: none; } } .full-screen-bg img { position: absolute; display: block; z-index: -1; margin: auto; min-height: 100%; min-width: 100%; left: -100%; right: -100%; top: -100%; bottom: -100%; width: 100%; height: 100%; object-fit: cover; } .full-screen-bg:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .bg-hidden { opacity: 0; } #scroll-placeholder { background-color: #000000; z-index: -1; position: relative; } .remove-header .main-header { visibility: hidden; opacity: 0; transform: translateY(-50px); } .remove-header .fixed-footer { visibility: hidden; opacity: 0; transform: translateY(50px); } /*------------------- 4.12 Widget -------------------*/ .sidebar-widget-area .widget { margin-bottom: 2.1875rem; } .sidebar-widget-area .widget:last-child { margin-bottom: 0; } @media only screen and (max-width: 991px) { .sidebar-break-md { margin-top: 3.125rem; } .sidebar-widget-area { margin-top: 75px; } } .widget-title { margin-bottom: 0.75rem; color: #000000; font-weight: 600; } .widget-title a { color: #000000; } .widget-recent-post .post-list { margin-bottom: 0.9375rem; display: inline-flex; } .widget-recent-post .post-list .item-img { width: 150px; display: flex; margin-right: 15px; } .widget-recent-post .post-list .post-date { font-size: 0.9375rem; color: #828282; } .widget-recent-post .post-list .post-title { font-size: 1.125rem; font-weight: 600; line-height: 1.625rem; margin-bottom: 0; } .widget-recent-post .post-list .post-title a { color: #444; } .widget-recent-post .post-list .post-title a:hover { color: #343434; } .widget-social-link .widget-title { margin-bottom: 1.5625rem; } .widget-social-link .social-img { display: flex; flex-wrap: wrap; margin-right: -4.5px; margin-left: -4.5px; } .widget-social-link .social-img a { flex: 0 0 33.333333%; max-width: 33.333333%; position: relative; width: 100%; padding-right: 4.5px; padding-left: 4.5px; margin-bottom: 0.5625rem; } @media only screen and (max-width: 991px) { .widget-social-link .social-img a { flex: 0 0 16.66667%; max-width: 16.66667%; } } @media only screen and (max-width: 575px) { .widget-social-link .social-img a { flex: 0 0 33.333333%; max-width: 33.333333%; } .widget-social-link .social-img a img { width: 100%; } } .widget-social-link .social-name { display: block; padding: 0.3125rem; text-align: center; color: #7d7d7d; } #sb_instagram.sbi_col_3 #sbi_images .sbi_item { width: 33.33%; padding-right: 5px !important; padding-bottom: 5px !important; } /*------------------- 4.12 Footer -------------------*/ .error-page-wrap { text-align: center; } .error-page-wrap .title-text { font-size: 15rem; line-height: 13rem; font-weight: 900; } .error-page-wrap .item-subtitle { font-size: 1.75rem; margin-bottom: 1.875rem; } /*------------------- 4.13 Gutenberg Support -------------------*/ /*------------------------------------- #. Gutenberg Support ---------------------------------------*/ .align-wrap { width: 100vw; margin-left: calc(50% - 50vw); } @media screen and (min-width: 900px) { .align-wrap { width: auto; margin-left: calc(50% / .62 - 50vw); } } .align-wrap .alignfull { width: 100%; margin: 0 0 0 auto; } @media (max-width: 480px) { img.alignleft { float: none; margin-bottom: 13px; margin-right: 0px; padding-top: 5px; display: block; } img.alignright { float: none; margin-left: 0px; margin-bottom: 15px; padding-top: 15px; } } p.has-large-font-size { margin-bottom: 1.25rem; } p.has-large-font-size+p { line-height: 52px; } /*gutenberg with sidebar*/ .has-sidebar .wp-block-cover.alignwide, .has-sidebar .wp-block-cover.alignfull, .has-sidebar .wp-block-image.alignfull, .has-sidebar .wp-block-columns.alignfull, .has-sidebar .wp-block-media-text.alignfull, .has-sidebar .wp-block-gallery.alignfull, .has-sidebar .wp-block-gallery.alignwide, .has-sidebar .wp-block-columns.alignwide, .has-sidebar .wp-block-image.alignwide, .has-sidebar .wp-block-media-text.alignwide, .has-sidebar .is-type-video.alignfull, .has-sidebar .wp-block-embed-vimeo.alignwide.wp-block-embed, .has-sidebar .alignwide.wp-block-embed { margin-left: 0; margin-right: 0; } .has-strong-magenta-background-color { background-color: #a156b4; } .has-strong-magenta-color { color: #a156b4; } .has-light-grayish-magenta-background-color { background-color: #d0a5db; } .has-light-grayish-magenta-color { color: #d0a5db; } .has-very-light-gray-background-color { background-color: #eee; } .has-very-light-gray-color { color: #eee; } .has-very-dark-gray-background-color { background-color: #444; } .has-very-dark-gray-color { color: #444; } .has-small-font-size { font-size: 12px; } .has-large-font-size { font-size: 36px; line-height: 1.2; } .has-huge-font-size { font-size: 48px; line-height: 1.2; } .has-regular-font-size { font-size: 16px; } .wp-block-image.alignleft.is-resized { margin-left: 0; margin-right: 30px; } .wp-block-image.alignright.is-resized { margin-left: 30px; margin-right: 0; } .wp-block-separator { border: none; border-bottom: 2px solid #cccccc; margin: 50px 0; text-align: left; background: transparent; } .category-post-formats.tag-quote blockquote, .comment-text blockquote, .category-markup.tag-html blockquote, .wp-block-quote.has-text-align-right, .wp-block-quote.is-style-large, .page-content-main blockquote, .wp-block-quote.is-large, blockquote.wp-block-quote { margin: 1.5625rem 0; font-size: 1.5rem; line-height: 2.125rem; border: 0.0625rem; border-color: #eaeaea; border-style: dashed; font-style: italic; padding: 2.5rem 3.75rem 2.1875rem; } @media only screen and (max-width: 575px) { .category-post-formats.tag-quote blockquote, .comment-text blockquote, .category-markup.tag-html blockquote, .wp-block-quote.has-text-align-right, .wp-block-quote.is-style-large, .page-content-main blockquote, .wp-block-quote.is-large, blockquote.wp-block-quote { padding: 0.9375rem; font-size: 1.25rem; } } .category-post-formats.tag-quote blockquote cite, .comment-text blockquote cite, .category-markup.tag-html blockquote cite, .wp-block-quote.has-text-align-right cite, .wp-block-quote.is-style-large cite, .page-content-main blockquote cite, .wp-block-quote.is-large cite, blockquote.wp-block-quote cite { font-weight: 600; font-style: normal; color: #343434; font-size: 1.125rem; display: inline-block; } .category-post-formats.tag-quote blockquote p, .comment-text blockquote p, .category-markup.tag-html blockquote p, .wp-block-quote.has-text-align-right p, .wp-block-quote.is-style-large p, .page-content-main blockquote p, .wp-block-quote.is-large p, blockquote.wp-block-quote p { margin-bottom: 0; } .category-post-formats.tag-quote blockquote p, .category-markup.tag-html blockquote p, .comment-text blockquote p { margin-bottom: 0; } .category-post-formats.tag-quote blockquote, .category-markup.tag-html blockquote, .page-content-main blockquote, blockquote.wp-block-quote { text-align: center; } .wp-block-quote.has-text-align-center { text-align: center; } .wp-block-quote.has-text-align-right { text-align: right; } .wp-block-quote.has-text-align-left { text-align: left; } .wp-block-pullquote { border-top: 2px dashed #eaeaea; border-bottom: 2px dashed #eaeaea; margin-bottom: 20px; } blockquote.wp-block-pullquote { background: #f8f8f8; border-radius: 4px; font-size: 28px; font-weight: 400; font-style: italic; margin: 0px 0px 20px !important; color: #092d4c; } .wp-block-pullquote.is-style-solid-color blockquote { text-align: center; } .wp-block-pullquote cite { font-size: 1.125rem; font-weight: 600; color: #343434; text-transform: capitalize; } .wp-block-pullquote.alignleft blockquote, .wp-block-pullquote.alignright blockquote { padding-left: 40px; } .wp-block-quote.is-style-large cite em { font-style: normal; } .wp-block-quote.is-style-large cite br { display: none; } .wp-block-columns.has-3-columns .wp-block-quote, .wp-block-columns.alignwide .wp-block-column:last-child .wp-block-quote { margin: 0; padding-left: 20px; padding-right: 20px; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; } .wp-block-pullquote.is-style-solid-color blockquote cite { color: inherit; } .wp-block-pullquote blockquote p { font-size: 28px; line-height: 1.6; } /* Main column width */ .wp-block { max-width: 720px; } /* Width of "wide" blocks */ .wp-block[data-align="wide"] { max-width: 1080px; } /* Width of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } pre { color: #646464; padding: 1.6em; overflow: auto; max-width: 100%; line-height: 1.6; background: #ffffff; margin-bottom: 1.6em; font-size: 1rem; font-family: "Courier 10 Pitch", Courier, monospace; } pre code, code, a code { color: #ee212b; font-size: 1rem; } kbd { color: #646464; padding: 3px 5px 2px 5px; margin: 0 1px; background: #eaeaea; background: rgba(0, 0, 0, 0.07); } /************** Button ***************/ .wp-block-button { margin-bottom: 25px; } .wp-block-button a.wp-block-button__link:not([href]):not([tabindex]) { color: #ffffff; } .wp-block-button a.wp-block-button__link:not([href]):not([tabindex]):hover { color: #ffffff; } .wp-block-button.is-style-outline a.wp-block-button__link:not([href]):not([tabindex]) { color: #666666; } .wp-block-button.is-style-outline a.wp-block-button__link:not([href]):not([tabindex]):hover { color: #000000; } .wp-block-button .wp-block-button__link { background-color: #343434; color: #ffffff; border-radius: 4px; display: inline-flex; align-items: center; padding: 12px 25px; font-size: 16px; font-weight: 500; position: relative; overflow: hidden; z-index: 2; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .wp-block-button .wp-block-button__link:hover { color: #ffffff; background: #000000; } .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; border: 2px solid #343434; color: #666666; } .wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: #000000; color: #000000; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; } /*button end*/ .wp-block-table td, .wp-block-table th { border: 1px solid #dedede; padding: 5px; } .wp-block-table thead { border-bottom: 1px solid; } .wp-block-image .alignleft.is-resized { margin-top: 0; } .wp-block-image { margin-top: 30px; margin-bottom: 30px; } .wp-block-latest-posts.is-grid { margin-left: 20px; } .wp-block-latest-posts.is-grid li { margin: 0 0 10px 0; } .wp-block-columns.has-2-columns .wp-block-column { margin-bottom: 0; } @media only screen and (min-width: 600px) { .entry-content .wp-block-columns { flex-wrap: nowrap; } } .wp-block-image .alignleft, .wp-block-image .alignright { margin-top: 1.875rem; margin-bottom: 1.875rem; } .wp-block-image .alignleft { margin-right: 1.875rem; } .wp-block-image .alignright { margin-left: 1.875rem; } .wp-block-cover { margin-top: 1.875rem; margin-bottom: 1.875rem; } .wp-block-cover a, .wp-block-cover .wp-block-cover-text a, .wp-block-cover .has-text-color a, .wp-block-cover .has-text-align-center a { color: #ffffff; } .wp-block-cover a:hover, .wp-block-cover .wp-block-cover-text a:hover, .wp-block-cover .has-text-color a:hover { text-decoration: underline; } .entry-content .wp-block-cover { margin-top: 0px; } .wp-block-cover p:not(.has-text-color) { color: #ffffff; } .wp-block-cover.alignleft { margin-top: 0; } .wp-block-cover.has-background-dim.alignleft { margin-bottom: 30px; } .wp-block-gallery { margin-top: 23px; margin-bottom: 16px; } .wp-block-gallery.alignleft { display: flex; margin-top: 10px; } .wp-block-gallery.alignleft .blocks-gallery-item { display: inline-block; } .wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper { margin: 23px 0; } .wp-block-coblocks-social .wp-block-button__link { border: none; } p:last-child img.size-full.alignright { clear: both; padding-top: 0; } .wp-block-spacer { clear: both; } .gallery .gallery-item { text-align: center; } .site-content nav.comment-navigation { padding-top: 0; } .site-content nav.comment-navigation ul { margin-top: 0; margin-bottom: 40px; } .site-content nav.comment-navigation ul li { margin-right: 0; } .site-content nav.comment-navigation ul li a { height: inherit; width: inherit; padding: 12px 25px; line-height: 30px; } figure.wp-caption.alignnone { margin: 15px auto 15px; } .wp-block-file .wp-block-file__button { background: #32373c; padding: 10px 20px; line-height: 1; } .has-media-on-the-right.is-stacked-on-mobile { margin-bottom: 20px; } :root .wp-block-cover.has-pale-pink-background-color { background-color: #000; } .wp-caption .wp-caption-text { margin-top: .5em; margin-bottom: 0; color: #555d66; font-size: 13px; line-height: 1.4; } .blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption { margin-top: .5em; margin-bottom: 0; color: #555d66; font-size: 13px; line-height: 1.4; text-align: center; } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { line-height: 1.4; } .wp-block-group.has-background { margin-bottom: 15px; } /*------------------- 4.14 WP Default Style -------------------*/ /* == Normalize == */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg { display: block; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp, tt, var { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } select:focus { outline: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 19px) calc(24px + 2px), calc(100% - 12px) calc(24px + 2px), calc(100% - 32px) 8px; background-size: 7px 8px, 7px 8px, 0px 0em; background-repeat: no-repeat; } select:focus { background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 13px) 24px, calc(100% - 20px) 24px, calc(100% - 32px) 8px; background-size: 7px 8px, 7px 8px, 0px 0px; outline: 0; border-color: gray; background-repeat: no-repeat; } select:-webkit-focusring, select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } /* == Typography == */ p { margin-bottom: 1.5em; } dfn, cite, em { font-style: italic; } cite { font-weight: 600; } blockquote { margin: 20px 1.5em; border-color: #111111; } 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; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; } big { font-size: 125%; } /* == Elements == */ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: """"; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } dt { font-weight: bold; margin-bottom: 10px; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { border-collapse: collapse; border-spacing: 0; margin: 15px 0; width: 100%; } table th, table td { border: 1px solid #dedede; padding: 5px; text-align: center; } /* == Forms == */ button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #111111; border: medium none; color: #fff; padding: 2px 15px; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background-color: #000; } 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; } select { border: 1px solid #ccc; } 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; } textarea { width: 100%; } form.post-password-form label>input { background: #f8f8f8; border: 1px solid #dcdcdc; padding: 10px 8px; } form.post-password-form input { padding: 11px 15px; font-weight: 600; } /* == Links == */ a:link, a:visited { transition: all 0.3s ease 0s; text-decoration: none; } a:hover, a:focus, a:active { text-decoration: none; } a:hover, a:active { outline: 0; } /* == Accessibility == */ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /* == Alignments == */ .alignleft { float: left; margin-top: 15px; margin-right: 30px; margin-bottom: 15px; } .alignright { float: right; margin-top: 15px; margin-left: 30px; margin-bottom: 15px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .wp-block-button.aligncenter { text-align: center; } /* == Clearings == */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* == Posts and pages == */ .sticky { display: block; margin-bottom: 0px; } .blog-style-1 .sticky { display: block; margin-bottom: 15px; padding: 30px 30px 1px; } .sticky .blog-box { background: #f4f4f4 none repeat scroll 0 0; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } span.post-page-numbers.current { display: -webkit-inline-box; margin: 0; padding: 0; float: left; } a.post-page-numbers, span.title-string { float: left; display: inline-block; } span.page-links-title { margin-right: 10px; } .fototag-page-links, .page-links { clear: both; display: flex; margin: 0 0 1.5em; align-items: center; } .fototag-page-links, .page-links { font-weight: 400; color: #666666; padding-top: 12px; } .fototag-page-links span.post-page-numbers, .fototag-page-links a.post-page-numbers, .page-links .page-number { text-align: center; display: inline-block; font-size: 1.25rem; color: #666666; background: #ffffff; border-radius: 0; border: 0.0625rem solid #cccccc; padding: 0; height: 3.125rem; width: 3.125rem; line-height: 3.25rem; font-weight: 500; } .fototag-page-links span.post-page-numbers.current, .page-links span.current .page-number, .fototag-page-links a.post-page-numbers:hover, .page-links a.post-page-numbers:hover .page-number { color: #ffffff; background: #343434; border-color: transparent; } .page-links a .page-number { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* == Comments == */ .comment-content a { word-wrap: break-word; } ul.comment-list { list-style: none; padding-left: 0; } .comments-area ul { list-style: none; padding-left: 0; } .blog-comment-form .blog-comment .each-comment ul>li { list-style: disc !important; } .blog-comment-form .blog-comment .each-comment ul>li>ul>li { list-style: circle !important; } .blog-comment-form .blog-comment .each-comment ul>li>ul>li>ul>li { list-style-type: square !important; } .blog-comment-form .blog-comment .each-comment ul>li>ul>li>ul, .blog-comment-form .blog-comment .each-comment ul>li>ul, .blog-comment-form .blog-comment .each-comment ul { padding-left: 30px !important; } .bypostauthor { display: block; } .each-comment { position: relative; margin-bottom: 1.875rem; } .each-comment .imgholder { float: left; margin-top: 0.3125rem; margin-right: 1.5625rem; } @media only screen and (max-width: 767px) { .each-comment .imgholder { float: unset; margin-bottom: 10px; } } .each-comment .imgholder img { border-radius: 50%; } @media only screen and (max-width: 575px) { .each-comment .imgholder { width: 70px; margin-right: 0.8rem; } } .each-comment .media-body { overflow: hidden; position: relative; background-color: #f8f8f8; border-radius: 0.25rem; padding: 1.875rem 1.875rem 0.9375rem 2.5rem; } .each-comment .media-body:before { content: ""; width: 0; height: 0; border-right: 1.875rem solid #f8f8f8; border-top: 0.625rem solid transparent; border-bottom: 1.25rem solid transparent; position: absolute; top: 2rem; left: -1.25rem; z-index: -1; } .each-comment .media-body .item-title { color: #343434; margin-bottom: 0; } .each-comment .media-body .item-date { color: #444444; font-size: 0.9375rem; margin-bottom: 0.5rem; } .each-comment .media-body h3.comment-meta { margin-bottom: 0; font-size: 1.25rem; text-transform: capitalize; } .each-comment .media-body h3.comment-meta a { color: #343434; } .each-comment .media-body .comment-reply-link { position: absolute; top: 1.5625rem; right: 1.875rem; font-size: 0.875rem; font-weight: 600; color: #666666; padding: 0.3125rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .each-comment .media-body .comment-reply-link i { font-size: 0.625rem; margin-left: 0.625rem; } @media only screen and (max-width: 480px) { .each-comment .media-body .comment-reply-link { top: 0; right: auto; left: 0; position: relative; padding: 0; } } .each-comment .media-body .comment-reply-link:hover { color: #343434; } @media only screen and (max-width: 575px) { .each-comment .media-body { padding: 1.675rem 0.875rem 0.9375rem 1.125rem; } .each-comment .media-body .comment-reply-link { right: 0.875rem; } } ul.comment-list li .comment-respond { margin-bottom: 2.5rem; } .comment-reply-title small a { font-size: 18px; margin-left: 15px; } .trackback h3 a, .pingback h3 a { font-size: 1.25rem; } @media only screen and (max-width: 575px) { .comment-form-email { margin-top: 1.5625rem; } } /* == Infinite scroll == */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /* == Media == */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; height: 500px; } @media only screen and (max-width: 991px) { embed, iframe, object { height: 400px; } } @media only screen and (max-width: 767px) { embed, iframe, object { height: 300px; } } @media only screen and (max-width: 480px) { embed, iframe, object { height: 200px; } } /* == Captions == */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } caption { caption-side: top; } /* == Galleries == */ .gallery { display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: calc(1.5 * 1rem); } .gallery-item { display: inline-block; margin-right: 16px; margin-bottom: 16px; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: calc((100% - 16px * 1) / 2); } .gallery-columns-2 .gallery-item:nth-of-type(2n+2) { margin-right: 0; } .gallery-columns-3 .gallery-item { max-width: calc((100% - 16px * 2) / 3); } .gallery-columns-3 .gallery-item:nth-of-type(3n+3) { margin-right: 0; } .gallery-columns-4 .gallery-item { max-width: calc((100% - 16px * 3) / 4); } .gallery-columns-4 .gallery-item:nth-of-type(4n+4) { margin-right: 0; } .gallery-columns-5 .gallery-item { max-width: calc((100% - 16px * 4) / 5); } .gallery-columns-5 .gallery-item:nth-of-type(5n+5) { margin-right: 0; } .gallery-columns-6 .gallery-item { max-width: calc((100% - 16px * 5) / 6); } .gallery-columns-6 .gallery-item:nth-of-type(6n+6) { margin-right: 0; } .gallery-columns-7 .gallery-item { max-width: calc((100% - 16px * 6) / 7); } .gallery-columns-7 .gallery-item:nth-of-type(7n+7) { margin-right: 0; } .gallery-columns-8 .gallery-item { max-width: calc((100% - 16px * 7) / 8); } .gallery-columns-8 .gallery-item:nth-of-type(8n+8) { margin-right: 0; } .gallery-columns-9 .gallery-item { max-width: calc((100% - 16px * 8) / 9); } .gallery-columns-9 .gallery-item:nth-of-type(9n+9) { margin-right: 0; } .gallery-item:last-of-type { padding-right: 0; } .gallery-caption { display: block; word-break: break-word; } /* == Posts and pages == */ .sticky { display: block; padding: 0 15px; margin-bottom: 0px; } .sticky .blog-box { background: #f4f4f4 none repeat scroll 0 0; } .byline, .updated:not(.published) { display: none; } .page-links { clear: both; margin: 0 0 1.5em; } /* == Bootstrap Sameheight == */ @media (min-width: 1200px) { .auto-clear>.col-lg-1:nth-child(12n+1) { clear: left; } .auto-clear>.col-lg-2:nth-child(6n+1) { clear: left; } .auto-clear>.col-lg-3:nth-child(4n+1) { clear: left; } .auto-clear>.col-lg-4:nth-child(3n+1) { clear: left; } .auto-clear>.col-lg-6:nth-child(odd) { clear: left; } } @media (min-width: 992px) and (max-width: 1199px) { .auto-clear>.col-md-1:nth-child(12n+1) { clear: left; } .auto-clear>.col-md-2:nth-child(6n+1) { clear: left; } .auto-clear>.col-md-3:nth-child(4n+1) { clear: left; } .auto-clear>.col-md-4:nth-child(3n+1) { clear: left; } .auto-clear>.col-md-6:nth-child(odd) { clear: left; } } @media (min-width: 768px) and (max-width: 991px) { .auto-clear>.col-sm-1:nth-child(12n+1) { clear: left; } .auto-clear>.col-sm-2:nth-child(6n+1) { clear: left; } .auto-clear>.col-sm-3:nth-child(4n+1) { clear: left; } .auto-clear>.col-sm-4:nth-child(3n+1) { clear: left; } .auto-clear>.col-sm-6:nth-child(odd) { clear: left; } } @media (max-width: 767px) { .auto-clear>.col-1:nth-child(12n+1) { clear: left; } .auto-clear>.col-2:nth-child(6n+1) { clear: left; } .auto-clear>.col-3:nth-child(4n+1) { clear: left; } .auto-clear>.col-4:nth-child(3n+1) { clear: left; } .auto-clear>.col-6:nth-child(odd) { clear: left; } } /* == Miscellaneous == */ @media (min-width: 768px) and (max-width: 991px) { .ipad-fix { width: 100%; } .ipad-fix-pad { width: 100%; padding-bottom: 30px; } .ipad-width-50, .width-50 { width: 50%; } .center-background { background: none; } } @media (max-width: 767px) { .ipad-fix-pad { width: 100%; padding-bottom: 30px; } } .padding-right-fix { padding-right: 50px; } @media (max-width: 767px) { .padding-right-fix { padding-right: 0px; } } /* == Column == */ .no-gutter>[class*='col-'] { padding-right: 0; padding-left: 0; } a { color: #666666; } .widget_recent_entries ul, .widget_categories ul, .widget_nav_menu ul, .widget_archive ul, .widget_pages ul, .widget_meta ul { padding-left: 0; margin-bottom: 0; list-style: none; } .widget_recent_entries ul li, .widget_categories ul li, .widget_nav_menu ul li, .widget_archive ul li, .widget_pages ul li, .widget_meta ul li { font-size: 1rem; } .widget_recent_entries ul li a, .widget_categories ul li a, .widget_nav_menu ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a { color: #444; padding-left: 1.875rem; position: relative; } .widget_recent_entries ul li a:before, .widget_categories ul li a:before, .widget_nav_menu ul li a:before, .widget_archive ul li a:before, .widget_pages ul li a:before, .widget_meta ul li a:before { content: ""; height: 0.8125rem; width: 0.8125rem; border: 0.0625rem solid #a8a7a7; border-radius: 50%; position: absolute; top: 0.4375rem; left: 0; } .widget_recent_entries ul li a:after, .widget_categories ul li a:after, .widget_nav_menu ul li a:after, .widget_archive ul li a:after, .widget_pages ul li a:after, .widget_meta ul li a:after { content: ""; height: 0.3125rem; width: 0.3125rem; background-color: #a8a7a7; border-radius: 50%; position: absolute; top: 0.6875rem; left: 0.25rem; transition: all 0.3s ease-in-out; } .widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_nav_menu ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover { color: #343434; } .widget_recent_entries ul li a:hover:after, .widget_categories ul li a:hover:after, .widget_nav_menu ul li a:hover:after, .widget_archive ul li a:hover:after, .widget_pages ul li a:hover:after, .widget_meta ul li a:hover:after { background-color: #343434; } .widget_recent_entries ul>li, .widget_categories ul>li, .widget_nav_menu ul>li, .widget_archive ul>li, .widget_pages ul>li, .widget_meta ul>li { margin: 0 0 0.1875rem; padding: 0 0 0.1875rem; } .widget_recent_entries ul>li:last-child, .widget_categories ul>li:last-child, .widget_nav_menu ul>li:last-child, .widget_archive ul>li:last-child, .widget_pages ul>li:last-child, .widget_meta ul>li:last-child { margin-bottom: 0; padding-bottom: 0; } .widget_recent_entries ul>li>ul>li, .widget_categories ul>li>ul>li, .widget_nav_menu ul>li>ul>li, .widget_archive ul>li>ul>li, .widget_pages ul>li>ul>li, .widget_meta ul>li>ul>li { margin: 0 0 0.1875rem; padding: 0 0 0.1875rem; } .widget_recent_entries ul>li>ul>li:last-child, .widget_categories ul>li>ul>li:last-child, .widget_nav_menu ul>li>ul>li:last-child, .widget_archive ul>li>ul>li:last-child, .widget_pages ul>li>ul>li:last-child, .widget_meta ul>li>ul>li:last-child { margin-bottom: 0; padding-bottom: 0; } .widget_recent_entries ul>li>ul>li>ul>li, .widget_categories ul>li>ul>li>ul>li, .widget_nav_menu ul>li>ul>li>ul>li, .widget_archive ul>li>ul>li>ul>li, .widget_pages ul>li>ul>li>ul>li, .widget_meta ul>li>ul>li>ul>li { margin: 0 0 0.1875rem; padding: 0 0 0.1875rem; } .widget_recent_entries ul>li>ul>li>ul>li:last-child, .widget_categories ul>li>ul>li>ul>li:last-child, .widget_nav_menu ul>li>ul>li>ul>li:last-child, .widget_archive ul>li>ul>li>ul>li:last-child, .widget_pages ul>li>ul>li>ul>li:last-child, .widget_meta ul>li>ul>li>ul>li:last-child { margin-bottom: 0; padding-bottom: 0; } .widget_recent_entries ul li ul.children, .widget_recent_entries ul li ul.sub-menu, .widget_categories ul li ul.children, .widget_categories ul li ul.sub-menu, .widget_nav_menu ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_archive ul li ul.children, .widget_archive ul li ul.sub-menu, .widget_pages ul li ul.children, .widget_pages ul li ul.sub-menu, .widget_meta ul li ul.children, .widget_meta ul li ul.sub-menu { margin-top: 6px; } footer .widget_nav_menu { font-family: "Josefin Sans", sans-serif; } footer .widget_recent_entries ul, footer .widget_categories ul, footer .widget_nav_menu ul, footer .widget_archive ul, footer .widget_pages ul, footer .widget_meta ul { list-style: none; margin-bottom: 0; } footer .widget_recent_entries ul li a, footer .widget_categories ul li a, footer .widget_nav_menu ul li a, footer .widget_archive ul li a, footer .widget_pages ul li a, footer .widget_meta ul li a { color: #d0d0d0; padding-left: 0; } footer .widget_recent_entries ul li a:hover, footer .widget_categories ul li a:hover, footer .widget_nav_menu ul li a:hover, footer .widget_archive ul li a:hover, footer .widget_pages ul li a:hover, footer .widget_meta ul li a:hover { color: #ffffff; } footer .widget_recent_entries ul li a:before, footer .widget_recent_entries ul li a:after, footer .widget_categories ul li a:before, footer .widget_categories ul li a:after, footer .widget_nav_menu ul li a:before, footer .widget_nav_menu ul li a:after, footer .widget_archive ul li a:before, footer .widget_archive ul li a:after, footer .widget_pages ul li a:before, footer .widget_pages ul li a:after, footer .widget_meta ul li a:before, footer .widget_meta ul li a:after { display: none; } .widget_recent_comments ul { padding-left: 0; list-style: none; margin-bottom: 0; } .widget_recent_comments ul li { position: relative; font-size: 1rem; padding-left: 1.875rem; margin-bottom: 0.375rem; } .widget_recent_comments ul li:last-child { margin-bottom: 0; } .widget_recent_comments ul li a { color: #444; position: relative; } .widget_recent_comments ul li:before { content: ""; height: 0.8125rem; width: 0.8125rem; border: 0.0625rem solid #a8a7a7; border-radius: 50%; position: absolute; top: 0.4375rem; left: 0; } .widget_recent_comments ul li:after { content: ""; height: 0.3125rem; width: 0.3125rem; background-color: #a8a7a7; border-radius: 50%; position: absolute; top: 0.6875rem; left: 0.25rem; transition: all 0.3s ease-in-out; } .widget_recent_comments ul li:hover { color: #343434; } .widget_recent_comments ul li:hover a { color: #343434; } .widget_recent_comments ul li:hover:after { background-color: #343434; } footer .widget_recent_comments ul li:hover { color: #ffffff; } footer .widget_recent_comments ul li:hover a { color: #ffffff; } footer .widget_recent_comments ul li:hover:after { background-color: #ffffff; } .widget_categories label.screen-reader-text, .widget_archive label.screen-reader-text, .widget_text label.screen-reader-text { display: none; } .widget_categories select, .widget_archive select, .widget_text select { width: 100%; padding: 0.9375rem 0.625rem; } .wp-block-categories select, .wp-block-archives select { padding: 0.9375rem 0.625rem; margin-bottom: 1.875rem; } .widget_rss ul { list-style: none; padding-left: 0; margin-bottom: 0; } .widget_rss ul li { margin-top: 1rem; } .widget_rss ul li a { color: #444; } .widget_rss ul li a:hover { color: #343434; } footer .widget_rss ul li a:hover { color: #ffffff; } .widget_tag_cloud .tagcloud a { color: #444; font-size: 1rem !important; margin-right: 0.75rem; text-transform: capitalize; } .widget_tag_cloud .tagcloud a:hover { color: #343434; } footer .widget_tag_cloud .tagcloud a:hover { color: #ffffff; } ul.children, ul.sub-menu { padding-left: 1.25rem; } @media only screen and (max-width: 575px) { ul.children, ul.sub-menu { padding-left: 0.9375rem; } } p.comment-form-cookies-consent { margin-top: 15px; margin-bottom: 5px; display: flex; } p.comment-form-cookies-consent input[type="checkbox"], p.comment-form-cookies-consent input[type="radio"] { box-sizing: border-box; margin-right: 10px; margin-top: 7px; } /*--- Table ---*/ caption { color: #444; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } table th, table td { border: 0.0625rem solid #dedede; padding: 0.3125rem; text-align: center; } footer span.wp-calendar-nav-prev a:hover { color: #ffffff; } .wp-block-calendar span.wp-calendar-nav-prev a:hover { color: #000000; } .wp-block-calendar { margin-top: 30px; margin-bottom: 30px; text-align: center; } .wp-calendar-table caption { padding-top: 0; } .wp-calendar-table th { padding: 0; line-height: 2.25rem; } .wp-calendar-table td { padding: 0; line-height: 2.25rem; } .wp-calendar-table td a { width: 100%; height: auto; font-weight: 900; color: #000000; display: inline-block; background-color: #d4d4d4; } .wp-calendar-table td#today { color: #ffffff; background-color: #111111; } .wp-calendar-table td#today a { color: #ffffff; } span.wp-calendar-nav-next { float: right; } /* == Search Form == */ .search-input-group { position: relative; } .search-input-group input.search-query { width: 100%; height: 50px; padding: 0.9375rem; display: inline-block; padding-right: 3.125rem; } .search-input-group input.search-query:focus { outline: none; } .search-input-group button.btn.search-button { top: 0; right: 0; width: 50px; height: 100%; position: absolute; line-height: 2.5rem; } .search-input-group button.btn.search-button:hover { color: #ffffff; } .search-input-group button.btn.search-button:focus { outline: none; box-shadow: none; } .wp-block-search { position: relative; margin-bottom: 10px; } .wp-block-search .wp-block-search__input { padding: 0.3125rem; display: inline-block; border: 1px solid #ccc; } .wp-block-search .wp-block-search__input:focus { outline: none; } .wp-block-search button.wp-block-search__button { color: #212529; padding: 0.3125rem 0.9375rem; display: inline-block; border: 1px solid #ccc; background-color: transparent; } .wp-block-search button.wp-block-search__button:focus { outline: none; } /* == Gutenberg Custom color == */ .wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote { color: white; } .wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote.has-fototag-primary-color { color: #343434; } .wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote.has-fototag-secondary-color { color: #666666; } .wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote.has-fototag-light-color { color: white; } .wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote.has-fototag-black-color { color: black; } .wp-block-pullquote.is-style-solid-color.has-cyan-bluish-gray-background-color blockquote.has-fototag-dark-color { color: #111111; } .wp-block-button.is-style-outline a.wp-block-button__link.has-fototag-primary-color:not([href]):not([tabindex]), a.wp-block-button__link.has-fototag-primary-color:not([href]):not([tabindex]), .wp-block-cover .has-fototag-primary-color a, .wp-block-button .has-fototag-primary-color, .has-fototag-primary-color { color: #343434; } .wp-block-button.is-style-outline a.wp-block-button__link.has-fototag-secondary-color:not([href]):not([tabindex]), a.wp-block-button__link.has-fototag-secondary-color:not([href]):not([tabindex]), .wp-block-cover .has-fototag-secondary-color a, .wp-block-button .has-fototag-secondary-color, .has-fototag-secondary-color { color: #666666; } .wp-block-button.is-style-outline a.wp-block-button__link.has-fototag-light-color:not([href]):not([tabindex]), a.wp-block-button__link.has-fototag-light-color:not([href]):not([tabindex]), .wp-block-cover .has-fototag-light-color a, .wp-block-button .has-fototag-light-color, .has-fototag-light-color { color: white; } .wp-block-button.is-style-outline a.wp-block-button__link.has-fototag-black-color:not([href]):not([tabindex]), a.wp-block-button__link.has-fototag-black-color:not([href]):not([tabindex]), .wp-block-cover .has-fototag-black-color a, .wp-block-button .has-fototag-black-color, .has-fototag-black-color { color: black; } .wp-block-button.is-style-outline a.wp-block-button__link.has-fototag-dark-color:not([href]):not([tabindex]), a.wp-block-button__link.has-fototag-dark-color:not([href]):not([tabindex]), .wp-block-cover .has-fototag-dark-color a, .wp-block-button .has-fototag-dark-color, .has-fototag-dark-color { color: #111111; } /* == button custom color == */ a.wp-block-button__link.has-fototag-primary-color:not([href]):not([tabindex]):hover, a.wp-block-button__link.has-fototag-secondary-color:not([href]):not([tabindex]):hover, a.wp-block-button__link.has-fototag-light-color:not([href]):not([tabindex]):hover, a.wp-block-button__link.has-fototag-black-color:not([href]):not([tabindex]):hover, a.wp-block-button__link.has-fototag-dark-color:not([href]):not([tabindex]):hover { color: #ffffff; } /* == button custom background color == */ .wp-block-button .has-fototag-primary-background-color a, .wp-block-button .has-fototag-primary-background-color { background-color: #343434; } .wp-block-button .has-fototag-secondary-background-color a, .wp-block-button .has-fototag-secondary-background-color { background-color: #666666; } .wp-block-button .has-fototag-light-background-color a, .wp-block-button .has-fototag-light-background-color { background-color: white; } .wp-block-button .has-fototag-black-background-color a, .wp-block-button .has-fototag-black-background-color { background-color: black; } .wp-block-button .has-fototag-dark-background-color a, .wp-block-button .has-fototag-dark-background-color { background-color: #111111; } /*Gutenberg Background Colors*/ :root .has-fototag-primary-background-color { background-color: #343434; } :root .has-fototag-secondary-background-color { background-color: #666666; } :root .has-fototag-light-background-color { background-color: white; } :root .has-fototag-black-background-color { background-color: black; } :root .has-fototag-black-background-color { background-color: #111111; } /*Gutenberg Colors*/ :root .has-fototag-primary-color { color: #343434; } :root .has-fototag-secondary-color { color: #666666; } :root .has-fototag-light-color { color: white; } :root .has-fototag-black-color { color: black; } :root .has-fototag-dark-color { color: #111111; } /*======================================================================= 6. Template Page Style =========================================================================*/ /*------------------- 5.1 About Us -------------------*/ .about-intro { padding: 7.5rem 0; } @media only screen and (max-width: 991px) { .about-intro { padding: 6.25rem 0; } } @media only screen and (max-width: 767px) { .about-intro { padding: 5rem 0; } } .about-content { padding-right: 5.625rem; } @media only screen and (max-width: 1444px) { .about-content { padding-right: 0; } } @media only screen and (max-width: 991px) { .about-content { text-align: center; } } .about-content .item-title { margin-bottom: 2.125rem; transform: translateX(-70px); } @media only screen and (max-width: 991px) { .about-content .item-title { transform: translateX(0); } } @media only screen and (max-width: 1444px) { .about-content p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } } @media only screen and (max-width: 1199px) { .about-content p { -webkit-line-clamp: 4; } } .about-content .item-btn { margin-top: 1.875rem; font-weight: 600; color: #444; border: 0.125rem solid #ececec; padding: 0.625rem 1.625rem; } .about-content .item-btn:hover { background-color: #343434; border-color: #343434; color: #ffffff; } .about-img { display: flex; position: relative; } @media only screen and (max-width: 991px) { .about-img { justify-content: center; margin-bottom: 3.125rem; } } .about-img .single-img { margin-right: 1.25rem; display: flex; align-items: flex-end; } .about-img .single-img:last-child { margin-right: 0; } .about-img .middle-img .top-img { position: absolute; top: 0; left: 55%; transform: translateX(-50%); z-index: 5; } .about-section { padding-bottom: 17.5rem; } @media only screen and (max-width: 1440px) { .about-section { padding-bottom: 12.1875rem; } } @media only screen and (max-width: 1220px) { .about-section { padding-bottom: 9.375rem; } } @media only screen and (max-width: 991px) { .about-section { padding-bottom: 5.9375rem; } } @media only screen and (max-width: 767px) { .about-section { padding-bottom: 4.6875rem; } } .about-section .section-heading-border { margin-left: 5rem; } @media only screen and (max-width: 991px) { .about-section .section-heading-border { margin-left: 0.9375rem; } } .about-section .about-box-content { margin-top: 10.3125rem; } @media only screen and (max-width: 1440px) { .about-section .about-box-content { margin-top: 5.3125rem; } } @media only screen and (max-width: 1199px) { .about-section .about-box-content { margin-top: 2.5rem; } } @media only screen and (max-width: 991px) { .about-section .about-box-content { text-align: center; margin-bottom: 2.5rem; margin-top: 0; } } .about-section .about-box-content .item-title { font-size: 2rem; } @media only screen and (max-width: 991px) { .about-section .about-box-content .item-title { font-size: 1.875rem; } } @media only screen and (max-width: 767px) { .about-section .about-box-content .item-title { font-size: 1.75rem; } } .about-section .about-box-content .btn-line { margin-top: 1.25rem; } .about-box-img { position: relative; } .about-box-img .top-img { display: flex; transition: all 0.5s ease-in-out; } .about-box-img .item-img { margin-right: 1.5625rem; } .about-box-img .item-img img { box-shadow: 0rem 1.25rem 3.1875rem 0rem rgba(0, 0, 0, 0.3); } .about-box-img .item-img:last-child { margin-right: 0; } .about-box-img .bottom-img { text-align: center; margin-top: -11.25rem; } @media only screen and (max-width: 991px) { .about-box-img .bottom-img { margin-top: 30px; } } .about-full-width { position: relative; } .about-full-width:after { position: absolute; bottom: 0; right: 10rem; z-index: -1; } .about-full-width .about-img { padding-right: 3.125rem; } @media only screen and (max-width: 991px) { .about-full-width .about-img { padding: 0 0.9375rem; margin-bottom: 2.5rem; } .about-full-width .about-img img { width: 100%; } } .about-full-width .about-content { width: 70%; } @media only screen and (max-width: 1299px) { .about-full-width .about-content { width: 90%; } } @media only screen and (max-width: 1199px) { .about-full-width .about-content { width: 98%; } } @media only screen and (max-width: 991px) { .about-full-width .about-content { padding: 0 0.9375rem; text-align: center; } } .about-full-width .about-content .item-subtitle { color: #989898; font-size: 1.375rem; letter-spacing: 0.1875rem; margin-bottom: 1rem; } .about-full-width .about-content .item-title { line-height: 2.8125rem; margin-bottom: 1.875rem; } .about-full-width .about-content p { margin-bottom: 1.875rem; } .about-box-content .item-subtitle, .about-content .item-subtitle { color: #989898; font-size: 1.375rem; letter-spacing: 0.1875rem; margin-bottom: 1rem; } .about-content-70 { width: 70% !important; } @media only screen and (max-width: 991px) { .about-content-70 { width: 100% !important; } } .about-author { padding-left: 12rem; padding-bottom: 7.5rem; } @media only screen and (max-width: 1440px) { .about-author { padding-left: 0.625rem; } } @media only screen and (max-width: 1199px) { .about-author { padding: 0 0.9375rem; } } .about-author .author-content-wrap { display: flex; align-items: flex-start; } @media only screen and (max-width: 1199px) { .about-author .author-content-wrap { display: block; margin-bottom: 120px; } } @media only screen and (max-width: 991px) { .about-author .author-content-wrap { margin-bottom: 100px; } } @media only screen and (max-width: 767px) { .about-author .author-content-wrap { margin-bottom: 80px; } } .about-author .author-content { padding: 4.0625rem 5.625rem 4.0625rem; background-color: #ffffff; box-shadow: 0rem 0rem 9.375rem 0rem rgba(0, 0, 0, 0.05); margin-right: -10.625rem; margin-top: 2.5rem; flex: 1; z-index: 5; } @media only screen and (max-width: 1440px) { .about-author .author-content { padding: 4.0625rem 3.75rem 3.125rem; margin-right: -18.75rem; } } @media only screen and (max-width: 1199px) { .about-author .author-content { margin-right: 0; text-align: center; } } @media only screen and (max-width: 575px) { .about-author .author-content { padding: 4.0625rem 1.875rem 3.125rem; } } .about-author .author-content .item-title { line-height: 2.125rem; } .about-author .author-content h3.item-title { font-size: 1.375rem; margin-bottom: 0.5rem; } .about-author .author-content p { margin-bottom: 2.25rem; } .about-author .author-content .list-item { padding-left: 0; margin-bottom: 3.125rem; } .about-author .author-content .list-item li { font-size: 1rem; display: flex; margin-bottom: 0.5rem; } @media only screen and (max-width: 1199px) { .about-author .author-content .list-item li { justify-content: center; } } .about-author .author-content .list-item li:last-child { margin-bottom: 0; } .about-author .author-content .list-item li i:before { font-size: 1.5rem; margin-right: 0.75rem; } .about-author .author-content .client-list { font-size: 1rem; line-height: 2rem; } @media only screen and (max-width: 1199px) { .about-author .author-img { display: none; } } .about-author .author-img.mobile { max-width: 945px; margin: 0 auto; display: none; } @media only screen and (max-width: 1199px) { .about-author .author-img.mobile { display: block; } } .about-content.rt-fs-section { padding-right: 0; } .about-content.rt-fs-section .item-title { transform: translateX(0); } @media (min-width: 1024px) and (max-width: 1199px) { .h1-sec-mar { margin-left: 0; } } /*------------------- 5.2 Banner -------------------*/ .video-banner-section:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.75); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .video-banner-section .media { padding-left: 2.8125rem; align-items: center; } @media only screen and (max-width: 767px) { .video-banner-section .media { padding-left: 0; } } @media only screen and (max-width: 575px) { .video-banner-section .media { justify-content: center; } } .video-banner-section .media .icon-wrap { text-align: center; } .video-banner-section .media .icon-wrap:before { content: ""; height: 100%; width: 0.0625rem; background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 0; z-index: -2; } .video-banner-section .media .icon-wrap:after { content: ""; height: 0.0625rem; width: 100%; background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 50%; left: 0; z-index: -2; } .video-banner-section .media .icon-wrap .play-btn { position: relative; text-align: center; height: 13.125rem; width: 13.125rem; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5625rem; color: #ffffff; } @media only screen and (max-width: 991px) { .video-banner-section .media .icon-wrap .play-btn { height: 11.25rem; width: 11.25rem; } } @media only screen and (max-width: 767px) { .video-banner-section .media .icon-wrap .play-btn { height: 9.375rem; width: 9.375rem; } } .video-banner-section .media .icon-wrap .play-btn:before { content: ""; height: 5rem; width: 5rem; background-color: rgba(255, 255, 255, 0.25); border-radius: 50%; position: absolute; /* transform: translateY(-50%); */ animation: pulse 1500ms infinite; z-index: -1; } @media only screen and (max-width: 991px) { .video-banner-section .media .icon-wrap .play-btn:before { height: 3.75rem; width: 3.75rem; } } .video-banner-section .media .icon-wrap .play-btn i { margin-left: 0.375rem; margin-bottom: 0.0625rem; } .video-banner-section .media .media-body { margin-left: 2.5rem; } .video-banner-section .media .media-body .item-subtitle { font-size: 1.125rem; color: #ffffff; letter-spacing: 0.125rem; margin-bottom: 1.125rem; } .video-banner-section .media .media-body .item-title { font-size: 3.125rem; font-weight: 600; color: #ffffff; margin-bottom: 0; } @media only screen and (max-width: 991px) { .video-banner-section .media .media-body .item-title { line-height: 1.4; font-size: 2.75rem; } } @media only screen and (max-width: 767px) { .video-banner-section .media .media-body .item-title { font-size: 1.875rem; } } /*------------------- 5.3 Blog -------------------*/ @media only screen and (max-width: 991px) { .blog-fluid-grid { padding-left: 0; padding-bottom: 6.25rem; } } @media only screen and (max-width: 767px) { .blog-fluid-grid { padding-bottom: 5rem; } } .blog-fluid-grid .blog-grid { margin-bottom: 2.5rem; } .blog-fluid-grid .blog-grid .item-img { margin-bottom: 1.625rem; overflow: hidden; } .blog-fluid-grid .blog-grid .item-img img { transform: translateX(0); transition: all 0.7s ease-in-out; } .blog-fluid-grid .blog-grid .item-content .cats-list a { color: #7b7a7a; font-size: 1.125rem; margin-bottom: 0.5rem; } .blog-fluid-grid .blog-grid .item-content .cats-list a:hover { color: #000000; } .blog-fluid-grid .blog-grid .item-content .item-title { word-break: break-word; margin-bottom: 0.9375rem; font-size: 1.6rem; line-height: 2.125rem; } .blog-fluid-grid .blog-grid .item-content .item-title a { color: #343434; } .blog-fluid-grid .blog-grid .item-content .item-title a:hover { color: #000000; } .blog-fluid-grid .blog-grid .item-content .item-title a:focus { outline: none; } .blog-fluid-grid .blog-grid .item-content p { margin-bottom: 10px; } .blog-fluid-grid .blog-grid .item-content .item-meta { padding-left: 0; margin-bottom: 0; } .blog-fluid-grid .blog-grid .item-content .item-meta li { display: inline-block; color: #7b7a7a; text-transform: capitalize; } .blog-fluid-grid .blog-grid .item-content .item-meta li:last-child { margin-right: 0; } .blog-fluid-grid .blog-grid .item-content .item-meta li:last-child:after { display: none; } .blog-fluid-grid .blog-grid .item-content .item-meta li:after { content: "-"; padding: 0 0.625rem 0 0.9375rem; } .blog-fluid-grid .blog-grid .item-content .item-meta li a { color: #7b7a7a; } .blog-fluid-grid .blog-grid .item-content .item-meta li a:hover { color: #000000; } .blog-fluid-grid .blog-grid:hover .item-img img { transform: translateX(-15px); } @media only screen and (max-width: 1199px) { .blog-fluid-grid .blog-grid:hover .item-img img { transform: translateX(-10px); } } .blog-fluid-grid .blog-list .item-content .item-title { font-size: 2.125rem; line-height: 2.25rem; } .blog-fluid-grid .blog-grid.sticky { padding: 30px; background-color: #f8f8f8; } .blog-fluid-grid .blog-grid-no-thumb { border: 0.0625rem solid #e9e9e9; } .blog-fluid-grid .blog-grid-no-thumb .blog-grid { margin-bottom: 0; border-bottom: 0.0625rem solid #e9e9e9; } .blog-fluid-grid .blog-grid-no-thumb .blog-grid:last-child { border-bottom: 0; } .blog-fluid-grid .blog-grid-no-thumb .blog-grid .item-content { padding: 1.375rem 2.5rem 1.125rem 2.5rem; } @media only screen and (max-width: 767px) { .blog-fluid-grid .blog-grid-no-thumb .blog-grid .item-content { padding: 1.375rem 1.875rem 1.125rem; } } .blog-fluid-grid .blog-grid-no-thumb .blog-grid .item-content .item-title { margin-bottom: 0.625rem; font-size: 1.6rem; line-height: 2rem; } .blog-fluid-grid .post-list-items .blog-grid { margin-bottom: 2.5rem; } @media only screen and (max-width: 575px) { .blog-fluid-grid .post-list-items .blog-grid { margin-bottom: 2.25rem; } } .blog-fluid-grid .post-list-items .post-list-item:last-child .blog-grid { margin-bottom: 1.875rem; } .bv-1 .blog-list .item-content .item-title { font-size: 1.6rem; line-height: 2rem; } .blog-fluid-grid.bv-1 { padding-bottom: 0; } @media only screen and (max-width: 991px) { .blog-fluid-grid.bv-2 { padding-bottom: 80px; } } .blog-grid-page { padding: 7.5rem 0; } @media only screen and (max-width: 1199px) { .blog-grid-page { padding: 6.25rem 0; } } @media only screen and (max-width: 991px) { .blog-grid-page { padding: 5rem 0; } } .blog-grid-page .blog-grid { margin-bottom: 3.125rem; } .blog-list-page { padding: 7.5rem 0; } @media only screen and (max-width: 1199px) { .blog-list-page { padding: 6.25rem 0; } } @media only screen and (max-width: 991px) { .blog-list-page { padding: 5rem 0; } } .blog-list-page .blog-grid { margin-bottom: 3.125rem; } .blog-list-page .blog-grid .item-img { margin-bottom: 1.625rem; } .blog-list-page .blog-grid .item-img img { transform: translateX(0) scale(1); } .blog-list-page .blog-grid .item-content { padding-left: 4.6875rem; } @media only screen and (max-width: 767px) { .blog-list-page .blog-grid .item-content { padding-left: 0; } } .blog-list-page .blog-grid .item-content .item-title { font-size: 2.125rem; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .blog-list-page .blog-grid .item-content .item-title { font-size: 1.625rem; } } .blog-list-page .blog-grid:hover .item-img img { transform: translateX(0) scale(1); } .blog-list-page .none-post-thumb .item-content { padding-left: 0; } .blog-detail-page .blog-detail-content .post-meta-tags ul { padding: 0; list-style: none; margin-bottom: 12px; } .blog-detail-page .blog-detail-content .post-meta-tags ul li { margin-right: 10px; padding-right: 16px; display: inline-block; position: relative; font-size: 1rem; color: #828282; } .blog-detail-page .blog-detail-content .post-meta-tags ul li a { color: #828282; font-size: 1rem; text-transform: capitalize; } .blog-detail-page .blog-detail-content .post-meta-tags ul li a:hover { color: #000000; } .blog-detail-page .blog-detail-content .post-meta-tags ul li:after { top: 7px; right: 0; content: ''; height: 15px; width: 1px; position: absolute; background-color: #cacaca; } @media only screen and (max-width: 575px) { .blog-detail-page .blog-detail-content .post-meta-tags ul li:after { top: 4px; } } .blog-detail-page .blog-detail-content .post-meta-tags ul li:last-child { margin-right: 0; padding-right: 0; } .blog-detail-page .blog-detail-content .post-meta-tags ul li:last-child:after { display: none; } .blog-detail-page .blog-detail-content .post-title { word-break: break-word; margin-bottom: 1.75rem; } @media only screen and (max-width: 991px) { .blog-detail-page .blog-detail-content .post-title { font-size: 1.875rem; } } @media only screen and (max-width: 767px) { .blog-detail-page .blog-detail-content .post-title { font-size: 1.75rem; } } .blog-detail-page .blog-detail-content .post-img { margin-bottom: 2.1875rem; } .blog-detail-page .blog-detail-content .about-title { margin-top: 1.875rem; margin-bottom: 0.625rem; } .blog-detail-page .blog-detail-content .item-tags { width: 100%; margin-top: 2.25rem; margin-bottom: 1rem; display: inline-block; } .blog-detail-page .blog-detail-content .item-tags .item-list { margin-bottom: 0.625rem; text-transform: capitalize; } .blog-detail-page .blog-detail-content .item-tags .item-list label { font-weight: 600; color: #343434; } .blog-detail-page .blog-detail-content .item-tags .item-list a { color: #828282; font-size: 0.9375rem; } .blog-detail-page .blog-detail-content .item-tags .item-list a:hover { color: #000000; } .blog-detail-page .blog-detail-content h3.has-fototag-primary-color.has-text-color { font-size: 1.5rem; margin-bottom: 15px; } .blog-detail-page .blog-detail-content .blog-comment-form .item-title { margin-bottom: 1.5625rem; } .blog-detail-page .blog-detail-content .blog-comment-form .comment-reply-title { margin-bottom: 0; } .blog-detail-page .blog-detail-content .blog-comment-form .form-group.comment-submit-btn, .blog-detail-page .blog-detail-content .blog-comment-form .form-group.form-submit { margin-bottom: 0; } .blog-detail-page .have-post-thumb .post-details-content, .blog-detail-page .have-post-thumb .post-meta-tags, .blog-detail-page .have-post-thumb .post-date { padding: 0 1.875rem; } @media only screen and (max-width: 991px) { .blog-detail-page .have-post-thumb .post-details-content, .blog-detail-page .have-post-thumb .post-meta-tags, .blog-detail-page .have-post-thumb .post-date { padding: 0; } } @media only screen and (max-width: 380px) { .blog-detail-page h3.comment-meta { font-size: 1.5rem; } } .comments-area .comment-respond .comment-reply-title { margin-bottom: 0; } .post-list-items .have-post-thumb .item-content { padding-left: 4.6875rem; padding-right: 4.6875rem; } @media only screen and (max-width: 991px) { .post-list-items .have-post-thumb .item-content { padding-left: 0; padding-right: 0; } } .post-list-items .style-4.have-post-thumb .item-content { padding-left: 0; padding-right: 0; } .comment-text h2 { margin-top: 15px; } @media only screen and (max-width: 575px) { .comment-text h2 { margin-bottom: 15px; } } /*------------------- 5.4 Brand -------------------*/ .brand-section { background-color: #0d0d0d; padding: 3.125rem 0; margin-right: 0.9375rem; } @media only screen and (max-width: 991px) { .brand-section { margin-right: 0; } } .brand-section .brand-img { cursor: pointer; text-align: center; } .brand-section .brand-img img { display: inline-block; width: auto !important; transition: all 0.3s ease-in-out; } .brand-section .brand-img:hover img { opacity: 1; } .brand-section .swiper-slide figure.swiper-slide-inner img { transition: all 0.3s ease-in-out; } .brand-section .swiper-slide figure.swiper-slide-inner:hover img { opacity: 1; } .brand-grid .brand-box { text-align: center; margin-bottom: 1.25rem; background-color: #fafafa; padding: 3.125rem; cursor: pointer; } .brand-grid .brand-box img { width: 150px; transition: all 0.3s ease-in-out; } .brand-grid .brand-box:hover img { opacity: 1; } .brand-grid .brand-box.brand-border { position: relative; } .brand-grid .brand-box.brand-border:after { content: ""; height: 90%; width: 0.125rem; background-color: #d5d5d5; position: absolute; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 991px) { .brand-grid .brand-box.brand-border:after { display: none; } } .brand-grid .brand-box.brand-border:before { left: -1.25rem; } .brand-grid .brand-box.brand-border:after { right: -1.25rem; } .brand-grid .row .col-lg-4:nth-of-type(3n+0) .brand-box.brand-border:after { display: none; } /*------------------- 5.5 Call to Action -------------------*/ .call-to-action .action-box { transform: translateY(110px); margin-top: -6.875rem; position: relative; background-color: #ffffff; display: flex; align-items: center; padding: 3.75rem 8.125rem 3.75rem 3.125rem; z-index: 1; box-shadow: 0rem 0rem 5.25rem 0rem rgba(0, 0, 0, 0.05); } .call-to-action .action-box .item-title { flex: 2; margin-bottom: 0; line-height: 3.125rem; } .call-to-action .action-box .item-btn { flex: 1; text-align: right; } .call-to-action .action-box:after { content: "\f109"; font-family: "Flaticon"; font-size: 9.375rem; color: rgba(0, 0, 0, 0.03); position: absolute; top: 50%; transform: translateY(-50%); right: -3.125rem; z-index: -1; transition-delay: 0.5s; transition: all 0.5s ease-in-out; } @media only screen and (max-width: 991px) { .call-to-action .action-box { display: inherit; text-align: center; padding: 3.125rem 3.75rem; } .call-to-action .action-box .item-btn { text-align: center; } .call-to-action .action-box .item-title { margin-bottom: 1.5625rem; line-height: 1.2; } } @media only screen and (max-width: 575px) { .call-to-action .action-box { padding: 1.875rem; } } .call-to-action.sal-animate .action-box:after { right: 4.375rem; } /*------------------- 5.6 Coming Soon -------------------*/ .coming-soon { padding-top: 5rem; } .coming-soon .section-header .heading-title { font-size: 3.75rem; font-weight: 600; margin-bottom: 1.5625rem; } @media only screen and (max-width: 1199px) { .coming-soon .section-header .heading-title { font-size: 3.125rem; } } @media only screen and (max-width: 767px) { .coming-soon .section-header .heading-title { font-size: 2.5rem; } } .coming-soon .coming-soon-content .home-btn { text-align: center; } .coming-soon .coming-soon-content .home-btn a { color: #000000; font-weight: 600; border: 0.125rem solid #ececec; padding: 0.625rem 1.5rem 0.4375rem; } .coming-soon .coming-soon-content .home-btn a:hover { background-color: #111111; color: #ffffff; border-color: #111111; } /*------------------- 5.7 Contact -------------------*/ .contact-section { background-repeat: no-repeat; background-size: cover; padding: 5.625rem; margin-right: 0.9375rem; } @media only screen and (max-width: 991px) { .contact-section { margin-right: 0; } } @media only screen and (max-width: 767px) { .contact-section { padding: 3.125rem 2.1875rem; } } @media only screen and (max-width: 575px) { .contact-section { padding: 0.9375rem 0; } } .contact-form-box { background-color: #ffffff; padding: 5rem 3.75rem; } @media only screen and (max-width: 575px) { .contact-form-box { padding: 1.875rem 1.25rem; } } .contact-form-box .item-title { text-align: center; margin-bottom: 2.1875rem; } @media only screen and (max-width: 991px) { .contact-form-box .item-title { font-size: 2.25rem; } } @media only screen and (max-width: 767px) { .contact-form-box .item-title { font-size: 2rem; } } .contact-form-box .form-group br { display: none; } @media only screen and (max-width: 991px) { .modern-contact-section .item-img { margin-bottom: 1.875rem; } } @media only screen and (max-width: 991px) { .modern-contact-section .item-img img { width: 100%; } } .modern-contact-section .item-content { padding-left: 1.875rem; } @media only screen and (max-width: 991px) { .modern-contact-section .item-content { padding-left: 0; text-align: center; } } .modern-contact-section .item-content .item-title { margin-bottom: 0.9375rem; } .modern-contact-section .item-content p { margin-bottom: 2.5rem; } .contact-list { list-style: none; padding-left: 0; } .contact-list li { font-size: 1.25rem; color: #343434; margin-bottom: 0.9375rem; display: flex; } @media only screen and (max-width: 991px) { .contact-list li { justify-content: center; } } .contact-list li a { color: #343434; } .contact-list li a:hover { color: #111111; } .contact-list li i:before { margin-right: 0.875rem; } .contact-list li span { font-weight: 600; margin-right: 5px; } .connect-page-form { padding-top: 0; } .contact-bg-light { margin: 0 12.0625rem; background-color: #ffffff; box-shadow: 0rem 0rem 5.25rem 0rem rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 1199px) { .contact-bg-light { padding: 6.25rem 0; } } @media only screen and (max-width: 991px) { .contact-bg-light { padding: 5rem 0; margin: 0 6.25rem; } } @media only screen and (max-width: 575px) { .contact-bg-light { margin: 0; } } .contact-bg-light.home-6 { margin: 0 12.0625rem; background-color: #ffffff; } @media only screen and (max-width: 1440px) { .contact-bg-light.home-6 { padding: 0 3.125rem; margin: 0 1.875rem; } } @media only screen and (max-width: 991px) { .contact-bg-light.home-6 { padding: 0 3.125rem; margin: 0 1.875rem; } } @media only screen and (max-width: 767px) { .contact-bg-light.home-6 { padding: 0 1.875rem; } } @media only screen and (max-width: 575px) { .contact-bg-light.home-6 { margin: 0; } } /*------------------- 5.8 Gallery -------------------*/ .featured-gallery { padding-left: 4.0625rem; padding-bottom: 0; } @media only screen and (max-width: 991px) { .featured-gallery { padding-left: 0; } } .masonary-gallery-box { margin: 0; margin-bottom: 3.125rem; } @media only screen and (max-width: 575px) { .masonary-gallery-box { margin-bottom: 1.875rem; } } .masonary-gallery-box .item-img { margin-bottom: 1.5rem; position: relative; } .masonary-gallery-box .item-img:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; } .masonary-gallery-box .item-img .play-btn { position: absolute; top: 1.875rem; right: 1.875rem; height: 3.125rem; width: 3.125rem; background-color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #000000; transition: all 0.3s ease-in-out; } .masonary-gallery-box .item-img .play-btn:hover { background-color: rgba(255, 255, 255, 0.8); } @media only screen and (max-width: 575px) { .masonary-gallery-box .item-img img { width: 100%; } } @media only screen and (max-width: 767px) { .masonary-gallery-box .item-img { max-width: 570px; margin: 0 auto 20px; } } .masonary-gallery-box .item-content { text-align: center; } .masonary-gallery-box .item-content .item-title { margin-bottom: 0; font-size: 1.375rem; font-weight: 600; } .masonary-gallery-box .item-content .item-title a { color: #343434; } .masonary-gallery-box .item-content .item-title a:hover { color: #111111; } .masonary-gallery-box .item-content .item-subtitle a { font-size: 1rem; color: #888888; letter-spacing: 0.125rem; } .masonary-gallery-box .item-content .item-subtitle a:hover { color: #111111; } .masonary-gallery-box:hover .item-img:before { visibility: visible; opacity: 1; } .event-gallery .gallery-item { margin: 0; } .event-gallery .item-img { margin-bottom: 1.25rem; } .event-gallery .item-img a { position: relative; overflow: hidden; display: inline-block; } .event-gallery .item-img a:before { content: ""; height: 100%; width: 0%; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; z-index: 2; transition: 0.5s cubic-bezier(0.14, 0.46, 0.75, 0.55); } .event-gallery .item-img a:after { content: ""; height: 100%; width: 0%; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 0; bottom: 0; right: 0; visibility: hidden; opacity: 0; transition: 0.5s cubic-bezier(0.14, 0.46, 0.75, 0.55); } .event-gallery .item-img a:focus { outline: none; } .event-gallery .item-img a img { transition: all 0.3s ease-in-out; transform: scale(1); } .event-gallery .item-img:hover a:before { visibility: visible; opacity: 1; width: 50%; } .event-gallery .item-img:hover a:after { visibility: visible; opacity: 1; width: 50%; } .event-gallery .item-img:hover a img { transform: scale(1.05); } @media only screen and (max-width: 767px) { .event-gallery .item-img { max-width: 600px; margin: 0 auto 1.25rem; } } .gallery-inner { padding: 7.5rem 0 4.0625rem; } @media only screen and (max-width: 991px) { .gallery-inner { padding: 6.25rem 0 5.625rem; } } @media only screen and (max-width: 767px) { .gallery-inner { padding: 5rem 0 4.375rem; } } .gallery-inner .gallery-box { margin-bottom: 1.875rem; position: relative; overflow: hidden; } .gallery-inner .gallery-box .item-content { background-color: rgba(0, 0, 0, 0.7); padding: 4.0625rem 0.625rem; text-align: center; position: absolute; bottom: -10%; left: 0; right: 0; z-index: 2; line-height: 1; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; } .gallery-inner .gallery-box .item-content .item-title { font-size: 1.375rem; margin-bottom: 0; line-height: 1.75rem; } .gallery-inner .gallery-box .item-content .item-title a { color: #ffffff; } .gallery-inner .gallery-box .item-content .item-title a:hover { color: #7b7a7a; } .gallery-inner .gallery-box .item-content .item-subtitle { margin-top: 5px; font-size: 1rem; letter-spacing: 0.125rem; } .gallery-inner .gallery-box .item-content .item-subtitle a { color: #ffffff; } .gallery-inner .gallery-box .item-content .item-subtitle a:hover { color: #7b7a7a; } .gallery-inner .gallery-box:hover .item-content { bottom: 0; visibility: visible; opacity: 1; transition-delay: 0.1s; } .gallery-inner.grid-column-3 .gallery-box .item-content { padding: 2.5rem 0.625rem; } .gallery-inner.grid-column-4 .gallery-box .item-content { padding: 1.875rem 0.625rem; } .gallery-inner.inner-masonary { padding: 7.5rem 0 5.625rem; } @media only screen and (max-width: 991px) { .gallery-inner.inner-masonary { padding: 6.25rem 0 4.375rem; } } @media only screen and (max-width: 767px) { .gallery-inner.inner-masonary { padding: 5rem 0 3.125rem; } } .admin-bar .photoshoot-album-wrap { margin-top: 32px; } .photoshoot-album-wrap .zoom-gallery { padding: 30px 15px 0; } .photoshoot-album-wrap .zoom-gallery .photoshoot-box { margin-left: 15px; margin-right: 15px; margin-bottom: 30px !important; } .photoshoot-album-wrap .gallery-inner { padding: 30px 15px 0; } .photoshoot-album-wrap .gallery-inner .photoshoot-box, .photoshoot-album-wrap .gallery-inner .gallery-box { margin-left: 15px; margin-right: 15px; } .photoshoot-album-wrap .no-gutters.zoom-gallery, .photoshoot-album-wrap .no-gutters.gallery-inner { padding: 0; } .photoshoot-album-wrap .no-gutters.zoom-gallery .photoshoot-box, .photoshoot-album-wrap .no-gutters.zoom-gallery .gallery-box, .photoshoot-album-wrap .no-gutters.gallery-inner .photoshoot-box, .photoshoot-album-wrap .no-gutters.gallery-inner .gallery-box { margin: 0; padding: 0; margin-bottom: 0 !important; } .proof-gallery { padding: 7.5rem 0 5rem; } @media only screen and (max-width: 991px) { .proof-gallery { padding: 5.625rem 0 3.75rem; } } @media only screen and (max-width: 767px) { .proof-gallery { padding: 4.375rem 0 2.5rem; } } .proof-gallery .proof-gallery-top { margin-bottom: 1.5625rem; } @media only screen and (max-width: 991px) { .proof-gallery .gallery-info { text-align: center; } } .proof-gallery .gallery-info ul { padding-left: 0; } .proof-gallery .gallery-info ul li { font-size: 1rem; font-weight: 400; color: #343434; display: inline-block; margin-right: 0.625rem; margin-bottom: 0.9375rem; padding: 0.75rem 1.5625rem; border: 0.0625rem solid #e7e7e7; } .proof-gallery .gallery-info ul li:last-child { margin-right: 0; } .proof-gallery .gallery-info ul li span { font-weight: 600; } .proof-gallery .download-btn { text-align: right; } @media only screen and (max-width: 991px) { .proof-gallery .download-btn { text-align: center; } } .proof-gallery .download-btn li { display: inline-block; margin-right: 0.625rem; margin-bottom: 0.9375rem; } .proof-gallery .download-btn li:last-child { margin-right: 0; } .proof-gallery .download-btn li a { font-size: 0.75rem; font-weight: 600; color: #343434; background-color: #ececec; padding: 0.75rem 1.5625rem; margin-left: 10px; } @media only screen and (max-width: 1199px) { .proof-gallery .download-btn li a { padding: 0.75rem 1.0625rem; } } .proof-gallery .download-btn li a:hover { background-color: #343434; color: #ffffff; } .proof-gallery .down-pdf { margin-left: 10px; } .proof-gallery .img-box { margin-bottom: 1.875rem; position: relative; overflow: hidden; } .proof-gallery .img-box .item-icon { top: 0.625rem; cursor: pointer; right: 0.625rem; position: absolute; padding: 0.25rem 0.5rem 0.4375rem; background-color: #000000; } .proof-gallery .img-box .item-icon i { font-size: 0.625rem; color: #ffffff; } .proof-gallery .img-box .item-icon i.fa-plus:before { content: "\f067"; } .proof-gallery .img-box .item-icon i.fa-plus.fa-check:before { content: "\f00c" !important; } .proof-gallery .img-box img { transition: all .3s linear; } .proof-gallery .img-box:hover img { transform: scale(1.1); } .proof-gallery .img-box.checked .item-icon { background-color: #008000; } .protect-gallery .item-content { background-color: #ffffff; padding: 6.25rem 3.125rem; text-align: center; } @media only screen and (max-width: 991px) { .protect-gallery .item-content { margin-bottom: 3.125rem; padding: 3.125rem 1.875rem; } } .protect-gallery .item-content .item-title { font-size: 1.875rem; font-weight: 600; margin-bottom: 1.5625rem; } .protect-gallery .item-content form label { font-size: 1.375rem; font-weight: 600; color: #969494; margin-bottom: 1.875rem; } @media only screen and (max-width: 575px) { .protect-gallery .item-content form label { font-size: 1.125rem; } } .protect-gallery .item-content form .form-group .form-control { text-align: center; background-color: transparent; border-bottom: 0.0625rem solid #dbdada; } .protect-gallery .item-content form .form-group .submit-btn { font-size: 1.25rem; padding: 0.625rem 2.1875rem; } .protect-gallery .item-content form .form-group input.form-control::-webkit-input-placeholder, .protect-gallery .item-content form .form-group textarea.form-control::-webkit-input-placeholder { color: #969494; font-size: 1rem; font-weight: 300; } .pp-full-section .protect-gallery { padding-top: 14.375rem; } @media only screen and (max-width: 1440px) { .pp-full-section .protect-gallery { padding-top: 11.25rem; } } @media only screen and (max-width: 1024px) { .pp-full-section .protect-gallery { padding-top: 9.375rem; padding-bottom: 17.5rem; } } .pp-full-section footer.footer-minimal.footer3 { position: absolute; width: 100%; bottom: 0; } .single-gallery { padding: 7.5rem 0 3.75rem; } @media only screen and (max-width: 991px) { .single-gallery { padding: 6.25rem 0 2.5rem; } } @media only screen and (max-width: 991px) { .single-gallery { padding: 5rem 0 1.25rem; } } .single-gallery .gallery-tab { margin-bottom: 0.625rem; } .single-gallery .nav-tabs { border: none; display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .single-gallery .nav-tabs .nav-item { flex: 0 0 25%; max-width: 25%; position: relative; width: 100%; padding-right: 10px; padding-left: 10px; margin-bottom: 20px; } .single-gallery .nav-tabs .nav-item .nav-link { border: none; background-color: transparent; padding: 0; } .single-gallery .nav-tabs .nav-item .nav-link.active { filter: grayscale(100%); } .single-gallery .tab-content { margin-bottom: 1.25rem; } .single-gallery .single-feature-image { margin-bottom: 30px; } .single-gallery .gallery-content p { padding: 0 4.0625rem; margin-bottom: 3.125rem; } @media only screen and (max-width: 991px) { .single-gallery .gallery-content p { padding: 0; } } .single-gallery .gallery-content .gallery-img { margin-bottom: 1.875rem; } .dialog-type-lightbox { z-index: 99999; } body.admin-bar .dialog-type-lightbox { top: 32px; } @media only screen and (max-width: 1024px) { body.admin-bar .dialog-type-lightbox { position: fixed; height: 100vh; top: 32px; } .elementor-lightbox .elementor-lightbox-image { max-height: 90%; } } @media only screen and (max-width: 767px) { .elementor-lightbox .elementor-swiper-button:focus { outline-width: 0; } } /*------------------- 5.9 Hero -------------------*/ .hero-carousel { padding-top: 3.125rem; } @media only screen and (max-width: 767px) { .hero-carousel { padding-top: 3.125rem; } } .hero-carousel .item-heading { text-align: center; margin-bottom: 5.625rem; } @media only screen and (max-width: 767px) { .hero-carousel .item-heading { margin-bottom: 3.75rem; } } .hero-carousel .item-heading .item-subtitle { color: #343434; font-size: 2.25rem; font-weight: 600; letter-spacing: 0.3125rem; margin-bottom: 2.5rem; } @media only screen and (max-width: 1199px) { .hero-carousel .item-heading .item-subtitle { font-size: 2rem; } } @media only screen and (max-width: 991px) { .hero-carousel .item-heading .item-subtitle { font-size: 1.75rem; } } @media only screen and (max-width: 767px) { .hero-carousel .item-heading .item-subtitle { font-size: 1.5rem; } } @media only screen and (max-width: 575px) { .hero-carousel .item-heading .item-subtitle { font-size: 1.25rem; margin-bottom: 1.25rem; } } .hero-carousel .item-heading .item-title { font-size: 5.625rem; font-weight: 600; line-height: 1; } @media only screen and (max-width: 1199px) { .hero-carousel .item-heading .item-title { font-size: 4.375rem; } } @media only screen and (max-width: 991px) { .hero-carousel .item-heading .item-title { font-size: 3.75rem; } } @media only screen and (max-width: 767px) { .hero-carousel .item-heading .item-title { font-size: 3.125rem; } } @media only screen and (max-width: 575px) { .hero-carousel .item-heading .item-title { font-size: 2.5rem; } } @media only screen and (max-width: 479px) { .hero-carousel .item-heading .item-title { font-size: 1.875rem; line-height: 1.3; } } .hero-carousel .hero-img { filter: grayscale(100%); transition: all 0.3s ease-in-out; margin-left: 0 !important; } .hero-carousel .hero-img img { width: 81%; margin: 0 auto; transition: all 1s ease-in-out; } .hero-carousel .slick-arrow { top: 50%; z-index: 9; position: absolute; margin: 0 !important; padding: 0 !important; background-color: transparent !important; } .hero-carousel .slick-arrow:focus { outline: none; } .hero-carousel .slick-arrow i { color: #d0d0d0; font-size: 3rem; } .hero-carousel .slick-arrow:hover i { color: #343434; } .hero-carousel button.slick-prev { left: 80px; } @media only screen and (max-width: 480px) { .hero-carousel button.slick-prev { left: 15px; } } .hero-carousel button.slick-next { right: 80px; } @media only screen and (max-width: 480px) { .hero-carousel button.slick-next { right: 15px; } } .hero-slider-section { position: relative; margin-top: -9.4375rem; } @media only screen and (max-width: 991px) { .hero-slider-section { margin-top: 0; } } .hero-slider-section .share-btn { position: absolute; bottom: 3.75rem; left: 5rem; z-index: 50; cursor: pointer; } @media only screen and (max-width: 991px) { .hero-slider-section .share-btn { left: 0.9375rem; } } @media only screen and (max-width: 480px) { .hero-slider-section .share-btn { display: none; } } .hero-slider-section .share-btn .item-label { color: #d3d0d0; transition: all 0.3s ease-in-out; visibility: visible; opacity: 1; } .hero-slider-section .share-btn .item-label i { margin-right: 0.625rem; } .hero-slider-section .share-btn .item-label:hover { color: #ffffff; } .hero-slider-section .share-btn .item-social { position: absolute; top: 0; left: 0; width: 100vh; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; } .hero-slider-section .share-btn .item-social li { transform: translateX(-5px); display: inline-block; transition: all 0.3s ease-in-out; } .hero-slider-section .share-btn .item-social li a { color: #d3d0d0; padding: 0 0.5rem; transition: all 0.3s ease-in-out; } .hero-slider-section .share-btn .item-social li a:hover { color: #ffffff; } .hero-slider-section .share-btn:hover .item-label { visibility: hidden; opacity: 0; } .hero-slider-section .share-btn:hover .item-social { left: 0; visibility: visible; opacity: 1; } .hero-slider-section .share-btn:hover .item-social li { transform: translateX(0); } .hero-slider-section .share-btn:hover .item-social li:nth-child(1n) { transition-delay: 0.3s; } .hero-slider-section .share-btn:hover .item-social li:nth-child(2n) { transition-delay: 0.4s; } .hero-slider-section .share-btn:hover .item-social li:nth-child(3n) { transition-delay: 0.5s; } .hero-slider-section .share-btn:hover .item-social li:nth-child(4n) { transition-delay: 0.6s; } .hero-slider-section .share-btn:hover .item-social li:nth-child(5n) { transition-delay: 0.7s; } .grayscale .hero-img { filter: grayscale(0) !important; } .grayscale .hero-img img { width: 100% !important; } .hero-slider-section .persephone.tparrows:hover:before { color: #343434 !important; } /*------------------- 5.10 Photoshoot -------------------*/ @media only screen and (max-width: 767px) { .latest-photoshoot { max-width: 600px; margin: 0 auto; } } @media only screen and (max-width: 767px) { .latest-photoshoot .photoshoot-tab { text-align: center; margin-bottom: 2.5rem; } } .latest-photoshoot .photoshoot-tab .item-title { margin-bottom: 1.875rem; } .latest-photoshoot .nav-tabs { flex-direction: column; border-bottom: none; } .latest-photoshoot .nav-tabs .nav-item { margin-bottom: 0; margin-bottom: 0.5rem; } .latest-photoshoot .nav-tabs .nav-item:last-child { margin-bottom: 0; } .latest-photoshoot .nav-tabs .nav-item .nav-link { position: relative; border: none; font-size: 1.125rem; color: #5a5a5a; padding: 0.625rem 0.3125rem 0.625rem 0; transition: all 0.5s ease-in-out; } @media only screen and (max-width: 480px) { .latest-photoshoot .nav-tabs .nav-item .nav-link { padding: 0.3125rem 0.3125rem 0.3125rem 0; } } .latest-photoshoot .nav-tabs .nav-item .nav-link:before { content: ""; height: 0.125rem; width: 3.125rem; background-color: #000000; position: absolute; top: 50%; left: 0; transform: translateY(-50%) scale(0); transition: all 0.5s ease-in-out; } .latest-photoshoot .nav-tabs .nav-item .nav-link:hover { color: #343434; } .latest-photoshoot .nav-tabs .nav-item .nav-link:focus { outline: none; } .latest-photoshoot .nav-tabs .nav-item .nav-link.active { color: #343434; padding: 0.625rem 0.3125rem 0.625rem 4.0625rem; background-color: transparent; } .latest-photoshoot .nav-tabs .nav-item .nav-link.active:before { transform: translateY(-50%) scale(1); } .latest-photoshoot .tab-content .tab-pane { position: relative; } .latest-photoshoot .tab-content .tab-pane .item-text { display: inline-block; font-weight: 600; color: #ffffff; background-color: #000000; padding: 0.9375rem 1.875rem; position: absolute; top: 45%; left: -8.5625rem; transform: rotate(-90deg); } @media only screen and (max-width: 600px) { .latest-photoshoot .tab-content .tab-pane .item-text { left: -7rem; } } @media only screen and (max-width: 991px) { .photoshoot-inner { padding: 6.25rem 0 4.375rem; } } @media only screen and (max-width: 767px) { .photoshoot-inner { padding: 5rem 0 3.125rem; } } .photoshoot-inner .section-header { text-align: center; margin-bottom: 6.25rem; } @media only screen and (max-width: 991px) { .photoshoot-inner .section-header { margin-bottom: 5rem; } } @media only screen and (max-width: 767px) { .photoshoot-inner .section-header { margin-bottom: 3.75rem; } } .photoshoot-inner .section-header .heading-title { font-size: 3.75rem; font-weight: 400; line-height: 4.375rem; margin-bottom: 2.5rem; } @media only screen and (max-width: 1199px) { .photoshoot-inner .section-header .heading-title { font-size: 3.125rem; } } @media only screen and (max-width: 991px) { .photoshoot-inner .section-header .heading-title { font-size: 2.5rem; line-height: 1.6; } } @media only screen and (max-width: 767px) { .photoshoot-inner .section-header .heading-title { font-size: 2.25rem; } } @media only screen and (max-width: 575px) { .photoshoot-inner .section-header .heading-title { font-size: 1.875rem; } } .photoshoot-inner .gallery-item { margin: 0; } .photoshoot-inner .photoshoot-box { margin-bottom: 1.875rem; position: relative; } .photoshoot-inner .photoshoot-box .item-img { transform: scale(1); transition: all 0.3s ease-in-out; } .photoshoot-inner .photoshoot-box .item-img:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; transition: all 0.3s ease-in-out; } .photoshoot-inner .photoshoot-box .item-img img { filter: grayscale(100%); transition: all 0.3s ease-in-out; width: 100%; } @media only screen and (max-width: 767px) { .photoshoot-inner .photoshoot-box .item-img img { width: 100%; } } .photoshoot-inner .photoshoot-box .item-content { text-align: center; position: absolute; top: 60%; transform: translateY(-50%); left: 0; right: 0; z-index: 2; line-height: 1; padding: 1.25rem; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; } .photoshoot-inner .photoshoot-box .item-content .item-title { font-size: 1.375rem; margin-bottom: 0; } @media only screen and (max-width: 767px) { .photoshoot-inner .photoshoot-box .item-content .item-title { font-size: 1.375rem; } } .photoshoot-inner .photoshoot-box .item-content .item-title a { color: #ffffff; } .photoshoot-inner .photoshoot-box .item-content .item-subtitle { margin-top: 5px; } .photoshoot-inner .photoshoot-box .item-content .item-subtitle a { font-size: 1rem; color: #dfdddd; } .photoshoot-inner .photoshoot-box:hover .item-img { transform: scale(0.95); } .photoshoot-inner .photoshoot-box:hover .item-img:before { background-color: rgba(0, 0, 0, 0.6); } .photoshoot-inner .photoshoot-box:hover .item-img img { filter: grayscale(0); } .photoshoot-inner .photoshoot-box:hover .item-content { top: 50%; visibility: visible; opacity: 1; transition-delay: 0.3s; } .photoshoot-home-page { padding: 0 1.5625rem; } .photoshoot-home-page .photoshoot-box { position: relative; } @media only screen and (max-width: 767px) { .photoshoot-home-page .photoshoot-box.album-slider1 { margin: 0 auto; max-width: 470px; } } @media only screen and (max-width: 767px) { .photoshoot-home-page .photoshoot-box.album-slider2 { margin-left: 0; } } .photoshoot-home-page .photoshoot-box:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.75); position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; z-index: 1; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; } .photoshoot-home-page .photoshoot-box .item-img img { width: 100%; height: auto; filter: grayscale(100%); transition: all 0.3s ease-in-out; } .photoshoot-home-page .photoshoot-box .item-content { text-align: center; position: absolute; top: 52%; left: 0; right: 0; transform: translateY(-50%); z-index: 2; line-height: 1; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; } .photoshoot-home-page .photoshoot-box .item-content .item-title { font-size: 1.5rem; color: #ffffff; margin-bottom: 0; } @media only screen and (max-width: 991px) { .photoshoot-home-page .photoshoot-box .item-content .item-title { line-height: 1.1; } } .photoshoot-home-page .photoshoot-box .item-content .item-subtitle { font-size: 1.125rem; color: #dddddd; letter-spacing: 0.125rem; } .photoshoot-home-page .photoshoot-box:hover:before { height: 93%; width: 87%; visibility: visible; opacity: 1; } .photoshoot-home-page .photoshoot-box:hover .item-img img { filter: grayscale(0); } .photoshoot-home-page .photoshoot-box:hover .item-content { visibility: visible; opacity: 1; top: 50%; transition-delay: 0.4s; } .standard-photoshoot { padding: 7.1875rem 0 5.625rem; } @media only screen and (max-width: 991px) { .standard-photoshoot { padding: 5.9375rem 0 4.375rem; } } @media only screen and (max-width: 991px) { .standard-photoshoot { padding: 4.6875rem 0 3.125rem; } } @media only screen and (max-width: 575px) { .standard-photoshoot { padding-left: 0.625rem; padding-right: 0.625rem; } } .standard-photoshoot .photoshoot-box .item-img img { width: 100%; } .standard-photoshoot .photoshoot-box:hover .item-img { transform: scale(1); } .standard-photoshoot .photoshoot-box:hover .item-img:before { transform: scale(0.9); } .photoshoot-album { padding-left: 18.75rem; } @media only screen and (max-width: 991px) { .photoshoot-album { padding-left: 0; } } .photoshoot-album .photoshoot-inner { padding: 0; } .photoshoot-album .photoshoot-inner .photoshoot-box { margin-bottom: 0; } .photoshoot-album .photoshoot-inner .photoshoot-box .item-img { transition: all 0.3s ease-in-out; } .photoshoot-album .photoshoot-inner .photoshoot-box .item-img img { width: 100%; } .photoshoot-album .photoshoot-inner .photoshoot-box .item-content .item-title { font-size: 1.4375rem; line-height: 1.3; } .photoshoot-album .photoshoot-inner .photoshoot-box:hover .item-img { transform: scale(0.85); } .photoshoot-album .photoshoot-inner .item-img img { filter: grayscale(0); } .photoshoot-about { padding-left: 8.125rem; padding-bottom: 7.5rem; } @media only screen and (max-width: 1024px) { .photoshoot-about { padding-left: 3.125rem; } } @media only screen and (max-width: 991px) { .photoshoot-about { padding: 0 0 6.25rem 0; } } @media only screen and (max-width: 767px) { .photoshoot-about { padding: 7.5rem 0 5rem 0; } } .photoshoot-about .slick-track { display: flex; align-items: center; } @media only screen and (max-width: 767px) { .photoshoot-about .photosoot-content { max-width: 470px; margin: 0 auto; padding-bottom: 50px; } } .photoshoot-about .photosoot-content .item-title { font-size: 3.125rem; line-height: 4.0625rem; } .photoshoot-about .photosoot-content .item-title span { display: block; } @media only screen and (max-width: 1199px) { .photoshoot-about .photosoot-content .item-title { font-size: 2.875rem; } .photoshoot-about .photosoot-content .item-title br { display: none; } } @media only screen and (max-width: 991px) { .photoshoot-about .photosoot-content .item-title { font-size: 2rem; line-height: 1.3; } } @media only screen and (max-width: 767px) { .photoshoot-about .photosoot-content .item-title { font-size: 2.375rem; line-height: 1.4; } } @media only screen and (max-width: 575px) { .photoshoot-about .photosoot-content .item-title { font-size: 2rem; } } .photoshoot-about .photosoot-content .btn-line { margin-top: 0.625rem; } .photoshoot-about span.slick-arrow { left: 40px; bottom: 0; z-index: 9; position: absolute; } .photoshoot-about span.slick-next.slick-arrow { left: 110px; } .photoshoot-about .photosoot-content.bottom-content { display: none; } @media only screen and (max-width: 767px) { .photoshoot-about .photosoot-content.top-content { display: none; } .photoshoot-about .photosoot-content.bottom-content { display: block; } } ul.item-social { padding-left: 0; } .custom-scroll { overflow: hidden; } /*------------------- 5.11 Portfolio -------------------*/ .portfolio-slider-box { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 6.25rem 6.25rem 6.25rem 0; margin-right: 0.9375rem; position: relative; z-index: 10; } @media only screen and (max-width: 1366px) { .portfolio-slider-box { margin-right: 0; padding: 5rem 0 4.0625rem 0; } } @media only screen and (max-width: 991px) { .portfolio-slider-box { margin-right: 0; padding: 5rem 0 4.0625rem 0; } } @media only screen and (max-width: 767px) { .portfolio-slider-box { padding: 3.75rem 0 2.1875rem; } } .portfolio-slider-box .portfolio-slider { background-repeat: no-repeat; background-position: center; min-height: 36.875rem; display: flex; align-items: center; position: relative; } @media only screen and (max-width: 575px) { .portfolio-slider-box .portfolio-slider { background-image: none !important; min-height: auto; } } .portfolio-slider-box .portfolio-slider .slick-list { max-width: 26.25rem; margin: 0 auto; } .portfolio-slider-box .portfolio-slider .portfolio-content { margin-left: 0; } @media only screen and (max-width: 575px) { .portfolio-slider-box .portfolio-slider .portfolio-content { margin-right: 0; text-align: center; } } .portfolio-slider-box .portfolio-slider .portfolio-content .item-title { margin-bottom: 0.75rem; } @media only screen and (max-width: 575px) { .portfolio-slider-box .portfolio-slider .portfolio-content .item-title { color: #ffffff; } } .portfolio-slider-box .portfolio-slider .portfolio-content p { margin-bottom: 2.25rem; } @media only screen and (max-width: 575px) { .portfolio-slider-box .portfolio-slider .portfolio-content p { color: #ffffff; } } @media only screen and (max-width: 575px) { .portfolio-slider-box .portfolio-slider .portfolio-content .btn-line { color: #ffffff; } .portfolio-slider-box .portfolio-slider .portfolio-content .btn-line:before { background-color: #ffffff; } } .portfolio-slider-box .see-all-btn { position: absolute; bottom: 7.375rem; left: 23.8%; } @media only screen and (max-width: 1366px) { .portfolio-slider-box .see-all-btn { bottom: 5rem; } } @media only screen and (max-width: 1199px) { .portfolio-slider-box .see-all-btn { left: 21%; } } @media only screen and (max-width: 991px) { .portfolio-slider-box .see-all-btn { left: 0; bottom: 3.125rem; position: relative; text-align: center; } } @media only screen and (max-width: 575px) { .portfolio-slider-box .see-all-btn { display: none; } } .portfolio-slider-box .see-all-btn a { font-weight: 600; color: #ffffff; font-size: 1.125rem; text-transform: uppercase; } .portfolio-slider-box .see-all-btn a:hover { color: #cccccc; } .portfolio-slider-box .slick-dots { position: absolute; top: 50%; right: 10px; list-style: none; text-align: center; -webkit-transform: translateY(50%) rotate(90deg); -ms-transform: translateY(50%) rotate(90deg); transform: translateX(50%) rotate(90deg); padding: 0; } @media only screen and (max-width: 1600px) { .portfolio-slider-box .slick-dots { right: -30px; } } @media only screen and (max-width: 1200px) { .portfolio-slider-box .slick-dots { right: 60px; } } @media only screen and (max-width: 991px) { .portfolio-slider-box .slick-dots { display: none !important; } } .portfolio-slider-box .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; border-radius: 100%; } .portfolio-slider-box .slick-dots li button { font-size: 0; line-height: 20; display: inline; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; border-radius: 100%; outline: none; background-color: rgba(255, 255, 255, 0.25); } .portfolio-slider-box .slick-dots li.slick-active button { background-color: #ffffff; } .masonary-portfolio-section .masonary-portfolio { margin-bottom: 3.75rem; text-align: center; } @media only screen and (max-width: 991px) { .masonary-portfolio-section .masonary-portfolio { margin-bottom: 1.875rem; } } .masonary-portfolio-section .masonary-portfolio img { filter: grayscale(100%); transform: scale(1); transition: all .3s ease-in-out; } .masonary-portfolio-section .masonary-portfolio:hover img { filter: grayscale(0); } .masonary-portfolio-section .gallery-item { margin: 0; } .masonary-portfolio-section .masonary-portfolio a { clip-path: inset(0%); transition: clip-path .3s; } .masonary-portfolio-section .masonary-portfolio a:hover { clip-path: inset(5%); } .masonary-portfolio-section .masonary-portfolio a:hover img { transform: scale(1.1); } .portfolio-standard { overflow: hidden; padding-left: 6.25rem; } @media only screen and (max-width: 991px) { .portfolio-standard { padding-left: 0; } } @media only screen and (max-width: 767px) { .portfolio-standard { padding-left: 0; } .portfolio-standard .slick-slider .slick-slide { margin-left: 0; } } .portfolio-standard:before { display: none; } .portfolio-standard .left-side-content { padding-right: 6.25rem; padding-top: 15.9375rem; padding-bottom: 6.25rem; } .portfolio-standard .left-side-content .slick-slider .slick-slide { margin-left: 0; } @media only screen and (max-width: 1440px) { .portfolio-standard .left-side-content { padding-top: 13.75rem; } } @media only screen and (max-width: 1199px) { .portfolio-standard .left-side-content { padding-right: 3.125rem; padding-top: 12.5rem; } } @media only screen and (max-width: 991px) { .portfolio-standard .left-side-content { text-align: center; padding-top: 10rem; padding-left: 0.9375rem; padding-right: 0.9375rem; } } .portfolio-standard .left-side-content .item-subtitle { font-size: 1.75rem; font-weight: 600; color: #989898; letter-spacing: 0.25rem; margin-bottom: 2rem; } @media only screen and (max-width: 1199px) { .portfolio-standard .left-side-content .item-subtitle { font-size: 1.625rem; } } @media only screen and (max-width: 991px) { .portfolio-standard .left-side-content .item-subtitle { font-size: 1.5rem; margin-bottom: 1.25rem; } } .portfolio-standard .left-side-content .item-title { font-size: 4.375rem; line-height: 1.1; width: 80%; margin-bottom: 1.875rem; } @media only screen and (max-width: 1440px) { .portfolio-standard .left-side-content .item-title { width: 100%; } } @media only screen and (max-width: 1299px) { .portfolio-standard .left-side-content .item-title { font-size: 5rem; } } @media only screen and (max-width: 1199px) { .portfolio-standard .left-side-content .item-title { font-size: 3.75rem; } } @media only screen and (max-width: 991px) { .portfolio-standard .left-side-content .item-title { margin-bottom: 2.5rem; font-size: 3.125rem; margin-left: 0; } } @media only screen and (max-width: 767px) { .portfolio-standard .left-side-content .item-title { font-size: 2.5rem; } } @media only screen and (max-width: 575px) { .portfolio-standard .left-side-content .item-title { font-size: 1.875rem; } } .portfolio-standard .left-side-content .view-btn { text-align: left; } @media only screen and (max-width: 991px) { .portfolio-standard .left-side-content .view-btn { text-align: center; } } .portfolio-standard .left-side-content .view-btn .item-btn { font-weight: 600; color: #444; border: 0.125rem solid #ececec; padding: 0.75rem 1.5625rem 0.5rem; text-transform: uppercase; } .portfolio-standard .left-side-content .view-btn .item-btn:hover { background-color: #111111; color: #ffffff; border-color: #111111; } .portfolio-standard .right-side-content { height: 100vh; width: 100%; position: relative; text-align: center; } @media only screen and (max-width: 991px) { .portfolio-standard .right-side-content { height: auto; padding-right: 0; } } .portfolio-standard .right-side-content .social-icon { position: absolute; top: 2.5rem; left: 0; right: 0; z-index: 1; padding: 0 30px; text-align: center; } @media only screen and (max-width: 767px) { .portfolio-standard .right-side-content .social-icon { display: none; } } .portfolio-standard .right-side-content .social-icon label { color: #ffffff; } .portfolio-standard .right-side-content .social-icon .item-social { display: inline-block; } .portfolio-standard .right-side-content .social-icon .item-social li { display: inline-block; margin-bottom: 0.3125rem; margin-right: 0.125rem; } .portfolio-standard .right-side-content .social-icon .item-social li:last-child { margin-right: 0; } .portfolio-standard .right-side-content .social-icon .item-social li a { text-align: center; display: inline-block; height: 2.1875rem; width: 2.1875rem; line-height: 2.375rem; border-radius: 50%; text-align: center; color: #ffffff; transition: all 0.3s ease-in-out; } .portfolio-standard .right-side-content .social-icon .item-social li a:hover { opacity: 0.8; } .portfolio-standard .right-side-content .social-icon .item-social li a:hover { background-color: #bbbbbb; } .portfolio-standard .right-side-content .slidein-content { position: absolute; top: 48%; left: 0; right: 0; transform: translateY(-50%); z-index: 52; } @media only screen and (max-width: 991px) { .portfolio-standard .right-side-content .slidein-content { top: 50%; z-index: 0; } } .portfolio-standard .right-side-content .slidein-content .slide-img { height: 100%; opacity: 0; transition: 0.3s ease-out; } @media only screen and (max-width: 1440px) { .portfolio-standard .right-side-content .slidein-content .slide-img { transform: scale(0.8); } } .portfolio-standard .right-side-content .slidein-content .slide-img img { display: inline-block; } @media only screen and (max-width: 480px) { .portfolio-standard .right-side-content .slidein-content .slide-img img { max-width: 350px; margin: 0 auto; margin-left: -15px; } } @media only screen and (max-width: 380px) { .portfolio-standard .right-side-content .slidein-content .slide-img img { max-width: 300px; margin: 0 auto; margin-left: -15px; } } .portfolio-standard .right-side-content .slidein-content .slide-img.slick-current { opacity: 1; } .portfolio-standard .right-side-content .slide-img { margin-left: 0; height: 100vh; } @media only screen and (max-width: 991px) { .portfolio-standard .right-side-content .slide-img { height: 100%; } } .portfolio-standard .right-side-content .slide-img.bg-slick-img { position: relative; } .portfolio-standard .right-side-content .slide-img.bg-slick-img img { width: 100%; height: 100vh; } @media only screen and (max-width: 1023px) { .portfolio-standard .right-side-content .slide-img.bg-slick-img img { height: auto; } } @media only screen and (max-width: 767px) { .portfolio-standard .right-side-content .slide-img.bg-slick-img img { height: auto; } } .portfolio-standard .right-side-content .slide-img.bg-slick-img:after { top: 0; left: 0; width: 100%; height: 100%; content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.7); } .portfolio-standard .right-side-content .more-project-btn { position: absolute; bottom: 4rem; width: 100%; } @media only screen and (max-width: 991px) { .portfolio-standard .right-side-content .more-project-btn { display: none; } } .portfolio-standard .right-side-content .more-project-btn .item-btn { font-weight: 600; color: #cccccc; text-transform: uppercase; } .portfolio-standard .right-side-content .more-project-btn .item-btn i { margin-left: 0.625rem; } .portfolio-standard .right-side-content .more-project-btn .item-btn:hover { color: #ffffff; } .portfolio-standard .slick-nav { margin-left: -25px; margin-top: 180px; } @media only screen and (max-width: 1440px) { .portfolio-standard .slick-nav { margin-top: 3.125rem; } } @media only screen and (max-width: 991px) { .portfolio-standard .slick-nav { margin-left: 0; } } .portfolio-standard .slick-nav.slick-nav-2, .portfolio-standard .slick-nav.slick-nav-1 { margin-top: 11.25rem; } @media only screen and (max-width: 991px) { .portfolio-standard .slick-nav.slick-nav-2, .portfolio-standard .slick-nav.slick-nav-1 { margin-top: 3.125rem; padding-bottom: 100px; } } @media only screen and (max-width: 991px) { .portfolio-standard .slick-nav.slick-nav-2, .portfolio-standard .slick-nav.slick-nav-1 { display: none; } } @media only screen and (max-width: 991px) { .portfolio-standard .slick-nav.slick-nav-2 .slick-arrow, .portfolio-standard .slick-nav.slick-nav-1 .slick-arrow { bottom: 30px; } } @media only screen and (max-width: 1445px) { .portfolio-standard .slick-nav.slick-nav-2 { margin-top: 5rem; } } @media only screen and (max-width: 1024px) { .portfolio-standard .slick-nav.slick-nav-2 { margin-top: 3.125rem; } } .portfolio-standard .slick-nav.slick-nav-2.mobile-navi, .portfolio-standard .slick-nav.slick-nav-1.mobile-navi { display: none; } @media only screen and (max-width: 991px) { .portfolio-standard .slick-nav.slick-nav-2.mobile-navi, .portfolio-standard .slick-nav.slick-nav-1.mobile-navi { display: block; } } .portfolio-standard .slick-nav .nav-item { margin-left: 1.25rem; cursor: pointer; padding-left: 10px; padding-right: 10px; } .portfolio-standard .slick-nav .nav-item img { width: 100%; transition: all 0.3s ease-in-out; } .portfolio-standard .slick-nav .nav-item:hover img { filter: grayscale(100%); } @media only screen and (max-width: 991px) { .portfolio-standard .slick-nav .nav-item { margin: 0; } } .portfolio-standard .slick-nav .nav-item.slick-current img { filter: grayscale(100%); } .portfolio-standard .slick-nav .slick-navigation { text-align: center; top: auto; bottom: -4.0625rem; transform: translateX(-50%); height: 2.1875rem; width: 2.1875rem; border: 0.0625rem solid #e1e1e1; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; position: absolute; background-color: transparent; padding: 0; margin-left: 0; } .portfolio-standard .slick-nav .slick-navigation:before { display: none; } .portfolio-standard .slick-nav .slick-navigation i { color: #a4a2a2; font-size: 1.125rem; transition: all 0.3s ease-in-out; } .portfolio-standard .slick-nav .slick-navigation:hover { background-color: #343434; border-color: #343434; } .portfolio-standard .slick-nav .slick-navigation:hover i { color: #ffffff; } .portfolio-standard .slick-nav .slick-navigation:after { content: ""; height: 0.0625rem; width: 6.25rem; background-color: #c5c5c5; position: absolute; top: 50%; transform: translateY(-50%); } .portfolio-standard .slick-nav .slick-next { left: 54%; } @media only screen and (max-width: 1440px) { .portfolio-standard .slick-nav .slick-next { left: 56%; } } @media only screen and (max-width: 1199px) { .portfolio-standard .slick-nav .slick-next { left: 57%; } } @media only screen and (max-width: 991px) { .portfolio-standard .slick-nav .slick-next { left: 54%; } } @media only screen and (max-width: 575px) { .portfolio-standard .slick-nav .slick-next { left: 57%; } } .portfolio-standard .slick-nav .slick-next:after { right: -7.5rem; } .portfolio-standard .slick-nav .slick-prev { left: 46%; } @media only screen and (max-width: 1440px) { .portfolio-standard .slick-nav .slick-prev { left: 47%; } } @media only screen and (max-width: 1199px) { .portfolio-standard .slick-nav .slick-prev { left: 45%; } } @media only screen and (max-width: 991px) { .portfolio-standard .slick-nav .slick-prev { left: 47%; } } @media only screen and (max-width: 575px) { .portfolio-standard .slick-nav .slick-prev { left: 45%; } } .portfolio-standard .slick-nav .slick-prev:after { left: -7.5rem; } .admin-bar .portfolio-standard { margin-top: 30px; } .admin-bar .portfolio-standard .right-side-content .social-icon { top: 3.4375rem; } @media only screen and (max-width: 991px) { .portfolio-modern-slider { padding-left: 1.875rem; padding-right: 1.875rem; } } @media only screen and (max-width: 767px) { .portfolio-modern-slider { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .portfolio-modern-slider .left-side-content { position: relative; margin-right: -23.75rem; padding-top: 17.5rem; padding-right: 3.125rem; padding-bottom: 2.5rem; z-index: 40; background-color: #ffffff; height: 100%; } @media only screen and (max-width: 1440px) { .portfolio-modern-slider .left-side-content { padding-top: 15.625rem; margin-right: -15.625rem; } } @media only screen and (max-width: 1299px) { .portfolio-modern-slider .left-side-content { padding-top: 12.5rem; } } @media only screen and (max-width: 991px) { .portfolio-modern-slider .left-side-content { margin-right: 0; padding-top: 10rem; text-align: center; padding-right: 0; padding-left: 0; } } .portfolio-modern-slider .left-side-content .slide-text .item-title { font-size: 3.75rem; margin-bottom: 1.5625rem; line-height: 4.375rem; } .portfolio-modern-slider .left-side-content .slide-text .item-title span { display: block; } @media only screen and (max-width: 1440px) { .portfolio-modern-slider .left-side-content .slide-text .item-title { width: 80%; } } @media only screen and (max-width: 1199px) { .portfolio-modern-slider .left-side-content .slide-text .item-title { font-size: 3.125rem; } } @media only screen and (max-width: 991px) { .portfolio-modern-slider .left-side-content .slide-text .item-title { width: 100%; font-size: 2.8125rem; line-height: 2.8125rem; } } @media only screen and (max-width: 767px) { .portfolio-modern-slider .left-side-content .slide-text .item-title { font-size: 2.5rem; line-height: 2.5rem; } } @media only screen and (max-width: 575px) { .portfolio-modern-slider .left-side-content .slide-text .item-title { font-size: 2.125rem; line-height: 2.1875rem; } } .portfolio-modern-slider .left-side-content .slide-text p { width: 50%; } @media only screen and (max-width: 1440px) { .portfolio-modern-slider .left-side-content .slide-text p { width: 70%; } } @media only screen and (max-width: 1199px) { .portfolio-modern-slider .left-side-content .slide-text p { width: 65%; } } @media only screen and (max-width: 991px) { .portfolio-modern-slider .left-side-content .slide-text p { width: 100%; } } .portfolio-modern-slider .left-side-content .slide-text .view-btn { margin-top: 1.875rem; text-align: left; margin-bottom: 0; } @media only screen and (max-width: 991px) { .portfolio-modern-slider .left-side-content .slide-text .view-btn { text-align: center; } } .portfolio-modern-slider .left-side-content .slide-text .view-btn .btn-line { color: #666666; } .portfolio-modern-slider .left-side-content .slide-text .view-btn .btn-line:before { background-color: #666666; } .portfolio-modern-slider .left-side-content .slide-text .view-btn .btn-line:hover { color: #343434; } .portfolio-modern-slider .left-side-content .slide-text .view-btn .btn-line:hover:before { background-color: #343434; } .portfolio-modern-slider .left-side-content .social-icon { margin-top: 7.5rem; margin-bottom: 1.5625rem; } @media only screen and (max-width: 1440px) { .portfolio-modern-slider .left-side-content .social-icon { margin-top: 3.75rem; } } @media only screen and (max-width: 1299px) { .portfolio-modern-slider .left-side-content .social-icon { margin-top: 3.75rem; } } .portfolio-modern-slider .left-side-content .social-icon label { color: #343434; font-weight: 600; } .portfolio-modern-slider .left-side-content .social-icon .item-social { display: inline-block; } .portfolio-modern-slider .left-side-content .social-icon .item-social li { display: inline-block; margin-bottom: 0.3125rem; } .portfolio-modern-slider .left-side-content .social-icon .item-social li:last-child { margin-right: 0; } .portfolio-modern-slider .left-side-content .social-icon .item-social li a { text-align: center; display: inline-block; height: 2.1875rem; width: 2.1875rem; line-height: 2.1875rem; border-radius: 50%; text-align: center; color: #a1a1a1; transition: all 0.3s ease-in-out; } .portfolio-modern-slider .left-side-content .social-icon .item-social li a:hover { color: #ffffff; } .portfolio-modern-slider .left-side-content .social-icon .item-social li .fototag-fac:hover { background-color: #4a669d; } .portfolio-modern-slider .left-side-content .social-icon .item-social li .fototag-twi:hover { background-color: #1c9dec; } .portfolio-modern-slider .left-side-content .social-icon .item-social li .fototag-ins:hover { background-color: #e83a36; } .portfolio-modern-slider .left-side-content .social-icon .item-social li .fototag-you:hover { background-color: #f80000; } .portfolio-modern-slider .left-side-content .social-icon .item-social li .fototag-pin:hover { background-color: #c8232c; } .portfolio-modern-slider .left-side-content .slick-nav .nav-item.slick-current { position: relative; } .portfolio-modern-slider .left-side-content .slick-nav .nav-item.slick-current:after { content: ""; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; bottom: 0; left: 10px; right: 10px; } .portfolio-modern-slider .left-side-content .slick-nav .nav-item.slick-current img { filter: grayscale(0); } .portfolio-modern-slider .left-side-content .slick-nav .slick-navigation { top: 35%; bottom: auto; background-color: #ffffff; height: 2.5rem; width: 2.5rem; z-index: 50; } .portfolio-modern-slider .left-side-content .slick-nav .slick-navigation:before { display: none; } .portfolio-modern-slider .left-side-content .slick-nav .slick-navigation i { color: #000000; font-size: 1.125rem; transition: all 0.3s ease-in-out; } .portfolio-modern-slider .left-side-content .slick-nav .slick-navigation:hover { background-color: #343434; border-color: #343434; } .portfolio-modern-slider .left-side-content .slick-nav .slick-navigation:hover i { color: #ffffff; } .portfolio-modern-slider .left-side-content .slick-nav .slick-navigation:after { display: none; } .portfolio-modern-slider .left-side-content .slick-nav .slick-next { right: 0; left: auto; } .portfolio-modern-slider .left-side-content .slick-nav .slick-prev { left: 3.75rem; } @media only screen and (max-width: 991px) { .portfolio-modern-slider .right-side-content { margin-bottom: 3.125rem; } } .portfolio-modern-slider .right-side-content .slidein-content { top: 40%; left: -12.5rem; } @media only screen and (max-width: 1440px) { .portfolio-modern-slider .right-side-content .slidein-content { top: 45%; left: -6.25rem; } } @media only screen and (max-width: 991px) { .portfolio-modern-slider .right-side-content .slidein-content { top: 50%; left: 0; right: 0; transform: translateY(-50%); } } @media only screen and (max-width: 1440px) { .portfolio-modern-slider .right-side-content .slidein-content .slide-img { transform: scale(0.7); } } @media only screen and (max-width: 575px) { .h1-service-list { position: relative; } .h1-service-list:after { top: 0; left: 0; z-index: 9; width: 100%; height: 100%; content: ''; position: absolute; background-color: #000; opacity: .5; } } /*------------------- 5.12 Pricing -------------------*/ .img-width-unset img { max-width: unset; } @media only screen and (max-width: 767px) { .img-width-unset img { max-width: 100%; } } .package-content { background-color: #fafafa; padding: 4.0625rem 0.625rem 4.0625rem 4.0625rem; height: 100%; display: flex; flex-direction: column; justify-content: center; } @media only screen and (max-width: 575px) { .package-content { padding: 2.5rem 1.875rem; } } .package-content .item-price { font-weight: 600; font-size: 2.25rem; color: #343434; margin-bottom: 1.125rem; } .package-content .item-price .currency-symbol { margin-right: 0.625rem; } @media only screen and (max-width: 575px) { .package-content .item-price { font-size: 2rem; } } .package-content .item-title { font-size: 1.875rem; font-weight: 600; width: 60%; margin-bottom: 1rem; } @media only screen and (max-width: 575px) { .package-content .item-title { width: 100%; font-size: 1.75rem; } } .package-content .item-features li { position: relative; padding-left: 1.25rem; margin-bottom: 0.3125rem; } .package-content .item-features li:last-child { margin-bottom: 0; } .package-content .item-features li:before { content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #909090; font-size: 1.25rem; margin-right: 0.625rem; position: absolute; top: 0; left: 0; } .package-video { position: relative; } @media only screen and (max-width: 991px) { .package-video { text-align: center; margin-top: 2.5rem; } } .package-video:before { content: ""; height: 100%; width: 55%; background-color: #fafafa; position: absolute; top: 0; bottom: 0; left: 0; z-index: -1; } @media only screen and (max-width: 991px) { .package-video:before { display: none; } } .package-video .item-img { position: relative; margin-left: 1.875rem; transform: translateY(80px); } @media only screen and (max-width: 991px) { .package-video .item-img { margin-left: 0; transform: translateY(0); } } .package-video .video-icon { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; } .package-video .video-icon .play-btn { position: relative; text-align: center; height: 11.875rem; width: 11.875rem; background-color: rgba(0, 0, 0, 0.15); border-radius: 50%; font-size: 1.5625rem; color: #ffffff; margin: 0 auto; animation: pulse 2100ms infinite; } @media only screen and (max-width: 991px) { .package-video .video-icon .play-btn { height: 10rem; width: 10rem; } } @media only screen and (max-width: 767px) { .package-video .video-icon .play-btn { height: 8.75rem; width: 8.75rem; } } .package-video .video-icon .play-btn:before { content: ""; height: 5rem; width: 5rem; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px; z-index: -1; animation: pulse 2000ms infinite; } .package-video .video-icon .play-btn i { margin-left: 0.25rem; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } .pricelist-package { position: relative; } .pricelist-package:before { position: absolute; top: 0; left: 0; right: 0; z-index: -1; } .pricelist-package .section-header .heading-title { color: #ffffff; } .pricelist-package .section-header p { color: #ffffff; } @media only screen and (max-width: 767px) { .pricelist-package .package-item { max-width: 540px; margin: 0 auto 0.625rem; } } .pricelist-package .package-item .item-img img { filter: grayscale(100%); transition: all 0.3s ease-in-out; } .pricelist-package .package-item .item-content { background-color: #ffffff; box-shadow: 0rem 0rem 5.4375rem rgba(0, 0, 0, 0.1); padding: 2.8125rem 3.125rem 2.1875rem; position: relative; } @media only screen and (max-width: 575px) { .pricelist-package .package-item .item-content { padding: 2.8125rem 1.875rem 2.1875rem; } } .pricelist-package .package-item .item-content .package-name { position: absolute; top: -1.25rem; background-color: #343434; padding: 0.3125rem 1.25rem; color: #ffffff; font-weight: 600; transition: all 0.3s ease-in-out; } .pricelist-package .package-item .item-content .item-title { font-size: 1.25rem; margin-bottom: 0.3125rem; } .pricelist-package .package-item .item-content .item-features { padding: 0; list-style: none; margin-bottom: 2.8125rem; } .pricelist-package .package-item .item-content .item-features li { position: relative; margin-bottom: 0.3125rem; font-size: 0.9375rem; } .pricelist-package .package-item .item-content .item-features li:last-child { margin-bottom: 0; } .pricelist-package .package-item .item-content .item-features li i { margin-right: 10px; font-size: 16px; float: left; margin-top: 4px; } .pricelist-package .package-item .item-content .item-features li span { overflow: hidden; display: inherit; } .pricelist-package .package-item .item-content .item-price { font-size: 2.25rem; font-weight: 600; transition: all 0.3s ease-in-out; } .pricelist-package .package-item .item-content .item-price .currency-symbol { margin-right: 0.625rem; } .pricelist-package .package-item:hover .item-img img { filter: grayscale(0); } .pricelist-package .package-item:hover .item-content .package-name { background-color: #000000; } .pricelist-package .package-item:hover .item-content .item-price { color: #343434; } .pricelist-about { padding: 7.5rem 0; } @media only screen and (max-width: 991px) { .pricelist-about { padding: 6.25rem 0; } } @media only screen and (max-width: 767px) { .pricelist-about { padding: 5rem 0; } } .pricelist-about .about-content { display: flex; align-items: center; } @media only screen and (max-width: 991px) { .pricelist-about .about-content { display: block; } } @media only screen and (max-width: 991px) { .pricelist-about .about-content .item-img img { width: 100%; } } .pricelist-about .about-content .item-content { flex: 1; background-color: #ffffff; box-shadow: 0rem 0rem 5.4375rem 0rem rgba(0, 0, 0, 0.1); margin-left: -6.25rem; padding: 4.6875rem 5rem 4.0625rem; } @media only screen and (max-width: 1199px) { .pricelist-about .about-content .item-content { margin-left: -15rem; } } @media only screen and (max-width: 991px) { .pricelist-about .about-content .item-content { margin-left: 0; padding: 3.125rem; } } @media only screen and (max-width: 575px) { .pricelist-about .about-content .item-content { padding: 1.875rem 1.5625rem; } } .pricelist-about .about-content .item-content .item-title { line-height: 2.8125rem; } .pricelist-about .about-content .item-content .btn-line { margin-top: 0.5rem; } .pricing-table .pricing-box { background-color: #ffffff; padding: 3.75rem 3.125rem 3.75rem 5.625rem; margin-bottom: 1.875rem; } @media only screen and (max-width: 1199px) { .pricing-table .pricing-box { padding: 3.125rem; } } @media only screen and (max-width: 991px) { .pricing-table .pricing-box { text-align: center; } } .pricing-table .pricing-box .item-icon { margin-bottom: 1.125rem; } .pricing-table .pricing-box .item-icon i:before { font-size: 3.75rem; color: rgba(0, 0, 0, 0.2); } .pricing-table .pricing-box .item-title { margin-bottom: 0.625rem; letter-spacing: 0.1875rem; } .pricing-table .pricing-box .item-price { font-size: 1.875rem; font-weight: 300; margin-bottom: 1.25rem; } .pricing-table .pricing-box .item-price .currency-symbol { margin-right: -0.5rem; } .pricing-table .pricing-box .item-price .item-duration { font-size: 1.125rem; margin-left: -0.5rem; } .pricing-table .pricing-box .item-features { margin-bottom: 3.125rem; } .pricing-table .pricing-box .item-features ul { padding: 0; list-style: none; } .pricing-table .pricing-box .item-features ul li { margin-bottom: 0.625rem; transition: all 0.3s ease-in-out; } .pricing-table .pricing-box .item-features ul li i { margin-right: 10px; font-size: 13px; float: left; margin-top: 7px; } .pricing-table .pricing-box .item-features ul li span { overflow: hidden; display: inherit; } .pricing-table .pricing-box .order-btn { color: #444; font-weight: 600; padding: 0.5625rem 1.5rem 0.4375rem; text-transform: uppercase; border: 0.125rem solid #ececec; } .pricing-table .pricing-box:hover .item-features li { color: #000000; } .pricing-table .pricing-box:hover .order-btn { background-color: #343434; border-color: #343434; color: #ffffff; } .pricing-table .pricing-box:hover .order-btn:hover { background-color: transparent; color: #000000; border-color: #ececec; } @media only screen and (max-width: 767px) { .break-in-text br { display: none; } } /*------------------- 5.13 Progress -------------------*/ .progress-circle-section { padding: 7.5rem 0 5rem; position: relative; } @media only screen and (max-width: 991px) { .progress-circle-section { padding: 6.25rem 0 3.75rem; } } .progress-circle-section:before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .progress-box { text-align: center; margin-bottom: 1.875rem; display: inline-block; width: 100%; } .progress-box .pie-chart-percent { width: 100%; position: absolute; margin-bottom: 0.9375rem; } .progress-box .pie-chart-percent span, .progress-box .pie-chart-percent sup { font-size: 2.25rem; font-weight: 600; color: #ffffff; } .progress-box .pie-chart-percent sup { top: auto; left: -3px; } .progress-box .item-title { font-size: 1.375rem; font-weight: 600; color: #ffffff; margin-bottom: 0; letter-spacing: 0.125rem; } .progress-box canvas { top: 0; left: 50%; position: absolute; transform: translateX(-50%); } .progress-circle-section.circle-dark:before { background-color: #ffffff; } .progress-circle-section.circle-dark .progress-box .item-title { color: #343434; } .progress-circle-section.circle-dark .progress-box .circle-progress span { color: #bababa; } /*------------------- 5.14 Service -------------------*/ .video-v2 .item-video { position: relative; text-align: center; } .video-v2 .item-video .popup-video { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); } .video-v2 .item-video .popup-video .play-btn { height: 5.8125rem; width: 5.8125rem; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 50%; font-size: 1.625rem; color: #444; margin: 0 auto; animation: pulse 1000ms infinite; } .video-v2 .item-video .popup-video .play-btn i { margin-left: 0.4375rem; } .video-v2 .item-video .popup-video .play-btn:hover { color: #000000; } @media only screen and (max-width: 991px) { .video-v2 .item-video .popup-video .play-btn { height: 5rem; width: 5rem; font-size: 1.5rem; } } @media only screen and (max-width: 767px) { .video-v2 .item-video .popup-video .play-btn { height: 3.75rem; width: 3.75rem; font-size: 1.375rem; } } .service-offer .service-box { position: relative; background-color: #ffffff; padding: 2.8125rem 2.5rem 1.875rem; } @media only screen and (max-width: 575px) { .service-offer .service-box { padding: 2.5rem 1.25rem 1.25rem; } } .service-offer .service-box .item-sl { color: rgba(102, 102, 102, 0.08); font-size: 8.75rem; line-height: 1; font-weight: 600; position: absolute; bottom: -1.25rem; right: 1.875rem; } @media only screen and (max-width: 575px) { .service-offer .service-box .item-sl { font-size: 6.25rem; bottom: 0; right: 0; } } .service-offer .service-box:hover .media .item-icon { border-color: #000000; } .service-offer .service-box:hover .media .item-icon i:before { color: #000000; } @media only screen and (max-width: 575px) { .service-offer .media { display: block; text-align: center; } } .service-offer .media .item-icon { text-align: center; height: 5rem; width: 5rem; border: 0.0625rem solid #bcbcbc; border-radius: 50%; margin-right: 1.25rem; margin-top: 0.25rem; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 575px) { .service-offer .media .item-icon { margin-right: 0; margin-top: 0; margin: 0 auto 1.25rem; } } .service-offer .media .item-icon i:before { color: #bcbcbc; font-size: 2.25rem; transition: all 0.3s ease-in-out; } .service-offer .media .item-icon i.flaticon-film { height: 25px; } .service-offer .media .media-body .item-title { margin-bottom: 0.25rem; font-size: 1.375rem; } /*------------------- 5.15 Team -------------------*/ .masonary-team-section .team-box { margin-bottom: 2.8125rem; text-align: center; } .masonary-team-section .team-box .item-img img { filter: grayscale(100%); transition: all 0.1s ease-in-out; } .masonary-team-section .team-box .item-content { position: relative; padding-top: 1.625rem; } .masonary-team-section .team-box .item-content .item-title { font-size: 1.375rem; margin-bottom: 0; } .masonary-team-section .team-box .item-content .item-subtitle { font-size: 1rem; color: #737373; letter-spacing: 0.125rem; line-height: 1; } .masonary-team-section .team-box .item-content .item-social { position: absolute; top: 0; left: 0; right: 0; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; } .masonary-team-section .team-box .item-content .item-social li { display: inline-block; margin-right: 0.3125rem; transition: all 0.3s ease-in-out; opacity: 0; } .masonary-team-section .team-box .item-content .item-social li:last-child { margin-right: 0; } .masonary-team-section .team-box .item-content .item-social li a { text-align: center; height: 2.8125rem; width: 2.8125rem; line-height: 2.875rem; background-color: #ffffff; border-radius: 50%; box-shadow: 0rem 1rem 1rem 0rem rgba(0, 0, 0, 0.08); font-size: 0.9375rem; color: #a0a0a0; } .masonary-team-section .team-box .item-content .item-social li a:hover { color: #343434; } .masonary-team-section .team-box:hover .item-img img { filter: grayscale(0); } .masonary-team-section .team-box:hover .item-content .item-social { top: -1.25rem; visibility: visible; opacity: 1; } .masonary-team-section .team-box:hover .item-content .item-social li { opacity: 1; } .masonary-team-section .team-box:hover .item-content .item-social li:nth-child(1n) { transition-delay: 0.2s; } .masonary-team-section .team-box:hover .item-content .item-social li:nth-child(2n) { transition-delay: 0.3s; } .masonary-team-section .team-box:hover .item-content .item-social li:nth-child(3n) { transition-delay: 0.4s; } .masonary-team-section .team-box:hover .item-content .item-social li:nth-child(4n) { transition-delay: 0.5s; } /*------------------- 5.16 Testimonial -------------------*/ @media only screen and (max-width: 991px) { .testimonial-slider { padding-left: 0; padding-top: 1.875rem; } } @media only screen and (max-width: 767px) { .testimonial-slider { padding-top: 4rem; } } @media only screen and (max-width: 991px) { .testimonial-slider .testimonial-heading { text-align: center; margin-bottom: 2.5rem; } } .testimonial-slider .testimonial-heading .item-icon { margin-bottom: 2.1875rem; } @media only screen and (max-width: 991px) { .testimonial-slider .testimonial-heading .item-icon { margin-bottom: 0.625rem; } } .testimonial-slider .testimonial-heading .item-icon i:before { color: #e6e6e6; font-size: 4.375rem; } .testimonial-slider .testimonial-heading .item-title { font-size: 2rem; } .testimonial-slider .textimonial-slider-box { background-color: #f9f9f9; padding: 2.8125rem 0.9375rem; } .testimonial-slider .textimonial-slider-box .textimonial-content-box { margin: 0.9375rem; background-color: #ffffff; padding: 3.125rem 3.125rem; box-shadow: 0rem 0rem 1.6875rem 0rem rgba(0, 0, 0, 0.04); } @media only screen and (max-width: 767px) { .testimonial-slider .textimonial-slider-box .textimonial-content-box { margin: 0 0.9375rem; } } @media only screen and (max-width: 479px) { .testimonial-slider .textimonial-slider-box .textimonial-content-box { padding: 3.125rem 1.875rem; } } .testimonial-slider .textimonial-slider-box .textimonial-content-box .media { align-items: center; line-height: 1; margin-bottom: 1.25rem; } .testimonial-slider .textimonial-slider-box .textimonial-content-box .media .item-img { width: 50px; margin-right: 0.75rem; border-radius: 50%; box-shadow: 0rem 0.5rem 1.3125rem 0rem rgba(0, 0, 0, 0.3); } .testimonial-slider .textimonial-slider-box .textimonial-content-box .media .item-img img { border-radius: 50%; } .testimonial-slider .textimonial-slider-box .textimonial-content-box .media .media-body .item-title { margin-bottom: 10px; font-size: 1.25rem; line-height: 1.375rem; font-weight: 600; } .testimonial-slider .textimonial-slider-box .textimonial-content-box .media .media-body .item-subtitle { font-size: 0.9375rem; } .testimonial-slider .textimonial-slider-box .textimonial-content-box p { margin-bottom: 0; } .testimonial-slider .slick-dots { list-style: none; text-align: center; padding: 0; } .testimonial-slider .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; border-radius: 100%; } .testimonial-slider .slick-dots li button { font-size: 0; line-height: 20; display: inline; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; border-radius: 100%; outline: none; background-color: #7b7a7a; } .testimonial-slider .slick-dots li.slick-active button { background-color: #343434; } .testimonial-full-width .testimonial-left-img { margin-right: 0.625rem; } @media only screen and (max-width: 991px) { .testimonial-full-width .testimonial-left-img { margin-right: 0; margin-bottom: 0.625rem; } } @media only screen and (max-width: 991px) { .testimonial-full-width .testimonial-left-img img { width: 100%; } } .testimonial-full-width .testimonial-slider-box { background-color: #000000; height: 100%; display: flex; align-items: center; } @media only screen and (max-width: 991px) { .testimonial-full-width .testimonial-slider-box { padding: 5rem 0; } } .testimonial-full-width .testimonial-slider-box .slick-content { width: 70%; } @media only screen and (max-width: 991px) { .testimonial-full-width .testimonial-slider-box .slick-content { width: 100%; } } .testimonial-full-width .content-box { position: relative; margin-left: 9.375rem; margin-top: 3.75rem; } @media only screen and (max-width: 1399px) { .testimonial-full-width .content-box { margin-top: 0; } } @media only screen and (max-width: 1199px) { .testimonial-full-width .content-box { margin-left: 6.25rem; } } @media only screen and (max-width: 991px) { .testimonial-full-width .content-box { margin: 0 3.125rem; } } .testimonial-full-width .content-box:before { content: "\f102"; font-family: Flaticon; color: #ffffff; font-size: 12.5rem; opacity: 0.05; position: absolute; top: 0; left: 0; } .testimonial-full-width .content-box p { color: #c9c9c9; margin-bottom: 3.125rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } @media only screen and (max-width: 1199px) { .testimonial-full-width .content-box p { -webkit-line-clamp: 6; } } .testimonial-full-width .content-box .media { align-items: center; } .testimonial-full-width .content-box .media .item-img { margin-right: 0.9375rem; width: 50px; } .testimonial-full-width .content-box .media .item-img img { border-radius: 50%; } .testimonial-full-width .content-box .media .media-body { line-height: 1; } .testimonial-full-width .content-box .media .media-body .item-title { color: #ffffff; font-weight: 600; margin-bottom: 5px; font-size: 1.375rem; } .testimonial-full-width .content-box .media .media-body .item-subtitle { font-size: 0.9375rem; color: #8f8e8e; } .testimonial-full-width .slick-dots { position: absolute; top: 50%; right: -100px; list-style: none; text-align: center; -webkit-transform: translateY(50%) rotate(90deg); -ms-transform: translateY(50%) rotate(90deg); transform: translateX(50%) rotate(90deg); padding: 0; } .testimonial-full-width .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; border-radius: 100%; } .testimonial-full-width .slick-dots li button { font-size: 0; line-height: 20; display: inline; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; border-radius: 100%; outline: none; background-color: rgba(255, 255, 255, 0.25); } .testimonial-full-width .slick-dots li.slick-active button { background-color: #ffffff; } /*------------------- Product Block -------------------*/ .woocommerce-cart .section { padding-top: 120px; padding-bottom: 50px; } @media only screen and (max-width: 991px) { .woocommerce-cart .section { padding-top: 100px; } } @media only screen and (max-width: 767px) { .woocommerce-cart .section { padding-top: 80px; } } .fototag-products-page { margin-top: 120px; margin-bottom: 120px; } @media only screen and (max-width: 991px) { .fototag-products-page { margin-top: 100px; margin-bottom: 100px; } } @media only screen and (max-width: 767px) { .fototag-products-page { margin-top: 80px; margin-bottom: 80px; } } .shop-page-top { width: 100%; margin-bottom: 25px; display: inline-block; } .rt-product-block ins { background-color: transparent; } .rt-product-block .rtin-thumb-wrapper { overflow: hidden; position: relative; } .rt-product-block .rtin-thumb-wrapper .rtin-thumb img { transform: scale(1); transition: transform 10s, filter 15s ease-in-out; } .rt-product-block .rtin-thumb-wrapper .rtin-buttons-area { bottom: 0; left: 30px; right: 30px; padding: 12px 15px; opacity: 0; visibility: hidden; position: absolute; background-color: #fff; transition: all .4s linear; } .rt-product-block:hover .rtin-thumb-wrapper .rtin-thumb img { transform: scale(1.2); } .rt-product-block:hover .rtin-thumb-wrapper .rtin-buttons-area { opacity: 1; bottom: 30px; visibility: visible; } .rt-product-block .price-title-box { margin-top: 15px; text-align: center; } .rt-product-block .price-title-box .rtin-title { color: #494949; font-size: 30px; line-height: 30px; } .rt-product-block .price-title-box .rtin-price { color: #000; font-size: 22px; } @media only screen and (max-width: 991px) { .rt-product-block .price-title-box .rtin-price { font-size: 18px; } } .rt-product-block .price-title-box .rtin-price del { color: #a6a6a6; font-size: 16px; } @media only screen and (max-width: 991px) { .rt-product-block .price-title-box .rtin-price del { font-size: 14px; } } .btn-title { display: inline-block; } @media only screen and (max-width: 991px) { .btn-title { width: 100%; text-align: center; } } .btn-title a { font-size: 15px; } .btn-title a i { margin-right: 5px; } .product-not-cart .add_to_cart_button.added { display: none; } .product-in-cart .added_to_cart.wc-forward { display: block; } .btn-icons { float: right; display: inline-block; } @media only screen and (max-width: 991px) { .btn-icons { width: 100%; text-align: center; } } .btn-icons .yith-wcqv-button { width: 20px; line-height: 13px; } .woocommerce ul.products li.product .onsale { top: 0; right: 0; left: auto; margin: 0; border-radius: 0; min-height: 15px; line-height: 30px; padding: 0 15px; } .woocommerce ul.products li.product a img.ajax-loading { margin: 0; width: 17px; height: auto; display: none; } .woocommerce ul.products li.product .rdtheme-wishlist-icon { width: 20px; line-height: 13px; margin-left: 5px; display: inline-block; } a.rdtheme-wishlist-icon img.ajax-loading { display: none; width: 20px; } .add_to_cart_button i { margin-right: 5px; } .woocommerce nav.woocommerce-pagination ul li { border: none; } .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a { padding: 10px; font-size: 15px; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover { color: #fff; background: #000; border-color: #000; } a.added_to_cart.wc-forward { padding: 0; margin-left: 10px; } .fototag-products-page .pagination { margin-top: 20px; } /*------------------- Product Details -------------------*/ .fototag-product-details-page { margin-top: 120px; margin-bottom: 50px; } @media only screen and (max-width: 991px) { .fototag-product-details-page { margin-top: 100px; margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .fototag-product-details-page { margin-top: 80px; } } .fototag-product-details-page .single-product-top-1 { width: 100%; display: flex; } @media only screen and (max-width: 991px) { .fototag-product-details-page .single-product-top-1 { display: block; } } .fototag-product-details-page .single-product-top-1 .rtin-left { width: 50%; float: left; padding-right: 20px; } @media only screen and (max-width: 991px) { .fototag-product-details-page .single-product-top-1 .rtin-left { width: 100%; padding-right: 0; } } .fototag-product-details-page .single-product-top-1 .rtin-left span.onsale { display: none; } .fototag-product-details-page .single-product-top-1 .rtin-right { overflow: hidden; padding-left: 15px; } @media only screen and (max-width: 991px) { .fototag-product-details-page .single-product-top-1 .rtin-right { width: 100%; padding-left: 0; } } .fototag-product-details-page .single-product-top-1 .rtin-right .entry-title { font-size: 32px; margin-bottom: 0; } .fototag-product-details-page .single-product-top-1 .rtin-right span.price, .fototag-product-details-page .single-product-top-1 .rtin-right p.price { color: #000; font-size: 26px; } .fototag-product-details-page .single-product-top-1 .rtin-right span.price del, .fototag-product-details-page .single-product-top-1 .rtin-right p.price del { opacity: 1; color: #a6a6a6; font-size: 16px; } .fototag-product-details-page .single-product-top-1 .rtin-right .quantity { margin-right: 10px; } @media only screen and (max-width: 480px) { .fototag-product-details-page .single-product-top-1 .rtin-right .quantity { margin-bottom: 5px !important; } } .fototag-product-details-page .single-product-top-1 .rtin-right .quantity input.input-text { margin: 0 5px; } .fototag-product-details-page .single-product-top-1 .rtin-right .button.alt { margin-left: 3px; } @media only screen and (max-width: 480px) { .fototag-product-details-page .single-product-top-1 .rtin-right .button.alt { margin-left: 0; margin-bottom: 5px; } } .fototag-product-details-page .single-product-top-1 .rtin-right .variations_form { margin-bottom: 20px; } .fototag-product-details-page .single-product-top-1 .rtin-right .variations_form .variations { width: 80%; margin-top: 0; margin-bottom: 5px; } .fototag-product-details-page .single-product-top-1 .rtin-right .variations_form .variations tbody td { text-align: left; } .fototag-product-details-page .single-product-top-1 .rtin-right .variations_form .variations tbody td.label { width: 80px; } .fototag-product-details-page .single-product-top-1 .rtin-right .variations_form .single_variation_wrap { width: 100%; margin-top: 10px; display: inline-block; } .fototag-product-details-page .single-product-top-1 .rtin-right .variations_form .single_variation_wrap span.price { margin-bottom: 10px; display: inline-block; } .fototag-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box { width: 100%; display: inline-flex; } @media only screen and (max-width: 480px) { .fototag-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box { display: block; } } .fototag-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box a { margin-right: 30px; } @media only screen and (max-width: 480px) { .fototag-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box a { width: 100%; } } .fototag-product-details-page .single-product-top-1 .rtin-right .wistlist-compare-box a i { margin-right: 5px; } .fototag-product-details-page .single-product-top-1 .rtin-right .post-share-btn { width: 100%; margin-top: 15px; padding-bottom: 30px; display: inline-block; } .fototag-product-details-page .single-product-top-1 .rtin-right .post-share-btn .item-label { width: 70px; float: left; padding-top: 5px; margin-bottom: 0; } .fototag-product-details-page .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing { overflow: hidden; } .fototag-product-details-page .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing ul.item-social { list-style: none; } .fototag-product-details-page .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing ul.item-social li { float: left; } .fototag-product-details-page .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing ul.item-social li a { padding: 5px 10px; display: inline-block; } .fototag-product-details-page .single-product-top-1 .slick-slider .slick-slide { margin-left: 0; } .fototag-product-details-page .single-product-top-1 .yith-wcwl-wishlistexistsbrowse, .fototag-product-details-page .single-product-top-1 .yith-wcwl-add-button, .fototag-product-details-page .single-product-top-1 a.compare.button { display: none; } .fototag-product-details-page .single-product-top-1 a.compare.added { padding-left: 20px; position: relative !important; } .fototag-product-details-page .single-product-top-1 a.compare.added:before { top: 0; left: 0; content: "\f00c"; position: absolute; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; } .woocommerce select { padding: 5px; padding-left: 15px; } .woocommerce select { background-position: calc(100% - 19px) calc(20px + 2px), calc(100% - 12px) calc(20px + 2px), calc(100% - 32px) 8px; } .woocommerce select:focus { background-position: calc(100% - 13px) 20px, calc(100% - 20px) 20px, calc(100% - 32px) 8px; } .woocommerce select:-webkit-focusring, .woocommerce select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .single-product-bottom-1 { margin-top: 50px; } @media only screen and (max-width: 991px) { .single-product-bottom-1 { margin-top: 30px; } } .single-product-bottom-1 .woocommerce-tabs .panel h2 { display: none; } .single-product-bottom-1 .product_meta span.posted_in { width: 100%; display: inline-block; } .quantity { margin: 0 auto; max-width: 150px; position: relative; } .quantity input.input-text, .quantity .input-group-btn { width: 40px; height: 40px; border: 1px solid #eceef0; display: inline-flex; align-items: center; justify-content: center; } .quantity .input-group-btn { position: absolute; } .quantity .input-group-btn span.quantity-btn i { font-size: 12px; } .quantity .input-group-btn.minus { left: 0; } .quantity .input-group-btn.plus { right: 0; } .quantity input.input-text { height: 40px; font-weight: 600; } .quantity input.input-text:focus { outline: none; } .quantity input[type="number"]::-webkit-inner-spin-button, .quantity input[type="number"]::-webkit-outer-spin-button { display: none; } .woocommerce .quantity .qty { width: 3.631em; text-align: center; margin-left: 45px !important; margin-right: 45px !important; } /*------------------- 6.1 Overright -------------------*/ .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { padding-top: 22px; } @media only screen and (max-width: 575px) { .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { width: 100%; padding-top: 0; text-align: center; } } @media only screen and (max-width: 575px) { .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { width: 100%; text-align: center; } } .woocommerce .woocommerce-ordering select { padding: 12px 20px; border: 1px solid #c8c8c8; background-color: transparent; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { margin: 0; padding: 0; font-size: 18px; font-weight: 400; } .woocommerce .star-rating span::before { color: #ffba0a; } .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce button.button, .woocommerce a.button.alt, .woocommerce input.button, .woocommerce a.button { color: #fff; height: 40px; border-radius: 0; padding: 10px 30px; background-color: #000; transition: all .3s ease-in-out; line-height: 20px; } .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button:hover, .woocommerce a.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.button:hover { color: #fff; background-color: #343434; } .woocommerce #respond input#submit.alt:focus, .woocommerce #respond input#submit:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus, .woocommerce button.button:focus, .woocommerce a.button.alt:focus, .woocommerce input.button:focus, .woocommerce a.button:focus { outline: none; border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 20px; font-weight: 400; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { position: relative; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after { left: 50%; bottom: 0; content: ''; height: 2px; width: 50%; transform: translateX(-50%); position: absolute; background-color: #000; } .woocommerce p.stars a { color: #ffba0a; } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 80px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border-radius: 0; margin: 0 0 0 80px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { text-transform: capitalize; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { font-size: 18px; } .woocommerce #review_form #respond textarea { height: 150px; padding: 20px; border-color: #e4e1e3; } .woocommerce #review_form #respond textarea:focus { outline: none; } #yith-quick-view-close { top: 10px; right: 10px; line-height: 19px; } section.related.products { margin-top: 50px; } section.related.products h2 { font-size: 30px; margin-bottom: 40px; } section.related.products .btn-title { margin-right: 10px; } @media only screen and (max-width: 991px) { section.related.products .btn-title { margin-right: 0; } } .woocommerce span.onsale { padding: 0; text-align: center; display: inline-flex; justify-content: center; background-color: #000; } .woocommerce-cart table.cart td.actions .coupon .input-text { height: 40px; width: 110px; line-height: 40px; } .cart-collaterals { margin-top: 50px; } .cart-collaterals h2 { font-size: 30px; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { font-size: 18px; } p.return-to-shop { margin-bottom: 70px; } .woocommerce-billing-fields span.woocommerce-input-wrapper { width: 100%; height: 40px; } .woocommerce-billing-fields span.woocommerce-input-wrapper:focus { outline: none; } .woocommerce-billing-fields span.woocommerce-input-wrapper input { height: 40px; padding: 10px; } .woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered, .woocommerce-billing-fields .select2-container .select2-selection--single { height: 40px; border-radius: 0; } .woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; } .woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow { top: 7px; } .woocommerce-additional-fields span.woocommerce-input-wrapper { width: 100%; } .woocommerce-additional-fields span.woocommerce-input-wrapper textarea { padding: 10px; } .wc-order-review-wrapper { margin-top: 50px; } .woocommerce-order-received .section.content-area { padding-top: 110px; padding-bottom: 85px; } .woocommerce-order-received .section.content-area .woocommerce-order h2 { font-size: 30px; } .woocommerce .woocommerce-customer-details address { padding: 20px 30px; } .woocommerce form .form-row { margin: 0 0 10px; } .yith-wcqv-wrapper { height: 500px !important; } #yith-quick-view-close { opacity: 1; } .yith-wcqv-main { padding: 30px; } .yith-wcqv-main .single-product-top-1 { display: flex; } .yith-wcqv-main .single-product-top-1 .rtin-left { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 40px; max-width: 570px; width: 55%; float: none; } .yith-wcqv-main .single-product-top-1 .rtin-left .rtwpvg-slider .rtwpvg-gallery-image { margin-left: 0; } .yith-wcqv-main .single-product-top-1 .rtin-right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .yith-wcqv-main .single-product-top-1 .rtin-right .yith-wcwl-wishlistexistsbrowse, .yith-wcqv-main .single-product-top-1 .rtin-right .yith-wcwl-add-button { display: none; } .yith-wcqv-main .single-product-top-1 .rtin-right .wistlist-compare-box a { margin-right: 15px; } .yith-wcqv-main .single-product-top-1 .rtin-right .wistlist-compare-box a i { margin-right: 8px; } .yith-wcqv-main .single-product-top-1 .rtin-right .post-share-btn { width: 100%; margin-top: 15px; padding-bottom: 30px; display: inline-block; } .yith-wcqv-main .single-product-top-1 .rtin-right .post-share-btn .item-label { width: 70px; float: left; padding-top: 5px; margin-bottom: 0; } .yith-wcqv-main .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing { overflow: hidden; } .yith-wcqv-main .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing ul.item-social { list-style: none; } .yith-wcqv-main .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing ul.item-social li { float: left; } .yith-wcqv-main .single-product-top-1 .rtin-right .post-share-btn .post-social-sharing ul.item-social li a { padding: 5px 10px; display: inline-block; } .yith-wcqv-main h1.product_title.entry-title { font-size: 30px; margin-bottom: 0; } .yith-wcqv-main .rtin-right p.price { color: #000; font-size: 26px; margin-bottom: 10px; } .yith-wcqv-main .rtin-right .product_meta { margin-bottom: 20px; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { font-size: 16px; } .woocommerce .wishlist-title h2 { padding: 0; margin-right: 15px; } .woocommerce .wishlist-title h2:hover { background-color: transparent; } .wishlist-title a.show-title-form i { display: none; } .yith-wcwl-share { display: none; } .wishlist_table .product-add-to-cart a.button { padding: 0; } .wishlist_table .product-add-to-cart a.button { padding: 10px 30px !important; } .wishlist_table td.product-name a { font-size: 16px; margin-right: 10px; } .wishlist_table td.product-name a.button.yith-wcqv-button { font-size: 14px; } .wishlist_table td.product-price { font-size: 18px; } .wishlist_table td.product-price del { color: #a6a6a6; font-size: 14px; } .wishlist_table td.product-price ins { background-color: transparent; } .responsive.mobile { padding-left: 0; } .responsive.mobile li .item-wrapper { width: 100%; align-items: center; display: flex !important; } .responsive.mobile li .item-wrapper .product-name { float: left; } .responsive.mobile li .item-wrapper .product-name h3 { font-size: 18px; margin-bottom: 0; margin-right: 20px; line-height: 20px; display: inline-block; } .responsive.mobile li .item-wrapper .product-name a.button.yith-wcqv-button { height: 20px; color: #666666; margin-bottom: 0; font-weight: 500; background-color: transparent; transition: all .4s ease-in-out; margin-bottom: 0px !important; } @media only screen and (max-width: 767px) { .responsive.mobile li .item-wrapper .product-name a.button.yith-wcqv-button { padding: 5px 0; } } .responsive.mobile li .item-wrapper .product-name a.button.yith-wcqv-button:hover { color: #000; } .responsive.mobile li .item-wrapper table.item-details-table { text-align: right; display: inline-block; float: right; width: 180px; margin-top: 0; margin-bottom: 0 !important; } @media only screen and (max-width: 767px) { .responsive.mobile li .item-wrapper table.item-details-table { width: 100%; float: left; text-align: left; } } .responsive.mobile li .item-wrapper table.item-details-table tbody { width: 100%; font-size: 20px; display: inline; } .responsive.mobile li .item-wrapper table.item-details-table tbody td.label { width: auto; } .responsive.mobile li .item-wrapper table.item-details-table tbody del { color: #a6a6a6; } .responsive.mobile li .additional-info-wrapper { display: flex; justify-content: space-between; } .responsive.mobile li .additional-info-wrapper table.additional-info { width: auto; margin-top: 0; display: inline-block; } .responsive.mobile li .additional-info-wrapper table.additional-info tbody { font-size: 18px; } .wishlist_table.mobile li { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #eceef0; } .widget.woocommerce .sidebar-title h3 { font-size: 24px; line-height: 36px; margin-bottom: 10px; } .woocommerce ul.product_list_widget li { margin-bottom: 10px; } .woocommerce ul.product_list_widget li a { font-size: 15px; font-weight: 400; } .woocommerce ul.product_list_widget li span.woocommerce-Price-amount { font-size: 18px; } .woocommerce ul.product_list_widget li img { width: 50px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #a6a6a6; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #a6a6a6; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #000; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #111; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { height: 5px; margin: 0 0 16px; background-color: #f2f2f2; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #fff; border: 7px solid #7d7d7e; width: 20px; height: 20px; top: -8px; -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1); } .woocommerce .widget_price_filter .price_slider_amount .button { float: right; font-size: 14px; font-weight: 400; padding: 0 15px; height: 33px; } .woocommerce .widget_price_filter .price_slider_amount { text-align: left; } ul.product-categories { padding-left: 0; list-style: none; } ul.product-categories li { margin-bottom: 10px; } .search-form .custom-search-input button.btn { color: #000; background-color: transparent; font-size: 16px; padding: 0 12px; line-height: 43px; -webkit-box-shadow: none; box-shadow: none; } .woocommerce-message::before, .woocommerce-info::before { color: #000; } .woocommerce-message, .woocommerce-info { border-top-color: #000; } @media only screen and (max-width: 991px) { section.related.products ul.products li.product, section.related.products ul.products li.product { width: 46%; } } @media only screen and (max-width: 991px) { .rtwpvg-has-product-thumbnail .rtwpvg-thumbnail-position-bottom .rtwpvg-thumbnail-slider.slick-initialized { margin: 0 calc(var(--rtwpvg-thumbnail-gap) * -0.5); } } @media only screen and (max-width: 767px) { .rtwpvg-wrapper .rtwpvg-slider .rtwpvg-gallery-image { margin-left: 0; } } @media only screen and (max-width: 575px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; margin: 0 0 30px; } .rt-product-block { max-width: 370px; margin: 0 auto; } section.related.products ul.products li.product, section.related.products ul.products li.product { width: 100%; } } @media only screen and (max-width: 480px) { .rtwpvg-images { width: auto; max-width: 370px; margin: 0 auto 30px; max-width: 100% !important; } .woocommerce-cart table.cart td.actions .coupon .input-text { width: 100%; } .woocommerce-page table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .input-text+.button { width: 100%; margin-top: 10px; } }