/* Theme Name: rosebell Theme URI: - Description: Custom Development Theme Author: - Author URI: - Version: 1.1 * /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ /* =Layout -------------------------------------------------------------- */ /* LAYOUT: Two columns DESCRIPTION: Custom Template */ @import url('https://fonts.googleapis.com/css2?family=Freehand&family=Montserrat&display=swap'); ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { background: #000; } /* Handle */ ::-webkit-scrollbar-thumb { background: #34ac67; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #34ac67; } h3{ font-family: 'Montserrat', sans-serif !important; } h2{ font-family: 'Montserrat', sans-serif !important; } h4{ font-family: 'Montserrat', sans-serif !important; } h1{ font-family: 'Montserrat', sans-serif !important; } p { font-family: 'Montserrat', sans-serif; } .slick-slide:focus { outline: none !important; } :focus { outline: none !important; } a:focus { outline: none !important; outline-offset: 0 !important; } a:hover { text-decoration: none !important; } html body, input, textarea, .page-title span, .pingback a.url { font-family: 'Conv_VisbyCF-Regular', sans-serif; } body { background: #fff; } body, input, textarea { color: #303030; font-size: 12px; line-height: 18px; } img { max-width: 100%; height: auto; } body .padleft { padding-left: 0 } body .padright { padding-right: 0 } body .padtop { padding-top: 15px; } body .padbottom { padding-bottom: 15px; } body .nopad { padding: 0 } section.section { padding: 50px 0; overflow: hidden; } header { padding: 0; z-index: 100; } nav { position: relative; z-index: 999; width: 100%; } nav.fixed { position: fixed; width: 100%; z-index: 999; top: 0; } .searchform input { float: right; width: 200px; padding: 8px 46px 8px 8px; font-size: 1em; border: 1px solid #303030; background: #fff; } .searchform input[type="submit"] { float: right; width: 37px; height: 37px; padding: 0px; border: 0px; background: #303030 url(images/search-icon.png) no-repeat center; box-shadow: none; font-size: 0; margin-left: -37px; position: relative; } /* ---- Social Icons ---- */ .social_icons { text-align: right; margin: 10px 0; } .social_icons ul { padding: 0; margin: 0; } .social_icons ul li { display: inline-block; margin-right: 5px; } .social_icons ul li a { background: #305294; border-radius: 100px; color: #FFF; transition: all .2s ease; display: block; font-size: 15px; padding: 5px 0; text-align: center; width: 32px; height: 32px; } .social_icons ul li+li a { background: #55ACEE; } .social_icons ul li+li+li a { background: #DC4B3E none; } .social_icons ul li+li+li+li a { background: #E52D27; } .social_icons ul li a:hover { background: #333; color: #FFF; } .top-social .social-icons { float: right; padding: 0; } .top-social .social-icons a { width: 45px; display: inline-block; padding: 10px; text-align: center; color: #fff; background: #b75f48; font-size: 15px; float: right; margin-right: 5px; } .top-social .social-icons a:hover { background: #000000; } /* ---- Portfolio .grid-item ---- */ .grid-item { width: 24.7%; box-sizing: border-box; margin-bottom: 0px; } .filter-button-group button { background: #333; color: #fff; display: inline-block; margin-right: 5px; padding: 5px 10px; border: 0; } .filter-button-group { margin: 10px 0; overflow: hidden; } .filter-button-group button:hover { background: #ccc; color: #000; } /* ---- FOOTER SECTION ---- */ footer.footer .footer-info .footer-logo { display: block; margin: 0 auto 20px; text-align: center; } form#easy-newsletter-form { position: relative; } footer.footer button:after { content: "\f178"; font-family: 'FontAwesome', sans-serif; color: #34ac67; } footer.footer button { color: transparent; background: transparent; border: 0; position: absolute; right: 0; top: 0; padding: 8px 15px; border-radius: 5px; text-transform: uppercase; font-weight: 500; } footer.footer .easy-newsletter { position: relative; } footer.footer button:hover { background: transparent; color: transparent; } footer.footer .easy-newsletter .input-field label { display: none; } footer.footer .easy-newsletter .input-field { margin-bottom: 0; } footer.footer input { border-radius: 0; padding: 7px 40px 7px 15px; border: 0; width: 100%; font-weight: 500; color: #ffffff; font-size: 14px; background-color: #2f344175; border: 1px solid #ffffff; } footer.footer .footer-item h6 {font-size: 18px;text-transform: uppercase; color: #fff; letter-spacing: 1px; margin: 0 0 25px;padding: 0 0 15px;position: relative;} footer.footer .footer-item h6:after {content: ""; background-color: #fff; width: 50px;height: 2px;display: block;position: absolute;left: 0;bottom: 0;margin: auto;} footer.footer .footer-item p strong {color: #fff;margin: 0 0 10px;display: block;line-height: normal;} footer.footer .footer-info {margin: 0;padding: 55px 0 35px;color: #fff;background-position: center;background-size: cover;} footer.footer .contact_details li {list-style: none;font-size: 14px;line-height: 22px;margin: 0 0 10px;position: relative;padding-left: 35px;color: #fff;} footer.footer .contact_details li img {position: absolute; top: 0; left: 0;} footer.footer .copyrights {line-height: normal;border-top: 2px solid #31313126;padding:10px 0px;} footer.footer .copyrights p strong {color: #34ac67;font-weight: 400;} footer.footer .copyrights p { line-height: normal; margin: 15px 0; } footer.footer p {font-size: 15px;line-height: 25px;} footer.footer .footer-info li .menu li { list-style: none; display: block; } footer.footer .footer-info li .menu li a {/* color: #fff; */font-size: 14px;line-height: 25px;} footer.footer .footer-info li .menu { padding: 0; text-align: left; margin: 30px 0; } footer.footer .footer-info li .menu li:last-child a { margin-right: 0; } footer.footer .footer-info li .menu li a:hover { color: #000; text-decoration: none; letter-spacing: 2px; } footer.footer .footer-info li a:hover { color: #34ac67; text-decoration: none; letter-spacing: 3px; } footer.footer .footer-info .social-icons { margin: 30px 0; text-align: center; } footer.footer .footer-info .social-icons a i { font-size: 30px; color: #fff; margin: 0 4px; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; transition: 0.5s; } footer.footer .footer-info .social-icons a i:hover { color: #fff; text-decoration: none; } footer.footer .footer-info .social-icons a:hover { text-decoration: none; } footer.footer .copyrights .fleft { float: left; } footer.footer .copyrights .fright { float: right; } footer.footer .copyrights .fleft a:first-child { padding-left: 0; } footer.footer .copyrights a:hover { color: #0c9b55 !important; letter-spacing: 1px; } footer.footer .copyrights a, footer.footer .copyrights p {color: #fff;font-size: 13px;padding: 0 10px 0 5px;font-weight: 600;} footer.footer .footer-info li strong { display: block; text-transform: uppercase; margin: 0 0 5px; font-weight: 900; line-height: normal; } footer.footer .footer-item li { list-style: none; } footer.footer .contact_details li.address:before { content: "\f041"; font-family: 'FontAwesome', sans-serif; position: absolute; left: 0; top: 0; } footer.footer .contact_details li.phone:before { content: "\f10b"; font-family: 'FontAwesome', sans-serif; position: absolute; left: 0; top: 0; } footer.footer .contact_details li.email:before { content: "\f0e0"; font-family: 'FontAwesome', sans-serif; position: absolute; left: 0; top: 0; } footer.footer .contact_details li a:hover {color: #000;text-decoration: none;letter-spacing: 1px;} footer.footer .footer-info li a {color: #fff; font-size: 15px;line-height: 25px;} footer.footer .footer-info ul { padding: 0; margin: 0; } #back-top > a {bottom: 1%;color: #34ac67;display: block;font-size: 37px;position: fixed;right: 2%;text-align: center;z-index: 999;} /*HEADER TOP SECTION*/ .top-area { background: #0c9b55; } .top-area .top-detail ul li a { color: #fff; } .top-detail ul { padding: 0; margin: 0; } .top-detail li { margin-right: 15px; } .top-detail li { list-style: none; font-size: 17px; line-height: 22px; margin-bottom: 10px; position: relative; padding-left: 20px; display: inline-block; margin-top: 10px; } .top-detail li.phone:before { content: ""; position: absolute; left: 0; top: 0; background: url(images/before-phone.png); width: 14px; height: 14px; bottom: 0; margin: auto; } .top-detail a { color: #000000; } .top-detail li a:hover { color: #0c9b55; text-decoration: none; letter-spacing: 2px; } .top-detail li.email:before { content: ""; position: absolute; left: 0; top: 0; background: url(images/before-email.png); width: 14px; height: 12px; bottom: 0; margin: auto; } .headerSection .top-search { margin-right: 30px; } .headerSection .top-search .widget.widget_product_search input { text-align: left; background: rgb(255 255 255); color: #000; height: 24px; border-radius: 20px !important; padding-top: 5px; padding-bottom: 5px; line-height: normal; border-color: #000; padding-left: 14px; padding-right: 70px; border: 1px solid #000; font-size: 15px; } .headerSection .top-search .widget { display: inline-block; position: relative; width: 250px; } .headerSection .top-search .widget.widget_product_search form button[type="submit"] { background: #0c9b55; border-radius: 0 50px 50px 0; width: 80px; position: absolute; right: -6px; bottom: 1px; margin: auto; height: 34px; border: none; color: #fff; } .headerSection .top-search .widget.widget_product_search form button[type="submit"]:hover { background: #f1c838; color: #000; } .headerSection .top-search .widget.widget_product_search input::placeholder { text-align: left; color: #151320; line-height: normal; font-weight: 300; } .headerSection .top-search .widget.widget_product_search input:focus { border-color: #000; } .headerSection .main-menu { padding: 15px 0; background: #034c8c; float: left; width: 100%;} /*---------------------------------- Slick SLider----------------------------------------------------*/ .main-slider, .item-slider, .client, .thumb-slider { display: none; } .item-slider.slick-initialized, .thumb-slider.slick-initialized, .client.slick-initialized, .main-slider.slick-initialized { display: block !important; } .slider { position: relative; clear: left; overflow: hidden; } .slider .inner-item { height: 650px; } .slider .container { position: relative; } .slick-slide .caption { color: #fff; font-size: 1.2em; line-height: 1.2em; position: absolute; left: 10%; text-shadow: 2px 2px 2px #000; top: 37%; width: 35%; background: rgba(0, 0, 0, 0.7); padding: 20px 20px 0; z-index: 99; } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .thumb-slider .slick-slide { margin: 5px 0 0 5px; } .slider-thumb .thumb-slider .slick-slide img { max-width: 100%; height: auto; box-sizing: border-box; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; position: relative; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; transition: all .25s ease; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { position: absolute; z-index: 11; bottom: -30px; margin: 0px; padding: 0; text-align: center; width: 100%; } .slick-dots li { list-style: none; display: inline-block; } .slick-dots button { border: 1px solid #333; background: #fff; width: 12px; height: 12px; border-radius: 100%; font-size: 0; padding: 0px; margin-right: 5px; } .slick-dots .slick-active button { background: #303030; } /* .slick-arrow { border: 0px; font-size: 0; right: 0; margin-top: -20px; position: absolute; top: 50%; z-index: 1; background: #303030 url(images/arrow.png) no-repeat center center; width: 36px; height: 40px; /*transform: rotate(180deg)*/ } */ .services-slider .slick-arrow { height: 65px; } .slick-arrow:hover { background: #000 url(images/arrow.png) no-repeat center center; } .slick-next.slick-arrow { transform: rotate(0deg) } .slider-progress { width: 100%; height: 5px; background: rgba(0, 216, 192, 0.8); position: absolute; top: 0; z-index: 99; } .slider-progress .progress { width: 0%; height: 5px; background: rgba(36, 51, 0, 0.8); } .thumb-slider .slick-active img { border: 1px solid transparent } .thumb-slider .slick-current img { opacity: 0.5; } /* ---------------------------Toggle Search---------------------*/ .searchpanel { background: #ccc; display: none; right: 0px; padding: 10px; position: absolute; top: 46px; } .searchpanel::before { border-bottom: 10px solid #ccc; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; position: absolute; right: 7px; top: -7px; } .nav .container { position: relative; } .searchtoggle { position: absolute; right: 11px; top: 11px; } .searchtoggle img { cursor: pointer; } /* -------------------------------------------Clients Carousel------------------------------------ */ .client { margin-right: -10px; } .client .slick-slide { margin-right: 10px; border: 1px solid #ddd !important; padding: 10px; box-sizing: border-box; text-align: center; } .client .slick-prev { margin-right: 10px; } .client .slick-slide img { display: inline-block; } /* -------------------------------------------Testimonials Carousel------------------------------------ */ .testimonial .loop { padding: 0 10px; text-align: center; } .testimonial .loop p { max-width: 800px; margin: 0 auto; } .testimonial .loop .pic img { max-width: 100px; margin: 10px 0; border-radius: 100%; height: auto; display: inline-block; } .testimonial .loop .title { font-size: 21px; font-weight: 600; } /* -------------------------------------------Services Carousel------------------------------------ */ .service { margin-right: -10px; } .service .slick-slide { margin-right: 10px; } .service .title { font-weight: 700; margin: 10px 0; font-size: 18px; } .service .slick-prev { margin-right: 10px; } .service .slick-next { margin-right: 10px; right: 40px; left: inherit; } .service .slick-arrow { top: 0; margin-top: -43px; } /*ENd SLick Slider*/ /* ---------------------------------------------------Windows Size-------------------------------------------------------------------------*/ #winSize { position: fixed; bottom: 1%; left: 1%; border: rgba(0, 0, 0, 0.8) 3px solid; background: rgba(0, 0, 0, 0.6); padding: 5px 10px; color: #fff; text-shadow: #000 1px 1px 1px, #000 -1px 1px 1px; z-index: 9999 } /* ---------------------------------------------------Tabs-------------------------------------------------------------------------*/ .tabs-menu { height: 30px; padding: 0; margin: 0; } .tabs-menu li { height: 30px; line-height: 30px; display: inline-block; list-style: none; margin-right: 10px; background-color: #ccc; border-top: 1px solid #d4d4d1; border-right: 1px solid #d4d4d1; border-left: 1px solid #d4d4d1; } .tabs-menu li.current { position: relative; background-color: #fff; border-bottom: 1px solid #fff; z-index: 5; } .tabs-menu li a { padding: 10px; text-transform: uppercase; color: #fff; text-decoration: none; } .tabs-menu .current a { color: #2e7da3; } .tab { border: 1px solid #d4d4d1; background-color: #fff; float: left; margin-bottom: 20px; width: auto; margin-top: -1px; } .tab-content { max-width: 660px; padding: 20px; display: none; } #tab-1 { display: block; } /* ---------------------------------------------------Left Tabs-------------------------------------------------------------------------*/ .tabs-left { width: 120px; padding: 0; margin: 0; float: left; } .tabs-left li { line-height: 30px; display: block; list-style: none; background: #ccc; border: 1px solid #d4d4d1; margin-bottom: 10px; border-right: 0; } .tabs-left li.current { position: relative; background-color: #fff; border-bottom: 1px solid #ddd; z-index: 5; } .tabs-left li a { padding: 0 10px; text-transform: uppercase; color: #fff; text-decoration: none; display: block; } .tabs-left .current a { color: #2e7da3; } .tab-loop { border: 1px solid #d4d4d1; background-color: #fff; float: left; margin-bottom: 20px; width: auto; margin-left: -1px; } .tabsleft-content { max-width: 660px; padding: 20px; display: none; } #tabs1 { display: block; } /* ---------------------------------------------------Breadcrumb-------------------------------------------------------------------------*/ .breadcrumbs { margin: 10px 0; padding: 0; background: #ddd; padding: 5px; } .breadcrumbs li { list-style: none; display: inline-block; padding-right: 2px; } /* ----------------------------Comments-----------------------*/ #comments label { display: inline-block; vertical-align: top; width: 80px; } .form-submit { margin-left: 80px; } #comments { background: #eee; padding: 20px; } #comments li { list-style: none; } #comments ol { padding: 0; } /* ----------------------------Accordion-----------------------*/ .accordion-container { position: relative; width: 100%; height: auto; margin: 20px auto; } .accordion-container > h2 { text-align: center; color: #fff; padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px solid #ddd; } .set { position: relative; width: 100%; height: auto; background-color: #f5f5f5; } .set > a { display: block; padding: 10px 15px; text-decoration: none; color: #555; font-weight: 600; border-bottom: 1px solid #ddd; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .set > a.active { background-color: #3399cc; color: #fff; } .set > a:before { background: url(images/arrow1.png) no-repeat; float: right; content: ""; height: 8px; margin: 6px 0 0; width: 15px; } .set > a.active:before { filter: invert(100%); transform: rotate(180deg); } .accordion-container .content { position: relative; width: 100%; height: auto; background-color: #fff; border-bottom: 1px solid #ddd; display: none; } .accordion-container .content p { padding: 10px 15px; margin: 0; color: #333; } /* ---------------------------------------------------Custom Scroll-------------------------------------------------------------------------*/ .customscroll { height: 300px; } /* ---------------------------------------------------innerheader-------------------------------------------------------------------------*/ .inner-banner { height: 250px; width: 100%; color: #fff; text-align: center; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 1; } .inner-banner h2 { display: table-cell; vertical-align: middle; padding: 0; font-size: 55px; color: #262132; margin: 0; line-height: normal; text-transform: uppercase; font-family: 'Conv_VisbyCF-ExtraBold', sans-serif; z-index: 3; } .inner-banner h2 p strong { color: #0c9b55; } /* ---------------------------------------------------blog-------------------------------------------------------------------------*/ .blogs { } .blogs li { width: 100%; margin-bottom: 20px; min-height: 210px; clear: both; float: left; border-bottom: 1px solid #dcdcdc; } .blogs li:last-child { border: none; } .blogs li h4 { text-transform: capitalize; background: #f0f0f0; padding: 10px; position: relative; margin-bottom: 20px; font-weight: 600; color: #2f2f2f; } .blogs li h4 span { width: 7%; text-align: center; background: #b12224; font-size: 11px; line-height: 18px; text-transform: uppercase; color: #fff; position: absolute; right: 0; top: 0; } .blogs li h4 span strong { display: block; font-size: 26px; font-weight: normal; } .blogs li a { float: right; } .blogs li .meta { background: #f0f0f0; padding: 10px; position: relative; margin: 38px 0 0; font-weight: 500; float: right; clear: right; width: 67%; color: #989898; font-size: 16px; line-height: 21px; } .blogs li .meta span { background: url('images/user-bg.png') no-repeat; padding: 3px 30px; } .blogs li .meta span.comments { margin-left: 10px; background: url('images/comments.png') no-repeat; } .blogs li .meta span strong { color: #258ef9; font-weight: normal; text-transform: capitalize; } .sidebar ul { padding: 0; margin: 0; } .sidebar ul li { list-style: none; } .sidebar-pro { border: 1px solid #c2c2c2; padding: 0 !important; border-radius: 5px; overflow: hidden; } .sidebar-pro h4 { background: #b12224; color: #fff; padding: 10px; font-size: 20px; line-height: 29px; margin: 0; } .sidebar-pro .cat li { margin-bottom: 6px; list-style: none; padding: 10px; } .sidebar-pro .cat li:hover { background: #b12224; } .sidebar-pro .cat li:hover a { color: #fff; } .sidebar-pro .cat li.current-cat { background: #b12224; } .sidebar-pro .cat li:last-child { margin-bottom: 0; } .sidebar-pro .cat .product-categories { margin-bottom: 0; } .sidebar-pro .cat li a { color: #424242; font-size: 14px; } .sidebar .recent li { border-bottom: 1px solid #c7c7c7; margin: 5px 0; padding: 5px 0; overflow: hidden; font-size: 14px; } .sidebar .recent li h5 { margin-top: 0; } .sidebar .recent li:last-child { border: none; } .sidebar h4 { background: #303030; color: #fff; padding: 10px; font-size: 20px; line-height: 29px; } .sidebar .recent h5 { color: #231f20; font-size: 14px; margin-bottom: 10px; } .sidebar .recent p { color: #6d6d6d; line-height: 16px; } .sidebar .recent .more a { color: #258ef9; float: right; } .sidebar .cat li { border-bottom: 1px solid #ddd; font-weight: 600; margin: 5px 0; padding: 5px 0; } .blogs .loop { border-bottom: 1px solid #ddd; margin: 10px 0; overflow: hidden; padding: 10px 0; } .sidebar .section { margin-top: 10px; overflow: hidden; } .blogs .title { margin: 0; } .blogs small { margin-bottom: 10px; display: inline-block; color: #888; } .sidebar .cat li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; } .sidebar .cat li a { color: #424242; font-size: 14px; } .blogs .meta { background: #ddd; margin-top: 10px; padding: 5px; } /*---------------------Pagination----------------------- */ .pagination { clear: both; padding: 20px 0; position: relative; font-size: 11px; line-height: 13px; } .pagination span, .pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; background: #555; } .pagination a:hover { color: #fff; background: #3279BB; } .pagination .current { padding: 6px 9px 5px 9px; background: #3279BB; color: #fff; } /* ------------------------------------Responsive Simple Menu------------------------------------------------------ */ .menu-header > ul > li > a:hover::before { content: ''; position: absolute; bottom: -10px; left: 17px; width: 20px; height: 1.5px; background-color: #34ac67; } .menu-header, .menu-header ul, .menu-header ul li, .menu-header ul li a, .menu-header #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu-header:after, .menu-header > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .menu-header #menu-button { display: none; } .menu-header { background: transparent; float: left; } .menu-header > ul > li { display: inline-block; } .menu-header.align-center > ul { font-size: 0; text-align: center; } .menu-header.align-center > ul > li { display: inline-block; float: none; } .menu-header.align-center ul ul { text-align: left; } .menu-header.align-right > ul > li { float: right; } .menu-header > ul > li.current-menu-item.page_item a { color: #0c9b55; } /* .menu-header > ul > li > a { color: #909295; font-size: 14px; line-height: 22px; font-weight: 400; letter-spacing: 0; background-position: center center; border-color: transparent; border-style: solid; padding: 0px 33px; text-transform: uppercase; font-family: 'Conv_VisbyCF-Regular', sans-serif; } */ /* .menu-header > ul > li > a:hover { text-decoration: none; color: #000; } */ .menu-header > ul > li > a:hover { text-decoration: none; color: #000; letter-spacing: 3px; transition: 0.7s; } .menu-header > ul > li > a {color: #000;font-size: 14px;line-height: 22px;font-weight: 900;letter-spacing: 0;background-position: center center;text-align: center; border-color: transparent;border-style: solid;/* padding: 0px 33px; */width: 140px;text-transform: uppercase;font-family: 'Conv_VisbyCF-Regular', sans-serif;} .menu-header ul ul::before { border-color: transparent transparent #000; border-style: solid; border-width: 10px; content: ""; left: 20px; position: absolute; top: -20px; } .menu-header ul ul ul::before { display: none; } .menu-header > ul > li.has-sub:hover > a:before { top: 23px; height: 0; } .menu-header ul ul { position: absolute; left: -9999px; z-index: 100; top: 25px; } .menu-header.align-right ul ul { text-align: right; } .menu-header ul ul li { height: 0; transition: all .25s ease; } .menu-header li:hover > ul { left: auto; } .menu-header.align-right li:hover > ul { left: auto; right: 0; } .menu-header li:hover > ul > li { height: 35px; } .menu-header ul ul ul { margin-left: 100%; top: 0; } .menu-header.align-right ul ul ul { margin-left: 0; margin-right: 100%; } .menu-header ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 8px 10px; width: 220px; font-size: 14px; text-decoration: none; color: #ffffff; font-weight: 400; background: #0c9b55; text-align: left; line-height: normal; } .menu-header ul ul li:hover > a, .menu-header ul ul li a:hover { color: #ffffff; background: #000000; } .menu-header ul ul::before { border-color: transparent transparent #0c9b55; border-style: solid; border-width: 10px; content: ""; left: 20px; position: absolute; top: -20px; } .menu-header ul ul li:last-child > a, .menu-header ul ul li.last-item > a { border-bottom: 0; } .menu-header ul ul li:hover > a, .menu-header ul ul li a:hover { color: #ffffff; } .menu-header ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } .menu-header.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; } .menu-header ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; transition: all .25s ease; } .menu-header.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; } .menu-header ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; } .navigation_section .menu-header #menu-left-menu li, .navigation_section .menu-header #menu-right-menu li { border-right: 2px solid #959595; } .navigation_section .menu-header #menu-left-menu li:last-child, .navigation_section .menu-header #menu-right-menu li:last-child { border: none; } .home.page-template-page-home .navigation_section .menu-header #menu-left-menu li, .home.page-template-page-home .navigation_section .menu-header #menu-right-menu li { border-right: 2px solid #959595; } .home.page-template-page-home .navigation_section .menu-header #menu-left-menu li:last-child, .home.page-template-page-home .navigation_section .menu-header #menu-right-menu li:last-child { border: none; } @media (min-width:100px) and (max-width:767px) { .menu-header { width: 100%; } .menu-header ul { width: 100%; display: none; } .menu-header.align-center > ul { text-align: left; } .menu-header ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); } .menu-header ul ul li, .menu-header li:hover > ul > li { height: auto; } .menu-header ul li a, .menu-header ul ul li a { width: 100%; border-bottom: 0; } .menu-header > ul > li { float: none; } .menu-header ul ul li a { padding-left: 25px; } .menu-header ul ul ul li a { padding-left: 35px; } .menu-header ul ul li a { color: #dddddd; background: none; } .menu-header ul ul li:hover > a, .menu-header ul ul li.active > a { color: #ffffff; } .menu-header ul ul, .menu-header ul ul ul, .menu-header.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } .menu-header > ul > li.has-sub > a:after, .menu-header > ul > li.has-sub > a:before, .menu-header ul ul > li.has-sub > a:after, .menu-header ul ul > li.has-sub > a:before { display: none; } .menu-header #menu-button { display: none; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; } .menu-header #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 8px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; } .menu-header #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; } .menu-header #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .menu-header #menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-header .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer; } .menu-header .submenu-button.submenu-opened { background: #262626; } .menu-header ul ul .submenu-button { height: 34px; width: 34px; } .menu-header .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; } .menu-header ul ul .submenu-button:after { top: 15px; right: 13px; } .menu-header .submenu-button.submenu-opened:after { background: #ffffff; } .menu-header .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; } .menu-header ul ul .submenu-button:before { top: 12px; right: 16px; } .menu-header .submenu-button.submenu-opened:before { display: none; } } /*----------------------------------------Push Navigation---------------------------------*/ div#menuoverlay { display: none; } a#hamburg { position: fixed; top: 10px; left: 10px; width: 40px; height: 40px; z-index: 9; text-align: center; color: white; display: none; transition: all ease-out 0.3s; } a#hamburg i { position: relative; top: 50%; transform: translateY(-50%); } .nav1 { transition: all ease-out 0.3s; display: none; } .nav1 a { color: #fff; font-size: 13px; } .nav1 ul { margin: 0; padding: 0; background-color: #303030; } .nav1 ul li { display: inline-block; position: relative; } .nav1 ul li > a { display: inline-block; padding: 10px; } .nav1 ul li > a > i { margin-left: 15px; transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.1s; } .nav1 ul li ul { display: none; position: absolute; top: 38px; background: #222; width: 200px; text-align: left; } .nav1 .search-nav, .nav1 .title { display: none; } .nav1 ul li ul li { display: block; } .nav1 ul li ul li a { display: block; } .nav1 ul li:hover > a { color: #000; text-decoration: none; } .nav1 ul li:hover > a > i { transform: rotateZ(90deg); } .nav1 ul li:hover ul { display: block; } .nav1 span.marrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; float: right; height: 0; margin: 8px 0 0 8px; width: 0; } .nav1 ul li.open span.marrow { border-left: 5px solid transparent; border-top: 0; border-right: 5px solid transparent; border-bottom: 5px solid #fff; } @media screen and (max-width:991px) { a#hamburg { display: block; } main { transition: all ease-out 0.3s; } .nav1 .row { margin: 0px; } .nav1 { background: url(images/nav-bg.jpg) repeat; box-shadow: -2px 0 0px #0c9b55 inset; display: block; height: 100%; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; transform: translateX(-250px); width: 250px; } .nav1 .search-nav, .nav1 .title { display: block; } .nav1 .search-nav input { border: 1px solid #2c313f; background-color: rgba(255, 255, 255, 0.2); padding: 5px; width: 100%; color: #000; margin: 10px 0; } .nav1 .search-nav input[type="submit"] { background: url("images/search-icon.png") no-repeat scroll center center; border: 0; width: auto; font-size: 0; height: 16px; position: absolute; right: 7px; top: 8px; width: 16px; filter: invert(100%); } .nav1 .title { background: #000; color: #fff; font-size: 14px; margin: 0 -15px; padding: 6px 15px 6px; } .search-nav > form { position: relative; } .nav1 a:hover { color: #0c9b55; text-decoration: none; } .nav1 ul { text-align: left; background-color: transparent; margin-top: 50px; } .nav1 ul li { display: block; border-bottom: 1px solid #999; } .nav1 ul li a { display: block; padding: 10px 0; } .nav1 ul li:hover > a { color: #0c9b55; } .nav1 ul li a > i { float: right; } .nav1 ul li ul { display: none; position: static; width: 100%; background-color: transparent; padding: 0 10px; } .nav1 ul li:hover > ul { display: none; } .nav1 ul li:hover > a > i { transform: rotateZ(0); } .nav1 ul li.open > a { background-color: transparent; } .nav1 ul li.open > a > i { transform: rotateZ(90deg); } .nav1 ul li.open > ul { display: block; } div#menuoverlay { display: block; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; transition: all ease-out 0.3s; z-index: 1; opacity: 0; } html.open-menu { overflow: hidden; } html.open-menu div#menuoverlay { visibility: visible; background: rgba(0, 0, 0, 0.5); min-height: 100vh; width: 100% !important; opacity: 1; width: calc(-150%); left: 250px; } html.open-menu a#hamburg { transform: translateX(250px); z-index: 999; } html.open-menu main { transform: translateX(250px); } html.open-menu nav.nav1 { z-index: 3; transform: translateX(0); } .menu-main-menu-container ul ul ul li a { padding: 5px; } ul li.has-subnav .accordion-btn { color: #000; font-size: 24px; width: 20px !important; float: right; line-height: inherit !important; } .nav1 ul li:last-child { border: 0; } .nav-cross.open > span { background: #0c9b55; } /*---------------------Hamberg Icon --------------------------------------------- */ .nav-cross { width: 24px; height: 40px; position: relative; margin: 0px auto; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; } .nav-cross span { display: block; position: absolute; height: 3px; width: 100%; background: #0c9b55; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; } #nav-icon1 span:nth-child(1) { top: 0px; } #nav-icon1 span:nth-child(2) { top: 18px; } #nav-icon1 span:nth-child(3) { top: 36px; } #nav-icon1.open span:nth-child(1) { top: 18px; transform: rotate(135deg); } #nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; } #nav-icon1.open span:nth-child(3) { top: 18px; transform: rotate(-135deg); } .nav-cross span:nth-child(1) { top: 12px; transform-origin: left center; } .nav-cross span:nth-child(2) { top: 20px; transform-origin: left center; } .nav-cross span:nth-child(3) { top: 28px; transform-origin: left center; } .nav-cross.open span:nth-child(1) { transform: rotate(45deg); top: 11px; left: 4px; } .nav-cross.open span:nth-child(2) { width: 0%; opacity: 0; } .nav-cross.open span:nth-child(3) { transform: rotate(-45deg); top: 28px; left: 4px; } } /*HEADER SECTION*/ .top-header-content { padding-left: 0; list-style-type: none; margin-bottom: 0 } .top-header-content li { display: inline-block; position: relative; padding-left: 16px; font-size: 12px; font-weight: 500; color: #afafaf; margin-right: 18px; -webkit-transition: .6s; transition: .6s; } .top-header-content li i { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; font-size: 16px; -webkit-transition: .6s; transition: .6s; font-size: 12px; } .top-header-content li a { color: #fff } .top-header-content li a:hover { color: #222; } .top-header-content li:last-child { margin-right: 0 } .top-header-content li a { color: #afafaf; } .top-header-content li a:hover { color: #cd850d; text-decoration: none; } /*LEFT MENU*/ .navigation_section .top-header-content { padding: 0 0 50px; } .navigation_section .menu-header #menu-left-menu { text-align: left; } .navigation_section .left-menu .menu-header { float: none; } .navigation_section .menu-header #menu-left-menu li:first-child a { padding-left: 0; } /*RIGHT MENU*/ .navigation_section .menu-header #menu-right-menu { text-align: right; } .headerSection .logo img { display: block; margin: auto; width: 264px; } .navigation_section .menu-header .sub-menu li:first-child a { padding-left: 8px !important; } /*TOP CART SECTION*/ .headerSection a.myCart { background: url(images/cart.png); width: 25px; height: 24px; display: block; float: left; } .top-search li { list-style: none; } .top-search .wc-block-product-search .wc-block-product-search__field { padding-right: 50px; position: relative; background: #85868b; border: 1px solid #fff; } .top-search .wc-block-product-search .wc-block-product-search__button { position: absolute; right: 0; top: 0; height: 80%; bottom: 0; margin: auto; right: 5px; background: #0c9b55; border: 1px solid #0c9b55; } .top-search .wc-block-product-search { float: left; margin-left: 23px; } .top-search .wc-block-product-search__fields { position: relative; } .top-search .wc-block-product-search .wc-block-product-search__field::placeholder { color: #b0afaf; font-size: 14px; } .row.navigation_section { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 20px 0; } .right-menu { display: flex; flex-direction: row; align-items: center; justify-content: end; } /*SLIDER SECTION*/ .slider .main-slider .inner-item .caption { background: transparent; top: 50%; text-shadow: none; width: 100%; left: 0; margin: auto; transform: translateY(85%); padding: 0; text-align: left; } .slider .main-slider .inner-item .caption h2 { font-size: 55px; color: #FFFFFE; line-height: 60px; position: relative; margin: 0 0 20px; /* Will override color (regardless of order) */ text-transform: capitalize; text-align: left; } .slider .main-slider .inner-item .caption h4 { color: #fff; font-weight: 400; font-size: 18px; line-height: 22px; margin: 0 0 10px; text-transform: uppercase; background: #0c9b55; display: inline-block; padding: 5px 10px; } .slider .main-slider .inner-item .caption p {font-size: 18px;line-height: 26px;color: #736f6e;text-align: left;margin: 0 0 30px; max-width: 500px;} .slider .main-slider .inner-item .caption .readmore a {} .slider .main-slider .inner-item .caption .readmore { display: inline-block; position: relative; } .slider .main-slider .inner-item .caption .readmore a:hover { letter-spacing: 2px;} .slider .main-slider .inner-item .caption .readmore a:last-child {} .slider .main-slider .inner-item .caption .readmore a:last-child:hover {} a.btn-read-more { color: black; font-size: 16px; line-height: 22px; position: relative; padding-left: 5px; font-weight: 600; } a.btn-read-more:before { position: absolute; content: ''; right: -40px; top: 50%; transform: translateY(-50%); background-image: url(images/Arrow.png); height: 12px; width: 20px; } a.btn-read-more:after { content: ''; left: 0; position: absolute; width: 17px; height: 2px; background-color: #34ac67; bottom: -12px; } /*BEST PRODUCT SECTION*/ .vc_row.wpb_row.vc_row-fluid.best_product_sec .vc_column-inner .wpb_wrapper { position: relative; } .vc_row.wpb_row.vc_row-fluid.best_product_sec h2.vc_custom_heading strong { color: #0c9b55; } .vc_row.wpb_row.vc_row-fluid.best_product_sec { padding: 50px 0; } .vc_row.wpb_row.vc_row-fluid.best_product_sec h2.vc_custom_heading { line-height: normal; border: 1px solid #000; border-radius: 50px; display: block; padding: 5px 30px; margin: 0 auto 50px; width: 250px; background: #fff; } .vc_row.wpb_row.vc_row-fluid.best_product_sec h2.vc_custom_heading:before { content: ""; background: rgb(112 112 112 / 50%); width: 10px; height: 2px; display: block; position: absolute; top: 25px; margin: auto; width: 38%; left: 0; } .vc_row.wpb_row.vc_row-fluid.best_product_sec h2.vc_custom_heading:after { content: ""; background: rgb(112 112 112 / 50%); width: 10px; height: 2px; display: block; position: absolute; top: 25px; margin: auto; width: 38%; right: 0; } .vc_row.wpb_row.vc_row-fluid.best_product_sec .wpb_text_column p { text-align: center; } /*SHOPPING OFFER SECTION*/ .vc_row.wpb_row.vc_row-fluid.big_shopping h3.vc_custom_heading { font-size: 50px; line-height: 55px; color: #0c9b55; } .vc_row.wpb_row.vc_row-fluid.big_shopping h3.vc_custom_heading small { font-size: 30px; line-height: 30px; color: #1183C9; } .vc_row.wpb_row.vc_row-fluid.big_shopping h3.vc_custom_heading strong { color: #1183C9; } .vc_row.wpb_row.vc_row-fluid.big_shopping .wpb_text_column { width: 80%; } .vc_row.wpb_row.vc_row-fluid.big_shopping .wpb_single_image.circle_animations { -webkit-animation: spin 70s linear infinite; -moz-animation: spin 70s linear infinite; animation: spin 70s linear infinite; -o-animation: spin 70s linear infinite; } /*BEST SELLER SECTION*/ .vc_row.wpb_row.vc_row-fluid.Cover_section { padding: 50px 0; overflow: initial; margin-bottom: 0; background-size: 100% 100% !important; background-repeat: no-repeat !important; background-position: left center !important; } .vc_row.wpb_row.vc_row-fluid.Cover_section .Card_heading .vc_column-inner { text-align: left; min-height: 500px; } .vc_row.wpb_row.vc_row-fluid.Cover_section h3.vc_custom_heading { margin: 0 0 20px; text-align: left !important; color: #1183c9; font-size: 50px; line-height: normal; text-transform: uppercase; } .vc_row.wpb_row.vc_row-fluid.Cover_section h3.vc_custom_heading strong { color: #0c9b55; display: inline-block; } .vc_row.wpb_row.vc_row-fluid.Cover_section .wpb_text_column p { text-align: left; width: 80%; } .vc_row.wpb_row.vc_row-fluid.Cover_section .Card_heading.prefooter .vc_column-inner { min-height: 700px; } .vc_row.wpb_row.vc_row-fluid.Cover_section h4.vc_custom_heading { color: #fff; font-size: 30px; margin: 0 0 15px; } .vc_row.wpb_row.vc_row-fluid.Cover_section .vc_column-inner { background-position: right !important; } /*FOOTER NEWSLETTER SECTION*/ .vc_row.wpb_row.vc_row-fluid.news_letter_section { padding: 30px 0; } .vc_row.wpb_row.vc_row-fluid.news_letter_section h4.vc_custom_heading { margin: 0 0 15px; text-align: left !important; display: block; color: #1183c9; font-size: 40px; line-height: normal; text-transform: capitalize; } .vc_row.wpb_row.vc_row-fluid.news_letter_section h4.vc_custom_heading strong { color: #0c9b55; } .vc_row.wpb_row.vc_row-fluid.news_letter_section .wpb_text_column { text-align: left; margin-bottom: 20px; font-size: 18px; } .vc_row.wpb_row.vc_row-fluid.news_letter_section form#easy-newsletter-form { position: relative; } .vc_row.wpb_row.vc_row-fluid.news_letter_section button { background: #0c9b55; border: 0; position: absolute; right: 0; top: 0px; padding: 8px 15px; border-radius: 0; text-transform: capitalize; font-weight: 500; font-size: 16px; color: #ffffff; font-family: 'Conv_VisbyCF-Medium', sans-serif; width: 150px; } .vc_row.wpb_row.vc_row-fluid.news_letter_section .easy-newsletter { position: relative; } .vc_row.wpb_row.vc_row-fluid.news_letter_section button:hover { background: #262132; color: #fff; } .vc_row.wpb_row.vc_row-fluid.news_letter_section .easy-newsletter .input-field label { display: none; } .vc_row.wpb_row.vc_row-fluid.news_letter_section .easy-newsletter .input-field { margin-bottom: 0; } .vc_row.wpb_row.vc_row-fluid.news_letter_section input { border-radius: 0; padding: 7px 170px 6px 15px; border: 0; width: 70%; font-weight: 500; color: #000; font-size: 18px; background-color: #e9f5fc; border: 2px solid #dee6eb; text-transform: lowercase; float: right; } /*LATEST PRODUCT SECTION*/ .vc_row.wpb_row.vc_row-fluid.Merchandise.latest_products { background: url(images/featured-bg.jpg); background-position: top center; } /*SHOP PAGE SECTION*/ .vc_row.wpb_row.vc_row-fluid.Merchandise .vc_tta-tabs-container { text-align: center; } .vc_row.wpb_row.vc_row-fluid.Merchandise .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a { color: #0c9b55; border-radius: 50px; width: 180px; border-color: #fff; text-transform: uppercase; font-size: 18px; padding: 0; } .vc_row.wpb_row.vc_row-fluid.Merchandise .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a { background: transparent; margin-right: 15px; color: #a2a2a2; border-radius: 50px; width: 180px; border-color: #fff; text-transform: uppercase; font-size: 18px; padding: 0; border: none; } .vc_row.wpb_row.vc_row-fluid.Merchandise .vc_tta-tabs-container .vc_tta-tabs-list { margin: 0 0 35px; } .vc_row.wpb_row.vc_row-fluid.Merchandise .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:before, .vc_row.wpb_row.vc_row-fluid.Merchandise .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active a:after { display: none; } .vc_row.wpb_row.vc_row-fluid.Merchandise .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab a:hover { background: transparent; color: #0c9b55; } .vc_row.wpb_row.vc_row-fluid.Merchandise .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels { background: transparent; border: 0; } .vc_row.wpb_row.vc_row-fluid.Merchandise .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 0; } .custom-shop { margin: 10px; padding: 0; text-align: center; position: relative; } .custom-shop .desc_section p { margin: 0 0 10px !important; } .custom-shop .image a img { min-height: 330px; margin-bottom: 0 !important; border: 1px solid #ddd; } .woocommerce ul.products li.product.type-product h2 { margin: 0; text-align: center; line-height: normal; } .woocommerce ul.products li.product.type-product span.litre { font-size: 11px; line-height: normal; margin: 5px 0 35px; display: block; color: #000; font-family: 'Conv_VisbyCF-Medium', sans-serif; } .custom-shop .price-pack { font-size: 18px; color: #ee2e36; font-weight: 800; font-family: 'Conv_VisbyCF-Medium', sans-serif; text-align: center; display: block; margin: 0 auto; } .woocommerce ul.products li.product .custom-shop .cart a { display: inline-block; float: right; } .woocommerce ul.products li.product .custom-shop .cart a img { width: 72px; height: 62px; text-align: right; display: block; float: right; margin: 0; } .woocommerce ul.products li.product .custom-shop .cart { position: absolute; right: 16px; bottom: 48px; z-index: 1; background: #2f2d2b; opacity: 0; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .woocommerce ul.products li.product .custom-shop:hover .cart { opacity: 1; } .woocommerce ul.products li.product .custom-shop .cart:hover { background: #262132; } .woocommerce ul.products li.product.type-product .image { margin: 0; text-align: center; position: relative; } .custom-shop .price-pack del bdi { color: #838383; opacity: 0.7; } .woocommerce ul.products li.product .custom-shop .cart a:hover:before { content: ""; background: #0c9b55; width: 40px; height: 40px; display: block; position: absolute; border-radius: 100%; right: 4px; z-index: -1; top: -13px; bottom: 0; margin: auto; } .woocommerce ul.products li.product .price { display: none !important; } .vc_row.wpb_row.vc_row-fluid.Merchandise.featured_product .vc_btn3-container.readmore { display: block; margin: 30px 0 0; } .vc_row.wpb_row.vc_row-fluid.Merchandise.featured_product .custom-shop { min-height: 550px; border: 1px solid #000; } .vc_row.wpb_row.vc_row-fluid.Merchandise.featured_product .custom-shop:hover { background: #0c9b55; } .vc_row.wpb_row.vc_row-fluid.Merchandise.featured_product .custom-shop:hover h2 a, .vc_row.wpb_row.vc_row-fluid.Merchandise.featured_product .custom-shop:hover .desc_section p, .vc_row.wpb_row.vc_row-fluid.Merchandise.featured_product .custom-shop:hover .price-pack, .vc_row.wpb_row.vc_row-fluid.Merchandise.featured_product .custom-shop:hover .price-pack del bdi { color: #fff; } .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist { display: none; } .woocommerce ul.products li.product .custom-shop .cart .yith-wcwl-add-to-wishlist { display: block; top: unset; right: 0; bottom: 65px; } .woocommerce ul.products li.product .custom-shop .cart .yith-wcwl-add-to-wishlist a { background: #090909; width: 72px; height: 65px; padding: 17px; } .woocommerce ul.products li.product .custom-shop .cart .yith-wcwl-add-to-wishlist a i { font-size: 25px; color: #0c9b55; } /*FEATURED PRODUCT*/ .vc_row.wpb_row.vc_row-fluid.Merchandise { padding: 50px 0; } .vc_row.wpb_row.vc_row-fluid.Merchandise h2.vc_custom_heading { margin: 0 0 30px; text-align: center !important; display: block; color: #262132; font-size: 50px; line-height: normal; text-transform: uppercase; } .vc_row.wpb_row.vc_row-fluid.Merchandise h2.vc_custom_heading strong { color: #0c9b55; } /*READMORE BUTTON*/ .vc_btn3-container.readmore a.vc_btn3.vc_btn3-color-grey { border-radius: 0; text-decoration: none; -webkit-transition: .6s; transition: .6s; padding: 10px; line-height: 30px; font-size: 17px; color: #ffffff; text-transform: uppercase; width: 180px; display: inline-block; text-align: center; background: #0c9b55; font-family: 'Conv_VisbyCF-Medium', sans-serif; border: none; } .vc_btn3-container.readmore { display: inline-block; position: relative; } .vc_btn3-container.readmore a.vc_btn3.vc_btn3-color-grey:hover { letter-spacing: 2px; color: #ffffff; background: #262132; } /*BOTTOM SECTION*/ .vc_row.wpb_row.vc_inner.vc_row-fluid.bottom-section-home { text-align: center; } .vc_row.wpb_row.vc_inner.vc_row-fluid.bottom-section-home h4.vc_custom_heading { text-transform: uppercase; line-height: normal; margin: 0 0 35px; } /*ABOUT US PAGE SECTION*/ .vc_row.wpb_row.vc_row-fluid.about-us-first { padding: 100px 0; } .vc_row.wpb_row.vc_row-fluid.about-us-first .wpb_text_column { font-size: 24px; line-height: 40px; color: #262132; } .vc_row.wpb_row.vc_row-fluid.about-us-first .wpb_text_column strong { color: #0c9b55; } .vc_row.wpb_row.vc_row-fluid.about-us-first .wpb_text_column p { position: relative; padding-bottom: 35px; } .vc_row.wpb_row.vc_row-fluid.about-us-first .wpb_text_column p:before { content: ""; background: url(images/icon-quote.png); width: 68px; height: 52px; position: absolute; display: block; top: -60px; left: 0; } .vc_row.wpb_row.vc_row-fluid.about-us-first:after { content: ""; background: url(images/after-mission.png); width: 1011px; height: 134px; position: absolute; display: block; bottom: 0; right: 0; } /*ABOUT US SECTION*/ .vc_row.wpb_row.vc_row-fluid.about-explore_section { padding: 50px 0; } .vc_row.wpb_row.vc_row-fluid.about-explore_section h2.vc_custom_heading { font-size: 45px; line-height: 50px; text-transform: uppercase; font-weight: 900; font-family: 'Conv_VisbyCF-ExtraBold', sans-serif; margin: 0 0 20px; position: relative; } .vc_row.wpb_row.vc_row-fluid.about-explore_section h2.vc_custom_heading strong { color: #0c9b55; } /*INNER ABOUT US PAGE*/ .vc_row.wpb_row.vc_row-fluid.about-explore_section.inner-page { background-position: right bottom; background-repeat: no-repeat; padding: 100px 0; } .vc_row.wpb_row.vc_row-fluid.about-explore_section.inner-page .face .vc_single_image-wrapper img { position: absolute; bottom: -50px; width: 200px; left: -70px; } .vc_row.wpb_row.vc_row-fluid.about-explore_section.inner-page .face.wpb_single_image { margin: 0; } /*CTA SECTION*/ .vc_row.wpb_row.vc_row-fluid.cta_section { padding: 80px 0; overflow: visible; border-bottom: 15px solid #0c9b55; } .vc_row.wpb_row.vc_row-fluid.cta_section h4.vc_custom_heading { font-size: 45px; line-height: 50px; text-transform: uppercase; font-weight: 900; font-family: 'Conv_VisbyCF-ExtraBold', sans-serif; margin: 0 0 20px; position: relative; } .vc_row.wpb_row.vc_row-fluid.cta_section h4.vc_custom_heading strong { color: #0c9b55; } /*CTA SECTION INNER*/ .vc_row.wpb_row.vc_row-fluid.cta_section.inner_section h4.vc_custom_heading { font-size: 45px; line-height: 50px; text-transform: uppercase; font-weight: 900; font-family: 'Conv_VisbyCF-ExtraBold', sans-serif; margin: 0 0 20px; position: relative; } .vc_row.wpb_row.vc_row-fluid.cta_section.inner_section h4.vc_custom_heading strong { color: #0c9b55; } .vc_row.wpb_row.vc_row-fluid.cta_section.inner_section .wpb_text_column { text-align: center; } /*INNER CONTACT US PAGE*/ .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info { background-position: right bottom; background-repeat: no-repeat; padding: 100px 0; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .face .vc_single_image-wrapper img { position: absolute; bottom: -100px; width: 325px; left: -140px; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .face.wpb_single_image { margin: 0; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info h2.vc_custom_heading { font-size: 45px; line-height: 50px; text-transform: uppercase; font-weight: 900; font-family: 'Conv_VisbyCF-ExtraBold', sans-serif; margin: 0 0 20px; position: relative; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info h2.vc_custom_heading strong { color: #0c9b55; } /*CONTACT US FORM SECTION*/ .Contact_Us_wrapper .Contact_Us .gform-body .gfield .ginput_container input, .Contact_Us_wrapper .Contact_Us .gform-body .gfield .ginput_container select, .Contact_Us_wrapper .Contact_Us .gform-body .gfield .ginput_container textarea { width: 100%; background: transparent; border-bottom: 1px solid #b7b9b5; border-radius: 0; font-size: 13px; color: #000; font-weight: 500; outline: none; height: fit-content; border-top: 0; border-right: 0; border-left: 0; } .Contact_Us_wrapper .Contact_Us .gform_footer { margin: 0 auto; text-align: center; } .gform_confirmation_wrapper.Contact_Us { min-height: 350px; display: flex; justify-content: center; align-items: center; font-size: 35px; text-align: center; line-height: 50px; color: #f1c21d; font-weight: 500; padding: 0 35px; } .Contact_Us_wrapper .Contact_Us .gform-body .gfield .ginput_container textarea.large { min-height: 90px; height: 90px; } .gform_wrapper .validation_error { display: none; } .gform_wrapper .gfield_description.validation_message { padding: 0 !important; color: #f36040; font-weight: 500; } .gform_wrapper .gform_body .gfield_error { background: none !important; border: none !important; padding: 0 !important; margin: 0 !important; } .gform_wrapper .gform_body li.gfield.gfield_error.gfield_contains_required { padding: 0 !important; margin: 0 !important; width: 100%; } .gform_wrapper .gform_body .gfield_error .ginput_container { margin: 0; } .gform_wrapper .gform_body .gfield_error input { border: solid 1px red !important; } .gform_wrapper .gform_body .gfield_error { padding: 0 !important; background: none !important; border: none !important; } .gform_wrapper .top_label .gfield_error .ginput_container { max-width: 100%; padding-right: 10px; } .gform_wrapper .gform_body .gfield_error textarea { border: solid 1px #c89797 !important; } .gform_wrapper .gform_body .gfield_error label { color: #DD4444 !important; } div#gform_confirmation_message_1 { text-align: center; color: #0c9b55; font-size: 35px; line-height: normal; margin: 50px 0; font-weight: 600; } .Contact_Us_wrapper .Contact_Us .gform_footer input[type="submit"] { text-decoration: none; -webkit-transition: .6s; transition: .6s; padding: 10px; line-height: 30px; font-size: 17px; color: #ffffff; text-transform: uppercase; width: 200px; display: inline-block; text-align: center; background: #0c9b55; font-family: 'Conv_VisbyCF-Medium', sans-serif; border: 1px solid #0c9b55; } .Contact_Us_wrapper .Contact_Us .gform_footer { display: inline-block; position: relative; } .Contact_Us_wrapper .Contact_Us .gform_footer input[type="submit"]:hover { letter-spacing: 2px; color: #ffffff; background: #262132; border: 1px solid #262132; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .contact_details ul { padding: 0; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .contact_details li.liveChat:before { content: ""; position: absolute; left: 0; top: 0; color: #0c9b55; background: url(images/icon-chat.png); width: 40px; height: 40px; background-size: 100%; bottom: 0; margin: auto; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .contact_details li.phone:before { content: ""; position: absolute; left: 0; top: 0; color: #0c9b55; background: url(images/icon-phone.png); width: 40px; height: 40px; background-size: 100%; bottom: 0; margin: auto; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .contact_details li.email:before { content: ""; position: absolute; left: 0; top: 0; color: #0c9b55; background: url(images/icon-email.png); width: 40px; height: 40px; background-size: 100%; bottom: 0; margin: auto; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .contact_details li a:hover { color: #0c9b55; text-decoration: none; letter-spacing: 2px; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .contact_details li { list-style: none; font-size: 16px; line-height: 20px; margin: 0 0 50px; position: relative; padding-left: 45px; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .contact_details li strong { display: block; text-transform: uppercase; margin: 0 0 5px; color: #000; font-weight: 900; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .contact_details li a { color: #7e8896; } .vc_row.wpb_row.vc_row-fluid.vc_row.wpb_row.vc_row-fluid.contact_us_info .contact_details li a:hover { color: #0c9b55; text-decoration: none; letter-spacing: 1px; } /*SINGLE PRODUCT PAGE SECTION*/ .woocommerce .quantity .qty { width: 3.631em; text-align: center; color: #000; height: 55px; } .single-merchandise .product.type-product .summary h1 { font-size: 35px; line-height: 40px; color: #000000; margin: 0 0 20px; font-family: 'Conv_VisbyCF-ExtraBold', sans-serif; text-transform: uppercase; } .single-merchandise .product.type-product .summary .price del { color: #fff; opacity: 1; font-size: 15px; } .single-merchandise .product.type-product .summary .price ins { font-size: 20px; color: #000000; margin-left: 10px; text-decoration: none; } .single-merchandise .product.type-product .summary .woocommerce-product-details__short-description { font-size: 15px; line-height: 24px; margin: 20px 0 50px; color: #4f5d63; } .single-merchandise .product.type-product .summary .quantity { color: #000; } .single-merchandise .product.type-product .summary .button { -webkit-transition: .6s; transition: .6s; display: inline-block; position: relative; padding: 10px; line-height: 30px; font-size: 17px; color: #ffffff; text-transform: uppercase; width: 200px; display: inline-block; text-align: center; background: #0c9b55; font-family: 'Conv_VisbyCF-Medium', sans-serif; font-weight: 5; } .single-merchandise .product.type-product .summary .button:hover { letter-spacing: 2px; color: #ffffff; background: #262132; } .single-merchandise .product.type-product .summary .product_meta .posted_in a { color: #0c9b55; } .single-merchandise .product.type-product .summary .product_meta .posted_in a:hover { color: #0c9b55; text-decoration: none; } .single-merchandise .product.type-product div.product .woocommerce-tabs .panel h2 { display: none; } .single-merchandise .product.type-product div.product .woocommerce-tabs { margin: 50px auto 0; text-align: center; border: 0; display: none; } .single-merchandise .product.type-product div.product .woocommerce-tabs li.active { background: #0c9b55; color: #fff; border-color: #0c9b55; border-radius: 0; width: 180px; font-weight: 500 !important; } .single-merchandise .product.type-product div.product .woocommerce-tabs li.active:before, .single-merchandise .product.type-product div.product .woocommerce-tabs li.active:after { display: none; } .single-merchandise .product.type-product div.product .woocommerce-tabs ul.tabs:before { display: none; } .single-merchandise .product.type-product div.product .woocommerce-tabs .panel p { text-align: center; font-size: 15px; line-height: 24px; margin: 20px 0 20px; color: #000; } .single-merchandise .product.type-product div.product .woocommerce-tabs li { text-align: center; } .single-merchandise span.onsale { display: none; } .single-merchandise .product.type-product .summary p.price { color: #0c9b55; font-weight: 600; font-size: 25px; line-height: normal; } .single.single-product .wrap.single-merchandise { background: #fff; background-image: none !important; } .single-merchandise .product.type-product .summary .woocommerce-product-details__short-description p { color: #000; font-weight: 500; } .single-merchandise .product.type-product .summary .woocommerce-product-details__short-description ul { padding: 0; margin: 0; } .single-merchandise .product.type-product .summary .woocommerce-product-details__short-description ul li { list-style: none; padding-left: 25px; position: relative; padding-top: 5px; padding-bottom: 5px; } .single-merchandise .product.type-product .summary .woocommerce-product-details__short-description ul li::before { content: ""; width: 18px; height: 18px; position: absolute; left: 0px; bottom: 0px; top: 0px; background: url(images/list-icon.png); margin: auto; } .single-merchandise.single-merchandise .product.type-product .single_variation_wrap .price { color: #0c9b55; font-weight: 600; font-size: 25px; line-height: normal; margin: 0 0 30px; display: block; } .single-merchandise .product.type-product .variations select { height: 40px; color: #000; font-size: 16px; } /********Woocommerce Cart Page********/ .woocommerce table.shop_table { border: 1px solid #000; border-radius: 0; } .woocommerce table.shop_table thead > tr > th { border-bottom: medium none; } .woocommerce table.shop_table tr { border-color: #000; } .woocommerce table.shop_table tr th { color: #0c9b55; } .woocommerce table.shop_table tr td { border-color: #d8d5d5; } .woocommerce table.shop_table tr .coupon input[type="text"] { border: 1px solid #000; border-radius: 0; color: #000; padding: 10px; width: 55%; } .woocommerce table.shop_table tr input[type="submit"] { background: #d31b19; border: 1px solid #000; border-radius: 0; color: #fff; height: auto; padding: 10px 25px; transition: all 0.3s ease-in-out 0s; } .woocommerce table.shop_table tr input[type="submit"]:hover { background: #000000; } .woocommerce .wc-proceed-to-checkout a.checkout-button { background: #0c9b55 !important; color: #fff; height: auto; padding: 15px 0; margin: 0 0 38px; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: color; text-transform: uppercase; font-weight: 500; font-family: inherit; letter-spacing: 3px; } .form-row.place-order button#place_order { background: #0c9b55; border-radius: 0; color: #fff; display: inline-block; padding: 10px 40px; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: height:auto; } .form-row.place-order button#place_order:hover { background: #000000; } .woocommerce .coupon button[type="submit"] { background: #0c9b55; font-weight: 500; color: #fff; font-family: inherit; text-transform: uppercase; } .woocommerce .coupon button[type="submit"]:hover { background: #000000; } .woocommerce .wc-proceed-to-checkout a.checkout-button:before { background: #000000; border-radius: 4px; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .woocommerce .wc-proceed-to-checkout a.checkout-button:hover:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .woocommerce table.shop_table tr.cart-subtotal th { border-bottom: medium none; border-right: 1px solid #d8d5d5; } .woocommerce table.shop_table tr.order-total th { border-bottom: medium none; border-right: 1px solid #d8d5d5; } .woocommerce-notices-wrapper .woocommerce-message a { background: #0c9b55; font-weight: 500; color: #fff; font-family: inherit; text-transform: uppercase; } .woocommerce-notices-wrapper .woocommerce-message a:hover { background: #000000; color: #fff; } .woocommerce table.shop_table tr td.product-name a { color: #000; font-weight: 600; } .actions button.button[type="submit"] { background: #0c9b55; font-weight: 500; color: #fff; font-family: inherit; text-transform: uppercase; } .actions button.button[type="submit"]:hover { background: #000000; color: #fff; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals h2 { color: #0c9b55; font-family: 'Conv_VisbyCF-Regular', sans-serif text-align:left; font-weight: 500; text-transform: capitalize; } .woocommerce-page .wrap { padding: 50px 0; } /********Woocommerce Checkout Page********/ .woocommerce-checkout .woocommerce form.checkout #customer_details .col-1, .woocommerce-checkout .woocommerce form.checkout #customer_details .col-2 { width: 100%; } .woocommerce-checkout .woocommerce form.checkout #customer_details { float: left; width: 48%; } .woocommerce-checkout .woocommerce form.checkout #order_review { float: right; width: 48%; } .woocommerce-checkout .woocommerce form.checkout h3#order_review_heading { float: right; width: 48%; font: 28px 'Conv_VisbyCF-Regular', sans-serif color:#0c9b55; } .woocommerce-checkout .woocommerce form.checkout #customer_details input { border: 1px solid #d8d5d5; border-radius: 0; padding: 10px; } .woocommerce-checkout .woocommerce form.checkout #customer_details span.selection .select2-selection { border: 1px solid #d8d5d5; border-radius: 0; height: auto; padding: 8px 5px; } .woocommerce-checkout .woocommerce form.checkout #customer_details textarea { border: 1px solid #d8d5d5; border-radius: 0; padding: 10px; } .woocommerce-checkout .woocommerce form.checkout #customer_details .col-1 h3 { font: 30px 'Conv_VisbyCF-Regular', sans-serif color:#0c9b55; } .woocommerce-checkout .woocommerce form.checkout #customer_details .col-2 h3 { font: 28px 'Conv_VisbyCF-Regular', sans-serif color:#0c9b55; } /******* Woocommarec Page Product Style**add class section (custom_product_style) *******/ .custom_product_style .woocommerce ul.products li.product { box-sizing: border-box; text-align: center; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; border-bottom: 3px solid #000000; } .custom_product_style .woocommerce ul.products li.product img { border-bottom: 1px solid #ddd; box-sizing: border-box; margin: 0; padding: 2px; } .custom_product_style .woocommerce ul.products li.product h2.woocommerce-loop-product__title { color: #323131; font-size: 20px; margin: 38px 0 0; padding: 0; } .custom_product_style .woocommerce ul.products li.product span.price { color: #646564; font: 18px 'Conv_VisbyCF-Regular', sans-serif text-align:center; margin: 18px 0; } .custom_product_style .woocommerce ul.products li.product span.price > del { display: inline-block; margin: 0 5px 0 0; } .custom_product_style .woocommerce ul.products li.product a.button { background: #e03c6b; color: #fff; font: 17px 'Conv_VisbyCF-Regular', sans-serif height:auto; padding: 12px 45px; margin: 0 0 38px; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; transition-property: color; text-transform: capitalize; } .custom_product_style .woocommerce ul.products li.product a.button:before { background: #000000; border-radius: 4px; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; } .custom_product_style .woocommerce ul.products li.product a.button:hover:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .custom_product_style .woocommerce ul.products li.product a.added_to_cart { color: #2b2e34; margin: 0 0 20px; padding: 0; text-transform: uppercase; } .custom_product_style .woocommerce ul.products li.product a.added_to_cart:hover { color: #e03c6b; } .custom_product_style .woocommerce .gdl-woo-commerce-wrapper ul.products li.product a.button.added { margin: 0 0 18px; } .custom_product_style form.woocommerce-ordering select { border: 1px solid #000; border-radius: 0; color: #000; font: 15px 'Conv_VisbyCF-Regular', sans-serif padding:5px 10px; } /***** WOOCOMMERCE PAGINATION ******/ .woocommerce nav.woocommerce-pagination ul.page-numbers li span.current { background: #009edc; color: #FFF; padding: 10px 15px; } .woocommerce nav.woocommerce-pagination ul.page-numbers li a { padding: 10px 15px; } .woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover { background: #0c9b55; color: #fff; } /*****MY ACCOUNT PAGE******/ .woocommerce-MyAccount-content p.dashboard-footer-text { padding: 28px; margin: 20px 0px 40px 0px; font-size: 16px; font-weight: normal; margin: 20px 0px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75); } .woocommerce-MyAccount-content p.dashboard-footer-text a { text-transform: capitalize; font-weight: 600; color: #0c9b55; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 100px; } .woocommerce-MyAccount-navigation > ul li a { border: none; border-bottom: none !important; display: block; padding: 10px; background-color: #0c9b55; margin-bottom: 5px; color: #fff; } .woocommerce-MyAccount-navigation > ul li a:hover { background: #f86f10; color: #fff; } nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a { background-color: #f86f10; color: #fff; } .woocommerce-MyAccount-navigation > ul { margin: 0px 0; padding: 0 !important; } .woocommerce-MyAccount-navigation > ul li { list-style: outside none none; margin-bottom: 0px; } .woocommerce-MyAccount-content p.userlogin-name span { font-size: 35px; margin: 0 15px 0 10px; position: relative; top: 7px; } .woocommerce-account .woocommerce-MyAccount-content { margin: 0px 0; } .woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content form input.woocommerce-Input { border: 2px solid #0c9b55; border-radius: 0; box-shadow: none; font-size: 14px; height: auto; padding: 10px; color: #0c9b55; } .woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content form input.woocommerce-Button { background: #0e0d0d; border: medium none; color: #fff; font: 18px 'Conv_VisbyCF-Regular', sans-serif height:auto; padding: 10px 30px; transition: all 0.4s ease-in-out 0s; } .woocommerce-edit-account .woocommerce .woocommerce-MyAccount-content form input.woocommerce-Button:hover { background: #51b249; } .woocommerce .woocommerce-Message.woocommerce-info a.button { background: #0c9b55; border-radius: 0; color: #fff; display: inline-block; font-size: 18px; padding: 10px 40px; position: relative; transform: perspective(1px) translateZ(0px); transition-duration: 0.5s; height: auto; font-weight: normal; border: 0; } .woocommerce .woocommerce-Message.woocommerce-info a.button:hover:before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .woocommerce .woocommerce-Message.woocommerce-info a.button:before { background: #f86f10; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0 50% 0; transition-duration: 0.5s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; border-radius: 0; } .woocommerce .woocommerce-Message.woocommerce-info a.button:after { display: none; } .woocommerce .woocommerce-Message.woocommerce-info a.button:hover { color: #fff; } #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 { padding: 6px 30px 5px !important; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: initial !important; } /*RELATED PRODUCT SECTION*/ section.related.products > h2 { position: relative; margin-bottom: 50px; padding: 0 0 50px; float: left; width: 100%; text-transform: uppercase; } section.related.products h2 { text-align: center; font-size: 45px; line-height: 50px; color: #000000; margin: 50px 0 30px; text-transform: capitalize; } .single-merchandise .product.type-product .summary .quantity .qty { height: 50px; border-radius: 0; border: 2px solid #000; } /*SHOP PRODUCT SECTION*/ .woocommerce ul.products li.product.type-product .onsale { display: none; } .woocommerce ul.products li.product.type-product h2 a { font-size: 20px; font-weight: 600; color: #055b8c; text-align: center; margin: 0 0 10px; padding: 0; line-height: 30px; text-transform: capitalize; display: inline-block; } .woocommerce ul.products li.product.type-product { text-align: center; width: 25%; margin-right: 0; margin-bottom: 0px; position: relative; } .woocommerce ul.products li.product.type-product span.price del { color: #fff; opacity: 1; font-size: 15px; } .woocommerce ul.products li.product.type-product span.price ins { font-size: 20px; color: #000000; margin-left: 10px; text-decoration: none; } .woocommerce ul.products li.product.type-product .button { text-decoration: none; -webkit-transition: .6s; transition: .6s; padding: 10px; line-height: 30px; font-size: 15px; color: #000; text-transform: uppercase; border: 2px solid #000; width: 200px; display: inline-block; text-align: center; border-radius: 0; background: transparent; font-weight: normal; font-weight: 600; } .woocommerce ul.products li.product.type-product .button { display: inline-block; position: relative; } .woocommerce ul.products li.product.type-product .button:before { content: ""; background: #0f0; width: 5px; height: 60%; display: block; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto; } .woocommerce ul.products li.product.type-product .button:after { content: ""; background: #0f0; width: 5px; height: 60%; display: block; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; } .woocommerce ul.products li.product.type-product .button:hover { letter-spacing: 2px; color: #000; } .add-to_cart a.button.add_to_cart_button { text-decoration: none; -webkit-transition: .6s; transition: .6s; padding: 10px; line-height: 30px; font-size: 15px; color: #000; text-transform: uppercase; border: 2px solid #000; width: 200px; display: inline-block; text-align: center; border-radius: 0; background: transparent; font-weight: normal; } .add-to_cart a.button.add_to_cart_button { display: inline-block; position: relative; } .add-to_cart a.button.add_to_cart_button:before { content: ""; background: #0f0; width: 5px; height: 60%; display: block; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto; } .add-to_cart a.button.add_to_cart_button:after { content: ""; background: #0f0; width: 5px; height: 60%; display: block; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; } .add-to_cart a.button.add_to_cart_button:hover { letter-spacing: 2px; color: #000; } .vc_row.wpb_row.vc_row-fluid.shop_white_left .add-to_cart a.button.add_to_cart_button { text-decoration: none; -webkit-transition: .6s; transition: .6s; padding: 10px; line-height: 30px; font-size: 15px; color: #fff; text-transform: uppercase; border: 2px solid #fff; width: 200px; display: inline-block; text-align: center; border-radius: 0; background: transparent; font-weight: normal; } .vc_row.wpb_row.vc_row-fluid.shop_white_left .add-to_cart a.button.add_to_cart_button { display: inline-block; position: relative; } .vc_row.wpb_row.vc_row-fluid.shop_white_left .add-to_cart a.button.add_to_cart_button:before { content: ""; background: #0f0; width: 5px; height: 60%; display: block; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto; } .vc_row.wpb_row.vc_row-fluid.shop_white_left .add-to_cart a.button.add_to_cart_button:after { content: ""; background: #0f0; width: 5px; height: 60%; display: block; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; } .vc_row.wpb_row.vc_row-fluid.shop_white_left .add-to_cart a.button.add_to_cart_button:hover { letter-spacing: 2px; color: #fff; } /*HOMEPAGE PRODUCT SLIDER*/ .home-products .items .image { min-height: 586px; width: 100%; max-width: 100%; background-size: cover; } .home-products .items { margin-right: 20px; position: relative; } .home-products .items:hover:after { content: ""; border: 2px solid rgb(0, 255, 0); width: 90%; height: 90%; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; box-shadow: 15.427px 18.385px 70px 0px rgba(0, 255, 0, 0.27); cursor: pointer; } .vc_row.wpb_row.vc_row-fluid.home_product_section { padding: 100px 0; } .vc_row.wpb_row.vc_row-fluid.home_product_section h2.vc_custom_heading { text-align: center; font-size: 45px; line-height: 50px; text-transform: uppercase; font-weight: 900; font-family: 'Conv_VisbyCF-ExtraBold', sans-serif; margin: 0 0 20px; position: relative; } .vc_row.wpb_row.vc_row-fluid.home_product_section h2.vc_custom_heading strong { color: #0c9b55; } .vc_row.wpb_row.vc_row-fluid.home_product_section h2.vc_custom_heading:before { content: ""; background: url(images/heading-before.png); width: 67px; height: 65px; display: block; position: absolute; top: -80px; margin: auto; left: 0; right: 0; } .Packages a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { display: none; } .Packages .shop_white_right { padding: 50px 0; text-align: left; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right h2 a { color: #000; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right h2 a strong { color: #0c9b55; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right h2 a:before { content: ""; background: url(images/heading-before.png); width: 67px; height: 65px; display: block; position: absolute; top: -80px; margin: auto; left: 0; } .Packages .shop_white_right .image img { filter: grayscale(100%); } .Packages .shop_white_right .image img:hover { filter: grayscale(0); } .Packages { text-align: left; } .Packages .woocommerce ul.products li.product.type-product { margin: 0; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right h2 { font-size: 45px; line-height: 50px; text-transform: uppercase; font-weight: 900; font-family: 'Conv_VisbyCF-ExtraBold', sans-serif; margin: 0 0 20px; position: relative; margin: 100px 0 30px; text-align: left; color: #2e2f46; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right h2 a:hover { color: #0c9b55; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right .readmore a { text-decoration: none; -webkit-transition: .6s; transition: .6s; padding: 10px; line-height: 30px; font-size: 15px; color: #000; text-transform: uppercase; border: 2px solid #000; width: 200px; display: inline-block; text-align: center; border-radius: 0; background: transparent; font-weight: normal; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right .readmore { display: inline-block; position: relative; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right .readmore a:before { content: ""; background: #0f0; width: 5px; height: 60%; display: block; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right .readmore a:after { content: ""; background: #0f0; width: 5px; height: 60%; display: block; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right .readmore a:hover { letter-spacing: 3px; color: #000; } .Packages .woocommerce ul.products li.product.type-product:nth-child(2n) .shop_white_right .row { display: inline-flex; flex-direction: row-reverse; width: 100%; } .Packages .woocommerce ul.products li.product.type-product:nth-child(2n) .shop_white_right { background: #132028; } .Packages .woocommerce ul.products li.product.type-product:nth-child(2n) .shop_white_right h2 a { color: #fff; } .Packages .woocommerce ul.products li.product.type-product:nth-child(2n) .shop_white_right h2 a:hover { color: #0c9b55; } .Packages .woocommerce ul.products li.product.type-product:nth-child(2n) .shop_white_right .desc_section { color: #fff; } .Packages .woocommerce ul.products li.product.type-product:nth-child(2n) .shop_white_right .readmore a { border-color: #fff; color: #fff; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right .desc_section { margin: 0 0 35px; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right .desc_section ul { padding: 0; margin: 0; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right .desc_section ul li { list-style: none; padding-left: 25px; position: relative; padding-top: 5px; padding-bottom: 5px; } .Packages .woocommerce ul.products li.product.type-product .shop_white_right .desc_section ul li:before { content: ""; background: url(images/list-icon.png); width: 18px; height: 18px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; } .wrps_related_products_area h2.wrps_related_products_area_title { text-align: center; font-size: 45px; line-height: 50px; color: #000000; margin: 50px 0 30px; text-transform: capitalize; } .wrps_related_products_area h2.wrps_related_products_area_title:before { content: ""; background: url(images/heading-before.png); width: 67px; height: 65px; display: block; position: absolute; top: -80px; margin: auto; left: 0; right: 0; } .woocommerce div.product div.images.woocommerce-product-gallery { margin: 0 0 120px !important; } .wrps_related_products_area .wrps_related_products .owl-item { background: #fff !important; } .wrps_related_products_area .wrps_related_products.wrps_theme_box .wpb_wrps_title a { font-size: 20px; font-weight: 600; color: #000; text-align: center; margin: 25px 0 15px; padding: 0; line-height: normal; text-transform: uppercase; } .wrps_related_products_area .wrps_related_products.wrps_theme_box .wpb_wrps_price { color: #77a464; display: block; margin-bottom: .5em; font-size: 16px; font-weight: 600; } .wrps_related_products_area .wrps_related_products.wrps_theme_box .wpb_wrps_cart_btn a.button { text-decoration: none; -webkit-transition: .6s; transition: .6s; padding: 10px; line-height: 30px; font-size: 15px; color: #000; text-transform: uppercase; border: 2px solid #000; width: 200px; display: inline-block; text-align: center; border-radius: 0; background: transparent; font-weight: normal; font-weight: 600; } .wrps_related_products_area .wrps_related_products.wrps_theme_box .wpb_wrps_cart_btn a.button { display: inline-block; position: relative; } .wrps_related_products_area .wrps_related_products.wrps_theme_box .wpb_wrps_cart_btn a.button:before { content: ""; background: #0f0; width: 5px; height: 60%; display: block; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto; } .wrps_related_products_area .wrps_related_products.wrps_theme_box .wpb_wrps_cart_btn a.button:after { content: ""; background: #0f0; width: 5px; height: 60%; display: block; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; } .wrps_related_products_area .wrps_related_products.wrps_theme_box .wpb_wrps_cart_btn a.button:hover { letter-spacing: 2px; color: #000; } /*OUR BLOGS*/ .our_articles .articles .slick-track { margin: 0 auto; } .our_articles .thumbnail-blog { min-height: 200px; overflow: hidden; padding: 10px; } .our_articles .thumbnail-blog .image { min-height: 250px; background-position: center; background-repeat: no-repeat; background-size: cover; } .our_articles .content { padding: 0 20px 40px 20px; position: relative; border-radius: 0; } .our_articles p:empty { display: none } .our_articles .content .meta { position: absolute; width: 100%; bottom: 15px; padding-right: 22px } .our_articles .content h3 { width: 100%; line-height: 24px; min-height: 70px; display: flex; align-items: center; font-size: 22px; font-weight: 600; color: #000; font-family: 'Conv_VisbyCF-ExtraBold', sans-serif; text-transform: capitalize; justify-content: center; } .our_articles .box-item { transition: all 0.2s ease; cursor: pointer; background-color: white; padding-bottom: 30px;} .our_articles .box-item:hover { top: -5px; box-shadow: 0 20px 30px -10px rgba(0, 0, 0, .2); } .our_articles .box-item a { color: #000; } .our_articles .content p { font-size: 16px; line-height: 28px; text-align: center; font-weight: 600; } .our_articles .thumbnail-blog .tag-press { background: #0c9b55; display: inline-block; padding: 0px 12px; font-size: 12px; font-weight: 500; position: absolute; top: 8%; transform: translateY(-8%); color: #fff; text-transform: uppercase; } .our_articles .readmore { display: block; text-align:center;} .our_articles button.slick-next.slick-arrow, .our_articles button.slick-prev.slick-arrow { display: none !important; } .our_articles .slick-dots button { width: 50px; border-radius: 5px; border: 0; } .our_articles .slick-dots .slick-active button { background: #15af15; } .our_articles .slick-dots li { margin-right: 5px; } .our_articles .slick-dots li:last-child { margin-right: 0; } .our_articles .slick-dots button { width: 12px; border-radius: 5px; border: 0; background: #1a1f2d; } .our_articles .slick-dots { bottom: -40px; } article.col-md-4.blogs { margin: 0 0 50px; } /*SINGLE PAGE OF OUR BLOGS*/ .single.single-post .wrap { padding: 50px 0 } .single.single-post .wrap .heading h1 { font-size: 40px; line-height: normal; color: #000;} /* HK CSS */ /* HEADER CSS */ .main-header .top-header { display: flex; justify-content: end; align-items: center; } .main-header .top-header .top-content { display: flex; justify-content: center; align-items: center; margin-left: 40px; } .main-header .top-header .top-content ul { list-style: none; padding: 0; padding-left: 20px; margin: 0; } .main-header .top-header .top-content ul li { font-size: 14px; color: #9ea5ae; line-height: 14px; color: #34b16d; font-weight: 600; } .main-header .top-header .top-content ul li a { color: black; font-size: 18px; line-height: 25px; font-weight: 600; } .top-header { padding: 25px 0px; position: relative; } .top-header:before { position: absolute; bottom: 0; right: 0; height: 1px; background-color: #9ea5ae61; width: 75%; content: ''; } .header-logo { position: absolute; top: -140px; } header.main-header { border-top: 2px solid #34aa64; } .social-icons ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: start; } .social-icons ul li { margin-right: 20px; color: #909296; font-size: 14px; } .social-icons ul li a { font-size: 18px; } .social-icons ul li:nth-child(2) a { color: #206fe2; } .social-icons ul li:nth-child(3) a { color: #16caeb; } .social-icons ul li:nth-child(4) a { color: #e518f2; } .row.bottom-header { padding: 20px 0px; display: flex; align-items: center; } /* .social-icons:before { content: ''; position: absolute; left: 70px; top: 50%; transform: translateY(-50%); width: 1px; height: 40px; background-color: #9ea5ae61; } */ .social-icons { position: relative; } #home .caption h2 { color: black; font-size: 45px; } #home .caption h2 span { color: #34ac67; } /* HOMEPAGE CSS */ .home_services_sec { margin-top: -50px; } .home_services_sec .wpb_column { background-color: #f4f4f4; } .home_services_sec .wpb_column:hover { background-color: #0c9b55; } .home_services_sec .wpb_column .wpb_text_column { text-align: center; color: #152d42; font-size: 15px; font-weight: 600; } .home_services_sec .wpb_column:hover .wpb_text_column{ color: #fff; } .home_services_sec .wpb_column h3.vc_custom_heading { color: #0e2030; text-transform: uppercase; font-weight: 700; font-size: 23px; position:relative; } .home_services_sec .wpb_column:hover h3.vc_custom_heading{ color: #fff; } .home_services_sec .wpb_column h3.vc_custom_heading:after { content: ''; background-color: #10406a; width: 40px; height: 3px; display: block; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; } .home_services_sec .wpb_column:hover .vc_btn3{ background-color: #034c8c !important; } .home_services_sec .wpb_column .vc_btn3 { background-color: #0e2030 !important; color: #fff !important; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; border-radius: 0; box-shadow: none; border:none !important; background-image:none; } .home_services_sec .wpb_column:hover .wpb_single_image { -webkit-filter: invert(100%); filter: invert(100%); } .home_about_sec h5.vc_custom_heading{ color:#01305e; font-size:16px; padding-left:15px; } .home_about_sec h2.vc_custom_heading{ color: #0c9b55; text-transform:uppercase; letter-spacing:2px; position:relative; padding-left:15px; } .home_about_sec h2.vc_custom_heading:before { content: ''; background-color: #0c9b55; width: 4px; display: block; height: 70px; position: absolute; top: -35px; left: 0; } .home_about_sec .wpb_text_column { color: #9e9e9e; font-size: 16px; line-height: 28px; padding-top: 20px; } .home_about_sec .wpb_text_column a.play { position: absolute; bottom: 30px; right: -20px; transition: transform .2s; } .home_about_sec .wpb_text_column a.play:hover { transform: scale(1.1); } .home_about_sec .align-icon { text-align: left !important; } .home_about_sec .stats-desc { text-align: left !important; } .home_about_sec .stats-desc .stats-number { color: #0e2030; font-weight: bolder !important; } .home_about_sec .stats-desc .stats-number:after { content: '+';font-size: 35px; } .home_about_sec .stats-desc .stats-text{ color: #0e2030; font-size: 16px !important; font-weight: 600; } .home_test_sec h5.vc_custom_heading{ color:#01305e; font-size:16px; padding-left:15px; } .home_test_sec h2.vc_custom_heading{ color: #292929; text-transform:uppercase; letter-spacing:2px; position:relative; padding-left:15px; } .home_test_sec h2.vc_custom_heading:before { content: ''; background-color: #0c9b55; width: 4px; display: block; height: 70px; position: absolute; top: -35px; left: 0; } .home_test_sec .in-row { padding-top: 30px; } .home_test_sec .designation { background-color: #0e2030; color: #fff; letter-spacing: 2px; width: fit-content; padding: 0px 7px; font-weight: 700; font-size: 17px; } .home_test_sec .in-row:hover .designation { background-color: #0c9b55; } .home_test_sec .title { color: #292929; font-weight: bolder; text-transform: uppercase; font-size: 22px; line-height: 28px; padding-top: 8px; } .home_test_sec .except { color: #9e9e9e; font-size: 14px; position: relative; } .home_test_sec .except:after { content: ''; background-color: #25649b; width: 80px; height: 2px; display: block; margin-top: 10px; margin-bottom: 12px; } .home_test_sec .contact a { color: #9e9e9e; font-size: 15px; display: block; } .home_test_sec .contact a span { color: #132e46; font-weight: 700; font-size: 15px; padding-right: 6px; } .home_test_sec .thumbnail { position: relative; } .home_test_sec .in-row:hover .hover-social { display:unset; } .home_test_sec .hover-social { text-align: center; background-color: #034c8cb8; position: absolute; width: 100%; top: 0; height: 100%; display:none; } .home_test_sec .hover-social .social-icons { padding-top: 40%; } .home_test_sec .social-icons ul { list-style: none; padding: 0; } .home_test_sec .social-icons ul li { display: inline-block; width: 35px; height: 33px; border: 2px solid #fff; background-color: transparent; } .home_test_sec .social-icons ul li a { color: #fff; display: inline-block; width: 31px; height: 29px; } .home_test_sec .social-icons ul li:hover a { background-color: #fff; color: #0e2030; } .home_indus_sec .vc_btn3 { background-color: #034c8c !important; color: #fff !important; font-weight: 700; text-transform: uppercase; letter-spacing: 2px !important; border-radius: 0 !important; box-shadow: none !important; border: none !important; background-image: none !important; } .home_indus_sec .vc_btn3:hover{ background-color: #0e2030 !important; } .home_indus_sec h2.vc_custom_heading { color: #292929; text-transform: uppercase; letter-spacing: 2px; position: relative; padding-left: 15px; margin: 0 0 20px; } .home_indus_sec h2.vc_custom_heading:before { content: ''; background-color: #0c9b55; width: 4px; display: block; height: 65px; position: absolute; top: 0px; left: 0; } .home_indus_sec .item { position: relative; padding-bottom: 30px; } .home_indus_sec .content { background-color: #fff; position: absolute; bottom: -5px; width: 85%; right: 0; padding-left: 10px; } .home_indus_sec .title { color: #292929; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; } .home_indus_sec .designation { color: #01305e; font-size: 15px; font-weight: 600; } .home_testimonial_section h2.vc_custom_heading { color: #292929; text-transform: uppercase; letter-spacing: 2px; position: relative; } .home_testimonial_section h5.vc_custom_heading { color: #292929; font-size: 16px; letter-spacing: 1px; } .home_testimonial_section .my-rev { padding: 10px 20px; } .home_testimonial_section .except { color: #9e9e9e; font-size: 16px; background: #f7f7f7; padding: 30px 50px 60px; } .home_testimonial_section .positions { text-align: center; border: 2px solid #fcfcfc; border-top: 0; margin-top: -40px; padding: 0 5px 15px; } .home_testimonial_section .positions .avatar img { margin: 0 auto; } .home_testimonial_section .title { color: #292929; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; } .home_testimonial_section .designation { color: #01305e; font-weight: 600; font-size: 15px; } .home_testimonial_section .my-rev:hover .designation { color: #21a160; } .home_testimonial_section .slick-dots button { width: 20px; border-radius: 12px; height: 8px; } .home_testimonial_section .slick-dots .slick-active button { background: #0c9b55; border-color: #0c9b55; } .home_contact_section { position: relative; } .home_contact_section .wpb_gmaps_widget { margin-bottom: 0 !important; } .home_contact_section .in-row { width: 80%; margin: 0 auto !important; position: absolute; top: 120px; left: 15%; } .home_contact_section .in-row .col1 { background-color: #fff; border: 5px solid #f7f7f7; } .home_contact_section .in-row h5.vc_custom_heading{ color:#01305e; font-size:16px; padding-left:15px; } .home_contact_section .in-row h2.vc_custom_heading{ color: #292929; text-transform:uppercase; letter-spacing:2px; position:relative; padding-left:15px; } .home_contact_section .in-row h2.vc_custom_heading:before { content: ''; background-color: #0c9b55; width: 4px; display: block; height: 70px; position: absolute; top: -35px; left: 0; } .home_contact_section .in-row .gform_body { padding-top: 20px; } .home_contact_section .in-row .gform_body select { height: 50px; } .home_contact_section .in-row .gform_body textarea { height: 150px !important; margin-bottom: 5px; } .home_contact_section .in-row .gform_footer { margin: 0 !important; padding: 0 !important; } .home_contact_section .in-row .gform_footer input { background-color: #034c8c; color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; font-size: 15px; border: none; padding: 5px 20px; } .home_contact_section .in-row .gform_footer input:hover { background-color: #0e2030; } /* INNER PAGE CSS */ .project-sec h2.vc_custom_heading { text-align: center !important; padding: 20px; color: #292929; text-transform: uppercase; letter-spacing: 2px; position: relative; } .vc_row.wpb_row.vc_row-fluid.contact-form { padding-top: 50px; } .ginput_container :hover { border-color: green; } input#gform_submit_button_2 { background-color: #000 !important; color: #fff !important; font-weight: 700; text-transform: uppercase; border-radius: 0 !important; box-shadow: none !important; border: none !important; background-image: none !important; padding: 10px 30px; letter-spacing: 2px !important; } input#gform_submit_button_2:hover { background-color: #034c8c !important; letter-spacing: 2px !important; } /* FOOTER CSS */ footer.footer .footer-info .social-icons { text-align: left; } footer.footer .footer-info .social-icons li { display: inline-block; } footer.footer .footer-info .social-icons li a i { font-size: 18px; border: 1px solid; border-radius: 50%; } footer.footer .footer-info .social-icons li a i:hover { color: #000 !important; } footer.footer .footer-info ul.gal li { display: inline-block; } footer.footer .copyrights .menu { list-style: none; padding: 0; float: right; margin-top: 10px; } footer.footer .copyrights .menu li { display: inline-block; padding-right: 10px; } /* support section */ .support-section h2 { font-size: 25px; color: white; font-weight: 400; padding: 0 126px; } .support-section .wpb_single_image.wpb_content_element.vc_align_center { min-height: 100px; } .support-section p { font-size: 16px; text-align: center; color: white; font-weight: 400; padding: 0 40px; line-height: 23px; } .support-section { padding: 50px 0px; position: relative; } .support-section:before { position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; width: 500px; height: 5px; background-color: white; bottom: 0; } .support-middle-card:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 120px; background-color: #ffffff40; } .support-middle-card { position: relative; } .support-middle-card:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 120px; background-color: #ffffff40; } .about-section h2.vc_custom_heading strong { color: #34ac67; } .about-section p { color: #736f6f; font-size: 16px; line-height: 21px; } .about-section p { color: #736f6f; font-size: 16px; line-height: 21px; font-weight: 600; } .about-section ul {list-style: none;margin-top: 143px;padding-left: 70px;} .about-section ul li { font-size: 16px; line-height: 22px; color: #736f6f; position: relative; margin-bottom: 40px; padding-left: 20px; } .about-section ul li:before { content: ''; position: absolute; left: -39px; top: 50%; width: 26px; height: 34px; background-image: url(https://stage.projects-delivery.com/wp/rosebell/wp-content/uploads/2022/01/list.png); transform: translateY(-50%); } .about-section ul li:nth-child(2) { margin-left: 30px; } .about-section ul li:nth-child(3) { margin-left: 60px; } .about-section a.btn-read-more {margin-top: 60px;display: inline-block;} /* testimonials */ /* section.testimonial-section .item:hover { background: #f3f3f3; } */ section.testimonial-section .item .my-rev .content { color: #6d7478; margin: 20px 0; font-family: 'Montserrat', sans-serif;} section.testimonial-section .item { margin-right: 30px; padding: 20px; font-family: 'Montserrat', sans-serif;} section.testimonial-section .item .my-rev .positions .title { color: #f53e6d; font-size: 20px; font-weight: 600; font-family: 'Montserrat', sans-serif;} section.testimonial-section .item .my-rev .positions .designation { color: #a3a3a3; font-size: 15px; margin: 0; font-weight: 500; font-family: 'Montserrat', sans-serif;} /* our services */ section.our-services-inner-section h4.vc_custom_heading { font-size: 16px; color: #1c2634; margin: 0 0 10px; } section.our-services-inner-section h2.vc_custom_heading { font-size: 35px; line-height: 45px; margin: 0 0 30px; text-transform: capitalize; } section.our-services-inner-section h2.vc_custom_heading strong { color: #34ac67; } section.our-services-inner-section .vc_col-sm-4 h3.vc_custom_heading { font-weight: 600; color: #182432; background: #eaeff3; padding: 20px 0; } section.our-services-inner-section .vc_col-sm-4 h3.vc_custom_heading strong { color: #34ac67; } section.our-services-inner-section .vc_col-sm-4 .wpb_text_column p {margin: 15px 0;display: inline-block;text-align: center;width: 100%;font-weight: 900;} section.our-services-inner-section .vc_col-sm-4 { } a.btn-read-more:hover { letter-spacing: 3px; color: #34ac67; } /* our service section */ .our-service-section h4 { color: #000000; font-size: 16px; font-weight: 400; font-weight: 600; } .our-service-section h2 { color: black; font-size: 30px; font-weight: 400; margin-bottom: 30px; font-weight: 600; } /* ------------------------------------------- New Websites --------------------------------------------------------------------*/ .header-logo .logo img { width: 337px; } #home .container-fluid { margin-right: auto; margin-left: auto; padding-left: 50px; padding-right: 50px; } section#home:before { content: ''; background: #34ac67; height: 400px; width: 100%; position: absolute; bottom: 0; } /* .about-section::before { content: ''; position: absolute; background: url(images/group.png); width: 100%; height: 745px; left: -250px; top: 50px; background-repeat: no-repeat; z-index: 0; bottom: 0; } */ section.vc_section.about-section { position: relative; } section.vc_section.our-service-section.vc_custom_1691437898603.vc_section-has-fill { position: relative !important; } section.vc_section.our-service-section .blogrow::before { position: absolute; background: url(images/img3.png); height: 500px; width: 100%; left: 0; background-repeat: no-repeat; background-attachment: fixed; right: 0; background-size: contain; } .blogrow .wpb_column.vc_column_container.vc_col-sm-12 { padding-top: 60px; } .our_articles .box-item { box-shadow: 0 20px 30px -10px rgba(0, 0, 0, .2); } section.our-services-inner-section h2.vc_custom_heading { font-size: 35px; line-height: 45px; margin: 0 0 30px; text-transform: capitalize; } div#owl-demo.testimonial { margin-top: -80px; } section.testimonial-section .item:hover { box-shadow: 0 20px 30px -10px rgba(0, 0, 0, .2); border-bottom: 4px solid #0b850b; } .testimonial .slick-track .item:nth-child(2n) .title { color: #206fe2 !important; } section.testimonial-section .item:hover .my-rev .title { color: green; } .footer .copyrights ul { display: flex; list-style: none; } .footer .copyrights ul li { padding-right: 30px; color: #fff; } .copyrights .row { align-items: center; display: flex; } .copyright-text { float: right; } .vc_row.wpb_row.vc_row-fluid.our-services-inner-section.firststrow { border-bottom: 1px solid #0000001f; } footer.footer { z-index: 2; position: relative; background-size: cover; background-image: url(images/footer-bg.jpg); } #home button.slick-next.slick-arrow { position: absolute; right: 0; } #home button.slick-prev.slick-arrow { left: 60px; } #home button.slick-next.slick-arrow { position: absolute; right: 60px; } #home .slick-next.slick-arrow { transform: rotate(180deg); } #home .slick-arrow { border: 0px; font-size: 0; right: auto; margin-top: -20px; color: #fff; position: absolute; top: 50%; z-index: 1; background: #34ac67; width: 30px; height: 40px; /* transform: rotate(180deg); */ } #home button.slick-prev.slick-arrow:before { content: ' '; position: absolute; background: url(images/Arrowright.png); transform: rotate(180deg); height: 20px; width: 34px; background-repeat: no-repeat; top: 7px; } #home button.slick-prev.slick-arrow:before { content: ' '; position: absolute; background: url(images/Arrowright.png); transform: rotate(180deg); height: 20px; width: 30px; background-repeat: no-repeat; top: 7px; } #home button.slick-next.slick-arrow:before { content: ' '; position: absolute; background: url(images/Arrowright.png); transform: rotate(180deg); height: 20px; width: 30px; background-repeat: no-repeat; top: 7px; } h2.vc_custom_heading.contactformhead.vc_custom_1691602426891 { color: black; font-size: 45px; } h2.vc_custom_heading.contactformhead.vc_custom_1691602426891 span { color: #21b46d; } input#gform_submit_button_1 { background: #34ac67; color: #fff; font-size:20px; width: 200px; padding: 10px; } .contactSection .contact_details ul li { list-style: none; display: flex; font-size: 20px; flex-direction: column; padding: 10px; } .contactSection .contact_details ul li a { color: #000; } .vc_row.wpb_row.vc_row-fluid.contactSection { box-shadow: 0px 0px 5px 1px gray; } .contactSection .contact_details ul li a:hover { color: #34ac67; letter-spacing: 1px; transition: 0.7s; } input#gform_submit_button_1:hover { letter-spacing: 6px; transition: 0.7s; } .imgsecond { margin-left: -60px !important; position: absolute; top: 20px; } .imgsecond img { border:5px solid #1f5a7c; } footer li#text-5 .textwidget h2 { color: #fff; font-size: 20px; line-height: 30px; } .abouttext p { color: #000; } .postid-1 .inner-banner { height: 550px; width: 100%; color: #fff; text-align: center; display: inline-flex; flex-direction: column; justify-content: center; background-attachment: fixed !important; align-items: center; position: relative; z-index: 1; } .postid-88 .inner-banner { height: 550px; width: 100%; color: #fff; text-align: center; display: inline-flex; flex-direction: column; justify-content: center; background-attachment: fixed !important; align-items: center; position: relative; z-index: 1; } .postid-89 .inner-banner { height: 550px; width: 100%; color: #fff; text-align: center; display: inline-flex; flex-direction: column; justify-content: center; background-attachment: fixed !important; align-items: center; position: relative; z-index: 1; } /*My Custom Styling*/ /* Paragaraph Black */ /*Header*/ .menu li a { font-weight: 600 !important; } /*Header End*/ /* Banner*/ .slider .main-slider .inner-item .caption p { color: #000; font-weight: 600; } /* Banner End*/ /* Testimonial*/ .except p { color: #000; font-weight: 600; } .designation { color: #000 !important; font-weight: 600; } /* Testimonial End*/ section.vc_section.about-section p { color: #000; } div#BlackParag { color: #000; } /* Paragaraph Black End*/ div#Service_img_Identification img { height: 250px; object-fit: cover; } .caption .readmore { display: none !important; } .firststrow .wpb_wrapper p { font-weight: 600; } /*Blog Post Color*/ .postid-1 .content p { color: #000; font-weight: 600; } .postid-88 .content p { color: #000; font-weight: 600; } .postid-89 .content p { color: #000; font-weight: 600; font-size: 15px; line-height: 1.6; } li.nametitle { color: #34b272 !important; font-weight: 700; } ol li { color: #000; } .wrap .content h2 { color: #34b16d; font-size: 25px; } .wrap .content h1, .wrap .content h3 { color: #000; font-size: 25px; } /* #custBold strong { font-size: 21px; } */ #custBold ol li { font-weight: bolder; font-size: 17px; } /*Blog Post Color End*/ /*My Custom Styling End*/