/*rtl css*/ * { outline: none; margin: 0; padding: 0; } body { margin: 0; padding: 0; -ms-word-wrap: break-word; word-wrap: break-word; background-color: #fff; font: 14px; color: #5b5b5b; font-family: "Poppins", sans-serif; overflow-x: hidden; position: static !important; } img { border: none; height: auto; } section img, img { max-width: 100%; } h1, h2, h3, h4, h5, h6 { font-family: "Ubuntu", sans-serif; margin: 0; padding: 0 0 15px; } *, body, p, img, .wp-caption-text, .wp-caption, .sticky, .bypostauthor, .gallery-caption { margin: 0; padding: 0; } a { text-decoration: none; color: #dd3333; } a:hover { text-decoration: none; color: #666; } /*focus css*/ input:focus, .main-search a:focus, .toggle-menu.responsive-menu a:focus, .primary-navigation a:focus, .woocommerce form .form-row input:focus.input-text, .main-navigation .sub-menu > li > a:focus, .search-box i:focus, .select2-container--default .select2-selection--single:focus, .woocommerce form .form-row textarea:focus, button:focus, textarea#comment:focus, #sidebar .textwidget a:focus { outline: 1px solid #000 !important; border-bottom: 1px solid #000 !important; } .close a:focus, .primary-navigation a:focus, button.close:focus, .menubar .primary-navigation ul li a:focus, a.closebtn.responsive-menu:focus, #sidebar-footer input:focus, .textwidget a:focus, #sidebar-footer a:focus, .slide-button a:focus, .close:focus, #search .close:focus, .footer-wp button:focus, button.close:focus, .footer-wp a:focus, .copyright-wrapper a:focus, .primary-navigation a:focus, #navbar-header a:focus { outline: 1px solid #fff !important; border-bottom: 1px solid #fff; } .pagination a:focus, .footer-wp .tagcloud a:focus, .footer-wp button:focus, .footer-wp input.search-submit:focus { outline: 2px solid #ffff00 !important; border-bottom: 1px solid #000 !important; } ul, ol { margin: 0 15px 0 0; padding: 0; } input[type="submit"] { background-color: #dd3333; padding: 1%; border: 0; margin: 2% 0; color: #fff; } input[type="submit"]:hover { background-color: #dd3333; } .pagination, .content_box .pagination ul, .pagination, .content_box hr, .clear, #comments h3.comment-reply-title, .comment-respond { clear: both; } input[type="text"], input[type="email"], input[type="phno"], textarea { border: 1px solid #bcbcbc; width: 100%; font-size: 16px; padding: 10px 10px; margin: 0 0 23px 0; height: auto; } textarea { height: auto; } select { width: 100%; padding: 13px; } .center { text-align: center; margin-bottom: 40px; } .wp-caption { font-size: 13px; max-width: 100%; } .screen-reader-text { position: absolute; top: -9999em; right: -9999em; } /*wide block*/ .new-text .alignwide { margin-right: -80px; margin-left: -80px; } .new-text .alignfull { margin-right: calc(-100vw / 2 + 100% / 2); margin-left: calc(-100vw / 2 + 100% / 2); max-width: 100vw; } .alignfull img { width: 100vw; } /*elementor*/ #scrollbutton, .toggle-menu, a.closebtn, .primary-navigation ul ul, #navbar-header form.search-form, #navbar-header a.mail, #navbar-header a.call, #navbar-header .socialbox, .searchform_page, .elementor-html .frame, #sidebar .woocommerce a.remove, .elementor-html .loader, .search_input input.search-submit { display: none; } .main-search i, h1, h2, h3, h4, h5, h6, .woocommerce .quantity .qty, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, h2.woocommerce-loop-product__title, .footer-wp .tagcloud a, .footer-wp .woocommerce .widget_shopping_cart .buttons a:hover, .footer-wp .woocommerce.widget_shopping_cart .buttons a:hover, a.button, #sidebar .widget.widget_calendar table, #sidebar td, #sidebar th, #sidebar .textwidget a:hover, .widget_calendar caption, .tags, .blog-section .section-title a, .postbtn a:hover, #header .logo a, #header .socialbox i, .topbar a { color: #000; } #sidebar .tagcloud a:hover, #sidebar button, .footer-wp button, input[type="submit"]:hover, .searchform_page i, #slider .inner_carousel, #slider .carousel-caption h1, .slide-button a, .footer-wp .widget_price_filter .price_slider_amount, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce-MyAccount-navigation ul li a, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .frame, .pagination .current, .pagination span, .pagination a, .footer-wp .tagcloud a:hover, .footer-wp li a, .footer-wp th, .footer-wp caption, .footer-wp input[type="search"], .footer-wp h3, .footer-wp .widget_block .wp-block-heading, .footer-wp td, .footer-wp td#prev a, .footer-wp .textwidget p a, .footer-wp .rssSummary, .footer-wp ul li, .footer-wp p, .copyright-wrapper p, .copyright-wrapper a, #sidebar .tagcloud a, #sidebar input[type="submit"], #sidebar input[type="submit"]:hover, .widget_calendar tbody a:focus, .textwidget a:hover, .widget_calendar tbody a, #comments a.comment-reply-link:hover, #comments a.comment-reply-link, #comments a.comment-reply-link:hover, #comments input[type="submit"].submit, .footer-wp h3.widget-title a.rsswidget, .page-content .read-moresec a.button, .postbtn i, .primary-navigation a, .primary-navigation ul ul a, #header .socialbox a, .appointbtn a, .appointbtn i { color: #fff; } #header .header-top, #sidebar button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .frame, .pagination span, .pagination a, #sidebar input[type="submit"], #slider, #comments a.comment-reply-link:hover { background: #000; } .woocommerce form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit, .posted_in, .pagination span, .pagination a, .footer-wp h3:after, .footer-wp .widget_block .wp-block-heading:after, .widget_calendar tbody a, #sidebar h3:after, .blog-section .section-title a:after, .primary-navigation ul li:hover > ul, .primary-navigation ul ul li, .primary-navigation a, .screen-reader-text:focus, form#commentform label, .aligncenter, img.aligncenter { display: block; } .entry-video video, .woocommerce #comments p, .woocommerce-input-wrapper, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .footer-wp .search-form label, .footer-wp input[type="submit"], table, .widget_categories select, #sidebar form, .reply, #comments ol li, iframe, .entry-audio audio, .page-template-custom-home-page #header, .fixed-header, .search_input input.search-field, #slider img, .search_input label, #sidebar button, .footer-wp button { width: 100%; } #sidebar .tagcloud a:hover, .woocommerce-MyAccount-navigation ul li, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce span.onsale, .pagination .current, .pagination a:hover, .page-links a:hover, .footer-wp .tagcloud a:hover, .footer-wp input[type="submit"], .footer-wp h3:after, .footer-wp .widget_block .wp-block-heading:after, #scrollbutton i, #sidebar h3:after, #comments a.comment-reply-link, .page-content .read-moresec a.button:hover, .blog-section .section-title a:after, .postbtn i, .slide-button i, #sidebar button, .footer-wp button, .appointbtn { background: #dd3333; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; font-size: 1em; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .alignleft, img.alignleft { display: inline; float: right; margin-left: 45px; margin-top: 4px; margin-bottom: 20px; padding: 0; } .alignright, img.alignright { display: inline; float: left; } .aligncenter, img.aligncenter { clear: both; margin-right: auto; margin-left: auto; margin-top: 0; } .comment-list .comment-content ul { list-style: none; margin-right: 15px; } .comment-list .comment-content ul li { margin: 5px; } section { padding: 34px 0; position: relative; max-width: 1400px; margin: 0 auto; } .single-product .background-img-skin { margin: 36px 0; } /*----------------- SEARCH POPUP ----------------*/ #sidebar button, .footer-wp button { padding: 9px 12px; border: none; border-radius: 0; font-size: 16px; font-weight: bold; } .searchform_page { position: fixed; overflow: hidden; transition: 0.5s; z-index: 999999; top: 0; right: 0; background: rgb(0, 0, 0); } .search_input { position: absolute; top: 50%; transform: translateY(-50%); } .search_input label { margin-bottom: 0; } .close { position: absolute; top: 20%; transform: translateY(-50%); left: 0; opacity: 1; } .searchform_page i { font-size: 24px; cursor: pointer; } .search_input form.search-form { position: absolute; top: 50%; right: 0px; margin-top: -51px; width: 55%; margin-right: 20%; color: rgb(0, 0, 0); font-size: 25px; font-weight: 300; text-transform: uppercase; border-width: initial; border-style: none; border-color: initial; border-image: initial; background: rgb(255, 255, 255); } .serach-page input.search-field { border: 1px solid #ccc; padding: 9px; } button.search-submit { border: 0; background: transparent; } .search_input input.search-field { color: rgb(0, 0, 0); font-size: 25px; font-weight: 300; text-transform: uppercase; padding: 5px 10px; border-width: initial; border-style: none; border-color: initial; border-image: initial; background: rgb(255, 255, 255); } .main-search i { cursor: pointer; font-size: 15px; } /* --------- SLIDER--------- */ #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon { background: transparent; } #slider img { opacity: 0.7; object-fit: cover; } #slider .carousel-item-next, #slider .carousel-item-prev, #slider .carousel-item.active { display: block !important; } #slider .carousel-control-next, #slider .carousel-control-prev { opacity: 1; } #slider .carousel-caption { top: 60%; transform: translateY(-50%); } #slider .carousel-caption h1 { font-size: 28px; font-weight: 600; letter-spacing: 1px; } .slide-button a { font-size: 15px; font-weight: bold; } #slider i { font-size: 20px; } /*----------Sticky Header------*/ .fixed-header { position: fixed; top: 0; right: 0; box-shadow: -2px 2px 10px 0px #2d2d2d; z-index: 999; } .fixed-header .appointbtn a { padding: 12px 0; display: inline-block; } .admin-bar .fixed-header { top: 32px; } /*--------------header-------------*/ .page-template-custom-home-page #header { position: absolute; top: 2em; z-index: 99; border: none; background: transparent; } /*header css*/ .appointbtn i, .appointbtn a { font-size: 16px; } #header { border-bottom: 2px solid #111111; } .appointbtn a { font-weight: bold; } .topbar a { font-size: 15px; float: right; } .topbar a:hover { color: #dd3333; } #header .socialbox i:hover { color: #dd3333; } .logo a:hover { text-decoration: none; } #header .logo h1, #header .logo a { font-size: 30px; font-weight: bold; } #header .logo p { font-size: 12px; color: #767676; } #header .header-top { color: #aaaaaa; } /* --------- MENUS CSS --------- */ .page-content .read-moresec a.button, .postbtn :hover i, .primary-navigation, .primary-navigation ul ul a { background: #111111; } #navbar-header { display: inline; } .primary-navigation ul { list-style: none !important; } .primary-navigation li { padding: 20px 12px; display: inline-block; position: relative; } .primary-navigation a { font-size: 12px; font-weight: bold; padding: 3px; text-transform: uppercase; } .primary-navigation a:hover { color: #e9413a; } .primary-navigation ul ul { position: absolute; min-width: 215px; z-index: 99; top: 60px; margin: 0; -webkit-transition: max-height 3s ease-in-out; -moz-transition: max-height 3s ease-in-out; -o-transition: max-height 3s ease-in-out; transition: max-height 3s ease-in-out; } .primary-navigation ul ul ul { right: 100%; top: 25%; } .primary-navigation ul ul a { padding: 13px !important; } .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus { background: #dd3333; color: #fff !important; } .primary-navigation ul ul li { float: none; text-align: right; border-right: none; border-left: none !important; padding: 0; } .primary-navigation ul ul li:last-child { border-bottom: 0; } .primary-navigation ul li:hover > ul { max-height: 100%; } /* --------- Homepage --------- */ .blog-section .metabox span i,.blog-section .metabox span a{ margin-bottom: 12px; } .metabox a, .metabox, #project h3 a { color: #111111; } .entry-date:hover i, .entry-author:hover i, p.logged-in-as a, .metabox a:hover, .postbtn a{ color: #dd3333 !important; } p.logged-in-as a { text-decoration: none !important; } .postbtn a { font-size: 15px; font-weight: bold; } .postbtn i { font-size: 13px; padding: 5px; } .section-title { font-size: 35px; } .blog-section .section-title a:hover { text-decoration: none; } .content_box .inner-service { border: none; margin-bottom: 0; padding: 0px; } .nav-previous a, .nav-next a { font-size: 16px; font-weight: 500; } .nav-previous a:hover, .nav-next a:hover { color: #fff !important; } .new-text a { text-decoration: underline; } .new-text p { margin-top: 20px; } .nav-links { padding: 10px 0; } .content_box .tag-content.tag-image .navigation{ width: 100%; display: inline-block; } .navigation .nav-previous { float: right; width: 45%; } .navigation .nav-next { float: left; width: 45%; } .navigation .nav-previous, .navigation .nav-next{ background: #dd3333; padding: 10px; text-align: center; } .navigation .nav-previous a, .navigation .nav-next a{ color: #fff; } .nav-next, .posts-navigation .nav-next { margin-top: 0; } .navigation.posts-navigation a { color: #fff; padding: 10px; background: #dd3333; } .meta-nav:after { content: ":"; padding: 5px 5px; } .meta-nav { font-size: 17px; font-weight: bold; } .box-image img { width: 100%; } .gridbox .inner-service, .related-inner-box, .mainbox-post, .layout2, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery { border: 1px solid #e6f0fa; } .gridbox .inner-service, .layout2, .layout1, .post_format-post-format-video, .post_format-post-format-image, .post_format-post-format-audio, .post_format-post-format-gallery { padding: 20px; } .nav-links { padding: 30px 0; } .metabox i:before { font-size: 10px; background: #dd3333; padding: 8px; color: #fff; border-radius: 50%; } .inner-service { margin-bottom: 35px; } .gridbox .inner-service:hover, .inner-service:hover, .related-inner-box:hover { box-shadow: 0px 6px 20px 0px #ddd; } .content_box .inner-service:hover { box-shadow: none; } .tags { font-size: 15px; font-weight: bold; margin-bottom: 15px; } .tags a { text-decoration: none !important; font-weight: 400; background: #f8f8f8; border: 1px solid #ccc; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); text-shadow: none; padding: 5px 8px; margin: 5px; font-size: 15px; color: #000; } .related-inner-box { border: 1px solid #000; } .related-inner-box h4 { font-size: 18px !important; } /* --------- Blog Page ------- */ #blog_sec form.search-form{ display: flex; } #blog_sec form.search-form .search-submit{ margin: 0; } #blog_sec form.search-form input.search-field{ width: 95%; } .content_box .inner-service { border: none; } .page-content .read-moresec a.button { border: 2px solid #111111; font-size: 16px; font-weight: bold; } .page-content .read-moresec a.button:hover { border: 2px solid #dd3333; } /* Breadcrumb */ .bradcrumbs{ padding:30px 0; } .bradcrumbs a{ background:#dd3333; color: #fff; padding:5px 15px; margin:5px; display: inline-block; } .bradcrumbs a:hover{ background:#212529; } .bradcrumbs span{ background:#dd3333; color: #fff; padding:5px 15px; margin:5px; display: inline-block; } .new-text p a,.comment p a{ text-decoration: underline; } .single-post-page .category a { text-transform: capitalize; font-size: 16px; font-weight: 500; padding: 8px; background: #dd3333; color: #fff; } .category li{ list-style-type: none; margin-bottom: 5px!important; display: inline-block; } .category ul{ margin-right: 0px!important; display: inline-block; } .category span{ color:#000; text-transform: capitalize; font-size: 16px; font-weight: 400; margin: 5px; display: inline-block; } /* Comments BOX */ .comment-body p a, .textwidget a { text-decoration: underline; } #comments h2.comments-title { font-size: 20px; font-weight: bold; border-top: 2px dotted #7e7e7e; padding: 40px 0 0 0; } #comments h3.comment-reply-title { font-size: 20px; font-weight: bold; } #comments input[type="text"], #comments input[type="email"], #comments textarea { padding: 12px 10px; font-size: 18px; margin: 20px 0 0 0; } #comments input[type="submit"].submit { background: #dd3333; padding: 10px 60px; text-transform: uppercase; font-weight: bold; margin-top: 20px; margin-right: 0px; } #comments a.comment-reply-link:hover, #comments input[type="submit"].submit:hover { background: #dd3333; } #comments a.comment-reply-link { color: #000; background: #cecece; padding: 5px 15px; } #comments a time { color: #000; font-weight: bold; font-size: 12px; } .content_box #comments ol li { width: 100%; background: none; list-style: none; margin: 0 0 20px; padding: 20px; background: #eee; display: inline-block; } .content_box #comments ul { margin: 0 40px 0 0; } #comments .reply { float: left; } #comments .comment-metadata { width: 90%; float: right; padding: 1% 0 0 0; } #comments .comment-content { width: 90%; float: right; } .comment-list, ol.comment-list { list-style: none; margin-right: 0; margin-top: 20px; margin-bottom: 20px; } .comment-list ul, ol.comment-list ul { list-style: none; } .comment-list li.comment { margin-top: 20px; } .comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6 { margin-top: 15px; } .comment-meta.commentmetadata { padding: 10px 0; } #comments ol { list-style: none; } #comments ol li { list-style: none; margin: 0 0 20px !important; padding: 20px !important; display: inline-block; border: solid 1px #f0f0f0; } #comments .comment-author { width: 50%; float: right; } .comment-meta.commentmetadata { float: left; width: 50%; text-align: left; } .reply { margin-bottom: 15px; float: right; } #comments a.comment-reply-link { padding: 5px 15px; text-decoration: none; } #comments ol li li { margin-right: 25px; } .comment-body { margin-bottom: 20px; } .content-ts #comments ul { margin: 0 40px 0 0; } #comments .reply { text-align: left; } #comments .comment-author { width: 100%; } #comments ol.comment-list { color: #3a4d5e; font-size: 18px; } .comment-meta.commentmetadata { margin: 8px 0; } li#comment { margin-bottom: 20px; } .comment-author cite.fn { padding-right: 10px; } .entry-content a, .sidebar p a, #comments p a, .comment-meta.commentmetadata a { color: #111111; text-decoration: underline; } /* sticky post */ #blog_sec .sticky .mainbox-post h2:before { content: '\f02e'; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-left: 20px; font-size: 20px; } /* Block Button */ .wp-block-button .wp-block-button__link{ border-radius: 23px; } .wp-block-button.is-style-squared a{ border-radius: 0; } .wp-block-button.is-style-outline .wp-block-button__link{ border: 2px solid !important; margin: 5px 0; color: #000 !important; } /* Block Image */ .inner-service.format-standard .new-text .alignwide { margin-right : 0; margin-left : 0; } .inner-service.format-standard .new-text .alignfull { margin-right : 0; margin-left : 0; } .alignfull img { width: 100vw; } /* Block Gallery */ .wp-block-gallery-3 .blocks-gallery-grid{ margin-left: 35px; margin-top: 25px; } /* Block Layout */ .tag-content .wp-block-media-text__media img{ width: 100% !important; } /* Block Widget */ #sidebar .widget_block .wp-block-calendar, #sidebar .widget_block .wp-block-tag-cloud, #sidebar .widget_block.widget_text p, #sidebar .widget_block.widget_recent_comments, #sidebar .widget_block.widget_text p, #sidebar .widget_block.widget_media_image .wp-block-image, #sidebar .widget_block.widget_media_gallery{ padding: 15px; } #sidebar .widget_block .wp-block-calendar .wp-calendar-nav, .footer-wp .widget_block .wp-block-calendar .wp-calendar-nav{ text-align: right; } .footer-wp .widget_block .wp-block-calendar .wp-calendar-nav a{ color: #ffffff; } .footer-wp .widget_block .wp-block-calendar th{ background-color: transparent; font-weight: 700; } #sidebar .widget_block .wp-block-image, #sidebar .widget_block .wp-block-gallery{ margin-bottom: 0; } #sidebar .widget_block .wp-block-tag-cloud a, .inner-service .wp-block-tag-cloud a{ color: #000; font-size: 15px !important; padding: 5px 18px; margin: 0 0 5px; display: inline-block; border: 1px solid #e6f0fa; } #sidebar .widget_block .wp-block-tag-cloud a:hover, .inner-service .wp-block-tag-cloud a:hover, .footer-wp .widget_block .wp-block-tag-cloud a:hover{ background-color: #dd3333; color: #fff; } .footer-wp .widget_block .wp-block-tag-cloud a{ color: #fff; border: 1px solid #fff; font-size: 15px !important; padding: 5px 18px; margin: 0 0 5px; display: inline-block; } #sidebar .widget_block li.wp-social-link, .footer-wp .widget_block li.wp-social-link{ padding: 0; } #sidebar .widget_block li.wp-social-link:hover, .footer-wp .widget_block li.wp-social-link:hover{ transform: none; } #sidebar .widget_block li.wp-social-link a, .footer-wp .widget_block li.wp-social-link a{ color: #ffffff; padding: 10px; } #sidebar .widget_block li.wp-social-link:before{ display: none; } /*--------------- Sidebar -----------------*/ #sidebar { padding-top: 48px; } #sidebar form { display: table; } #sidebar h3, #sidebar h2.wp-block-heading, #sidebar .widget_block label.wp-block-search__label { font-size: 22px; color: rgba(0, 0, 0, 0.78); border-bottom: 1px solid #e6f0fa; padding: 15px; } #sidebar label.wp-block-search__label{ margin: 0 0 15px 0; font-weight: 500; font-family: "Ubuntu", sans-serif; } #sidebar .widget_block .wp-block-search__inside-wrapper { padding: 10px; } .widget_categories select { padding: 6px; } #sidebar select { padding: 10px; margin: 24px; width: 85%; } #sidebar ul.children, #sidebar ul.sub-menu { padding: 0 25px; } #sidebar input[type="search"] { background: transparent; padding: 12px; border: solid 1px #e6f0fa; font-size: 15px; color: #000; width: 100%; } #sidebar .widget.woocommerce.widget_product_search { padding: 20px; } input[type="search"] { background: transparent; padding: 10px 10px; border: solid 1px #dd3333; font-size: 15px; color: #dd3333; } #sidebar .widget.widget_search label{ width: 100%; } #sidebar form.search-form label .search-field { width: 100%; margin-bottom: 15px; } #sidebar input[type="submit"] { background: #dd3333; border: none; padding: 12px; font-size: 16px; margin: 0; width: 100%; border-radius: 0; } #sidebar aside, #sidebar .custom-about-us, #sidebar .custom-contact-us { margin-bottom: 30px; border: 1px solid #e6f0fa; } #sidebar .widget.widget_nav_menu ul.sub-menu{ padding: 0; } #sidebar ul { list-style: none; font-size: 17px; padding: 15px; margin: 0; } #sidebar ul li a { color: rgba(0, 0, 0, 0.78); line-height: 40px; } #sidebar ul li { font-size: 15px; position: relative; transition: 0.3s ease-in-out; } #sidebar ul li:before { position: absolute; right: 0; content: ""; display: block; width: 5px; height: 5px; top: 50%; transform: translateY(-50%); border-radius: 50%; background-color: #dd3333; opacity: 0; transition: 0.3s ease-in-out; } #sidebar ul li a:hover { color: #dd3333; } #sidebar ul li:hover:before { opacity: 1; } #sidebar ul li:hover { padding-right: 25px; } #sidebar .tagcloud a { color: #000; font-size: 15px !important; padding: 5px 18px; margin: 0 0 5px; display: inline-block; border: 1px solid #e6f0fa; } #sidebar button:hover { background: #dd3333; color: #fff; } #sidebar ul li.menu-item-has-children:before { display: none; } #sidebar ul li.menu-item-has-children:hover { padding: 0; } #sidebar h2, #sidebar .textwidget p, #sidebar #calendar_wrap, #sidebar .tagcloud, #sidebar .calendar_wrap { padding: 15px; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 1px 0 0; margin: 0 0 1.75em; table-layout: fixed; } .widget.widget_calendar table { margin: 0; } .widget_calendar td, .widget_calendar th { line-height: 2.5; padding: 0; text-align: center; } .widget_calendar caption { font-weight: 900; } .widget_calendar tbody a { background-color: #dd3333; display: block; font-weight: 700; } #sidebar form.search-form { display: table; border-radius: 20px; padding: 10px; } #sidebar .widget_calendar td, #sidebar .widget_calendar th, #sidebar .widget.widget_calendar table { border: 1px solid #e6f0fa !important; } #sidebar .wp-block-latest-comments li a:hover { color: #000; } /* Page */ .content_box ul { list-style: none; margin: 0 10px 0 0; padding: 10px 0; font-size: 16px; } .content_box ul li { list-style-type: none; margin: 15px 0; line-height: 25px; } .content_box ul li ul li { list-style-type: circle; } .content_box ol { list-style: none; margin: 0 0px 0 0; padding: 10px 0 0 0; font-size: 16px; counter-reset: myCounter; } .content_box ol li { list-style-type: circle; padding: 0 0 0 0; margin: 0 0 20px 0; } .content_box ol li ol li { margin: 0 0 20px 0; padding: 0 5px 0 0; } .content_box h5 { margin: 0 0 15px; font-size: 18px; padding: 0; } a.button { border: 2px solid #000; font-size: 16px; font-weight: bold; } /*copyright css*/ #scrollbutton i { position: fixed; text-align: center; bottom: 70px; left: 20px; font-size: 22px; padding: 12px; border: solid 2px #dd3333; color: #fff; z-index: 9; border-radius: 50%; text-shadow: -1px 1px 2px; box-shadow: inset 0px 0px 0px #dd3333, 0px 5px 0px 0px #871c1c, 0px 5px 4px #000; } .left i { right: 20px; left: auto !important; } .center i { right: 50%; left: auto !important; } .copyright-wrapper { background-color: #dd3333; font-size: 15px; font-weight: bold; text-align: center; padding: 15px 0; } .footer-wp { background: #111; } .footer-wp h3, .footer-wp .widget_block .wp-block-heading { text-align: right; font-size: 20px; letter-spacing: 2px; font-weight: 600; } a.button, #comments ol li, .page-template-custom-home-page .inner-box, #header, .fixed-header, .categorybox, .dot-3, .dot-2, .dot-1, .footer-wp .woocommerce .widget_shopping_cart .buttons a:hover, .footer-wp .woocommerce.widget_shopping_cart .buttons a:hover { background: #fff; } .footer-wp h3:after, .footer-wp .widget_block .wp-block-heading:after { content: ""; width: 40px; height: 3px; margin-top: 7px; } .footer-wp input[type="search"] { width: 100%; padding: 8px 5%; } .footer-wp input[type="submit"] { padding: 9px 12px; border: none; border-radius: 0; margin: 10px 0; font-size: 16px; } .footer-wp caption { font-weight: bold; font-size: 25px; padding-right: 0; letter-spacing: 2px; margin-bottom: 0; } .footer-wp ul.product_list_widget .star-rating { margin: 0 !important; } .footer-wp table, .footer-wp th, .footer-wp td { border: 1px solid #858282; text-align: center; } .footer-wp th { text-align: center; padding: 10px; } .footer-wp select { padding: 8px 5px; } .footer-wp li a { font-size: 17px; } .footer-wp li a:hover { color: #dd3333; } .footer-wp ul li { list-style: none; padding: 5px 0; } .footer-wp ul { margin: 0; } .footer-wp .widget { margin: 5% 0; } .footer-wp .tagcloud a { border: 1px solid #fff; color: #fff; font-size: 15px !important; padding: 5px 18px; margin: 0 0 5px; display: inline-block; } /* Pagination */ .pagination { position: relative; font-size: 15px; line-height: 13px; float: left; font-weight: bold; width: 100%; } .pagination span, .pagination a, .page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span { padding: 18px; float: right; margin: 10px 0 10px 8px; text-decoration: none; width: auto; background: rgb(233 233 233 / 78%); color: #000; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -ms-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; font-weight: bold; } .pagination a:hover, .page-links a:hover { color: #fff; } .pagination .current, .page-links .post-page-numbers.current span { font-weight: bold; background: #dd3333; color: #fff; } .page-links .page-links-title, .page-links a, .page-links .post-page-numbers.current span{ padding: 12px 15px; } .page-links{ padding-bottom: 50px; } .content_box .pagination ul li, .content_box .pagination ul { margin: 0; } .pagination { display: table; } .pagination ul { list-style: none; margin: 20px 0; } .pagination ul li { display: inline; float: right; margin-left: 5px; } .pagination ul li span, .pagination ul li a { background: #222222; color: #fff; padding: 5px 10px; display: inline-block; } .pagination ul li .current, .pagination ul li a:hover { background: #ff8a00; } h2.entry-title { font-size: 25px; text-transform: uppercase; color: #dd3333; font-weight: bold; } form.search-form { margin-bottom: 0px; } input.search-field, .post-password-form input[type="password"] { border: 1px #eee solid; padding: 10px 20px; } input.search-submit, .post-password-form input[type="submit"] { border: none; color: #ffffff; padding: 10px 20px; cursor: pointer; } /*preloader*/ .frame { position: fixed; border-radius: 2px; z-index: 9999999; top: 0; right: 0; } .loader { position: absolute; width: 220px; height: 220px; top: 50%; right: 50%; transform: translate(50%, -50%); } .dot-1 { position: absolute; z-index: 3; width: 30px; height: 30px; top: 95px; right: 95px; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate; animation: jump-jump-1 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate; } .dot-2 { position: absolute; z-index: 2; width: 60px; height: 60px; top: 80px; right: 80px; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate; animation: jump-jump-2 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate; } .dot-3 { position: absolute; z-index: 1; width: 90px; height: 90px; top: 65px; right: 65px; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate; animation: jump-jump-3 2s cubic-bezier(0.21, 0.98, 0.6, 0.99) infinite alternate; } @-webkit-keyframes jump-jump-1 { 0%, 70% { box-shadow: -2px 2px 3px 2px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0); transform: scale(0); } 100% { box-shadow: -10px 10px 15px 0 rgba(0, 0, 0, 0.3); -webkit-transform: scale(1); transform: scale(1); } } @keyframes jump-jump-1 { 0%, 70% { box-shadow: -2px 2px 3px 2px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0); transform: scale(0); } 100% { box-shadow: -10px 10px 15px 0 rgba(0, 0, 0, 0.3); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes jump-jump-2 { 0%, 40% { box-shadow: -2px 2px 3px 2px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0); transform: scale(0); } 100% { box-shadow: -10px 10px 15px 0 rgba(0, 0, 0, 0.3); -webkit-transform: scale(1); transform: scale(1); } } @keyframes jump-jump-2 { 0%, 40% { box-shadow: -2px 2px 3px 2px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0); transform: scale(0); } 100% { box-shadow: -10px 10px 15px 0 rgba(0, 0, 0, 0.3); -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes jump-jump-3 { 0%, 10% { box-shadow: -2px 2px 3px 2px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0); transform: scale(0); } 100% { box-shadow: -10px 10px 15px 0 rgba(0, 0, 0, 0.3); -webkit-transform: scale(1); transform: scale(1); } } @keyframes jump-jump-3 { 0%, 10% { box-shadow: -2px 2px 3px 2px rgba(0, 0, 0, 0.2); -webkit-transform: scale(0); transform: scale(0); } 100% { box-shadow: -10px 10px 15px 0 rgba(0, 0, 0, 0.3); -webkit-transform: scale(1); transform: scale(1); } } /*---Our Project --*/ #project h3 a { font-size: 23px; } #project i { color: #dd3333; } .categorybox { box-shadow: -5px 5px 4px 0 #bbb; } .categorybox p { font-size: 15px; } .mainbox p { font-size: 15px; color: #111; } /* Woocommerce */ .woocommerce .woocommerce-MyAccount-navigation ul{ margin: 0; } .woocommerce div.product form.cart { margin: 10px 0; } .woocommerce-product-gallery__image { padding: 5px; } .woocommerce-info { background: none; border: 1px solid; } .woocommerce span.onsale { padding: 0; } .products li { border: solid 1px #dcdcdc; padding: 10px; text-align: center; } .woocommerce a.added_to_cart.wc-forward { display: block; } .related .products li { float: none !important; display: inline-table; width: 29% !important; } .woocommerce ul.products li.product .star-rating { font-size: 0.857em; margin: 0 auto 8px; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: 0; padding: 10px; line-height: normal; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { float: right; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d3ced2; padding: 9px 6px 5px; margin: 0 0 0 4px; outline: 0; } h2.woocommerce-loop-product__title { letter-spacing: 1px; font-weight: 600; font-size: 22px !important; } .woocommerce div.product .product_title { text-align: right; font-size: 35px; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 16px; } .woocommerce div.product .product_title, .woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { border-radius: 0; padding: 12px; } .woocommerce .quantity .qty { width: 5em; padding: 6px; border-radius: 0; border: solid 1px #000; } .woocommerce-MyAccount-navigation ul { list-style: none; } .woocommerce-MyAccount-navigation ul li { padding: 12px; margin-bottom: 10px; } .woocommerce-message::before { content: "\e015"; } .summary .product_title { border: none; } .woocommerce form .form-row .required { color: #b40505; } .woocommerce-privacy-policy-text a { color: #b83a3a; } .woocommerce-message::before, td.product-name a, a.shipping-calculator-button, .woocommerce-info a, .posted_in a, code { color: #dd3333; } .woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb { color: #494949; margin-top: 5px; } .woocommerce-MyAccount-content p a, .woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a { text-decoration: none; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #dd3333; } #sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #111; } .footer-wp .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #fff; } .woocommerce ul.product_list_widget li img { width: 20%; } .woocommerce-cart table.cart td.actions .coupon .input-text { font-size: 11px; } .woocommerce .coupon button.button { padding: 10px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { padding: 8px 0; } .woocommerce #comments ol li { padding: 0 !important; } .woocommerce .star-rating { float: right; } .woocommerce .woocommerce-product-rating a { padding-right: 10px; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { font-size: 16px; } .woocommerce #reply-title { font-size: 18px; font-weight: 600; } .woocommerce .star-rating::before { color: #6a6666; } .woocommerce #comments p { float: right; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 16px; padding: 10px 0; } .woocommerce .product-title { font-size: 17px; } .woocommerce .select2-container .select2-selection--single { height: 40px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { top: 70%; } .woocommerce form.login input { width: auto !important ; border: 1px solid #bcbcbc; } .woocommerce form.woocommerce-form-login.login { display: inline-block; } .woocommerce form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { float: none; } .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 { max-width: 100%; } .woocommerce #customer_login h2 { margin: 0; } /*responsive menu*/ @media screen and (min-width: 320px) and (max-width: 425px) { .topbar a { font-size: 15px; float: none; display: block; } #scrollbutton i { bottom: 85px; } .admin-bar .fixed-header { top: 0px !important; } } @media screen and (max-width: 720px) { .mainbox { margin-bottom: 20px; } #slider .inner_carousel h2, #slider .inner_carousel p, #slider .carousel-caption h1 { display: none; } .page-template-custom-home-page #header { position: static; } #header .top_headbar { background: #435061; } .pagination { float: none; } #slider .carousel-caption, #slider .inner_carousel, .slide-button { text-align: center !important; } #slider .carousel-caption { top: 50%; } .admin-bar .fixed-header { top: 0px !important; } } @media screen and (max-width: 720px) and (min-width: 320px) { #sidebar { clear: both; } .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 100% !important; float: none !important; } .toggle-menu i { top: 30px; } #slider img { height: auto !important; } .new-text .alignwide { margin-right: 5px; margin-left: 5px; } } @media screen and (max-width: 768px) and (min-width: 720px) { .page-template-custom-home-page #header { position: static; } .admin-bar .fixed-header { top: 45px; } .related .products li { width: 46% !important; margin-left: 15px !important; } #slider .inner_carousel p { display: none; } #slider .carousel-caption { top: 50%; } #sidebar input[type="submit"], #sidebar form.search-form label { width: 100%; } #sidebar form.search-form label { margin-bottom: 5px; } .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product { width: 46% !important; float: right !important; margin-left: 10px; } .toggle-menu { top: 20px; } #slider img { height: auto !important; } .new-text .alignwide { margin-right: -15px; margin-left: -15px; } } @media screen and (max-width: 1024px) and (min-width: 1000px) { .new-text .alignwide { margin-right: -10px; margin-left: -10px; } } @media screen and (max-width: 1000px) { body.admin-bar .toggle-menu { margin-top: 0px; } .menubar .primary-navigation ul li, #navbar-header a.mail, #navbar-header a.call, #navbar-header .socialbox, .search-box, .search-form, .page-template-custom-front-page #header, #navbar-header form.search-form { display: block; } .primary-navigation ul li a:focus, .primary-navigation a, #navbar-header .socialbox i:hover { color: #000 !important; } #navbar-header .primary-navigation ul li:after, .search-box, .topbar, .topbar .socialbox, .toggle-menu { display: none; } #header .logo { text-align: right; float: right; width: 80%; } #navbar-header a.mail, #navbar-header a.call, #navbar-header .socialbox, .search-box { text-align: right; padding: 15px; border-bottom: 1px solid #eee; } #navbar-header a.mail, #navbar-header a.call, #navbar-header .socialbox, .search-box, .toggle-menu i, .primary-navigation ul li a, .menu-brand .closebtn, .search-box i, .primary-navigation ul ul a, #navbar-header i.fas.fa-times { color: #000; } #navbar-header .socialbox:last-child { border-bottom: none; } #navbar-header .socialbox { background: #dd3333; } #navbar-header a.mail i, #navbar-header a.call i { margin-left: 5px; } #navbar-header .socialbox i { color: #fff; } #navbar-header input[type="submit"] { padding: 10px 3px; text-indent: -9999px; z-index: 999; background: url(images/search.png) no-repeat 100% 10px; width: 10%; margin: 0; } #navbar-header form.search-form { border-bottom: 1px solid #eee; } #navbar-header form.search-form label { margin: 0; width: 80%; } #navbar-header input.search-field { padding: 10px; width: 100%; background: transparent; border: none; } .primary-navigation ul li a:focus { background: none !important; } .toggle-menu i { font-size: 32px; padding-top: 20px; margin-left: 5px; } .toggle-menu button { background: transparent; border: none; } .menu-brand { height: 100%; overflow-x: hidden; width: 0; position: fixed; z-index: 9999999; top: 0; right: 0; background-color: #252525; visibility: hidden; transition: 0.5s width ease-in-out; padding-top: 60px; } .menu-brand.show { visibility: visible; width: 250px; transition: 0.5s width ease-in-out; } .menu-brand .closebtn { position: absolute; top: 0; left: 10px; font-size: 20px; margin-right: 50px; display: block; border: none; background: transparent; } .fa-times:before { margin-right: 5px; } .toggle-menu span { font-size: 30px; cursor: pointer; text-align: left; } .menubar .primary-navigation ul li { border-top: 1px #303030 solid; } .primary-navigation ul li a { padding: 17px; display: block; border: none; background-color: #fff; font-weight: 600; border-bottom: 1px solid #eee; font-weight: bold; } .primary-navigation ul ul li, .toggle-menu, .primary-navigation ul li ul, .primary-navigation ul li ul ul { display: block !important; } .primary-navigation ul li ul li a:before { content: "__"; padding-left: 6px; position: relative; top: -6px; } .primary-navigation ul li ul li ul li a { padding-right: 30px !important; } .primary-navigation ul li ul, .primary-navigation ul li ul ul { display: block !important; opacity: 1 !important; } .primary-navigation ul ul { position: static; width: 100%; } .primary-navigation li, .topbar { padding: 0; } #navbar-header { text-align: right; display: inline; box-shadow: 0px 0px 12px #333; } .primary-navigation ul { display: grid; margin: 0 !important; } #navbar-header, .primary-navigation ul ul, .main-menu-navigation, .primary-navigation .current_page_item > a, .primary-navigation .current-menu-item > a, .primary-navigation .current_page_ancestor > a { background: #fff; } .main-menu .menu-color { background: #fff !important; text-align: center; } .scrollbutton.center i { right: 44%; left: 50%; } .scrollbutton.left i { right: 18px; } .toggle-menu.fixed-header { position: fixed; width: 100%; right: 0; } .toggle-menu.fixed-header i { padding: 10px; } .fixed-header { position: static; } .primary-navigation a:focus, #navbar-header a:focus { outline: 1px solid #000 !important; border-bottom: 2px solid #000 !important; } .responsive-search { text-align: right; } }