/* 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 */ .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; } /* custom css */ .head_social_icons ul li i { border: 2px solid #7c7b7b; border-radius: 50%; color: #7c7b7b; font-size: 18px; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; } /* ---- 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: #6d717a; } */ 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: #2f3441; border: 1px solid #ffffff; } */ footer.footer .footer-item h6 {font-size: 18px;text-transform: uppercase;letter-spacing: 1px;color: #fff;margin: 0 0 25px;padding: 0 0 15px;position: relative;} footer.footer .footer-item h6:after { content: ""; background: #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; background: #292929; 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 p strong { color: #0c9b55; font-weight: 400; } footer.footer .copyrights p { line-height: normal; margin: 15px 0; } */ footer.footer p { color: #626262; 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: #0c9b55; text-decoration: none; letter-spacing: 2px; } footer.footer .footer-info li a:hover { color: #0c9b55; 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: #000000; margin: 0 4px; width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; transition: 0.5s; } footer.footer .footer-info .social-icons a i:hover { color: #0c9b55; 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.phone a { display: block !important;} footer.footer .footer-info li a { color: #9e9e9e; font-size: 15px; line-height: 25px; } footer.footer .footer-info ul { padding: 0; margin: 0; } footer.footer .contact_details li.liveChat:before { content: ""; position: absolute; left: 0; top: 0; color: #0c9b55; background: url(images/icon-chat.png); width: 30px; height: 30px; background-size: 100%; margin: auto; } /* footer.footer .contact_details li.phone:before { content: ""; position: absolute; left: 0; top: 0; color: #0c9b55; background: url(images/icon-phone.png); width: 30px; height: 30px; background-size: 100%; margin: auto; } footer.footer .contact_details li.email:before { content: ""; position: absolute; left: 0; top: 0; color: #0c9b55; background: url(images/icon-email.png); width: 30px; height: 30px; background-size: 100%; margin: auto; } */ footer.footer .contact_details li a:hover { color: #0c9b55; text-decoration: none; letter-spacing: 2px; } #back-top > a { bottom: 1%; color: #034c8c; 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/right-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/right-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: 450px; 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: #fff; 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; } .inner-banner:before { content: ""; background: rgb(0 0 0 / 60%); width: 100%; height: 100%; right: 0; left: 0; top: 0; bottom: 0; margin: auto; position: absolute; } /* ---------------------------------------------------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, .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: #ffffff; font-size: 14px; line-height: 22px; font-weight: 400; letter-spacing: 0; background-position: center center; border-color: transparent; border-style: solid; padding: 0px 20px; text-transform: uppercase; font-family: 'Conv_VisbyCF-Regular', sans-serif; } .menu-header > ul > li > a:hover { text-decoration: none; color: #0c9b55; } .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(50%); 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: #ffffff; text-align: left; margin: 0 0 30px; } /* .slider .main-slider .inner-item .caption .readmore a { padding: 10px 0; line-height: 26px; font-size: 15px; color: #fff; text-transform: uppercase; width: 230px; display: inline-block; text-align: center; background: #0c9b55; font-family: 'Conv_VisbyCF-Medium', sans-serif; margin-right: 10px; border: 2px solid #0c9b55; } */ .slider .main-slider .inner-item .caption .readmore { display: inline-block; position: relative; } .slider .main-slider .inner-item .caption .readmore a:hover { letter-spacing: 2px; color: #ffffff; background: #0c9b55; } .slider .main-slider .inner-item .caption .readmore a:last-child { background: transparent; color: #fff; border: 2px solid #fff; } .slider .main-slider .inner-item .caption .readmore a:last-child:hover { background: #0c9b55; border-color: #0c9b55; letter-spacing: 2px; } /*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: #a9aab1!important; 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; border: 1px solid #b6b6b6; border-bottom: 0; border-radius: 0; } .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; margin-bottom: 30px; border: 1px solid #b6b6b6; 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: 900; font-family: 'Conv_VisbyCF-ExtraBold', sans-serif; text-transform: capitalize; } .our_articles .box-item { transition: all 0.2s ease; margin: 0 0 30px; cursor: pointer; } .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; } .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; } .our_articles .readmore a { background: #1a1f2d; border: 1px solid #bad9e0; color: #fff; font-weight: 600; padding: 10px 30px; font-size: 18px; line-height: 18px; margin: 0 auto; width: 180px; text-align: center; border-radius: 5px; display: block; position: absolute; bottom: 10px; right: 0; left: 0; margin: auto; } .our_articles .readmore a:hover { text-decoration: none; letter-spacing: 2px; background: #0c9b55; border: 1px solid #0c9b55; } .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 250px; } .single.single-post .wrap .heading h1 { font-size: 30px; line-height: normal; } /* HK CSS */ /* HEADER CSS */ .headerSection .contact_details ul { display: flex; list-style: none; margin: 0; padding: 0; } .headerSection .contact_details ul li strong { display: block; color: #292929; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 15px; } .headerSection .contact_details ul li a { color: #9e9e9e; font-weight: 700; font-size: 15px; display: block; line-height: 19px; } .headerSection .contact_details ul li { padding-right: 30px; position: relative; padding-left: 40px; } .headerSection .contact_details ul li img { position: absolute; top: 8px; left: 0; } .headerSection .top-search .social-icons li { background-color: white; border-radius: 50%; text-align: center; padding: 1px 3px; display: inline-block; width: 33px; box-shadow: 1px 2px 3px #060606; } .headerSection .top-search .social-icons li a { color: #292929; } .headerSection .top-search .social-icons li:hover { background-color: #034c8c; } .headerSection .top-search .social-icons li:hover a { color: white; } .headerSection .container { position: relative; padding-bottom: 50px; } .headerSection .menu-row{ position: absolute; bottom: -20px; width: 100%; z-index: 4; } .headerSection .cta { text-align: center; } .headerSection .cta a { background-color: #0c9b55; width: 100%; display: inline-block; color: #fff; text-align: center; padding: 8px 0px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 15px; border: 3px solid #0c9b55; } .headerSection .cta a:hover { border-color: #034c8c; } /* 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 { color: #fff !important; font-size: 18px; } footer.footer .footer-info .social-icons li a i:hover { color: #034c8c !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; } a.customrights { color: #626262; font-size: 16px; } a.customrights:hover { color: #fff; } /* MY CSS */ .main_menu ul li, .top_search { list-style: none; display: inline; } .main_menu ul { padding: 0; margin: 0; } .top_search { padding: 0px 50px; } .head_menu { padding-right: 229px; } .menu_inner { display: flex; align-items: center; justify-content: end; } .main_menu ul li { padding-right: 25px; } .align-items-center { align-items: center; } .headerSection .container-fluid>.row { display: flex; } header.headerSection { position: relative; } header.headerSection { position: absolute; right: 0; left: 0; top: 0; } .head_logo a img { position: relative; left: -15px; width: 29%; } #home .slider button.slick-prev.slick-arrow { background: url(images/right-arrow.png) no-repeat center center !important; } #home .slider .slick-arrow { background: #0000 url(images/right-arrow.png) no-repeat center center !important; width: 100px; height: 100px; opacity: 0.5; right: 5%; top: 36%; } .head_social_icons ul { list-style: none; padding: 0; z-index: 1; position: absolute; height: 74.1%; display: flex; left: 0; justify-content: center; align-items: center; width: 5.6%; top: 168px; background: #f0eff0; flex-direction: column; } .head_social_icons ul li { margin-bottom: 15px; } section#home { position: relative; } #home .slider .inner-item { min-height: 900px; } .prim_text_color strong{ color:#e89f41; } .flow_visible { overflow: visible !important; } .p-dsk { padding-right: 229px; } .pl-dsk{ padding-left: 229px; } .p-dsk .pl-0 { padding-left: 0 !important; } .header_btn, .readmore, .vc_btn3-container.btn_color { border-style: solid!important; border-width: 2px!important; border-color: rgb(232, 159, 65) !important; background-image: -webkit-linear-gradient( -76deg, rgb(189,144,44) 0%, rgb(232,159,65) 0%, rgb(198,124,29) 100%); padding: 10px 30px; border-radius: 30px; } .readmore a, .btn_primary, .btn_color button { font-family: 'Conv_VisbyCF-Medium', sans-serif; color:#fff!important; font-size:15px!important; text-transform:uppercase; color:#fff; border:none !important; } .vc_btn3-container.btn_color button { background: #0000 !important; padding: 0; } .menu_inner ul#menu-main-menu-1 li a { color: #fff; } .menu_inner ul#menu-main-menu-1 li a:hover { color: #e89f41; } #home h1, #home h1 strong { font-size: 60px; font-weight: 500; color: #fff; font-family: 'GeorgeTown-Regular', Arial, Helvetica, sans-serif; } h2 { font-size: 50px!important; font-weight: 500; } h2 strong{ font-weight: 500; } .brand_slider .vc_carousel-inner { width: 70%!important; margin-left: auto; } .brand_slider .vc_carousel-inner .vc_item { width: 6% !important; } .brand_slider .vc_carousel-slideline { height: 100px; display: flex; align-items: center; } .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner { height: 100px; display: flex; align-items: baseline; } .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner { width: 90%; } /* footer css */ .footer .footer_wrapper{ background:#1a1f2d; margin-top:12px; padding: 60px 0px; } .footer .widgettitle{ color:#fff; } .footer .footer_wrapper .footer-item .widgettitle:after{ display:none; } .info_wrapper { display: flex; } .info_wrapper .info_img { margin-right: 20px; } .info_img img { min-width: 15px; height: 15px; overflow: hidden; object-fit: none; } .info_img img { min-width: 15px; height: 15px; overflow: hidden; object-fit: none; } .info_content h5 { color: #fff; font-size: 16px; text-transform: uppercase; } .info_content p, .info_content a { color: #626262 !important; } form#easy-newsletter-form label { display: none; } form#easy-newsletter-form { display: flex; justify-content: end; border: solid 1px; height: 50px; } form#easy-newsletter-form button, form#easy-newsletter-form input { height: 50px; } form#easy-newsletter-form button { background: #0000; color: #0cafae; } form#easy-newsletter-form input { border:none; background: #0000 !important; } form#easy-newsletter-form button:hover { box-shadow: unset; } #easy-newsletter-form .input-field {width: 80%;} #easy-newsletter-form .input-field.input-submit {width: 20%;} .footer_wrapper ul#menu-main-menu-2 li a { color: #626262 !important; line-height: 45px; } footer.footer .copyrights { background:#1a1f2d; } .copyright-text { text-align: center; } .copyright-text p { margin: 0 !important; color: #fff !important; } .d-flex{ display:flex; } .copyrights>.container { border-top: solid 1px #ffffff61; padding-top: 16px; } .footer_wrapper>.container>.row .border { background: #2e333f; height: 1px; position: relative; width: 98%; margin: auto; bottom: -35px; } h6.widgettitle:after { content: ''; background: #6d7179 !important; height: 1px !important; display: block !important; position: relative; left: -1px !important; width: 100px !important; bottom: -1px !important; } .copyrights .menu ul li a:after { content: '|'; padding: 0px 20px; } .copyrights .menu ul li a, .copyrights .menu ul li { padding: 0 !important; color: #626262 !important; } .footer_wrapper ul.contact_info, .footer_wrapper ul#menu-main-menu-2 { padding: 0; } .services_slider .thumbnail img { width: 100%; } .services_slider .title { color: #020401; font-size: 23px; } .services_slider .content { color: #aeafb6; } .services_slider .read_more { color: #020401; } .services_inner .item { margin-left: 15px; background: #fff; padding: 10px; } .services_inner .content { padding: 30px 0px; } .services_inner.slick-current.slick-active.slick-center { box-shadow: 0px 13px 95px 0px rgba(123, 123, 131, 0.3); } button.slick-next.slick-arrow { display: none !important; } .services_slider.slick-initialized.slick-slider button.slick-prev.slick-arrow { background: #0000 url(images/leftarr.png) no-repeat center center !important; left:-140px; } .services_slider.slick-initialized.slick-slider .slick-arrow { background: #0000 url(images/leftarr.png) no-repeat center center !important; width: 100px; height: 100px; right: 5%; top: 36%; } .services_slider .slick-list { padding: 0 !important; } /* services-inner-page */ .wrap.our_services li#nav_menu-3 { padding: 50px 0; list-style: none; } .wrap.our_services li#nav_menu-3 h6 { font-size: 22px; padding-bottom: 20px; } .wrap.our_services li#nav_menu-3 .menu-our-services-container ul#menu-our-services { list-style: none; padding: 0; } .wrap.our_services li#nav_menu-3 .menu-our-services-container ul#menu-our-services li {background-color: #d2882a;margin: 10px;padding: 10px;letter-spacing: 1px;transition: all 1s ease-in;} .wrap.our_services li#nav_menu-3 .menu-our-services-container ul#menu-our-services li a { color: #fff; } .wrap.our_services li#nav_menu-3 .menu-our-services-container ul#menu-our-services li a:hover { color: #fff; } .wrap.our_services li#nav_menu-3 .menu-our-services-container ul#menu-our-services li:hover { background-color: #1a1f2d; transition: all .5s ease-in; } .wrap.our_services .current-menu-item { background-color: #1a1f2d !important; } /* services-inner-page end*/ div#gallery-1 { display: flex; flex-direction: row; flex-wrap: wrap; } div#gallery-1 dl.gallery-item { width: 20% !important; min-width: 20%; margin: 0; } div#gallery-1 dt.gallery-icon.landscape, div#gallery-1 dt.gallery-icon.portrait { margin-right: 5px; margin-left: 5px; margin-bottom: 10px; } div#gallery-1 dt.gallery-icon img { width: 100%; height: 370px; object-fit: cover; object-position: top; } .wite_mode p { writing-mode: vertical-rl; transform: rotate(180deg); margin: auto; font-size: 40px; font-weight: 600; color: #2e2f46; } div#gform_fields_1 input { outline: none; border: solid 2px #e4e9ed; border-radius: 5px; height: 60px; } label#label_1_5_1 { color: #91969b; } input#gform_submit_button_1 { height: 60px; width: 100%; background: #e99830; border: none; color: #fff; border-radius: 5px; } .gform_footer.top_label { padding-top: 0 !important; } .bg_img{ overflow:visible!important; } .bg_img:after { display: block!important; content: ''!important; background-size: cover!important; background: url(images/contact-1024x721.png)no-repeat; width: 65%; position: absolute; background-position: center center; height: 100%; right: 0; top: -10px; } /* .brand_slider .vc_images_carousel .vc_carousel-control .icon-prev:before { content: '' !important; position: relative; top: 0!important; background: #ad4c4c00 url(images/leftarr.png) no-repeat center center !important; background-size: cover !important; object-fit: none; padding: 12px 22px; left: 105px; } */ .brand_slider span.icon-next { display: none !important; } .brand_slider span.icon-prev{ display: none; } .vc_images_carousel .vc_carousel-control .icon-prev:before{ display: none; } .btn_color a { background: transparent !important; color: #fff !important; padding: 0 !important; border: none !important; outline: none !important; font-weight: 400 !important; font-size: 15px !important; transition: all 0.6s ease-in-out; } .btn_color a:hover { letter-spacing: 2px !important; } /* single serivces img sty */ .our_services .vc_single_image-wrapper img { height: 350px; object-fit: cover; object-position: top; }