body { background-color: #ffffff; margin: 0; padding: 0; line-height: 24px; color: #292929; font-family: 'Poppins'; font-size: 16px; -ms-word-wrap: break-word; word-wrap: break-word; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { margin: 0; padding: 0; outline: none; } img { border: none; margin: 0; padding: 0; height: auto; } .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter { margin: 0; padding: 0; } p { margin: 0; padding: 0; } a { color: #000000; text-decoration: none; } a:hover { color: #282828; } dfn, cite, em, i { font-style: italic; } blockquote { border: 0 solid #1a1a1a; border-right-width: 4px; color: #686868; font-size: 19px; font-size: 1.1875rem; font-style: italic; line-height: 1.4736842105; margin: 0 0 1.4736842105em; overflow: hidden; padding: 0 1.263157895em 0 0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote p { margin-bottom: 1.4736842105em; } blockquote cite, blockquote small { color: #1a1a1a; display: block; font-size: 16px; font-size: 1rem; line-height: 1.75; } blockquote cite:before, blockquote small:before { content: "\2014\00a0"; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote >:last-child { margin-bottom: 0; } address { font-style: italic; margin: 0 0 1.75em; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; } pre { border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code { background-color: #d1d1d1; padding: .125em .25em; } abbr, acronym { border-bottom: 1px dotted #d1d1d1; cursor: help; } mark, ins { background: #007acc; color: #fff; padding: .125em .25em; text-decoration: none; } big { font-size: 125%; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, :before, :after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } hr { background-color: #d1d1d1; border: 0; height: 1px; margin: 0 0 1.75em; } ul, ol { margin: 0 1.25em 1.75em 0; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; margin-right: 1.5em; } li > ul, li > ol { margin-bottom: 0; } dl { margin: 0 0 1.75em; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } img { height: auto; max-width: 100%; vertical-align: middle; } del { opacity: .8; } table, th, td { border: 1px solid #d1d1d1; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 1px 0 0; margin: 0 0 1.75em; table-layout: fixed; width: 100%; } #wp-calendar caption { text-align: center; padding-bottom: 20px; } caption, th, td { font-weight: normal; text-align: right; } th { border-width: 0 0 1px 1px; font-weight: 700; } td { border-width: 0 0 1px 1px; } th, td { padding: .4375em; } ::-webkit-input-placeholder { color: #686868; font-family: Montserrat, "Helvetica Neue", sans-serif; } :-moz-placeholder { color: #686868; font-family: Montserrat, "Helvetica Neue", sans-serif; } ::-moz-placeholder { color: #686868; font-family: Montserrat, "Helvetica Neue", sans-serif; opacity: 1; } :-ms-input-placeholder { color: #686868; font-family: Montserrat, "Helvetica Neue", sans-serif; } .entry-content a{ text-decoration:underline; } .entry-content ol li, .entry-content ul li { margin-right: 15px; } ul li ul, ul li ul li ul, ol li ol, ol li ol li ol { margin-right: 10px; } h1, h2, h3, h4, h5, h6 { color: #282828; margin: 0 0 15px; padding: 0; line-height: 1.1; font-weight: 700; font-family:'Poppins'; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } .clear { clear: both; } .alignnone { width: 100%!important; } img.alignleft, .alignleft { float: right; margin: 0 0 0 30px; } .aligncenter, div.aligncenter { display: block; margin: 5px auto; } a img.aligncenter { display: block; margin-right: auto; margin-left: auto; } img.alignright, .alignright { float: left; margin: 0 30px 0 0; } .sticky{ border-bottom:10px solid #e64d43; } .left { float: right; } .right { float: left; } .space50 { clear: both; height: 50px; } .space100 { clear: both; height: 100px; } .head-info-area { padding: 0; width: 100%; font-size: 15px; color: #ffffff; position: relative; z-index: 99999; background-color: #e64d43; } .center { margin: 0 auto; width: 1200px; } .left { float: right; } .right { float: left; } .head-info-area .left .phntp { display: inline-block; padding: 13px 5px; } .head-info-area .left .taglinetp { display: inline-block; padding: 13px 5px; font-size: 15px; color: #ffffff; text-align: right; } .head-info-area .left .emltp { display: inline-block; padding: 13px 5px; } .head-info-area .right .sintp { display: inline-block; padding: 0; vertical-align: top; } .head-info-area .right .phntp { display: inline-block; padding: 13px 0 13px 20px; } .head-info-area .right .phntp .phoneno strong { color: #ffffff; font-size: 16px; } .head-number-area{border:1px solid #0F0;} .servicebox { visibility: hidden; } .phoneno img { margin-left: 5px; } .emltp { margin-right: 12px; } .emltp a { color: #ffffff; } .emltp a:hover { color: #000000; } .emltp img { margin-left: 9px; } .pagination { display: table; clear: both; } .pagination .nav-links { margin: 20px 0 40px 0; } .pagination .nav-links a { margin-left: 0; background: #646262; color: #fff; padding: 7px 16px; } .pagination .nav-links span.current, .pagination .nav-links a:hover { padding: 7px 16px; background: #000000; color: #fff; } .postmeta { padding: 0 0 10px 0; color: #e64d43; } .postmeta a { color: #e64d43; } .postmeta a:hover { color: #000000; } .comment-form-cookies-consent input[type="checkbox"]{ float: right; margin-top: 7px; margin-left: 7px; } .woocommerce #reviews #comments ol.commentlist{ box-shadow:none !important; } #comment-nav-above .nav-previous, #comment-nav-below .nav-previous { float: none!important; margin: 10px 0; } ol.comment-list li { list-style: none; margin-bottom: 5px; } .comment-respond .form-submit{ padding:15px 0 5px 0;} .logo { float: right; width: auto; position: relative; z-index: 999; padding: 25px 22px 18px 22px; background-color: #e64d43; margin-bottom: -32px; min-height:110px; } .logo p { color: #ffffff; text-align:right; font-size:11px; float:right; } .logo img { height: auto; width: auto; max-height: 90px; max-width: 266px; } .logo h2 { font-weight: 700; margin: 0; color: #ffffff; font-size: 28px; text-align: right; line-height: 32px; } .logo h2 span { color: #21201f; } .logo a { color: #dedede; } .heder-rightside{ float:left; } body.single-product .related.products h2{ font-size:35px; } body.woocommerce-shop .page_content, body.single-product .page_content{ padding:60px 0 40px 0; } body.woocommerce-shop .page_content .page-title{ display:none; visibility:hidden; } body.woocommerce .heder-rightside{ float:left; position:relative; right:-24px; } .header { width: 100%; z-index: 999; position: relative; background-color: #545556; height: auto; margin:0 auto; padding:0; } body.search .transheader{ position:relative !important; background-color: #e64d43 !important; } .transheader { position: absolute!important; border:none !important; background-color: rgba(0,0,0, 0.15) !important; } .container { width: 1200px; margin: 0 auto; position: relative; } #FrontBlogPost { padding: 60px 0; } #wrapfirst { padding: 0 0 60px; } #content_navigator p { margin-bottom: 25px; } #content_navigator[tabindex="-1"]:focus { outline: 0; } .site-main { width: 850px; margin: 0; padding: 0; float: right; } .full-main{width:100% !important;} .site-main h1{ margin-bottom:30px; } #sitefull { width: 100%; float: none; } #sitefull p { margin-bottom: 15px; } .page_content { padding: 60px 0; } .page_content p { margin-bottom: 20px; line-height: 28px; } .blog-post{margin:0;} .blog_lists { margin: 0 0 30px 8px; background-color:#ffffff; padding:30px 0; border-bottom:1px solid #eeeff5; } .blog_lists h4 { margin-bottom: 15px; font-size:24px; font-weight:700; } .blog_lists h4 a { color: #282828; } .blog_lists h4 a:hover { color: #000000; } .blog_lists p { margin-bottom: 15px; } .blog-meta { font-style: italic; margin-bottom: 8px; } .post-date, .post-comment, .post-categories { display: inline; color: #000000; } .single_title { margin-bottom: 15px; } .BlogPosts { width: 31.2%; float: right; margin: 0 0 0 3%; } .BlogPosts img { width: 100%; } .BlogPosts h2 { margin: 10px 0; font-size: 22px; } .post-thumb { width: 35%; float: right; margin: 5px 0 5px 20px; max-height:150px; overflow:hidden; } .post-thumb img { width: 100%; } #sidebar { width: 300px; float: left; overflow: hidden; font-size: 16px; } #sidebar .wp-block-search__input{ border:1px solid #d9d9d9; } #sidebar .wp-block-search__button{ border:1px solid #d9d9d9; background-color:#FFF; cursor:pointer; } #sidebar li a{ line-height:26px; } #sidebar li a:hover{ color:#e64d43; } #sidebar .wp-block-search__label{ font-family:'Poppins'; font-size:24px; font-weight:700; color:#282828; display:table; padding-bottom:25px; } #sidebar p:empty { display: none; } #sidebar aside.widget{ border:1px solid #eeeff5; background-color:#FFF; box-sizing: border-box; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0px 6px 4px 0px rgba(220,220,220,1); } #sidebar .wp-block-search__button{ padding:0 10px; } aside.widget { margin-bottom: 30px; padding: 25px 25px 25px 25px; } aside.widget ul { list-style: disc; } h3.widget-title { margin-bottom: 0; color: #282828; text-align: right; font-size: 24px; } .titleborder { line-height: .5; text-align: right; } .titleborder span { display: inline-block; position: relative; } .titleborder span:after { content: ''; border-bottom-color: #e64d43; display: table; margin-bottom: 25px; } h3.widget-title a { color: #282828; } #sidebar ul li { padding: 4px 0; list-style: none; } #sidebar ul { margin: 0; } body.woocommerce #sidebar ul li a { display: block; } #sidebar ul li a { color: #141414; display: inline-block; } #sidebar ul li a:hover { color: #e64d43 !important; } #sidebar ul li:last-child { border: none; } body.woocommerce #sidebar ul li span { padding-right: 0; } .edit-link{ margin:0 10px; } .attachment img{ padding-top:15px; } .fullwidth { width: 100%; float: none; } .footerbg{ background-size: cover; background-position: center center; } .footer-logo { text-align: right; padding: 45px 0 0 0; float: right; } .footer-social { float: left; text-align: left; padding: 45px 0 0 0; } .footerarea a:hover { color: #005bcb; } .footer h2{ font-size:26px; } .footer h1, .footer h2, .footer h3, .footer h4{ font-weight:600; color:#ffffff; } .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6{ color:#ffffff; position:relative; padding-bottom:15px; } .footer-row ul li a::before { content: '>'; padding-left: 13px; } .footer-row ul li.wp-social-link a:before { content: ''; padding-left: 0px; } .ftr-widg { position:relative; z-index:999; } .cols-3 { width: 25%; float: right; margin: 0 0 0.5% 0; padding:0 15px; box-sizing: border-box; color: #bebebe; line-height: 28px; font-size: 16px; } .widget-column-4{ margin-left: 0 !important; } .cols-3 span { color: #fbcb6b; display: inline-block; min-width: 70px; width: auto; } .cols-3 ul { margin: 0; padding: 0; list-style: inside disc; } .cols-3 ul li { display: block; padding: 0; line-height: 26px; list-style: none; } .footer aside.widget { border: none; margin: 0; padding: 0; color: #ffffff; } .footer-row .cols-3 ul li a { color:#ffffff; } .footer-row .cols-3 ul li.wp-social-link a{ padding:0.68em; } .cols-3 ul li a { color: #282828; padding: 5px 0; display: block; } .cols-3 ul li a:hover, .cols-3 ul li.current_page_item a { color: #f69a15; } .footer-row .cols-3 ul li a:hover, .footer-row .cols-3 ul li.current_page_item a { color: #e64d43; } .cols-3 p { margin-bottom: 15px; } #footermenu{ margin:30px 0 45px 0; padding: 30px; text-align: center; background-color: #151515; border-radius: 10px; } #footermenu li { list-style: none; display: inline-block; line-height: 22px; margin: 0; padding: 5px 25px; font-size: 17px; } .footerarea{padding:0 0 35px 0;} .copyright-area { position: relative; } .copyright-wrapper { color: #ffffff; position: relative; display: block; z-index:99; } .copyright-txt { padding: 35px 0 30px 0; float: none; text-align: center; font-size: 16px; line-height: 1.9em; color:#ffffff; position:relative; z-index:99; border-top:1px solid #454b56; } .copyright-txt a { color: #e64d43; } .copyright-txt a:hover{ color:#ffffff; } #footermenu li.current-menu-item a, #footermenu li.current_page_item a{ color: #e64d43; } .copyright-txt span { color: #e64d43; } .design-by { float: left; } .design-by a:hover { color: #919090; } .recent-post { margin: 0 0 4px; padding-bottom: 4px; } .recent-post h6 { font-size: 13px; margin-bottom: 6px; display: block; text-transform: uppercase; } .recent-post a { color: #919090; } .recent-post a:hover { color: #000000; } .recent-post img { float: right; width: 60px; margin: 4px 0 5px 15px; border: 3px solid #4c4b4b; } .recent-post p { margin-bottom: 10px; } .recent-post .morebtn { color: #ffffff; } .recent-post .morebtn:hover { color: #000000; } .recent-post:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } a.added_to_cart { background: #e1472f; padding: 5px; display: inline-block; color: #fff; line-height: 1; } a.added_to_cart:hover { background: #000000; } a.button.added:before { content: ''!important; } #bbpress-forums ul li { padding: 0; } #subscription-toggle a.subscription-toggle { padding: 5px 10px; display: inline-block; color: #e1472f; margin-top: 4px; } textarea.wp-editor-area { border: 1px #ccc solid; } .woocommerce .star-rating span{color:#FF9839;} .woocommerce input[type=text], .woocommerce textarea { border: 1px #ccc solid; padding: 4px; } form.woocommerce-ordering select { padding: 5px; color: #777777; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { color: #ff8a00; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { color: inherit!important; } h1.product_title, p.price { margin-bottom: 10px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { color: #000000; } .woocommerce ul.products li, #payment ul.payment_methods li { list-style: none!important; } .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { color: inherit!important; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { border-bottom: 0!important; } #wp-calendar { width: 100%; } input.search-field, .post-password-form input[type=password] { border: 1px #eee solid; padding: 8px 23px; width: 70%; margin-left: 5px; } input.search-submit, .post-password-form input[type=submit], .wpcf7-form input[type=submit], .woocommerce-product-search button[type=submit] { border: none; color: #ffffff; padding: 8px 15px; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #e64d43; float: left; } input.search-submit:hover{ background-color:#000 !important; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto!important; color: #e64d43; display: block; font-size: 14px; font-size: .875rem; font-weight: bold; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } #logo-main a { display: block; } #logo-main a:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, a:focus { outline: thin dotted #e64d43; } .wpcf7 { margin: 30px 0 0; padding: 0; } .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"] { width: 40%; border: 1px solid #cccccc; box-shadow: inset -1px 1px 2px #ccc; height: 35px; padding: 0 15px; color: #797979; margin-bottom: 0; } .wpcf7 textarea { width: 60%; border: 1px solid #cccccc; box-shadow: inset -1px 1px 2px #ccc; height: 150px; color: #797979; margin-bottom: 25px; font: 12px arial; padding: 10px; padding-left: 0; } .wpcf7 input[type="submit"] { background-color: #000000; width: auto; border: none; cursor: pointer; font: 18px; color: #ffffff; padding: 10px 40px; border-radius: 3px; } h1.screen-reader-text { font: 22px; } .site-nav-previous, .nav-previous { float: right; } .site-nav-next, .nav-next { float: left; } h3#reply-title { font: 300 18px; } #comments { margin: 30px 0 30px 0; padding: 0; } nav#nav-below { margin-top: 15px; margin-bottom:25px; } body.wp-custom-logo .logo h2 { display: none; } #sidebar select { width: 100%; padding: 3px; height: 25px; } .page-links span { padding-left: 10px; } body.error404 .search-form { width: 35%; } body.title-tagline-hidden .site-title, body.title-tagline-hidden .site-description { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .site-title, .site-description { position: relative; } .site-description, a.site-description { color: #ffffff; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { margin-top: 15px; } .flex-control-nav { margin-top: 15px!important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { line-height: 100%; padding: 5px; font-size: 12px; } body.wp-custom-logo .logo { text-align:center; padding:12px 20px 16px 20px; } body.wp-custom-logo .site-description, body.wp-custom-logo a.site-description { padding-top: 5px; } body.wp-custom-logo .site-description{ padding-top:3px; } .columns-row { margin-right: -15px; margin-left: -15px; } .col-columns-2 { width: 50%; padding: 0 15px; box-sizing: border-box; float: right; min-height: 1px; } .col-columns-2-full { width: 100%!important; } .col-columns-2 h3 { color: #fefefe; font-size: 32px; margin-bottom: 30px; text-align: right; font-weight: normal; line-height: 40px; } .col-columns-2 p { line-height: 26px; margin: 0 0 20px; } .row_area { margin-right: -15px; margin-left: -15px; clear: both; } #topmenu { position: relative; z-index: 999999; display: block; box-sizing: border-box; float: left; } .entry-meta { padding-bottom: 20px; } .read-more-btn { background: #e64d43; padding: 14px 35px; border-radius: 100px; font-size: 18px; font-weight: bold; color: #fff; margin-top: 0; display: inline-block; } .read-more-btn:hover { background: #222!important; color: #fff; } .woocommerce button.button.alt { background-color: #000!important; } .widget_shopping_cart_content { position: relative; } .widget_shopping_cart_content .remove { position: absolute; right: 0; } .woocommerce ul.cart_list li { padding: 0 2em 1em 0!important; } .wc-forward { margin-left: 10px!important; } .footer-row { padding: 0; margin:0 -15px; } .colside1, .colside3 { float: right; } .colside2, .colside4 { float: left; } /* Navigation --------------------------------------------- */ #navigation { float:right; text-align: center; padding: 0; } .main-navigation { display: inline-block; width: auto; } .main-navigation ul { font-family: 'Poppins'; display: none; list-style: none; margin: 0; padding-right: 0; font-weight:500; } .main-navigation ul li a { z-index: 99; } .main-navigation ul ul { float: right; text-align: right; position: absolute; top: 100%; right: 0; z-index: 99; display: block; min-width: 240px; background: #ffffff; opacity: 0; transition: all ease 0.23s; -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation ul li.focus > ul { display: block; opacity: 1; z-index: 1000; transform: scale(1,1); } .main-navigation ul ul ul { right: 100%; top: 0; } .main-navigation li { position: relative; display: inline-block; margin-bottom: 0; } .main-navigation ul ul ul { right: 100%; top: 0; } .main-navigation ul > li:hover > ul { opacity: 1; right: 0; z-index: 9999; } .main-navigation ul ul li:hover > ul { opacity: 1; right: 100%; } .main-navigation li li { float: none; display: block; } .main-navigation ul li li:last-child > a { border: none; } .main-navigation ul li a { display: block; padding: 0px 20px; position: relative; z-index: 99; line-height: 85px; transition: all ease 0.23s; text-decoration: none; color: #ffffff; } .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_item a {color:#FFF; background-color: #e64d43;} .main-navigation ul li a:focus, .main-navigation ul li a:hover{ opacity: 1; color: #282828; background-color:#e64d43; } .a13-sticky-variant .main-navigation ul li a { color: #b0b0b0; } .a13-sticky-variant .header-search-toggle { color: #FFF; } .a13-sticky-variant .main-navigation ul li a:hover, .a13-sticky-variant .main-navigation ul li.current-menu-item a, .a13-sticky-variant .main-navigation ul li.current_page_item a { color: #21201f; } .main-navigation ul ul li a:hover, .main-navigation ul ul li a:focus { color: #ffffff !important; background: #e64d43; } .main-navigation ul li ul li a { line-height: 40px; color:#282828; } .main-navigation li > a { position: relative; } .main-navigation li li.current_page_item > a:after, .main-navigation li li.current-menu-item > a:after, .main-navigation ul li li a:hover:after { display: none; } .main-navigation li.menu-item-has-children > a { padding-left: 24px; } .main-navigation li.menu-item-has-children > a:after { content: "\f347"; left: 0px; top: 0px; width: 20px; height: 20px; font-size: 12px; margin-right: 5px; position: absolute; font-family: dashicons; } .main-navigation ul ul li.menu-item-has-children > a:after { content: "\f345"; left: 0; margin-top:10px; font-family: dashicons; } .main-navigation ul ul li.menu-item-has-children > a:hover:after { color: #282828; } .header-right-infos{ position:relative; float:left; padding:40px 30px 0 0; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } .menu-toggle { width: auto; } .menu-toggle:hover { opacity: .89; } .toggled .menu-toggle span { background: #ffffff; } .menu-toggle span { background: #ffffff; border: none; height: 3px; width: 32px; position: absolute; top: 7px; right: 4px; transition: all .25s ease; cursor: pointer; } .menu-toggle span:nth-of-type(2) { top: 18px; } .menu-toggle span:nth-of-type(3) { top: 29px; } .main-navigation button.menu-toggle:focus { outline: 1px solid #141414; border-radius: 0; } .header-extras{ float:left; padding:14px 0 0 0; } .cart-customlocation { display: block; position: relative; top: 13px; } .headcartcount.cart-customlocation{ color:#FFF; } .custom-cart-count { font-size: 11px; color: #000; background-color: #fff; height: 22px; width: 22px; display: block; border-radius: 50%; text-align: center; line-height: 22px; position: absolute; top: 4px; left: -15px; } .cart-customlocation:hover .custom-cart-count{ background-color:#e64d43; color:#000000; } .header-cart{ padding:20px 10px 0 50px; float:left; font-family:'Oswald'; font-size:16px; } .custom-cart-total { position: absolute; top: -25px; right: 50px; } .header-search-toggle { cursor: pointer; float:right; margin: 27px 0 0 25px; } .header-extras .header-search-form { display: none; position: absolute; bottom: -34px; width: 208px; left: 0; } .header-extras .header-search-form .search-field { width: 100%; background-color: #191919; border: none; color: #A7A7A7; padding: 9px 15px; } .header-extras .header-search-form .search-field:focus { outline: none; } .header-extras .header-search-form .search-submit { display: none; position: absolute; bottom: -40px; width: 200px; right: -80px; } .inner-banner-thumb{ width:100%; text-align:center; position:relative; min-height:410px; max-height:450px; overflow:hidden; background-color:#545556; } .inner-banner-thumb img{ width:100%; height:auto; object-fit:cover; min-height:410px; max-height:450px; } .inner-banner-thumb:after{ position: absolute; content: ''; width: 100%; height: 100%; z-index: 9; background-color: rgba(46, 59, 78, 0.3); right: 0; top: 0; z-index: 1; } .inner-banner-thumb.transbanner h1{position:absolute; top:63%;} .inner-banner-thumb h1{ font-size:48px; font-weight:700; text-align:center; color:#ffffff; margin-bottom:0px; padding:0; position:absolute; top:60%; right:0; left:0; z-index:99; } .black-title h1{color:#ffffff;} .comment-metadata time { padding: 0 5px; } .banner-container{ width:1200px; margin:0 auto; } .products { text-align:center; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ position: relative; text-align: center; width:22.8%; margin:10px 9px; display:inline-block; float:none; vertical-align:top; border-radius:10px; padding:30px; background:#fff !important; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{ font-size:19px; font-weight: 400; padding: 0; margin: 0; position:relative; z-index:99; padding:5px; padding-top:15px; } .woocommerce ul.products li.product .price{ color:#fd6500; font-size:17px; font-weight:400 !important; position:relative; z-index:99; } .woocommerce ul.products li.product .price ins{ font-weight:400 !important; } .woocommerce ul.products li .added_to_cart{ position:relative; z-index:99; } .woocommerce ul.products li.product .price ins{ text-decoration:none !important; } .woocommerce ul.products li.product .button{ background-color: #000000; border-radius: 0; font-size: 14px; font-weight: 500; position: absolute; top: 0; right: 50%; display: table; margin: 0 auto; transition: all 0.3s; opacity: 0; visibility: hidden; padding: 16px 25px; color: #fff; transform: translateX(50%); white-space: nowrap; z-index:99; border-radius:100px; } .woocommerce ul.products li.product .button:hover{ background-color: #e64d43; } .woocommerce ul.products li.product .woocommerce-thumbnail-wrap{ text-align: center; } .woocommerce ul.products li.product .woocommerce-thumbnail-wrap img{ display: inline-block; transition: all 0.3s; width: auto; } .woocommerce ul.products li.product:hover .button{ opacity: 1; visibility: visible; top: 32%; } .woocommerce ul.products li.product:hover { box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.08); } .woocommerce ul.products li.product .price del{ margin-left: 10px; display:none; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale{ display:none; } .skt-product-img:before{ width:100%; height:100%; position:absolute; top:0; right:0; background:rgba(255, 100, 46, 0.4); content:""; z-index:1; opacity:0; } .woocommerce ul.products li.product:hover .skt-product-img::before{ opacity:0; } .skt-product-img img { width:auto !important; margin:0 auto !important; } .categories-section .skt-product-img:before, .latproduct-thumb:before{ display:none !important; } .skt-product-img{ width:100%; height:220px; position:relative; overflow:hidden; border-radius:10px; } .woocommerce ul.products li.product .star-rating{ margin:0 auto; margin-top:10px; margin-bottom:10px; } .woocommerce div.product .product_title{ font-size: 29px; font-weight: 600; line-height: normal; margin: -10px 0 0; } .woocommerce div.product p.price, .woocommerce div.product span.price{ color: #9cc026; font-size: 20px; font-weight: 600; } .woocommerce-product-details__short-description{ font-size: 18px; line-height: 1.75; } .woocommerce div.product form.cart .button{ font-size: 16px; font-weight: 500; background-color: #000000; color: #ffffff; border-radius: 0; height: 54px; padding: 0 35px; transition: all 0.2s; } .woocommerce div.product form.cart .button:hover{ background-color: #9cc026; } .woocommerce div.product form.cart div.quantity{ margin: 0 0 0 15px; } .woocommerce .quantity .qty{ height: 54px; padding: 0 10px; width: 100px; outline: none; } .woocommerce-variation.single_variation{ margin-bottom: 15px; } .woocommerce ul.products li.product .price, .skt-bestseller-products .skt-bestseller-products-price{ color: #000000; } .woocommerce ul.products li.product .price mark, .woocommerce ul.products li.product .price ins{ color: #000000; } .woocommerce ul.products li.product .woocommerce-placeholder{ border:none !important; } .woocommerce.columns-1 ul.products li.product .star-rating, .woocommerce.columns-2 ul.products li.product .star-rating, .woocommerce.columns-3 ul.products li.product .star-rating, .woocommerce.columns-4 ul.products li.product .star-rating { color:#ff9839; } .ft-infobox{position:relative; z-index:999;} .ft-infobox .container{border-bottom: solid 1px #454b56;} #footer{ position:relative; background-color:#242c38; } #footer:after{ width: 100%; height: 100%; content: ''; position: absolute; top: 0; right: 0; background: rgba(25,23,36,.3); z-index: 4; } .footer-logo { text-align: right; padding: 65px 0 55px 0; float: right; } .footer-social { float: left; text-align: left; padding: 55px 0 55px 0; } .social-icons { display: inline-table; } .social-icons a { width: 35px; height: 35px; line-height: 25px; text-align: center; vertical-align: middle; display: inline-block; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; margin: 0 3px; padding: 0; } .social-icons br { display: none; } .social-icons .fb { background: url(images/icon-fb.png) no-repeat center center; } .social-icons .tw { background: url(images/icon-tw.png) no-repeat center center; } .social-icons .in { background: url(images/icon-in.png) no-repeat center center; } .social-icons .insta { background: url(images/icon-insta.png) no-repeat center center; } .social-icons .yt { background: url(images/icon-youtube.png) no-repeat center center; } /* Mobile Portrait View */ @media screen and (max-width:767px) { * { box-sizing: border-box; } .left, .right, .copyright-txt, .design-by, .headertop .left, .headertop .right { float: none; margin: 0 auto; text-align: center; } .center { width: 100%; } .container { width: auto; padding: 0 15px; } .footer { padding-bottom: 30px; } .wrap_one { width: auto; text-align: center; } .header { width: 100%; padding: 0 0 5px 0; position: relative!important; } .logo { float: none; text-align: center; padding: 10px 0 5px 0px !important; position: relative; width: auto; min-height:inherit; } .logo h2 { text-align: center; font-size:30px; padding-bottom:6px; } .logo p { text-align: center; float: none; margin: 10px auto 0; } #sidebar { width: 100%; float: none; } .content-area { width: auto; margin: 0; padding: 50px 20px; } .site-main { width: auto; margin: 0; padding: 0 0 20px; float: none; } .copyright-wrapper { text-align: center; } h2.section_title { text-align: center; } .BlogPosts { float: none; width: auto; margin: 0 0 10%; } .wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea { width: 100%; } input.search-field { width: 66%; } .toggle { margin: 0 auto; } .copyright-txt { padding: 15px 0 15px 0; } .header .container { border-bottom: none; padding: 0; } .row_area { margin: 0; } .footerleft { float: none; text-align: center; } body.home .page_content { padding: 0; } .col-columns-2 { width: 100%; padding: 25px 15px; box-sizing: border-box; float: none; } .site-navigation .menu li { padding: 0!important; } .site-navigation .menu ul a, .site-navigation .menu ul ul a { color: #FFF!important; } body.wp-custom-logo .logo{ padding:20px 0 !important; } #navigation{ float:none; text-align:center; width:100%; padding-bottom:0px; padding-top:40px; } #top-social{ float:none; text-align:center; } .social-icons{ margin-top:0px; } .transheader{ position:relative !important; background-color:#111111 !important; } .main-navigation ul li a{ line-height:inherit; } .header-extras{ width:85%; margin:0 auto 20px; float:none; padding-top:0px; } .header-extras .header-search-form{ right:0; left:0; width:100%; bottom:-53px; } .inner-banner-thumb h1{ right:0; left:0; top:30%; text-align:right; font-size:25px; padding-right:30px; } .cols-3{ float:none; width:100% !important; margin: 0 0 0.5% 0; padding-top:40px; } .cols-3:nth-of-type(1) { padding-top:0; } .blog-post{margin:0;} .blog_lists{ float:none; width:100%; margin-bottom:30px; margin-right:0px; margin-left:0px; } .page_content{ padding:5px 0; } .adventure-lite-banner br{ display:none; } .header-phone-number{ margin-bottom:25px; float:right; margin-right:80px; } .adventure-lite-banner-section .linear{ top:0px; } .adventure-lite-banner-section :where(h2, h4){ text-align:right; } .adventure-lite-banner-section h4 br{ display:none; visibility:hidden; } .adventure-lite-banner-section{ background-size:contain !important; } .adventure-lite-banner-section h2{ font-size:25px !important; } .adventure-lite-choose-img-box .skt-blocks-block-section { border-width: 0 0 1px 0 !important; } .inner-banner-thumb{ min-height:150px; } .inner-banner-thumb img{ min-height:inherit; } .inner-banner-thumb h1{ top: 50px; text-align: center; padding: 0; } .header-right-infos{ float:none; padding:0; } .header-cart{ padding-top:0px; margin-top:0px; margin:auto; /*margin-left:140px;*/ margin-bottom:25px; float:none; display:table; padding-right:0px; } .skt-header-quote-btn a{ bottom: -54px; left: 0; right: 0; padding: 10px 20px; font-size: 16px; } .heder-rightside{ float:none; text-align:center; } .main-navigation button.menu-toggle {top:0px !important;} .heder-rightside{width:100% !important;} } /* Mobile Landscape View */ @media screen and (min-width: 480px) and (max-width: 767px) { .container, .content-area { width: auto; margin: 0 auto; } .post-thumb { width: 100%; float: none; } .toggle { width: 100%; } .row_area { margin: 0; } .site-navigation .menu li { padding: 0!important; } .logo { padding: 25px 0 25px 420px; } #navigate-main { width: 100%; } .inner-banner-thumb h1{ right:0; left:0; text-align:right; font-size:40px; padding-right:55px; } .blog-post{margin:0;} .blog_lists{ float:none; width:100%; margin-bottom:30px; margin-right:0px; margin-left:0px; } .adventure-lite-banner br{ display:none; } .get-button-karate{ float:none; margin-right:0px; } .header-phone-number{ margin: 15px auto; } .adventure-lite-welcome-rating-column .elementor-container{ margin:0 auto !important; } .adventure-lite-banner-section .linear{ top:0px; } .adventure-lite-banner-section :where(h2, h4){ text-align:right; } .adventure-lite-banner-section h4 br{ display:none; visibility:hidden; } .adventure-lite-banner-section{ background-size:contain !important; } .adventure-lite-banner-section h2{ font-size:25px !important; } .adventure-lite-choose-img-box .skt-blocks-block-section { border-width: 0 0 1px 0 !important; } .adventure-lite-section4 .skt-blocks-block-section{ padding-bottom:0px !important; } #footer{padding:0 45px 25px 45px;} .footerarea{padding-top:0;} .footer-logo{padding:45px 0 0 0;} } /* Tablet View */ @media screen and (max-width:1023px) and (min-width:768px) { body.wp-custom-logo .logo { padding: 25px 0 12px 50px!important; } .menu-toggle { top: 34px; } .site-navigation .menu li { padding: 0!important; } .header { width: 100%; } .header .container { padding: 0 25px 0 0; } #navigate-main { width: 100%; } .site-navigation .menu ul a, .site-navigation .menu ul ul a { color: #FFF!important; } .main-navigation ul li a{ line-height:inherit; } #navigation{ float:none; width:100%; } .main-navigation button.menu-toggle{ text-align:right !important; margin:0 !important; top:34px; } .social-icons{ margin-top:-15px; padding-right:75px; } .copyright-area{ position: relative !important; } .header-extras{ padding-top:0px; margin-top:-20px !important; } .inner-banner-thumb h1{ padding-right:25px; font-size:45px; } .blog_lists h4{ font-size:18px; } .blog-post{margin:0;} .blog_lists{ float:none; width:100%; margin-bottom:20px; margin-right:0px; margin-left:0px; } aside.widget{ margin-bottom:20px; } .header-phone-number{ margin: -15px 30px 20px 0; } .adventure-lite-banner-section .linear{ top:0px; } .adventure-lite-banner-section :where(h2, h4){ text-align:right; } .adventure-lite-banner-section h4 br{ display:none; visibility:hidden; } .adventure-lite-banner-section{ background-size:cover !important; } .adventure-lite-banner-section h2{ font-size:25px !important; } .adventure-lite-choose-img-box .skt-blocks-block-section { border-width: 0 0 1px 0 !important; } .inner-banner-thumb{ min-height:inherit; } .inner-banner-thumb h1{ top:110px; font-size:20px !important; } .adventure-lite-section4 .skt-blocks-block-section{ padding-bottom:0px !important; } .header-cart{padding-top:0px; margin-top:-20px;} #sidebar h2, #sidebar .wp-block-search__label{font-size:18px;} .footer h2{font-size:20px;} .footerarea{padding-top:40px;} .header-right-infos{padding:0px;} } @media screen and (max-width:1169px) and (min-width:768px) { * { box-sizing: border-box; } .center { width: auto; } .header .container { padding: 0 20px 0 20px; } .container { width: 100%; padding: 0 20px; } .logo { width: auto; float: right; position: relative; text-align: center; } .content-area { width: auto; margin: 0; padding: 50px 20px; } #sidebar { width: 30%; } .site-main { width: 68%; } .footer { padding-top: 0; padding-bottom: 30px; } input.search-field, .post-password-form input[type="password"] { width: 53%; } .head-info-area .center { width: 98%; } .toggle { float: left; width: 15%; margin-top: 3.8%; } .logo { min-height: inherit; } .post-password-form input[type="password"] { width: 50%!important; } .row_area { margin-right: 0; } .header-extras { margin-top: 20px; padding-left: 35px; } body.wp-custom-logo .logo { padding: 25px 0 25px 25px; } .main-navigation ul li a{ padding:0 11px !important; } .main-navigation li.menu-item-has-children a:after { left:-5px !important; } .header-extras{ margin-top:0px !important; } .inner-banner-thumb h1{ padding-right:25px; font-size:45px; } .blog_lists h4{ font-size:18px; } .postmeta{ padding:0 0 10px 0; } body.wp-custom-logo .logo{ padding: 12px 20px 16px 20px !important; } .heder-rightside{ padding-left:0; } .footer-logo{padding: 45px 0 0 0;} .main-navigation button.menu-toggle{ left:0; float:left; } .inner-banner-thumb{ min-height:250px; } .inner-banner-thumb h1{ font-size:35px !important; } .banner-container{width:auto;} #main-set .transheader{width:100%; height:80px;} #sidebar h2, #sidebar .wp-block-search__label{font-size:20px;} .footer h2{font-size:20px;} .footerarea{padding-top:0;} .footer-row .widget_nav_menu ul{margin:0 !important;} } @media screen and (min-width: 768px) and (max-width: 980px) { .post-thumb { height: auto; } #navigation{ width:100%; text-align:left; } .header-extras{ margin-top:-22px !important; } .main-navigation ul{ position:relative; top:35px; margin-right:17px; } .main-navigation.toggled ul li:last-child{ margin-bottom:50px; } .main-navigation.toggled ul ul li:last-child{ margin-bottom:0px; } .inner-banner-thumb{ min-height:250px; } .inner-banner-thumb h1{ top:110px; font-size:30px !important; } .skt-header-quote-btn a{ bottom:-54px; } .adventure-lite-section4 .skt-blocks-block-section{ padding-bottom:0px !important; } } @media screen and (max-width:1169px) and (min-width:981px) { html { overflow-x: hidden; } .headertop .header-inner { width: auto; } input.search-field, .post-password-form input[type="password"] { width: 70%; } .toggle { width: inherit; } .sitenav ul li a { padding: 40px 14px; } .blog_lists{ margin:0 10px 30px 10px; } } @media screen and (min-width: 981px) { /* Menus */ .menu-toggle, .dropdown-toggle { display: none; } .site-navigation { align-items: start; } .site-navigation .primary-menu, .site-navigation .social-menu { position: static; } .site-navigation .menu li { position: relative; width: auto; right: unset; } .site-navigation .menu ul li:first-child { border-top: 0; } .site-navigation .menu a, .site-navigation .menu ul a, .site-navigation .menu ul ul a { padding: .75em .95em; } .site-navigation .menu ul { position: absolute; background-color: #ffffff; text-align: right; top: 100%; right: -9999em; } .site-navigation .menu li:hover > ul, .site-navigation .menu li:focus > ul, .site-navigation .menu li.focus > ul { right: 0; } .site-navigation .menu ul li { position: relative; width: 220px; } .site-navigation .menu li li:hover > ul, .site-navigation .menu li li:focus > ul, .site-navigation .menu li li.focus > ul { top: 0; right: 100%; } .site-navigation .menu ul a:hover, .site-navigation .menu ul a:focus { color: #000000; } .menu-item-has-children > a:after, .page_item_has_children > a:after { font-family: dashicons; content: '\f347'; vertical-align: bottom; margin-right: .25em; } .menu-item-has-children .menu-item-has-children > a:after, .menu-item-has-children .page_item_has_children > a:after, .page_item_has_children .menu-item-has-children > a:after, .page_item_has_children .page_item_has_children > a:after { content: '\f345'; font-family: dashicons; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); } .headertop { text-align: center; } .headertop .header-inner { width: auto; } .headertop .header-inner, .widget-left, .topright { width: auto; padding: 0; float: none; } .topbar-container { float: none; } .container.menuwrapper { background: transparent!important; } #menubar { border-top: 3px solid transparent!important; } #topmenu { float: none; } } @media screen and (min-width:1024px) { .menu-toggle { display: none; } .main-navigation ul { display: flex; } } @media(max-width:1024px) { .heder-rightside{width:70%;} .main-navigation { width: 100%; } .main-navigation button.menu-toggle { width: 40px; text-align: center; margin:0 auto; background: transparent; border: 0; color: #ffffff; padding: 10px; height: 40px; position: relative; cursor: pointer; z-index:99999; top:25px; } .main-navigation button.menu-toggle span.nav-icon { float: left; background: #fff; color: #000; height: 43px; width: 45px; line-height: 43px; text-align: center; position: absolute; left: 20px; top: 11px; border: 1px solid; } #primary-menu ul.nav-menu { position: absolute; width: 100%; right: 0; box-shadow: 0 0 10px rgb(0 0 0 / 12%); background: #ffffff; z-index: 99; margin-top: 5px; } .main-navigation button.menu-toggle span.nav-icon:hover { background: #6abe52; color: #ffffff; cursor: pointer; } .main-navigation.toggled ul{ margin-right:0px; } .main-navigation.toggled ul li { text-align: right; line-height: 37px; float: right; position: relative; width: 100%; background-color:#111111; } .main-navigation.toggled ul ul, .main-navigation.toggled ul ul ul { position: relative; width: 100%; float: right; display: block; opacity: 0; right: 0; height: 0; box-shadow: none; } .main-navigation ul ul ul { left: 0; opacity: 0; right: 0; } .main-navigation.toggled ul li:hover ul, .main-navigation.toggled ul li:focus ul, .main-navigation.toggled ul li.focus ul { display: block; opacity: 1; height: auto; } .main-navigation.toggled ul li:hover ul ul, .main-navigation.toggled ul li:focus ul ul, .main-navigation.toggled ul li.focus ul ul { display: block; opacity: 0; height: 0; box-shadow: none; } .main-navigation.toggled ul ul li:hover ul, .main-navigation.toggled ul ul li:focus ul, .main-navigation.toggled ul ul li.focus ul { display: block; opacity: 1; right: 0; height: auto; box-shadow: none; } .main-navigation.toggled ul li a { padding: 2px 15px; } .main-navigation ul ul li.menu-item-has-children > a:after { content: "\f347"; font-family: dashicons; } .main-navigation ul ul li a{color:#e64d43;} .main-navigation ul li ul li a{color:#e2b4b4;} } @media screen and (max-width: 29.938em) { .footer-social{ padding: 0 0 25px 0; float:none; text-align:center; } .footer-logo{ float:none; text-align:center; padding:25px 0; } #footermenu{ margin-top:0px; } #footermenu li{ display:block; padding:10px 0; } .adventure-lite-welcome-rating-acolumn{ margin-right:10px; } } @media screen and (max-width:72.438em) and (min-width:63.250em) { .skt-header-extras .skt-header-button a{padding:26px 50px 26px 0;} #topmenu ul li a{padding:37px 16px;} .adventure-lite-section2 img {width:92%;} } @media screen and (max-width:63.938em) and (min-width:48.000em) { #footermenu li{ padding:5px 15px; } .copyright-txt{ padding:25px 0; } } @media screen and (max-width: 29.938em) { .responsive-heading-desc-text{ line-height:28px !important;} #simple-menu{ margin-top:5px;} .wpcf7-submit{ margin-top:0px;} #footer{padding:0;} .footerarea{padding-top:20px;} .footer-row ul li a::before{padding-left:12px;} .footer-row .widget_nav_menu ul{margin-right:15px; margin-left:15px; margin-bottom:-15px;} } @media screen and (max-width:47.938em) and (min-width:30.000em) { #simple-menu{margin-bottom:10px;} #footer{padding:0;} .footer-row ul li a::before{padding-left:16px;} .footer-row .widget_nav_menu ul{margin-right:15px; margin-left:15px; margin-bottom:-15px;} }