*{ margin:0; padding:0; outline:none; } 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; } img{ margin:0; padding:0; border:none; max-width:100%; height:auto; } section img{ max-width:100%; } h1, h2, h3, h4, h5, h6{ font-family: 'Ubuntu', sans-serif; margin:0; padding:0 0 15px; color: #000; } p{ margin:0; padding:0; } a{ text-decoration:none; color:#dd3333; } a:hover{ text-decoration:none; color:#666; } a:focus,.woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus{ outline: 1px dotted #000; border-bottom: 1px solid #000; } ul, ol{ margin:0 15px 0 0; padding:0; } input[type="submit"]{ background-color: #000; padding: 1%; border: 0; color: #000; margin: 2% 0; } input[type="submit"]:hover{ background-color: #dd3333; color: #fff; } .clear{ clear:both; } input[type="submit"]:hover{ cursor: pointer; } 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:111px; } textarea#comment:focus{ outline: 1px dotted #000; border-bottom: 1px solid #000; } select{ width:100%; padding: 13px; } .center{ text-align:center; margin-bottom:40px; } .main-wrapper{ margin:20px auto; padding:0; } .main-wrapper #sidebar { padding-top: 0px; } .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%; } .wp-caption-text{ margin:0; padding:0; } .screen-reader-text { position: absolute; top:-9999em; right:-9999em; } /* 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; display: block; 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. */ } .sticky{ margin:0; padding:0; } #blog_sec .sticky{ border: solid 2px #dd3333; } .gallery-caption{ margin:0; padding:0; } .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; display: block; 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; } .bypostauthor{ margin:0; padding:0; } section{ padding:34px 0; position:relative; max-width:1400px; margin:0 auto; } h2 .section-title { font-size:30px; font-weight:700;/* padding:0 0 45px 0;*/ text-align:center; display:table;/* margin-bottom:50px;*/ } /*----------------- SEARCH POPUP ----------------*/ input:focus{ outline: 1px dotted #000; border: 1px solid #000; } .search-box i:focus{ outline: 1px dotted #000; border-bottom: 1px solid #000; } #search { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: black; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; display: none; } #search.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; z-index: 999999999; display: block; } #search input[type="search"] { position: absolute; top: 50%; right: 0; margin-top: -51px; width: 60%; margin-right: 20%; color: #000; font-size: 25px; font-weight: 300; padding: 10px; border:none; text-transform: uppercase; background: #fff; } #search input[type="search"]::placeholder{ color:#000; } #search .close { position: fixed; top: 55px; left: 55px; opacity: 1; font-size: 25px; color: #fff; } #search input[type="submit"] { display: none; } .search-box i { color: #252525; cursor: pointer; } input:focus{ outline: 1px dotted #000; border: 1px solid #000; } #sidebar button, .footer-wp button{ padding: 9px 12px; border: none; background: #dd3333; border-radius: 0; margin:2% 0 0; font-size: 16px; width: 100%; color: #fff; font-weight: bold; } .search-box i:focus{ outline: 1px dotted #000; border-bottom: 1px solid #000; } button.search-submit { border: 0; background: transparent; } input.search-field { border: none; padding: 4px 0; background: transparent; width: 100%; } .menubar .social-media a:hover{ color:#3890cb; } .serach_inner input[type="search"], .serach_inner label { width: 89%; } /* --------- SLIDER--------- */ #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{ background: transparent; } #slider{ max-width:100%; margin:auto; padding:0; background: #000; } #slider img { width: 100%; opacity: 0.7; } #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; } .carousel-control-next-icon, .carousel-control-prev-icon{ width: auto; height: auto; } #slider .inner_carousel h2 { font-weight: bolder; letter-spacing: 1px; color: #fff; padding:0px 8px; border-right: 3px solid #fff; display: inline-block; } #slider .inner_carousel { text-align: center; color: #fff; } #slider .carousel-caption{ top: 60%; transform: translateY(-50%); } #slider .carousel-caption h1{ color: #fff; text-transform: uppercase; font-size: 28px; font-weight: 600; letter-spacing: 1px; padding: 0; } #slider p{ margin: 10px 0; } .slide-button a { color: #fff; font-size: 15px; font-weight: bold; } .slide-button a:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } .slide-button { margin: 20px 0; text-align: center; } #slider i{ font-size: 20px; } .slide-button i { background: #dd3333; padding: 8px; margin-left: 10px; } #sidebar .woocommerce a.remove{ display: none; } /*----------Sticky Header------*/ .fixed-header { position: fixed; top:0; right:0; width: 100%; background: #fff; box-shadow: -2px 2px 10px 0px #2d2d2d; z-index: 999999; } /*--------------header-------------*/ .page-template-custom-home-page #header { position: absolute; top: 2em; z-index: 99; width: 100%; border:none; background: transparent; } .appointbtn i{ font-size: 16px; color: #fff; margin-left: 10px; } #header{ background: #fff; border-bottom: 2px solid #111111; } .inner-box { background: #fff; padding: 0 !important; } .padding0{ padding:0px !important; } .appointbtn { background: #dd3333; padding: 8px 0; text-align: center; } .appointbtn a { color: #fff; font-size: 16px; font-weight: bold; } .topbar { padding: 15px 0; } .topbar span { font-size: 15px; margin-left: 30px; color: #000; float: right; } .topbar i { margin-left: 15px;/* color: #fff;*/ } #header .socialbox i { margin: 0 7px; color: #000; } #header .socialbox a{ color: #fff; } #header .socialbox i:hover { color: #dd3333; } .logo a:hover { text-decoration: none; } .blog-section { margin-top: 3%; } #header .logo{ margin:0; padding:10px 0; text-align:center; } #header .logo h1{ padding:0; font-size:30px; font-weight: bold; } #header .logo a{ color: #000; padding: 0; font-size: 30px; font-weight: bold; } #header .logo p{ font-size:12px; color: #767676; } #header .header-top{ background:#000; color:#aaaaaa } /* --------- MENUS CSS --------- */ #navbar-header form.search-form{ display: none; } .primary-navigation a:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } .main-navigation .sub-menu > li > a:focus, .search-box i:focus{ outline: 1px dotted #000; border-bottom: 1px solid #000; } #navbar-header span, #navbar-header .socialbox{ display: none; } .main-menu-navigation{ background: #111111; } #navbar-header { text-align: center; display: inline; } ul.list_nav { margin: 0 auto; text-align: center; display: block; } .primary-navigation ul{ list-style: none !important; margin: 0; padding-right: 0; text-align: right; } .primary-navigation li{ padding: 20px 12px; display: inline-block; position: relative; } .primary-navigation a{ display: block; color: #fff; font-size: 12px; font-weight: bold; padding: 3px; text-transform: uppercase; } .primary-navigation a:hover{ color: #e9413a; } .primary-navigation ul ul{ display: none; position: absolute; min-width: 215px; z-index: 9999; top: 60px; -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: 0; } .primary-navigation ul ul a{ padding: 13px; background: #111; color: #fff; } .primary-navigation ul ul a:hover, .primary-navigation ul ul a:focus{ background: #dd3333 ; color: #fff !important; } .primary-navigation ul ul li{ float: none; display: block; 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{ display: block; max-height: 100%; } .primary-navigation .menu > ul > li.highlight{ background-color: #006ccc; } .primary-navigation .menu > ul > li.highlight:hover{ background: transparent; } /*--------------- SUPERFISH MENU ---------------------------*/ .sf-arrows .sf-with-ul:after{ content: ''; position: absolute; left: 0; margin-top: -2px; height: 0; width: 0; border-top-color: #e1e1e1; } .sf-arrows ul .sf-with-ul:after{ margin-top: -5px; margin-left: -3px; border-color: transparent; border-right-color: #888; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after{ border-right-color: #333; } .toggle-menu, a.closebtn{ display: none; } /* --------- Homepage --------- */ .metabox { color: #111111; padding: 10px 15px; clear: both; background: #e8e8e8; margin-bottom: 20px; } .metabox a { color: #111111; } .metabox a:hover{ color: #dd3333; } .metabox i, .metabox span{ margin-left: 10px; } .postbtn a { font-size: 15px; font-weight: bold; color: #dd3333; } .postbtn a:hover{ color: #000; } .postbtn i { background: #dd3333; padding: 8px; color: #fff; font-size: 13px; margin-left: 10px; } .postbtn :hover i{ background: #111111; } .section-title { text-align: right; padding: 0px 0px 10px; font-size: 25px; } .blog-section .section-title a { color: #000; } .blog-section .section-title a:after{ content: ""; display: block; width: 100px; height: 3px; background: #dd3333; margin-top: 7px; } .blog-section .section-title a:hover{ text-decoration:none; } .blog-section .new-text p{ font-size: 14px; color: rgba(0, 0, 0, 0.78); margin: 10px 0; line-height:23px; } .inner-service { border: 1px solid #000; margin-bottom: 3%; padding: 15px; } .content_box{ padding: 2% 0; } .content_box .inner-service { border: none; margin-bottom: 0; padding: 0px; } .blog-section .about-us{ padding: 10px; margin-top:20px; } .blog-section .about-us a{ border: 1px solid #000; padding:8px 20px; color: #000; text-decoration:none; text-transform: uppercase; font-size: 19px; } .blog-section .button{ margin: 0 18%; display: inline-block; } .nav-previous a ,.nav-next a { color:#dd3333; font-size: 16px; font-weight: 500; } .nav-previous{ padding: 10px 0; } p.logged-in-as a { color: #dd3333; } .nav-next { padding: 10px 0; } .new-text a{ text-decoration: underline; } .new-text p{ margin-top: 20px; } .nav-links { padding: 10px 0; } .post-navigation .nav-previous { float: right; width: 50%; } .post-navigation .nav-next { float: left; text-align: left; width: 50%; } .nav-next, .post-navigation .nav-next { margin-top: 0; } .navigation.post-navigation a { color: #333; } .navigation.post-navigation a:hover { color: #dd3333; } .meta-nav:after { content: ":"; padding: 5px 5px; } .meta-nav { font-size: 17px; font-weight: bold; } .tags{ color: #000; font-size: 15px; font-weight: bold; } .tags a{ color: #dd3333; font-size: 15px; font-weight: bold; } .tags a{ text-decoration: none!important; font-weight: 400; background: #f8f8f8; border: 1px solid #ccc; box-shadow: 0 1px 0 rgba(0,0,0,.08); text-shadow: none; padding: 5px 8px; margin: 5px; font-size: 15px; color: #333; } /*video*/ iframe{ width: 100%; } /*audio*/ .entry-audio audio { width: 100%; } /* Breadcrumb */ .bradcrumbs{ padding:30px 0; } .bradcrumbs a{ background:#f1f1f1; color:#000; padding:5px 15px; margin-left:5px; line-height: 37px; } .bradcrumbs a:hover{ background:#ffd34e; } .bradcrumbs span{ background:#dddddd; color:#000; padding:5px 15px; } /* --------- Blog Page ------- */ .box{ color:#000; padding:15px 0; clear:both; } .box i{ padding: 5px; } .content_box .inner-service { border: none; } .page-content, .page-content .read-moresec { text-align: center; } .page-content .read-moresec { padding-top: 20px; } .page-content .read-moresec a.button { border: 2px solid #111111; background: #111111; color: #fff; font-size: 16px; margin: 20px 0 0; padding: 10px 20px; text-transform: uppercase; font-weight: bold; } .page-content .read-moresec a.button:hover { background: #dd3333; border: 2px solid #dd3333; } .footer-wp h3.widget-title a.rsswidget{ color: #fff; } /* Comments BOX */ #comments{ margin-top:40px; } .comment-body p 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; clear:both; } #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:#000 ; padding:10px 60px; text-transform:uppercase; font-weight:bold; margin-top:20px; margin-right: 0px; color: #fff; } #comments input[type="submit"].submit:hover{ background:#dd3333; } #comments a.comment-reply-link{ color:#000; background:#cecece; padding:5px 15px; } #comments a.comment-reply-link:hover{ background:#dd3333; color: #fff; } #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; } .comment-respond{ clear:both; } #comments .comment-metadata{ width:90%; float:right; padding:1% 0 0 0; } #comments .comment-content{ width:90%; float:right; margin-right:7%; } .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; margin: 10px 0px; } #comments ol li { width: 100%; list-style: none; margin: 0 0 20px !important; padding: 20px !important; background: #fff; 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; width: 100%; float: right; } #comments a.comment-reply-link { color: #fff; background: #dd3333; padding: 5px 15px; text-decoration: none; } #comments a.comment-reply-link:hover { color: #fff; background: #000; } .entry-content a, .sidebar p a, #comments p a, .comment-meta.commentmetadata a{ color: #111111 !important; text-decoration: underline; } /*--------------- Sidebar -----------------*/ #sidebar .widget.widget_calendar table,#sidebar td,#sidebar th { border: 1px solid; color: #000; } #sidebar { padding-top: 36px; } #sidebar form{ display: table; width: 100%; } #sidebar h3{ margin:0 0 10px; font-size:20px; color:#000; font-weight: 600; } #sidebar h3:after{ content: ""; display: block; width: 32px; height: 3px; background: #dd3333; margin-top: 7px; } .widget_categories select { width: 100%; padding: 6px; } #sidebar select { padding: 10px; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 0px !important; } .select2-container--default .select2-selection--single:focus{ outline: 1px dotted #000; border: 1px solid #000; } #sidebar input[type="search"] { background:transparent; padding:10px 10px; border:solid 1px #000; font-size:15px; color:#000; width:100%; } #sidebar label{ width:71%; float:right; margin-bottom:0; } #sidebar input[type="submit"] { background: #000; border: none; color: #fff; padding: 11px 12px; font-size: 15px; margin: 0; width: 29%; } #sidebar input[type="submit"]:hover{ background-color: #dd3333; color: #fff; } #sidebar aside{ margin-bottom:30px; border:1px solid #000; padding: 10px; } #sidebar ul { list-style:none; margin:0; padding:0; font-size:17px; } #sidebar ul li a{ color:rgba(0, 0, 0, 0.78); line-height: 32px; padding: 0 2% 0 0; font-size: 15px; } #sidebar ul.product_list_widget li{ padding-right: 18px; } #sidebar ul.product_list_widget li a{ line-height: 20px; padding: 0; } #sidebar ul li a:hover{ color: #dd3333; } #sidebar ul li{ font-size: 15px; background: url(images/bullets-sidebar.png) no-repeat 0px 10px; padding-right: 16px; } #sidebar .tagcloud a{ background: #dd3333; color: #fff; font-size:15px !important; padding:5px 18px; margin:0 0 5px; display:inline-block; } #sidebar .tagcloud a:hover{ background:#000; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 1px 0 0; margin: 0 0 1.75em; table-layout: fixed; width: 100%; } .textwidget p a, .woocommerce-product-details__short-description p a, #tab-description p a{ text-decoration: underline; } .textwidget a:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } .textwidget a:hover{ color: #fff; } #sidebar .textwidget a:hover{ color: #000; } #sidebar .textwidget a:focus{ outline: 1px dotted #000; border-bottom: 1px solid #000; } .widget.widget_calendar table { margin: 0; } .widget_calendar td, .widget_calendar th { line-height: 2.5625; padding: 0; text-align: center; } .widget_calendar caption { font-weight: 900; margin-bottom: 1.75em; color: #000; padding-right: 15px; } .widget_calendar tbody a { background-color: #dd3333; color: #fff; display: block; font-weight: 700; } .widget_calendar tbody a:focus { background-color: #dd3333; color: #fff; } #sidebar form.search-form { display: table; } /* Page */ .content_box p{ font-size: 16px; margin-bottom: 10px; } .content_box hr{ border:none; border-bottom:2px solid #7e7e7e; margin:15px 0; clear:both; } .content_box h2{ font-size:32px; padding:0; margin:0 0 25px; } .content_box h3{ font-size:36px; padding:0; margin:0 0 25px; } .content_box h4{ font-size:20px; padding:0; color:#000; margin:0 0 25px; } .content_box h6{ font-size:18px; } .content_box h6{ margin:0 0 15px; font-size:17px; padding:0; } .content_box ul{ list-style:none; margin:0 10px 0 0; padding:10px 0 0; font-size:16px; } .content_box ul li{ list-style-type: none; margin: 0 0 20px 21px; 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; } .read-moresec{ text-align: right; } a.button { border: 2px solid #000; background: #fff; color: #000; font-size: 16px; margin: 20px 0 0; padding: 7px 30px; text-transform: uppercase; font-weight: bold; } /*copyright css*/ #scrollbutton i { width: 50px; height: 50px; position: fixed; bottom: 60px; left: 20px; font-size: 22px; padding: 12px 17px; border: solid 2px #dd3333; color: #fff; z-index: 99999; border-radius: 50%; background: #dd3333; text-shadow: -1px 1px 2px; box-shadow: inset 0px 0px 0px #dd3333, 0px 5px 0px 0px #871c1c, 0px 5px 4px #000; } #scrollbutton{ display: none; } .left i{ right: 20px; } .center i{ right: 50%; left: 50%; } .copyright-wrapper { background-color: #dd3333; font-size: 15px; font-weight: bold; text-align: center; padding: 15px 0; } .copyright-wrapper p, .copyright-wrapper a { color: #fff; } .footer-wp { background: #111; } .footer-wp .rssSummary, .footer-wp ul li, .footer-wp p{ color: #fff; } .footer-wp h3 { text-align: right; font-size: 20px; letter-spacing: 2px; color: #fff; font-weight: 600; } .footer-wp .woocommerce .widget_shopping_cart .buttons a:hover, .footer-wp .woocommerce.widget_shopping_cart .buttons a:hover{ background: #fff; color: #000; } .footer-wp .textwidget p a{ color: #fff; } .footer-wp h3:after { content: ""; display: block; width: 40px; height: 3px; background: #dd3333; margin-top: 7px; } .footer-wp input[type="search"]{ width:100%; padding:8px 5%; color: #fff; } .footer-wp input[type="submit"] { padding: 9px 12px; border: none; background: #dd3333; border-radius: 0; margin: 0; font-size: 16px; width: 100%; } .footer-wp label{ width: 100%; } .footer-wp td#prev a { color: #fff; } .footer-wp caption { font-weight: bold; color: #fff; 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 td { color: #fff; } .footer-wp th { text-align: center; padding: 10px; color: #fff; } .footer-wp select { padding: 8px 5px; } .footer-wp li a { color: #fff; 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 { color: #000; background: #fff; font-size: 15px !important; padding: 5px 18px; margin: 0 0 5px; display: inline-block; } .footer-wp .tagcloud a:hover { background: #dd3333; color: #fff; } #sidebar-footer a:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } #sidebar-footer input:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } /* Pagination */ .pagination { clear:both; position:relative; font-size:15px; line-height:13px; float:left; font-weight:bold; width:100%; } .pagination span, .pagination a { padding: 12px 16px; display: block; float: right; margin: 10px 3px; text-decoration: none; width: auto; color: #fff; background: #000; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; font-weight: bold; } .pagination a:hover{ color:#fff; background: #dd3333; } .pagination .current{ background: #dd3333; color: #fff; font-weight:bold; } .content_box .pagination ul{ margin:0; clear:both; } .content_box .pagination ul li{ margin:0; } .pagination{ display:table; clear:both; } .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, h2.page-title { font-size: 25px; text-transform: uppercase; color: #dd3333; font-weight: bold; margin-bottom: 10px; } article img{ height:auto; margin-bottom: 10px; } article p, .postbtn{ margin:10px 0; } 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; width: 100%; height: 100%; border-radius: 2px; background: #000; color: #fff; z-index: 999999; 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; background: #fff; 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; background: #fff; 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; background: #fff; 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{ padding: 2% 0; } #project h3 a { font-size: 23px; color: #111111; } #project i { color: #dd3333; margin-left: 10px; } .categorybox { background: #fff; box-shadow: -5px 5px 4px 0 #bbb; margin-bottom: 16px; padding: 10px 0; } .categorybox h4 { font-size: 18px; font-weight: 700; color: #000; padding-bottom: 6px; } .categorybox p{ font-size: 15px; } .mainbox p { margin-bottom: 8px; font-size: 15px; color: #111; } .mainbox { float: right; } /* Woocommerce */ .woocommerce div.product form.cart{ margin: 10px 0; } .woocommerce-product-gallery__image { padding: 5px; } .woocommerce-info{ background: none; border: 1px solid; } .woocommerce span.onsale{ background: #dd3333; padding: 0; } .products li { border: solid 1px #dcdcdc; padding: 10px !important; text-align: center; margin-left: 10px !important; } .related .products li{ float: none !important; display: inline-table; width: 29% !important; } .woocommerce ul.products li.product .star-rating { font-size: .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; width: 100%; 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{ color: #000; 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 { color: #000; 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{ background: #dd3333; color: #fff; border-radius: 0; padding: 12px; } .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{ background: #000; color: #fff; } .woocommerce .quantity .qty { width: 5em; padding: 6px; border-radius: 0; border: solid 1px #000; color: #000; } .col-1,.col-2 { max-width: 100%; } .woocommerce-MyAccount-navigation ul { list-style: none; } .woocommerce-MyAccount-navigation ul li { background: #dd3333; padding: 12px; margin-bottom: 10px; } .woocommerce-MyAccount-navigation ul li a{ color: #fff; } .posted_in { display: block; } .woocommerce-input-wrapper, .woocommerce label { width: 100%; } .woocommerce-message::before { content: '\e015'; color: #dd3333; } .summary .product_title{ border:none; } .woocommerce form .form-row .required { color: #b40505; } .woocommerce-privacy-policy-text a{ color: #b83a3a; } td.product-name a,a.shipping-calculator-button, .woocommerce-info a,.posted_in a,code{ color: #dd3333; } .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{ color: #fff; } .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%; } .footer-wp .widget_price_filter .price_slider_amount{ color: #fff; } .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; } #sidebar .woocommerce a.remove, .footer-wp .woocommerce a.remove{ display: none; } .woocommerce .star-rating::before{ color: #6a6666; } .woocommerce #comments p { float: right; width: 100%; } .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%; } /*responsive menu*/ @media screen and (min-width:320px) and (max-width: 425px){ .topbar span { display: block; text-align: center; } .topbar span { font-size: 15px; float: none; } .socialbox { text-align: center; } } @media screen and (max-width:720px) { #slider .inner_carousel h2, #slider .inner_carousel p { display: none; } .slide-button{ margin: 0px; } .topbar{ padding: 0; } .page-template-custom-home-page #header{ position: static; } #header .top_headbar{ background: #435061; } .topbar , .header .logo{ text-align:center; } .pagination{ float:none; } .blog-section .button { margin: 0 auto; display: block; width: 34%; } .home .inner-service{ margin: 20px 0 0 0; min-height: auto; } #slider .carousel-caption, #slider .inner_carousel, .slide-button{ text-align: center !important; } #slider .carousel-caption h1{ display: none; } #slider .carousel-caption{ top: 50%; } } @media screen and (max-width: 720px) and (min-width: 320px){ .blog-section .new-line { padding-bottom: 5px; font-size: 26px; width: 60%; font-style: oblique; } #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 { top: 20px; } } @media screen and (max-width: 768px) and (min-width: 720px){ .page-template-custom-home-page #header{ position: static; } .related .products li { width: 46% !important; margin-left: 15px !important; } .appointbtn{ margin:10px 0; } .topbar i{ margin-left: 5px; } .topbar{ padding: 0; } .topbar span{ margin-left: 20px; } #slider .inner_carousel p{ display: none; } #slider .carousel-caption{ top:50%; } #sidebar input[type="submit"]{ width: 100%; } #sidebar label { width: 100%; 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; } } /*------------------RESPONSIVE MEIDA-------------------*/ @media screen and (max-width: 1000px){ .topbar{ padding: 0; } #navbar-header form.search-form{ display: block; } #navbar-header .socialbox i:hover{ color: #000 !important; } .topbar span, .topbar .socialbox{ display: none; } #header .logo{ text-align: right; float: right; width: 80%; } #navbar-header span, #navbar-header .socialbox, .search-box{ display: block; text-align: right; padding: 15px; border-bottom: 1px solid #eee; color: #000; } .search-form{ display: block; } #navbar-header .socialbox:last-child{ border-bottom: none; } #navbar-header .socialbox{ background: #dd3333; } #navbar-header span 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 4px 10px; position: absolute; width: 20%; 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; } .menubar .primary-navigation ul li a:focus, a.closebtn.responsive-menu:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } .toggle-menu { display: none; position: absolute; left: 30px; top: 20px; cursor: pointer; text-align: left; } .toggle-menu i { font-size: 32px; color: #000; } .toggle-menu button { background: transparent; border: none; } .menu-brand { height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; right: 0; background-color: #252525; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .menu-brand .closebtn { position: absolute; top: 0; left: 25px; font-size: 36px; margin-right: 50px; display: block; color: #ffffff; border:none; background: transparent; } .menu-brand #site-navigation { width: 100%; } .toggle-menu span{ font-size:30px; cursor:pointer; text-align: left; } .toggle i.fa.fa-bars,.toggle i.fa.fa-times { float: left; color: black; } .menubar .primary-navigation ul li{ border-top:1px #303030 solid; display:block; } .primary-navigation ul li a{ padding: 17px; display:block; color:#000; 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{ padding: 0; } .main-header-box{ padding-bottom: 15px; } #navbar-header { text-align: right; display: inline; background-color: #fff; box-shadow: 0px 0px 12px #333; } #navbar-header i.fas.fa-times { color: #000; } #navbar-header a:focus{ outline: 1px dotted #fff; border-bottom: 1px solid #fff; } .primary-navigation ul{ display: grid; } .primary-navigation .current_page_item > a, .primary-navigation .current-menu-item > a, .primary-navigation .current_page_ancestor > a{ background:#fff; } .main-menu-navigation{ background: #fff; } .toggle-menu.responsive-menu a:focus{ outline: 1px dotted #000 !important; border-bottom: 1px solid #000 !important; } .page-template-custom-front-page #header { display: block; } .search-box i{ color: #000; } .search-box{ display: none; } .primary-navigation ul ul{ background:#fff; } .primary-navigation ul ul a{ color: #000; } .main-menu .menu-color{ background: #fff !important; text-align: center; } .primary-navigation a:focus{ outline: 1px dotted #000 !important; border-bottom: 1px solid #000 !important; } .scrollbutton.center i{ right: 44%; left: 50%; } .scrollbutton.left i { right: 18px; } .toggle-menu.fixed-header{ position: fixed; width: 100%; top: 0; right: 0; } .toggle-menu.fixed-header i{ padding: 10px; } .fixed-header{ position: static; } }