/* Theme Name: Twenty Twenty Child Theme URI: https://wordpress.org/themes/twentytwenty/ Template: twentytwenty Author: the WordPress team Author URI: https://wordpress.org/ Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready Version: 2.9.1762834552 Updated: 2025-11-11 04:15:52 */ /*html, body { height: 100%; margin: 0; overflow: hidden; } div#smooth-wrapper { height: 100vh; }*/ body{ background:#000; overflow-x: hidden; } body:not(.home) { background-color: #1c1c1c !important; } h1, h2, h3, h4, h5, h6 ,.main-heading span, .menu-right-sec a,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{ font-family:"Montserrat", serif; -webkit-text-size-adjust: none; font-weight:600;line-height: normal; margin: 0; color: #282828; letter-spacing: 0.01px; } a,p,ul li,button, li a,span,div,input,button,textarea ,body, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .header-footer-group table td , body, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button { font-family: "Poppins", sans-serif; letter-spacing:0.01px; outline:0; -webkit-text-size-adjust: none; font-weight:normal; } body a { text-decoration: none ; color:#121212} a:hover { color:#237f59 } a{ transition: all 0.15s linear;cursor: pointer; } input,button.textarea { outline:none;} :focus-visible { outline: none !important;} :focus-within { outline: none !important;} a:hover, a:focus,.woo-mini-cart-footer a.button { text-decoration: none !important; } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 16px; -webkit-text-size-adjust: none; --btn-bg: #c53631; --btn-bg-hover: #1c1c1c; --main-color:#fff; --sub-color:#1c1c1c; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } *{ -webkit-text-size-adjust: none; } .grecaptcha-badge { visibility: hidden; } .cent { text-align: center; } ul, ol ,.header-titles .site-logo,ul.primary-menu , li,.header-titles,ul.social-icons li{ margin: 0; list-style: none; } body a ,.wc_payment_method label,.wc_payment_methods .payment_box p,.tinv-wishlist .tinvwl_added_to_wishlist .tinv-txt{ font-size: 16px; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="number"], input[type="search"], input[type="tel"], body textarea,select { border-radius: 8px; letter-spacing: normal; width: 100%; font-size: 14px; background: #e3e3e3; padding:12px 14px; color: #000; border-color: #e3e3e3; height:auto; line-height: normal; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#444;} input::placeholder, textarea::placeholder { color: #444; } input[type="search"]:focus { outline: none; } body button,body .button,body input[type="button"],body input[type="submit"]{ font-size: 14px; background: #000; border:solid 1px #000; border-radius: 50px;font-family: "Poppins", sans-serif; color: #ffffffd4; font-size: 14px; text-decoration: none !important; width: auto; font-weight: normal; padding: 14px 30px; position: relative; transition: all .2s linear; display: inline-block; text-transform: uppercase; font-weight: 600; } .blog .more-link:hover,body .button:hover,body input[type="submit"]:hover{ border-color:#000; background:transparent; color:#000; } a.cfs-hyperlink { color: #fff; font-size: 16px; text-decoration: none !important; width: auto; font-weight: normal; position: relative; transition: all .2s linear; display: inline-block; text-transform: uppercase; font-weight: 500; font-family:"Montserrat", serif; } a.cfs-hyperlink i { transition: transform 0.3s ease; } a.cfs-hyperlink:hover i { transform: translateX(6px); } a.cfs-hyperlink span, .blog .more-link span { font-size:16px; font-weight: 500; position: relative; transition: 0.2s ease-out; } a.cfs-hyperlink i { margin-left: 10px; font-size: 14px; color: #ffffffd4; } .cfs-hyperlink:hover{ border-color:#ffd100; background:transparent; } .theme-btn { margin-top: 20px; position: relative; z-index: 2; } .privacy-page li { list-style: disc; list-style-position: inside; line-height: 1.9;} .privacy-page ul { padding: 10px 0px;} .cookiespage li { list-style: disc; list-style-position: inside; line-height: 1.9;} .cookiespage ul { padding: 10px 0px;} #site-header { width: 100%; background: transparent; z-index: 50; } .header-inner { padding:2rem 0; width: 100%; max-width: 92%;} .container { margin: auto; width: 100%; max-width: 92%; box-sizing: border-box; padding: 0px 0; } .container2 { margin: auto; width: 100%; max-width: 1290px; box-sizing: border-box; padding: 0px 0; } .col-left,.col-right { width:48%; } .video-wrap { width: 100%; } .play-icon svg { background: rgba(0,0,0,0.6); color: #fff; } .video-placeholder { position: relative; aspect-ratio: 16 / 9; background-size: cover; background-position: center; cursor: pointer; border-radius: 19px; } .play-icon { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 60px; color: #fff; } a { text-decoration: none; } .center,.cnt { text-align:center; } p,p.desc, p, p.desc, .why-choose li { font-size: 16px; color: #9c9c9c; margin: 0; margin-bottom: 0; font-weight: 400; line-height: 29px; } .disp-flex { display: flex; justify-content: space-between; align-items: center; gap: 40px; } .main-heading { font-size: 30px; color: var(--main-color); margin: 0; margin-bottom: 20px; position: relative;} .main-heading span { color: var(--main-color); } .sub-heading { color: #ffffffe3; text-transform: capitalize; font-size: 15px; margin-bottom: 5px; font-family:"Montserrat", serif; line-height: normal; margin-bottom: 14px; position: relative; padding-left: 15px; padding-right: 15px; display:inline-block; } .sub-heading:after { content: ''; width: 6px; height: 6px; background: #ffffffd6; display: inline-block; border-radius: 100px; vertical-align: middle; position: absolute; right: 0; top: 32%; } .sub-heading:before { content: ''; width: 6px; height: 6px; background: #ffffffd6; display: inline-block; border-radius: 100px; margin-right: 10px; vertical-align: middle; line-height: 10px; left: 0; position: absolute; top: 32%; } .max-69 { max-width: 94%; margin-left: auto; margin-right: auto; } .padt-0 { padding-top:0; } .padd0 { padding:0; } .section, section { padding: 6rem 0px; position:relative; } .img-full { height: 100%; object-fit: cover; } .sub-heading.blk:before, .sub-heading.blk:after { background: #000; } .subhead-head { text-align: center; color: #fff; font-size: 36px; } caption, code, code, kbd, samp, .wp-block-table.is-style-stripes tbody tr:nth-child(odd), :root .has-subtle-background-background-color { background-color: transparent !important; } .cont-2 { max-width: 1500px; padding: 0px 30px; } body .sub-menu li a:hover { color: #000 !important; } .menu-modal-inner { background: #000; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 24px; color: #fff; } .modal-menu a:focus, .modal-menu .ancestor-wrapper a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { color: #fff; font-size: 16px; } /* Common CSS END */ /* Header CSS Start */ ul.primary-menu, .header-titles-wrapper{ margin: 0; } ul.sub-menu { width: 22rem; } .primary-menu a { color: #ffffffd6 !important; text-decoration: none !important; padding: 0px 0; font-size: 16px; font-weight: 500; font-family: "Poppins", sans-serif; position: relative; text-transform: uppercase; transition: 0.1s linear; } .primary-menu ul a { font-size: 15px; padding: 0.5rem 2rem; color:#000 !important; position:relative;} ul.primary-menu { display: flex; flex-wrap: wrap; justify-content: center; } .primary-menu > li { margin: 0 24px; text-transform: uppercase; letter-spacing: 0.2px; text-decoration: none; } .primary-menu > li > .icon {color: transparent !important; top: 6px; right: 6px; border: solid 2px #ffffffd6; height: 7px; width: 7px; } .primary-menu .icon::before ,.primary-menu .icon::after{ display:none; } .primary-menu ul { background: #fff !important; box-shadow: 0 0 5px #ca172d29; width: 260px; } .sub-menu { list-style: none; padding-left: 0; margin: 0; } .sub-menu li { position: relative; padding-left: 18px; } .sub-menu li::before { content: "•"; position: absolute; left: 17px; top: 50%; transform: translateY(-50%); color: #000; font-size: 18px; } body:not(.overlay-header) .primary-menu > li > ul:after { border-bottom-color: #fff !important; width: 240px; display: none; } .primary-menu ul a:hover { color:#000 !important } /*ul.primary-menu li a:after { content: ''; width: 50px; height: 50px; border-radius: 100px; position: absolute; left: 0; right: 0; background: #ffffff38; top: 0; bottom: 0; filter: blur(7px); transform: scale(0);transition: 0.23s linear; margin: auto; } .primary-menu a:hover:after , ul.primary-menu li.current-menu-item a:after{ transform: scale(1);} */ ul.primary-menu li a:after, ul.primary-menu li a:before { content: ''; width: 0; height: 2px; position: absolute; left: 0; background: #fff; top: auto; bottom: -3px; transition: 0.23s linear; margin: auto; } ul.primary-menu li a:before { left: 0; right: auto; } ul.primary-menu li a:after { left:auto; right:0; } ul.primary-menu li a:hover:after ,ul.primary-menu li a:hover:before ,ul.primary-menu li.current-menu-item a:after ,ul.primary-menu li.current-menu-item a:before{ width:50%} ul.social-icons a { border: 0; border-radius: 0; background: transparent; padding: 0; width: auto; height: auto; } body:not(.enable-search-modal) .header-titles-wrapper { width: auto; } .right-sec { width: auto; min-width: 150px; } .right-sec a:after { content: ''; width: 100%; height: 100%; border-radius: 100px; position: absolute; left: 0; right: 0; background: #fff; top: 0; bottom: 0; filter: blur(4px); transform: scale(1); transition: 0.23s linear; margin: auto; z-index: -1; opacity:0; } .right-sec a:hover { color:#000; border-color:transparent } .right-sec a:hover:after { transform: scale(1); opacity:1; } .right-sec a { border: 1px solid #ffffffd6; color: #ffffffd6; padding: 10px 20px; border-radius: 50px; display: inline-block; position: relative; overflow: hidden; transition: color 0.3s ease, border-color 0.3s ease; } .right-sec a::before { content: ""; position: absolute; inset: 0; background: #fff; transform: translateX(-100%); transition: transform 0.35s ease; z-index: -1; } .right-sec a:hover::before { transform: translateX(0); } .right-sec a:hover { color: #000; border-color: #fff; } .widget_custom_html { margin-top: 0; } .owl-stage-outer { overflow: hidden; transition: 0.2s ease; } .owl-item { display: inline-block; vertical-align: top; padding: 10px 0; } .owl-nav.disabled , .woo-mini-cart-icon .fa{ display: none; } .owl-dots { margin-top: 20px; text-align: center; } .owl-nav { text-align: center; margin: 0; } .owl-nav button { padding: 0; width:65px; height:38px; max-height: none; border-radius: 100px; margin: 0 5px; transition: 0.2s; border: solid 1px #dddddd; padding: 0; background: url(imgs/arrow-icon1.png); background-size: auto; padding: 0; padding: 0; background-repeat: no-repeat; background-position: center; } .owl-nav button:hover { transform: scale(1.05); } .owl-nav button.owl-prev { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .owl-nav button span { color: transparent; } .owl-dots.disabled { display: none; } span.wpcf7-spinner { position: absolute; } .blog .sub-header.featured-banner { background: #1c1c1c; } .sub-header.featured-banner { background: #f5f7f9; max-width:94%; margin: 0 auto; position: relative; height: 200px; border-radius:12px; display: flex; align-items: center; justify-content: center; } .sub-header h1.main-heading { margin: auto; text-transform: uppercase; font-size: 24px; font-weight: 600; text-shadow: 0 0 25px #1c1c1c; text-align: center; color:#fff } .single-post .sub-header.featured-banner { background: #1c1c1c; } label{ font-family: "Montserrat", serif; color: #000; font-size: 14px; font-weight: 500; } .sub-header.featured-banner { position: relative; background-size: cover !important; background-position: center !important; color: #fff; padding: 80px 0; overflow: hidden; transition: background-position 0.6s ease; } .sub-header.featured-banner:hover { background-position: center 20%; } .sub-header.featured-banner::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.45); transition: background 0.4s ease; } .sub-header.featured-banner:hover::before { background: rgba(0,0,0,0.7); } .sub-header.featured-banner h1 { position: relative; z-index: 2; } /* Header CSS END */ /*Home Page CSS Start*/ .slider .container { max-width: 100%;} .slider video {height: 84vh !important; object-fit: cover; border:0;} /* About Section CSS Start */ .abt-sec .col-left img { width: 100%; max-height: 400px; border-radius: 20px; } .heading_sec { width: 45%; } .cont_sec { width: 50%; } .cont_sec p,.col-right-hom p { font-family:"Montserrat", serif; font-weight: 500;} .bot-sec { background: #fff; border-radius: 14px; margin-top: 20px; overflow: hidden; position: relative; } .bot-sec .owl-item { padding:0;} .col-left-hom { width: 60%; } .col-left-hom img { opacity:0; border-radius: 0 15px 15px 0; position: relative; transition: 0.4s linear; transition-delay: 1s; } .col-right-hom { width: 40%; padding: 0 50px; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .col-right-hom h3 { font-size: 107px; color: #000; font-weight: 700; transition: 0.4s ease; opacity: 0; transition-delay: 1.3s; position: absolute; top: 16%; } .col-right-hom h6 { font-size: 18px; color: #000; font-weight: 600; margin-bottom: 25px; margin-top: 10px; transition: 0.2s ease; transition-delay: 1.5s; opacity: 0; position: absolute; top: 40%; } .col-right-hom p { font-size: 16px; color: #444444; } .bot-sec .owl-nav{ position: absolute; bottom: 10%; right: 25%; } .work-item { align-items: stretch; } .owl-item.active img,.owl-item.active h3, .owl-item.active h6, .owl-item.active .work-content { opacity: 1; } .work-content { transition: 0.4s ease; transition-delay: 1.7s; opacity: 0; position: absolute; width: 80%; top: 50%; } /* About Section CSS END */ /* Services Section CSS Start */ .service-sec { padding: 8rem 0px; background: #1a1a1a; } .service-sec .heading_sec { width: auto; } .service-box { align-items: stretch; margin-top: 50px;} .s-left, .s-right { display: flex; width: 29.2%; flex-direction: column; justify-content: space-between; } .s-center { width: 35.5%; } .service-box { align-items: stretch; } .boxex img { width: 100%; height: 100%; object-fit: cover; transition: 0.4s cubic-bezier(0.4, 0, 1, 1); } .boxex { width: 100%; position: relative; overflow: hidden; border-radius: 19px; } .box-titles { position: absolute; bottom: 10%; width: 84%; margin: auto; left: 0; right: 0; transition: 0.4s cubic-bezier(0.4, 0, 1, 1); z-index: 3; } .boxex h4 { font-weight: 600; font-size: 22px; color: #fff; margin: 0; text-align: left; transition: 0.2s linear; transition-delay: 0.25s; } .boxex h4:before { content: ''; display: block; width: 12%; height: 2px; background: #fff; margin-bottom: 10px; transition: 0.4s cubic-bezier(0.4, 0, 1, 1); } .boxex p { color: #fff; line-height: normal; text-align: left; font-size: 16px; font-weight: 500; transition: 0.2s linear; transition-delay: 0.3s; } .weddetail1.col1.one12last { display: flex; justify-content: center; } .boxex a { display: block; position: relative; z-index: 2; } .boxex a:after { content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.75); bottom: 0; left: 0; right: 0; display: block; transition: 0.27s cubic-bezier(0.4, 0, 1, 1); transform: translate(0,-100%); opacity: 0; z-index: 1; border-radius: 10px; } .boxex a:hover:after { transform: translate(0,0); opacity: 1; } .boxex:hover .box-titles { transform: scale(1.03) translateX(-10px); } .boxex:hover .box-titles h4, .boxex:hover .box-titles p { color: #fff; } .boxex:hover h4:before { background: #fff; width: 100%; } .boxex:hover img { filter: none; transform: scale(1.08); transition: transform 0.5s ease; } /* Services Section CSS END */ /* Porfolio Section CSS Start */ .gal-img img { border-radius: 20px; -webkit-transition: transform 0.60s cubic-bezier(.5, .3, .3, 1); } .gal-img:hover img { transform: rotate3d(5, 1, 1, 14deg) scale(0.98); transform-style: preserve-3d; } /* Porfolio Section CSS END */ /* Form Section CSS Start */ .home-contact { background: #ffffff; } .home-contact .heading_sec { width:auto; } .weddetail1 { display: flex; justify-content: space-between; margin: 24px 0; } .weddetail1 .column { width: 32%; } .weddetail1.col2 .column { width: 49%; } .weddetail1.col3 p { width:100%; } /* Form Section CSS END */ /* Review Section CSS Start */ .review-sec { background: #fff; } .review-sec .sub-heading, .review-sec .main-heading, .home-contact .sub-heading, .home-contact .main-heading { color:#000; } .review-sec .heading_sec { width: 100%; } /* Review Section CSS END */ .portfolio-sec .container { position: relative;} .portfolio-sec .owl-nav button { background-color: #fff; } .portfolio-sec .owl-nav { position: absolute; right: 0; top: 0; } /*Home Page CSS End*/ /* About-Us Page CSS Start */ .abt-title p { font-size: 18px; line-height: 32px; color: #fff; margin: 10px 0 50px; font-weight: 400; text-align: center; letter-spacing: 0.2px; font-style: italic; } .about-top .about_pic { border-radius: 15px; } .about-top2 .container { flex-direction: row-reverse; } .why-choose { list-style: none; padding: 0; margin: 0; } .why-choose li { position: relative; padding-left: 28px; margin-bottom: 12px; font-size: 16px; line-height: 1.6; color: #9c9c9c; } .why-choose li::before { content: "•"; position: absolute; left: 0; top: -4px; font-size: 20px; line-height: 1.6; color: #9c9c9c; } /* About-Us Page CSS END */ /* Contact Page CSS Start */ .contact-top1 .container { text-align: center; color: #f7f7f7; font-size: 14px; border-radius: 15px; } .form-main.disp-flex { align-items: stretch; flex-wrap: wrap; margin: auto; gap: 0; } .form-row { width: 30%; text-align: left; color: #000; margin: 10px 0; } .form-row.form-row-full { width: 100%; } .contact-top1 label { font-weight: 500; color: #fff; font-size: 14px; } .contact-top1 input.wpcf7-submit { background: #fff; border: solid 1px #fff; color:#000 } .contact-top1 input.wpcf7-submit:hover { color:#fff; background:transparent; border-color:#fff; } .form-row-full1 .wpcf7-form-control-wrap { clear: both; display: block; text-align: left; } .form-row-full1 br { display: none; } .contact-top .wpcf7 form.invalid .wpcf7-response-output { color: #fff; max-width: 100%; margin: auto; margin-top: 20px; text-align: left; } .contact-top2 .blk-bg { background: #000; border-radius: 15px; align-items: stretch; padding: 2em; } .contact-top2 .col-left { display: flex; flex-direction: column; justify-content: center; } .contact-top2 .about_pic { border-radius: 10px; } .contact-box { padding: 1em 0; } .con-box { width: 33%; border-right: solid 1px #efefef; padding: 2em; } .contact-top2 p { color: #9c9c9c; max-width: 70%; } .cn-dt a, .cn-dt ul li ,.cn-dt,.cn-dt p { color: #9c9c9c; text-align: left; font-size: 16px; font-weight: 500; } .con-box2 { margin-top: 30px; } .map-codes iframe { border-radius: 15px; filter: grayscale(1); } .contact-box .cn-item { color: #fff; display: flex; align-items: center; gap: 20px; } .wpcf7 form .wpcf7-response-output,.wpcf7-not-valid-tip { font-size:14px;} .contact-box { color: #fff; font-size: 16px; line-height: 1.6; padding-top: 30px; } .cn-item { margin-bottom: 30px; } .cn-item i { font-size: 18px; color: #000; padding: 6px; width: 40px; background: #fff; border-radius: 50px; display: flex; justify-content: center; align-items: center; height: 40px; } .cn-item a { color: #fff; text-decoration: none; transition: color 0.3s ease; } .cn-item a:hover { color: #9c9c9c; } .social { display: flex; gap: 14px; padding: 0; margin: 0; list-style: none; } .social li a:hover { border-color: #9c9c9c; color: #9c9c9c; box-shadow: 0 0 10px rgba(167,14,46,0.6); transform: translateY(-2px); } .social li a { width: 42px; height: 42px; border: 1.5px solid #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 16px; transition: all 0.3s ease; text-decoration: none; } /* Contact Page CSS END */ /* Terms Page CSS Start */ section.onlin_term { max-width: unset!important; width: 100%!important; } section.onlin_term .Container { max-width: 1170px; margin: 0 auto; width: 95%; background: #fff;} section.onlin_term .main_heading { margin: 0px; color: #fff; font-size: 26px; padding: 6px 27px; margin-bottom:1.5rem;} .term_hdg { color: #000; padding: 30px 0px 2px 0px; font-size: 20px; line-height: 28px; font-weight: 500; letter-spacing: 0px;} section.onlin_term ol { margin: 0 0 0 2rem;} section.onlin_term ol { margin: 0 0 0 2rem; list-style: auto;} .abt-main p { margin: 0px; line-height: 1.4; font-size: 15px; letter-spacing: 0; color: #797979; margin-bottom: 0.2rem; } section.onlin_term section.onlin_term { padding-bottom: 2rem; padding-top: 4rem; } section.online_terms { padding: 0; } /* Terms Page CSS End */ /* Footer CSS Start */ .footer-top-hidden #site-footer { margin-top: 2rem; } #site-footer { background: #050505; color: #fff; padding: 3.4em 0 0; clear: both; display: block; } .main-footer > .container { display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 0; justify-content: center; align-items: center; flex-direction: column; } .footer-sec-four.second { position: relative; width: 100%; text-align: center; } .footer-sec-four.third { margin-bottom: 15px; } .footer-sec-four.second img { position: absolute; left: 0; right: 0; margin: auto; top: 0; } .main-footer .widget ul.con-icons li a { font-size: 30px; font-weight: 600; line-height: normal; } ul#menu-footer-links ,ul#menu-footer-menu{ display: flex; flex-wrap: wrap; justify-content: center; column-gap: 50px; } ul#menu-footer-links a { text-transform:uppercase; } .footer ul { list-style: none; padding-left: 0; margin:0; } .main-footer .widget ul li { border: 0; margin: 0; padding: 5px 0; padding-top: 5px; font-size: 15px; color: #666; text-transform: inherit;list-style: none; position: relative; z-index: 2;} .main-footer .widget ul li a, .main-footer p, .main-footer .widget ul li { font-size: 16px; color: #fff; text-transform: inherit; font-weight: 500; font-family:"Montserrat", serif; } .main-footer .widget ul li a{position: relative;} .main-footer .widget ul li i { color: #237f59; position: absolute; left: 0; font-size: 19px; font-weight: 900; } .main-footer .widget ul li.current_page_item a{ color:#fff } #site-footer a { transition: 0.3s cubic-bezier(0.95, 0.54, 0.25, 1); position:relative} #site-footer a:hover { text-decoration: none; } #site-footer a:after ,#site-footer a:before{ content: ''; width: 0; height: 2px; position: absolute; left: 0; background: #fff; top: auto; bottom: -3px; transition: 0.23s linear; margin: auto; } #site-footer a:before { left: 0; right: auto; } #site-footer a:after { left:auto; right:0; } #site-footer a:hover:after ,#site-footer a:hover:before ,#site-footer li.current-menu-item a:after, #site-footer li.current-menu-item a:before { width:50%; } ul.social li a:hover { background: #fff; } ul.social li a:hover i { color:#000; } .main-footer ul.social { margin-top: 10px; margin-left: 0; column-gap: 10px; width: auto; display: flex; align-items: center; justify-content: center;} .main-footer ul.social a { border: solid 1px #fff; border-radius: 100px; background: transparent; padding: 0; width: auto; height: auto; display: block; width: 36px; height: 35px; text-align: center; display: flex; align-items: center; justify-content: center; } .main-footer ul.social a:before,.main-footer ul.social a:after{display:none;} .main-footer ul.social a i { font-size: 15px; position: static; color: #fff; } .fooeter-copyright { text-align: center; position: relative; width: 100%; padding: 20px 0; border-top: 1px solid #2a2a2a; margin-top: 20px; } .fooeter-copyright p { color: #fff; margin-bottom: 0; } .fooeter-copyright a { color:#fff; font-weight: 600; font-size: 15px; } .fooeter-copyright .menu-footer-menu-container li:before { content: ''; position: absolute; width: 2px; height: 12px; margin: auto; BACKGROUND: #bbb; bottom: 0; top: 0; right:-17%; } .fooeter-copyright .menu-footer-menu-container li:last-child:before{display:none;} a.arrow-top { padding: 4px 2.5px; color: #fff; border-radius: 2px; position: fixed; bottom: 8px; right: 9px; margin: auto; z-index: 1; opacity: 0; box-shadow: 0 0 5px #a7a7a7; border-radius: 100px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 #ffffffc9; animation: pulse 4s infinite; overflow: hidden; background: #000;} a.arrow-top:after { content: ''; width: 75%; height: 75%; position: absolute; left: 0; right: 0; margin: auto; border: solid 2px #ffffffc9; border-radius: 100px; } a.arrow-top.arrowon i { transform: translate(0,0); } a.arrow-top i { max-width: 40px; position: relative; transform: translate(30px, 30px) scale(2.5); transition: 0.2s linear; } a.arrow-top.arrowon { opacity: 1; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px #fff; } 100% { -webkit-box-shadow: 0 0 0 0 #fff; } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff; } 70% { -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0); box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } /* Footer CSS END */ /* Price page */ .pricing-row { padding: 0; align-items: stretch; flex-wrap: wrap; justify-content: center; gap: 30px; } .pricing-box { background: #000000; padding: 30px 14px; border-radius: 20px; border: 4px solid #555; } .pricing-box { width: 31%; text-align: center; padding: 4em 2em; } .pricing-box h2 { color:#fff; } .pricing-box .price { color: #efefef; } .pricing-box ul li { color: #9c9c9c; } .pricing-box h2 { font-size: 23px; font-weight: 700; min-height: 50px; margin-bottom: 10px; } .includes li { font-size: 14px; position: relative; margin: 7px 0; text-align: center; } .includes { margin: 30px 0; } .pricing-box p { font-size: 15px; line-height: normal; } .price { font-weight: 600; margin-bottom: 30px; font-family: 'Montserrat', sans-serif; font-style: italic; font-size: 25px; } .price-titles { margin-bottom: 30px; } .price-titles .main-heading { margin-bottom: 6px; } .pricing-box .book-btn { border: solid 1px #000; display: inline-block; padding: 10px 50px; } .pricing-box .book-btn { border-color: #fff; color: #000; background: #fff; font-weight: 600; border-radius: 50px; } .pricing-box .book-btn:hover { background:#000; color:#fff; } /* Services */ .kennismaken-sec1 .container { padding:10px 50px; } .kennismaken-sec1 .main-heading { color:#fff; } .kennismaken-sec1 .desc { max-width: 80%; margin: auto; text-align: center; } .kennismaken-sec1 label { color: #fff; font-size: 14px; } .kennismaken-frm { padding-top: 40px; } .kennismaken-frm .wpcf7 form.invalid .wpcf7-response-output { color: #fff; text-align: left; } .kennismaken-frm input.wpcf7-submit { background: #fff; border: solid 1px #fff; color: #000; } .kennismaken-frm input.wpcf7-submit:hover { color: #fff; background: transparent; border-color: #fff; } .serv-sec2 .wht-bg { background: #fff; border-radius: 15px; padding: 6rem 4rem 4rem 4rem; } .serv-sec2 label { color:#000; font-size:14px; } .serv-sec2 .main-heading { color:#000; } .serv-sec2 { padding-top: 0; } video { height: auto !important; border: solid 2px #555; border-radius: 20px; overflow: hidden; } .boldd { font-weight: 500; color: #f7f7f7; padding-bottom: 10px; letter-spacing: 0.2px; } /* Portfolo Page CSS Start */ ul.simplefilter li { font-weight: 400; background: transparent; font-size: 15px; border: solid 1px #ffffff75; padding: 8px 25px; border-radius: 50px; margin: 0px 8px; } div.filter_gallery_155 .filtr-item { border-radius:10px; } .filter_gallery_155 .filtr-item img { border: 0; box-shadow: none; padding: 0; border-radius: 10px; } div.filtr-container { margin-top: 30px; } ul.simplefilter_155 li.active,ul.simplefilter_155 li:hover { background-color: #fff !important; color: #000 ; } .portfolio-wraper.pfg-bootstrap ul.simplefilter, .portfolio-wraper.pfg-bootstrap ul.simplefilter_155, .portfolio-wraper.pfg-bootstrap ul#all-simplefilter, .portfolio-wraper.pfg-bootstrap ul#f-simplefilter-155{ display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 14px !important; padding: 0 !important; margin: 0 auto 18px !important; list-style: none !important; } .portfolio-wraper.pfg-bootstrap ul.simplefilter li,.portfolio-wraper.pfg-bootstrap ul.simplefilter_155 li, .portfolio-wraper.pfg-bootstrap ul#all-simplefilter li, .portfolio-wraper.pfg-bootstrap ul#f-simplefilter-155 li{ float: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 10px 12px !important; white-space: nowrap !important; } .pfg-grid { display: flex !important; flex-wrap: wrap; gap: 20px; height: auto !important; } .pfg-item { position: relative !important; width: calc(33.33% - 14px) !important; left: auto !important; top: auto !important; } .pfg-item a { height: 260px !important; display: block; } .pfg-item img { height: 100% !important; object-fit: cover; } .port-top .pfg-filter--active { background: #ffffff !important; color: #000 !important; } .pfg-filter { background: #333333 !important; } @media (max-width: 768px){ .portfolio-wraper.pfg-bootstrap ul.simplefilter, .portfolio-wraper.pfg-bootstrap ul.simplefilter_155, .portfolio-wraper.pfg-bootstrap ul#all-simplefilter, .portfolio-wraper.pfg-bootstrap ul#f-simplefilter-155{ gap: 16px !important; } .portfolio-wraper.pfg-bootstrap ul.simplefilter li, .portfolio-wraper.pfg-bootstrap ul.simplefilter_155 li, .portfolio-wraper.pfg-bootstrap ul#all-simplefilter li, .portfolio-wraper.pfg-bootstrap ul#f-simplefilter-155 li{ margin: 0 0px 0px !important; font-size: 12px; } } /* Portfolo Page CSS END */ /* Common Page CSS Start */ .common-page p, .common-page li, .common-page address, .common-page table td, .common-page table th { font-size: 14px; color: #9c9c9c; } .common-page h1,.common-page h2,.common-page h3,.common-page h4,.common-page h5 { color:#fff; } .common-page h3 { font-size: 16px;font-weight: 600; color:#fff; } .common-page p a, .common-page a { color: #fff; text-decoration: none; } .common-page p a:hover, .common-page a:hover{ color: #282828; } .common-page .container .container { max-width: 100%;} /* Common Page CSS END */