/* Theme Name: Custom Theme Author: None Author URI: https://wordpress.org/ Version: 2.1 */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ /* =Layout -------------------------------------------------------------- */ /* LAYOUT: Two columns DESCRIPTION: Custom Template */ @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); html body, input, textarea, .page-title span, .pingback a.url { font-family: "Poppins", 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;} /*============================================================ Fonts Classes Starts Here ============================================================*/ .montserrat-light{font-family: 'Montserrat', sans-serif;font-weight: 400 !important;} .montserrat-regular{font-family: 'Montserrat', sans-serif;font-weight: 400 !important;} .montserrat-medium{font-family: 'Montserrat', sans-serif;font-weight: 500 !important;} .montserrat-semi-bold{font-family: 'Montserrat', sans-serif;font-weight: 600 !important;} .montserrat-bold{font-family: 'Montserrat', sans-serif;font-weight: 700 !important;} .montserrat-extra-bold{font-family: 'Montserrat', sans-serif;font-weight: 800 !important;} .montserrat-black{font-family: 'Montserrat', sans-serif;font-weight: 900 !important;} /*============================================================ Fonts Classes Ends Here ============================================================*/ /*=============================================== Colors Classes Starts Here =============================================== */ .color-white{color: #ffffff !important;} .color-gold{color: #cb9317 !important;} .color-black{color: #000 !important;} .color-grey{color: #747474 !important;} .color-primary{color: #000 !important;} .color-secondary{color: #000 !important;} .color-gradient { color: -webkit-gradient(left top, right top, color-stop(0%, rgba(184,40,90,1)), color-stop(50%, rgba(148,41,136,1)), color-stop(62%, rgba(169,40,109,1)), color-stop(100%, rgba(145,41,138,1))) !important; color: rgba(184,40,90,1) !important; background: -moz-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%) !important; color: -webkit-gradient(left top, right top, color-stop(0%, rgba(184,40,90,1)), color-stop(50%, rgba(148,41,136,1)), color-stop(62%, rgba(169,40,109,1)), color-stop(100%, rgba(145,41,138,1))) !important; color: -webkit-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%) !important; color: -o-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%) !important; color: -ms-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%) !important; color: linear-gradient(to right, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%) !important; } .color-yellow{color: #ffdc00 !important;} .color-purple{color: #a8286e !important;} /*=============================================== Colors Classes Ends Here =============================================== */ /*=============================================== Background Colors Classes Starts Here =============================================== */ .bg-primary{background-color:#111111 ;} .bg-secondary{background-color:#ccc ;} .bg-white{background-color:#fff ;} .bg-black{background-color:#000 ;} .bg-grey{background-color:#ddd ;} .bg-gradient{background: rgba(184,40,90,1); background: -moz-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(184,40,90,1)), color-stop(50%, rgba(148,41,136,1)), color-stop(62%, rgba(169,40,109,1)), color-stop(100%, rgba(145,41,138,1))); background: -webkit-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%); background: -o-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%); background: -ms-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%); background: linear-gradient(to right, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%);} /*=============================================== Background Colors Classes Ends Here =============================================== */ /*=============================================== Helper Classes Starts Here =============================================== */ .border-radius-20px { border-radius: 20px; } .box-shadow { -webkit-box-shadow: 200px 200px 300px 200px rgba(0,0,0,0.75); -moz-box-shadow: 200px 200px 300px 200px rgba(0,0,0,0.75); box-shadow: 8px 8px 15px 0px rgba(0, 0, 0, 0.44); } .text-shadow{ text-shadow: 2px 7px 7px #00000070;} .hover02 { width: 300px !important; height: auto !important; -webkit-transition: 5s ease-in-out !important; transition: 5s ease-out !important; } .height-0 { height: 0px !important; } /* ================================= ScrollBar Css Starts Here ================================= */ ::-webkit-scrollbar { width: 8px; border-radius: 10px; background-color: #1a1a1a !important; } ::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #026975 !important; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); width: 5px; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #1a1a1a !important; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } /* ================================= ScrollBar Css Ends Here ================================= */ /* ======================================KEY FRAMES====================================== */ /*=====================================*/ /*Circular Animation*/ /*=====================================*/ /* SHIFT */ .main-navigation ul li a { position:relative; z-index: 1; } .main-navigation ul li a:hover { color: #91640F; } .main-navigation ul li a:after { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 1px; content: '.'; color: transparent; background: #F1C40F; visibility: none; opacity: 0; z-index: -1; } .main-navigation ul li a:hover:after { opacity: 1; visibility: visible; height: 100%; } /* Keyframes */ @-webkit-keyframes fill { 0% { width: 0%; height: 1px; } 50% { width: 100%; height: 1px; } 100% { width: 100%; height: 100%; background: #333; } } /* Keyframes */ @-webkit-keyframes circle { 0% { width: 1px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 1px; z-index: -1; background: #eee; border-radius: 100%; } 100% { background: #aaa; height: 5000%; width: 5000%; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 0; } } @-webkit-keyframes bounce { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 5% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 15% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { transform: translateY(0); } 5% { transform: translateY(-30px); } 15% { transform: translateY(-15px); } } @-webkit-keyframes float { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*=====================================*/ /*Circular Animation*/ /*=====================================*/ /* ======================================KEY FRAMES====================================== */ section#services .photo { background-size: 100% 100%; width: 100%; transition: transform 0.5s ease-out 0s; height: 500px !important; transform: scale(1); transform-origin: 98.2677% 67.1556%; } header{ padding:20px 0;} 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: 0;background: #fff;} .searchform input[type="submit"] {float: right;width: 37px;height: 37px;padding: 0px;border: 0px;background: #30a348 url(images/search-icon.png) no-repeat center;box-shadow: none;font-size: 0;margin-left: -37px;position: relative;} div#container{ max-width:1140px; box-sizing:border-box; margin:0 auto; padding:0 15px;} /* ---- 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;} /* ---- 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;} #back-top > a {bottom: 1%;color: #000;display: block;font-size: 37px;position: fixed;right: 1%;text-align: center;} /*---------------------------------- 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: 400px;} .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: 10px;margin: 0px;padding: 0;text-align: center;width: 100%;} .slick-dots li {list-style: none;display: inline-block;} .slick-dots button {border: 1px solid #333;background: #fff;width: 12px;height: 12px;border-radius: 100%;font-size: 0;padding: 0px;margin-right: 5px;} .slick-dots .slick-active button {background: #303030;} .slick-arrow {border: 0px;font-size: 0;right: 0;margin-top:-20px;position: absolute;top: 50%;z-index: 1;background: #303030 url(images/arrow.png) no-repeat center center;width: 36px;height: 40px;transform: rotate(180deg);-webkit-transform: rotate(180deg);} .services-slider .slick-arrow {height: 65px;} .slick-arrow:hover {background: #000 url(images/arrow.png) no-repeat center center;} .slick-next.slick-arrow {left: 0px;transform: rotate(0deg);-webkit-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: #8ac33f;display: none;right: -5px;padding: 10px;position: absolute;top: 20px;z-index: 9;} .searchpanel::before {border-bottom: 10px solid #8cc33e;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: 0;top: -7px;} .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;} /* ---------------------------------------------------Custom Scroll-------------------------------------------------------------------------*/ .customscroll{ height:300px;} /* ---------------------------------------------------innerheader-------------------------------------------------------------------------*/ .inner-banner{height: 200px;width:100%;display: flex;align-items: center;justify-content: center;} .inner-banner h2{margin:0;padding:10px;color: #fff;text-transform: uppercase;} /* ---------------------------------------------------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: #303030;} .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 > a {padding: 17px;font-size: 12px;letter-spacing: 1px;text-decoration: none;color: #dddddd;font-weight: 700;text-transform: uppercase;} .menu-header > ul > li:hover > a {color: #ffffff;} /*.menu-header > ul > li.has-sub > a {padding-right: 30px;} .menu-header > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';} .menu-header > ul > li.has-sub > a:before {position: absolute;top: 19px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}*/ .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;} .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: 11px 15px;width: 170px;font-size: 12px;text-decoration: none;color: #dddddd;font-weight: 400;background: #000;} .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;} @media (min-width: 100px) and (max-width: 769px) { .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: block;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: #000; } .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: 999px) { 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 10px #999 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 ul { text-align: left; background-color: transparent;} .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:#000; } .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: #fff ;} /*---------------------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: 2px;width: 100%;background: #000;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;} } @media (min-width: 100px) and (max-width: 769px) { main{ padding:0 15px;} .logo{ text-align:center;} .searchtoggle{ display:none;} .push-logo{ margin:10px 0;} .logo img{ max-height:60px; width:auto;} header .searchform{ display:none;} .slider .inner-item {height: 200px;} .slider .inner-item .caption{ display:none;} } * :focus { outline: 0px auto -webkit-focus-ring-color !important; outline-offset: 0!important; text-decoration:none !important; } * a:hover{ text-decoration:none !important; } /*error-page*/ .error-page{ padding: 40px 0; } .error-page h1{ color: #414142; font-size: 40px; font-weight: 900; font-family: 'Lato', sans-serif; } .error-page p{ font-family: 'Lato', sans-serif; font-size: 16px; color: rgba(0, 0, 0, 0.75); font-weight: 400; line-height: 32px; } /*default-page*/ .page-def{ padding: 40px 0; } .page-def h1{ color: #414142; font-size: 50px; font-weight: 900; font-family: 'Lato', sans-serif; text-transform: capitalize; } .page-def h2{ color: #414142; font-size: 40px; font-weight: 700; font-family: 'Lato', sans-serif; text-transform: capitalize; } .page-def h3{ color: #414142; font-size: 35px; font-weight: 600; font-family: 'Lato', sans-serif; text-transform: capitalize; } .page-def h4{ color: #414142; font-size: 30px; font-weight: 500; font-family: 'Lato', sans-serif; } .page-def h5{ color: #414142; font-size: 24px; font-weight: 400; font-family: 'Lato', sans-serif; } .page-def h6{ color: #414142; font-size: 20px; font-weight: 400; font-family: 'Lato', sans-serif; } .page-def p{ font-family: 'Lato', sans-serif; font-size: 18px; color: rgba(0, 0, 0, 0.75); font-weight: 400; line-height: 32px; } .wpcf7-not-valid { border-bottom: 4px solid #f00 !important; } span.wpcf7-not-valid-tip { display: none !important; } div.wpcf7-response-output{ color: #fff; } html.open-menu body{ position: fixed !important; } .sec-faq{ padding: 30px 0; } .sec-faq h2{ margin: 0 0 50px; } .sec-faq .set{ position: relative; width: 100%; height: auto; border: 1px solid #8E8E8E; margin-bottom: 10px; padding: 20px; } .sec-faq .set > a{ display: block; text-decoration: none; color: #333; font-size: 18px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .sec-faq .set p{ margin:0; color: #333; font-size: 16px; } .sec-faq .set a.active { margin: 0; color: #FF173D; font-size: 18px; font-weight: 700; } .sec-faq .set .content p{ margin: 15px 0 0; } .sec-faq .set > a:before{ background:url(images/set-ar.png) no-repeat; float:right; content:"";height: 12px; margin: 6px 0 0; width: 13px;} .sec-faq .set > a.active:before{background:url(images/set-ar-active.png) no-repeat; width: 16px; height: 3px; } .sec-faq .set .content{display:none;}/*sec-faq*/ .sec-faq{ padding: 30px 0; } .sec-faq h2{ margin: 0 0 50px; } .sec-faq .set{ position: relative; width: 100%; height: auto; border: 1px solid #8E8E8E; margin-bottom: 10px; padding: 20px; } .sec-faq .set > a{ display: block; text-decoration: none; color: #333; font-size: 18px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .sec-faq .set p{ margin:0; color: #333; font-size: 16px; } .sec-faq .set a.active { margin: 0; color: #FF173D; font-size: 18px; font-weight: 700; } .sec-faq .set .content p{ margin: 15px 0 0; } .sec-faq .set > a:before{ background:url(images/set-ar.png) no-repeat; float:right; content:"";height: 12px; margin: 6px 0 0; width: 13px;} .sec-faq .set > a.active:before{background:url(images/set-ar-active.png) no-repeat; width: 16px; height: 3px; } .sec-faq .set .content{display:none;} .home header.header{ position: absolute; left: 0; right: 0; margin: 0 auto; background-color: #00873300; } .home header.header .main .shop-icon img{ filter: brightness(1); } header.header { padding: 15px 0; background-color: #008733; } header.header .logo a { font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 500; } header.header .container-fluid { padding: 0 270px; } header.header .main { display: flex; align-items: center; flex-flow: wrap; } header.header .main .menu-header { background: none; } header.header .main .menu-header a { color: #fff; font-size: 16px; padding: 15px 10px; font-weight: 400; } header.header .main .menu-header .current-menu-item a { font-weight: 600; } header.header .main .heart-icon { display: inline-block; padding-top: 10px; } header.header .main .shop-icon { display: inline-block; padding-top: 10px; } .home header.header .main .shop-icon span.cart-contents-count{ color: #31a249; } header.header .main .shop-icon span.cart-contents-count{ color: #000; } header.header .main .shop-icon img{ filter: brightness(0); } section.banner{ padding: 100px 0px 55px 0px; background-position: left center; background-repeat: no-repeat; background-size: 70% 100%; } section.banner .head { padding-left: 270px; padding-top: 145px; } section.banner .head h1 { margin: 0 0; font-size: 110px; color: #fff; font-family: "Lora", serif; text-transform: uppercase; letter-spacing: 6px; } section.banner .head p { margin: 0; font-size: 18px; font-weight: 400; color: #fff; line-height: 26px; padding: 0 280px 0 0px; margin-top: 100px; } section.banner .head .link a { background-color: #fff; color: #008533; padding: 15px 30px; display: inline-block; font-size: 16px; text-transform: uppercase; margin-top: 20px; } section.banner .head h1 span { padding-left: 320px; position: relative; padding-top: 30px; display: inline-block; } section.banner .head h1 span:before{ content: ''; position: absolute; width: 170px; height: 1px; background: #fff; bottom: 65px; left: 70px; } section.banner .pic { position: relative; padding-bottom: 70px; } section.banner .pic .pic2 { position: absolute; bottom: 5px; left: -140px; display: inline-block; } section.banner .pic .pic2 img {} section.banner .pic .play { position: absolute; bottom: -23px; z-index: 1; left: 90px; padding-bottom: 0px; } section.prod-cat-sec { padding: 140px 0; } section.prod-cat-sec .container-fluid, section.sec3-shop .container-fluid, section.sec4-about .container-fluid, .sec5-why .container-fluid{ padding: 0 290px; } section.prod-cat-sec .head, section.sec3-shop .head, section.sec5-why .head, section.sec6-testimonial .top, section.sec7-services .head, section.sec8-faq .head{ text-align: center; padding-bottom: 80px; } section.prod-cat-sec .head h2, section.sec3-shop .head h2, section.sec5-why .head h2, section.sec6-testimonial .top h2, section.sec7-services .head h2, section.sec8-faq .head h2{ margin: 0 0 0; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } section.prod-cat-sec .head h2:before, section.sec3-shop .head h2:before, section.sec5-why .head h2:before, section.sec6-testimonial .top h2:before, section.sec7-services .head h2:before, section.sec8-faq .head h2:before{ content: ''; position: absolute; width: 170px; height: 1px; background-color: #008533; left: 0; right: 0; margin: 0 auto; bottom: -30px; } section.prod-cat-sec .cat-left { display: flex; width: 100%; justify-content: space-between; } section.prod-cat-sec .cat-left .main.mainbox-1 { width: 64%; } section.prod-cat-sec .cat-left .main.mainbox-2 { width: 35%; } section.prod-cat-sec .cat-left .main.mainbox-1 .cat-pic { width: 100%; height: 400px; } section.prod-cat-sec .cat-left .main.mainbox-2 .cat-pic { width: 100%; height: 400px; } section.prod-cat-sec .cat-left .main .cat-pic img{ width: 100%; height: 100%; object-fit: cover; } section.prod-cat-sec .cat-left .main .box{ margin-top: 30px; } section.prod-cat-sec .cat-left .main .box a h2 {margin: 0 0 20px;color: #000;font-size: 18px;font-weight: 400;text-transform: uppercase;} section.prod-cat-sec .cat-left .main .box a p{ font-size: 15px; color: #646464; font-weight: 400; margin: 0; } section.prod-cat-sec .cat-left .main .box a button { border: 0; background: none; padding: 0; margin-top: 10px; } section.sec3-shop { background-color: #e9f1e6; padding: 120px 0 180px; } section.sec3-shop { background-color: #e9f1e6; padding: 120px 0 180px; } section.sec3-shop .product-wrap { background-color: #fff; padding: 50px 0 40px; } section.sec3-shop .product-wrap img { margin: 0 auto; width: 220px; height: 270px; object-fit: contain; } section.sec3-shop .product-wrap h4 { color: #444444; font-size: 18px; font-weight: 400; margin: 30px 0 0; } section.sec3-shop .product-wrap h5 { color: #008533; font-size: 14px; font-weight: 500; margin: 10px 0 0; } section.sec3-shop .product-wrap h5 .price del { display: none; } section.sec3-shop .product-wrap h5 .price ins{ text-decoration: none; } section.sec3-shop .product-wrap a.button-prod { text-transform: uppercase; background-color: #008733; color: #fff; padding: 12px 36px; display: inline-block; margin-top: 20px; } section.sec3-shop ul.slick-dots { bottom: -70px; } section.sec3-shop ul.slick-dots .slick-active button { background: #008733; border: 1px solid #008733; } section.sec3-shop ul.slick-dots button { background: #fff; border: 1px solid #fff; } section.sec4-about { padding: 150px 0; } section.sec4-about .head{ padding-top: 30px; } section.sec4-about .head h2{ margin: 0 0 80px; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } section.sec4-about .head h2:before{ content: ''; position: absolute; width: 115px; height: 1px; background-color: #008533; left: 0; margin: 0 auto; bottom: -30px; } section.sec4-about .head p:empty{ display: none; } section.sec4-about .head p{ font-size: 17px; color: #000; font-weight: 300; margin: 0 0 30px; line-height: 34px; } section.sec4-about .head .read a{ text-transform: uppercase; background-color: #008733; color: #fff; padding: 12px 36px; display: inline-block; margin-top: 0px; } section.sec5-why { background: #e9f1e6; padding: 100px 0; } section.sec5-why .head {} section.sec5-why .main { text-align: center; } section.sec5-why .main .pic { background: #fff; text-align: center; padding: 60px 0; } section.sec5-why .main .pic img { margin: 0 auto; width: 135px; height: 135px; } section.sec5-why .main .disc {} section.sec5-why .main .disc h4 { margin: 0 0 0; font-size: 20px; font-weight: 400; line-height: 62px; } section.sec5-why .main .disc .learn a { text-transform: uppercase; background-color: #008733; color: #fff; padding: 12px 36px; display: inline-block; margin-top: 0px; } section.sec6-testimonial { padding: 130px 0 190px; } section.sec6-testimonial .slick-list{ padding: 0px 0 60px !important; } section.sec6-testimonial ul.slick-dots { bottom: -10px; } section.sec6-testimonial ul.slick-dots li button{ background: #e1e1e1; border: 1px solid #e1e1e1; } section.sec6-testimonial ul.slick-dots li.slick-active button{ background: #008533; border: 1px solid #008533; } section.sec6-testimonial .disc { background-color: #f5f5f5; height: 220px; position: relative; padding: 0px 20px; display: inline-flex; align-items: center; overflow: hidden; border-radius: 10px; margin-bottom: 20px; } section.sec6-testimonial .disc:before{ content: ''; position: absolute; background-image: url('./images/coma.png'); background-repeat: no-repeat; background-size: contain; width: 97px; height: 78px; top: 20px; left: 30px; } section.sec6-testimonial .disc p{ font-size: 14px; font-weight: 400; color: #585858; line-height: 22px; } section.sec6-testimonial .slick-center{ display: flex; flex-direction: column-reverse; } section.sec6-testimonial .slick-center .disc { background-color: #fff; box-shadow: 0px 3px 31px 0px rgba(0, 0, 0, 0.08); margin-bottom: 0; margin-top: 20px; } section.sec6-testimonial .head h5 { margin: 5px 0 0px; font-size: 16px; } section.sec6-testimonial .head h6{ margin: 10px 0; font-size: 14px; color: #008533; } section.sec7-services{ padding: 120px 0 180px; background: #e9f1e6; } section.sec7-services .main .pic{ height: 260px; } section.sec7-services .main .pic img{ width: 100%; height: 100%; } section.sec7-services .main .disc{ text-align: center; } section.sec7-services .main .disc h3{ font-weight: 500; color: #000; } section.sec7-services .main .disc p{ font-size: 15px; line-height: 24px; font-weight: 300; margin: 0; } section.sec7-services .main .disc .read a{ display: inline-block; background: #008533; color: #fff; padding: 17px 39px; font-size: 16px; text-transform: uppercase; margin-top: 30px; font-weight: 400; } section.sec8-faq { padding: 113px 0 120px; } section.sec8-faq .faq-box { box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.06); background-color: #fff; padding: 50px; } section.sec8-faq .set { border-bottom: 1px solid #e2e9ea; padding: 20px 0; } section.sec8-faq .set a{ color: #000; font-size: 20px; line-height: 22px; display: inline-block; width: 100%; } section.sec8-faq .set a i { float: right; clear: both; } section.sec8-faq .set.active a{ background: #008533; color: #fff; padding: 15px 25px; } section.sec8-faq .set .content{ padding: 20px 30px 0; } section.sec8-faq .set .content p{ font-size: 16px; margin: 0; line-height: 32px; } section.sec9-last { background-repeat: no-repeat; background-position: center; background-size: cover; padding: 70px 0; } section.sec9-last .head { text-align: center; } section.sec9-last .head h2 { margin: 0 0 30px; color: #fff; font-size: 60px; font-family: 'Lora'; letter-spacing: 0.5px; font-weight: 400; } section.sec9-last .head h2 span{ font-size: 50px; } section.sec9-last .head .tnp.tnp-subscription { max-width: 800px; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field{ margin: 0; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field-email { display: inline-block; width: 70%; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field-email input::placeholder{ font-size: 16px; color: #989898; letter-spacing: 0.75px; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field-email label { display: none; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field-button { display: inline-block; width: 29%; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field input { width: 100%; height: 56px; color: #000; font-size: 16px; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field-button input { background: #000; text-transform: uppercase; font-size: 16px; color: #fff; } footer.sec-footer.footer { background-color: #000; } footer.sec-footer.footer ul{ list-style: none; padding: 0; margin: 0; } footer.sec-footer.footer .vrl { position: relative; } footer.sec-footer.footer .vrl:before { content: ''; position: absolute; width: 1px; height: 250px; background-color: #333333; right: 10px; top: -30px; } footer.sec-footer.footer .footer_last_sec { padding-top: 90px; padding-bottom: 80px; } footer.sec-footer.footer .footer_last_sec h2 { color: #fff; font-size: 20px; font-weight: 500; margin: 0 0 30px; } footer.sec-footer.footer .footer_last_sec ul li { padding-bottom: 10px; } footer.sec-footer.footer .footer_last_sec ul li a { color: #fff; font-weight: 300; font-size: 15px; } footer.sec-footer.footer .site-links {} footer.sec-footer.footer .pad-left p a { color: #fff; font-size: 15px; } footer.sec-footer.footer .pad-left p a i { margin-right: 10px; float: left; margin-bottom: 10px; font-size: 20px; } footer.sec-footer.footer .last { border-top: 1px solid #333; padding: 50px 0; } footer.sec-footer.footer .last .social ul li{ display: inline-block; margin: 0 10px 0 0px; background-color: #008533; border-radius: 50px; padding: 10px; width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center; } footer.sec-footer.footer .last .social ul li a i{ font-size: 24px; color: #fff; } footer.sec-footer.footer .last h3 { color: #fff; font-size: 20px; font-weight: 500; margin: 0 0 30px; text-transform: uppercase; } footer.sec-footer.footer .copy-last { background-color: #090909; text-align: center; padding: 20px 0; } footer.sec-footer.footer .last .vrl:before{ height: 110px; top: 0; } footer.sec-footer.footer .copy-last .design p, footer.sec-footer.footer .copy-last .design p a { margin: 0; font-size: 16px; color: #fff; } footer.sec-footer.footer .last .tnp-subscription { max-width: 300px; margin: 0; } footer.sec-footer.footer .last .tnp-subscription label { display: none; } footer.sec-footer.footer .last .tnp-subscription .tnp-field { display: inline-block; } footer.sec-footer.footer .last .tnp-subscription .tnp-field-email { width: 65%; margin: 0; } footer.sec-footer.footer .last .tnp-subscription .tnp-field-email input{ background: #303030; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } footer.sec-footer.footer .last .tnp-subscription .tnp-field-button { width: 30%; margin: 0 0px 0px 0; } footer.sec-footer.footer .last .tnp-subscription .tnp-field-button input { width: 100%; background-color: #fff; color: #008533; text-transform: uppercase; font-weight: 500; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sec-cta { padding: 80px 0; } .sec-cta .left {} .sec-cta .left h2 { margin: 0 0 20px; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } .sec-cta .left input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { outline: none; display: block; width: 100%; margin: 0 0 20px; height: 50px; padding: 0 20px; border: 1px solid #e0e0e0; border-radius: 10px; } .sec-cta .left textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required { outline: none; display: block; width: 100%; margin: 0 0 20px; height: 50px; padding: 20px 20px; border: 1px solid #e0e0e0; border-radius: 10px; min-height: 180px; resize: none; } .sec-cta .left input.wpcf7-form-control.wpcf7-submit.has-spinner { width: 30%; border: none; font-size: 18px; font-weight: 500; color: #fff; padding: 10px 40px; text-transform: uppercase; display: inline-block; background-color: #008733; } .sec-cta .right {} .sec-cta .right h2 { margin: 0 0 20px; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } .sec-cta .right ul { padding: 0; list-style: none; margin: 0; } .sec-cta .right ul li { margin-bottom: 20px; } .sec-cta .right ul li a { margin: 0; font-size: 20px; font-weight: 600; color: #000; text-transform: uppercase; } .sec-cta .right ul li img { margin-right: 20px; } .sec-cta .head-top {} .sec-cta .head-top h3 { margin: 0 0 20px; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } .sec-cta .head-top .social {} .sec-cta .head-top .social ul { padding: 0; list-style: none; margin: 0; } .sec-cta .head-top .social ul li { margin-bottom: 15px; } .sec-cta .head-top .social ul li a { font-size: 16px; font-weight: 300; color: #000; display: flex; align-items: center; transition: .5s all ease-in-out; } .sec-cta .head-top .social ul li a i { margin-right: 10px; font-size: 25px; color: #008733; background-color: transparent; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: .5s all ease-in-out; border: solid 1px #008733; } .sec-cta .right ul li i { margin-right: 10px; font-size: 25px; color: #008733; } /*Rating Style For HomePage Products*/ .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: .857em; width: 5.4em; font-family: WooCommerce; display: block; margin: 0 0 .5em; float: none; } .star-rating:before{ content: "sssss"; color: #cfc8d8; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; color: #ffcc00; } .star-rating span:before{ content: "SSSSS"; top: 0; position: absolute; left: 0; } /* Woo Style */ .woocommerce-shop{ background: #e9f1e6; } ul.products li.product{ background-color: #fff; padding: 50px 0 40px !important;!i;!; text-align: center; } ul.products li.product a.woocommerce-LoopProduct-link img{ height: 270px !important; object-fit: contain; margin-bottom: 5px !important; } ul.products li.product a.woocommerce-LoopProduct-link { width: 220px; padding: 0px; display: inline-block; margin: 0 auto; } ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title { color: #444444; font-size: 18px; font-weight: 400; margin: 30px 0 0; } ul.products li.product a.woocommerce-LoopProduct-link .star-rating span { color: #ffcc00; } ul.products li.product a.woocommerce-LoopProduct-link span.price { text-transform: capitalize; display: block; width: auto; text-align: center; color: #008533; font-size: 14px; font-weight: 500; margin: 10px 0 0; } ul.products li.product a.woocommerce-LoopProduct-link span.price del { color: #cccccc; text-decoration: none; } ul.products li.product a.woocommerce-LoopProduct-link span.price ins { text-decoration: none; } ul.products li.product a.button { text-transform: uppercase; background-color: #008733; color: #fff; padding: 12px 36px; margin: 10px auto 0 !important; } ul.products li.product .yith-wcwl-add-to-wishlist i.yith-wcwl-icon { font-size: 18px; color: #000; } .woocommerce.columns-4 { padding-top: 40px; } form.woocommerce-form.woocommerce-form-login.login .show-password-input { top: 1em; } button.woocommerce-button.button.woocommerce-form-login__submit, button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit { font-size: 15px; font-weight: 600; color: #fff; text-transform: uppercase; font-family: "Poppins", sans-serif; padding: 10px 20px; border: solid 1px #000; display: inline-block; background: #000; } form.woocommerce-form.woocommerce-form-login.login, form.woocommerce-form.woocommerce-form-register.register { font-family: "Poppins", sans-serif; } form.woocommerce-form.woocommerce-form-login.login input, form.woocommerce-form.woocommerce-form-register.register input{ height: auto; padding: 10px; } /* My Account */ /** * My Account */ .woocommerce-account .entry-content { padding: 40px 0; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 20%; } .woocommerce-account .woocommerce-MyAccount-content { display: inline-block; float: left; margin-left: 5%; width: 65% !important; } .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm input { height: 40px; border: 1px solid #ececec; } .woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0; border-top: 1px solid #eee; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { list-style: none; border-bottom: 1px solid #eee; padding-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 10px 5px; display: block; color: #cda33b; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { margin-right: 20px; opacity: .25; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { font-family: 'FontAwesome'; content: "\f0e4"; color: #000; opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { font-family: 'FontAwesome'; content: "\f291"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { font-family: 'FontAwesome'; content: "\f1c6"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { font-family: 'FontAwesome'; content: "\f015"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before { font-family: 'FontAwesome'; content: "\f09d"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { font-family: 'FontAwesome'; content: "\f007"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { font-family: 'FontAwesome'; content: "\f08b"; } .woocommerce-account .woocommerce-MyAccount-content h2 { font-size: 25px; text-align: center; font-weight: 600; } .woocommerce-account p.order-again { text-align: right; } .woocommerce-account .woocommerce-EditAccountForm input[type="submit"] { margin-top: 50px; float: right; } /* Cart Page */ .wp-block-woocommerce-cart .wc-block-components-main tbody td a { color: #000; } a#wc-block-components-totals-shipping__change-address__link { color: #fcc100; } .wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit a { font-size: 18px; font-weight: 500; color: #fff; padding: 10px 40px; text-transform: uppercase; display: block !important; background: #008733; text-align: center; border-width: 1px; border-style: solid; } .wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit a:focus { box-shadow: unset; } .wp-block-woocommerce-checkout .wc-block-checkout__main .wc-block-checkout__actions button { font-size: 18px; font-weight: 500; color: #fff; padding: 10px 40px; text-transform: uppercase; display: block !important; border: 0; background: #008733; !i; !; /* Theme Name: Custom Theme Author: None Author URI: https://wordpress.org/ Version: 2.1 */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ /* =Layout -------------------------------------------------------------- */ /* LAYOUT: Two columns DESCRIPTION: Custom Template */ @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); html body, input, textarea, .page-title span, .pingback a.url { font-family: "Poppins", 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;} /*============================================================ Fonts Classes Starts Here ============================================================*/ .montserrat-light{ font-family: 'Montserrat', sans-serif; font-weight: 400 !important;} .montserrat-regular{ font-family: 'Montserrat', sans-serif; font-weight: 400 !important;} .montserrat-medium{ font-family: 'Montserrat', sans-serif; font-weight: 500 !important;} .montserrat-semi-bold{ font-family: 'Montserrat', sans-serif; font-weight: 600 !important;} .montserrat-bold{ font-family: 'Montserrat', sans-serif; font-weight: 700 !important;} .montserrat-extra-bold{ font-family: 'Montserrat', sans-serif; font-weight: 800 !important;} .montserrat-black{ font-family: 'Montserrat', sans-serif; font-weight: 900 !important;} /*============================================================ Fonts Classes Ends Here ============================================================*/ /*=============================================== Colors Classes Starts Here =============================================== */ .color-white{ color: #ffffff !important;} .color-gold{ color: #cb9317 !important;} .color-black{ color: #000 !important;} .color-grey{ color: #747474 !important;} .color-primary{ color: #000 !important;} .color-secondary{ color: #000 !important;} .color-gradient { color: -webkit-gradient(left top, right top, color-stop(0%, rgba(184,40,90,1)), color-stop(50%, rgba(148,41,136,1)), color-stop(62%, rgba(169,40,109,1)), color-stop(100%, rgba(145,41,138,1))) !important; color: rgba(184,40,90,1) !important; background: -moz-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%) !important; color: -webkit-gradient(left top, right top, color-stop(0%, rgba(184,40,90,1)), color-stop(50%, rgba(148,41,136,1)), color-stop(62%, rgba(169,40,109,1)), color-stop(100%, rgba(145,41,138,1))) !important; color: -webkit-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%) !important; color: -o-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%) !important; color: -ms-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%) !important; color: linear-gradient(to right, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%) !important; } .color-yellow{ color: #ffdc00 !important;} .color-purple{ color: #a8286e !important;} /*=============================================== Colors Classes Ends Here =============================================== */ /*=============================================== Background Colors Classes Starts Here =============================================== */ .bg-primary{ background-color:#111111;} .bg-secondary{ background-color:#ccc;} .bg-white{ background-color:#fff;} .bg-black{ background-color:#000;} .bg-grey{ background-color:#ddd;} .bg-gradient{ background: rgba(184,40,90,1); background: -moz-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(184,40,90,1)), color-stop(50%, rgba(148,41,136,1)), color-stop(62%, rgba(169,40,109,1)), color-stop(100%, rgba(145,41,138,1))); background: -webkit-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%); background: -o-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%); background: -ms-linear-gradient(left, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%); background: linear-gradient(to right, rgba(184,40,90,1) 0%, rgba(148,41,136,1) 50%, rgba(169,40,109,1) 62%, rgba(145,41,138,1) 100%);} /*=============================================== Background Colors Classes Ends Here =============================================== */ /*=============================================== Helper Classes Starts Here =============================================== */ .border-radius-20px { border-radius: 20px; } .box-shadow { -webkit-box-shadow: 200px 200px 300px 200px rgba(0,0,0,0.75); -moz-box-shadow: 200px 200px 300px 200px rgba(0,0,0,0.75); box-shadow: 8px 8px 15px 0px rgba(0, 0, 0, 0.44); } .text-shadow{ text-shadow: 2px 7px 7px #00000070;} .hover02 { width: 300px !important; height: auto !important; -webkit-transition: 5s ease-in-out !important; transition: 5s ease-out !important; } .height-0 { height: 0px !important; } /* ================================= ScrollBar Css Starts Here ================================= */ :: -webkit-scrollbar { width: 8px; border-radius: 10px; background-color: #1a1a1a !important; } :: -webkit-scrollbar-thumb { border-radius: 10px; background-color: #026975 !important; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); width: 5px; } :: -webkit-scrollbar-track { border-radius: 10px; background-color: #1a1a1a !important; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)} /* ================================= ScrollBar Css Ends Here ================================= */ /* ======================================KEY FRAMES====================================== */ /*=====================================*/ /*Circular Animation*/ /*=====================================*/ /* SHIFT */ .main-navigation ul li a { position:relative; z-index: 1; } .main-navigation ul li a:hover { color: #91640F; } .main-navigation ul li a:after { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 1px; content: '.'; color: transparent; background: #F1C40F; visibility: none; opacity: 0; z-index: -1; } .main-navigation ul li a:hover:after { opacity: 1; visibility: visible; height: 100%; } /* Keyframes */ @-webkit-keyframes fill { 0% { width: 0%; height: 1px; } 50% { width: 100%; height: 1px; } 100% { width: 100%; height: 100%; background: #333; } } /* Keyframes */ @-webkit-keyframes circle { 0% { width: 1px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 1px; z-index: -1; background: #eee; border-radius: 100%; } 100% { background: #aaa; height: 5000%; width: 5000%; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 0; } } @-webkit-keyframes bounce { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 5% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 15% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% { transform: translateY(0); } 5% { transform: translateY(-30px); } 15% { transform: translateY(-15px); } } @-webkit-keyframes float { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*=====================================*/ /*Circular Animation*/ /*=====================================*/ /* ======================================KEY FRAMES====================================== */ section#services .photo { background-size: 100% 100%; width: 100%; transition: transform 0.5s ease-out 0s; height: 500px !important; transform: scale(1); transform-origin: 98.2677% 67.1556%; } header{ padding:20px 0;} 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;} div#container{ max-width:1140px; box-sizing:border-box; margin:0 auto; padding:0 15px;} /* ---- 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;} /* ---- 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;} #back-top > a {bottom: 1%; color: #000; display: block; font-size: 37px; position: fixed; right: 1%; text-align: center;} /*---------------------------------- 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: 400px;} .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: 10px; margin: 0px; padding: 0; text-align: center; width: 100%;} .slick-dots li {list-style: none; display: inline-block;} .slick-dots button {border: 1px solid #333; background: #fff; width: 12px; height: 12px; border-radius: 100%; font-size: 0; padding: 0px; margin-right: 5px;} .slick-dots .slick-active button {background: #303030;} .slick-arrow { border: 0px; font-size: 0; right: 0; margin-top:-20px; position: absolute; top: 50%; z-index: 1; background: #303030 url(images/arrow.png) no-repeat center center; width: 36px; height: 40px; transform: rotate(180deg); -webkit-transform: rotate(180deg);} .services-slider .slick-arrow { height: 65px;} .slick-arrow: hover {background: #000 url(images/arrow.png) no-repeat center center;} .slick-next.slick-arrow { left: 0px; transform: rotate(0deg); -webkit-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;} /* ---------------------------------------------------Custom Scroll-------------------------------------------------------------------------*/ .customscroll{ height:300px;} /* ---------------------------------------------------innerheader-------------------------------------------------------------------------*/ .inner-banner{ height: 200px; width:100%; display: flex; align-items: center; justify-content: center;} .inner-banner h2{margin:0; padding:10px; color: #fff; text-transform: uppercase;} /* ---------------------------------------------------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: #303030;} .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 > a {padding: 17px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #dddddd; font-weight: 700; text-transform: uppercase;} .menu-header > ul > li:hover > a {color: #ffffff;} /*.menu-header > ul > li.has-sub > a {padding-right: 30px;} .menu-header > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';} .menu-header > ul > li.has-sub > a:before {position: absolute;top: 19px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}*/ .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;} .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: 11px 15px; width: 170px; font-size: 12px; text-decoration: none; color: #dddddd; font-weight: 400; background: #000;} .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;} @media (min-width: 100px) and (max-width: 769px) { .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: block; 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: #000; } .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: 769px) { 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 10px #999 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 ul { text-align: left; background-color: transparent;} .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:#000; } .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: #fff;} /*---------------------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: 2px; width: 100%; background: #000; 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;} } @media (min-width: 100px) and (max-width: 769px) { main{ padding:0 15px;} .logo{ text-align:center;} .searchtoggle{ display:none;} .push-logo{ margin:10px 0;} .logo img{ max-height:60px; width:auto;} header .searchform{ display:none;} .slider .inner-item { height: 200px;} .slider .inner-item .caption{ display:none;} } * : focus { outline: 0px auto -webkit-focus-ring-color !important; outline-offset: 0!important; text-decoration:none !important; } * a:hover{ text-decoration:none !important; } /*error-page*/ .error-page{ padding: 40px 0; } .error-page h1{ color: #414142; font-size: 40px; font-weight: 900; font-family: 'Lato', sans-serif; } .error-page p{ font-family: 'Lato', sans-serif; font-size: 16px; color: rgba(0, 0, 0, 0.75); font-weight: 400; line-height: 32px; } /*default-page*/ .page-def{ padding: 40px 0; } .page-def h1{ color: #414142; font-size: 50px; font-weight: 900; font-family: 'Lato', sans-serif; text-transform: capitalize; } .page-def h2{ color: #414142; font-size: 40px; font-weight: 700; font-family: 'Lato', sans-serif; text-transform: capitalize; } .page-def h3{ color: #414142; font-size: 35px; font-weight: 600; font-family: 'Lato', sans-serif; text-transform: capitalize; } .page-def h4{ color: #414142; font-size: 30px; font-weight: 500; font-family: 'Lato', sans-serif; } .page-def h5{ color: #414142; font-size: 24px; font-weight: 400; font-family: 'Lato', sans-serif; } .page-def h6{ color: #414142; font-size: 20px; font-weight: 400; font-family: 'Lato', sans-serif; } .page-def p{ font-family: 'Lato', sans-serif; font-size: 18px; color: rgba(0, 0, 0, 0.75); font-weight: 400; line-height: 32px; } .wpcf7-not-valid { border-bottom: 4px solid #f00 !important; } span.wpcf7-not-valid-tip { display: none !important; } div.wpcf7-response-output{ color: #fff; } html.open-menu body{ position: fixed !important; } .sec-faq{ padding: 30px 0; } .sec-faq h2{ margin: 0 0 50px; } .sec-faq .set{ position: relative; width: 100%; height: auto; border: 1px solid #8E8E8E; margin-bottom: 10px; padding: 20px; } .sec-faq .set > a{ display: block; text-decoration: none; color: #333; font-size: 18px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .sec-faq .set p{ margin:0; color: #333; font-size: 16px; } .sec-faq .set a.active { margin: 0; color: #FF173D; font-size: 18px; font-weight: 700; } .sec-faq .set .content p{ margin: 15px 0 0; } .sec-faq .set > a:before{ background:url(images/set-ar.png) no-repeat; float:right; content:""; height: 12px; margin: 6px 0 0; width: 13px;} .sec-faq .set > a.active:before{background:url(images/set-ar-active.png) no-repeat; width: 16px; height: 3px; } .sec-faq .set .content{ display:none;}/*sec-faq*/ .sec-faq{ padding: 30px 0; } .sec-faq h2{ margin: 0 0 50px; } .sec-faq .set{ position: relative; width: 100%; height: auto; border: 1px solid #8E8E8E; margin-bottom: 10px; padding: 20px; } .sec-faq .set > a{ display: block; text-decoration: none; color: #333; font-size: 18px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .sec-faq .set p{ margin:0; color: #333; font-size: 16px; } .sec-faq .set a.active { margin: 0; color: #FF173D; font-size: 18px; font-weight: 700; } .sec-faq .set .content p{ margin: 15px 0 0; } .sec-faq .set > a:before{ background:url(images/set-ar.png) no-repeat; float:right; content:""; height: 12px; margin: 6px 0 0; width: 13px;} .sec-faq .set > a.active:before{background:url(images/set-ar-active.png) no-repeat; width: 16px; height: 3px; } .sec-faq .set .content{ display:none;} .home header.header{ position: absolute; left: 0; right: 0; margin: 0 auto; } header.header { padding: 0; } header.header .logo a { font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 500; } header.header .container-fluid { padding: 0 270px; } header.header .main {} header.header .main .menu-header { background: none; } header.header .main .menu-header a { color: #fff; font-size: 16px; padding: 15px 10px; font-weight: 400; } header.header .main .menu-header .current-menu-item a { font-weight: 600; } header.header .main .heart-icon { display: inline-block; padding-top: 10px; } header.header .main .shop-icon { display: inline-block; } section.banner{ padding: 100px 0px 55px 0px; background-position: left center; background-repeat: no-repeat; background-size: 70% 100%; } section.banner .head { padding-left: 270px; padding-top: 145px; } section.banner .head h1 { margin: 0 0; font-size: 110px; color: #fff; font-family: "Lora", serif; text-transform: uppercase; letter-spacing: 6px; } section.banner .head p { margin: 0; font-size: 18px; font-weight: 400; color: #fff; line-height: 26px; padding: 0 280px 0 0px; margin-top: 100px; } section.banner .head .link a { background-color: #fff; color: #008533; padding: 15px 30px; display: inline-block; font-size: 16px; text-transform: uppercase; margin-top: 20px; } section.banner .head h1 span { padding-left: 320px; position: relative; padding-top: 30px; display: inline-block; } section.banner .head h1 span:before{ content: ''; position: absolute; width: 170px; height: 1px; background: #fff; bottom: 65px; left: 70px; } section.banner .pic { position: relative; padding-bottom: 70px; } section.banner .pic .pic2 { position: absolute; bottom: 5px; left: -140px; display: inline-block; } section.banner .pic .pic2 img {} section.banner .pic .play { position: absolute; bottom: -23px; z-index: 1; left: 90px; padding-bottom: 0px; } section.prod-cat-sec { padding: 140px 0; } section.prod-cat-sec .container-fluid, section.sec3-shop .container-fluid, section.sec4-about .container-fluid, .sec5-why .container-fluid{ padding: 0 290px; } section.prod-cat-sec .head, section.sec3-shop .head, section.sec5-why .head, section.sec6-testimonial .top, section.sec7-services .head, section.sec8-faq .head{ text-align: center; padding-bottom: 80px; } section.prod-cat-sec .head h2, section.sec3-shop .head h2, section.sec5-why .head h2, section.sec6-testimonial .top h2, section.sec7-services .head h2, section.sec8-faq .head h2{ margin: 0 0 0; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } section.prod-cat-sec .head h2:before, section.sec3-shop .head h2:before, section.sec5-why .head h2:before, section.sec6-testimonial .top h2:before, section.sec7-services .head h2:before, section.sec8-faq .head h2:before{ content: ''; position: absolute; width: 170px; height: 1px; background-color: #008533; left: 0; right: 0; margin: 0 auto; bottom: -30px; } section.prod-cat-sec .cat-left { display: flex; width: 100%; justify-content: space-between; } section.prod-cat-sec .cat-left .main.mainbox-1 { width: 65%; } section.prod-cat-sec .cat-left .main.mainbox-2 { width: 35%; } section.prod-cat-sec .cat-left .main.mainbox-1 .cat-pic { width: 850px; height: 400px; } section.prod-cat-sec .cat-left .main.mainbox-2 .cat-pic { width: 450px; height: 400px; } section.prod-cat-sec .cat-left .main .cat-pic img{ width: 100%; height: 100%; object-fit: cover; } section.prod-cat-sec .cat-left .main .box{ margin-top: 30px; } section.prod-cat-sec .cat-left .main .box a h2 {margin: 0 0 20px; color: #000; font-size: 18px; font-weight: 400; text-transform: uppercase;} section.prod-cat-sec .cat-left .main .box a p{ font-size: 15px; color: #646464; font-weight: 400; margin: 0; } section.prod-cat-sec .cat-left .main .box a button { border: 0; background: none; padding: 0; margin-top: 10px; } section.sec3-shop { background-color: #e9f1e6; padding: 120px 0 180px; } section.sec3-shop { background-color: #e9f1e6; padding: 120px 0 180px; } section.sec3-shop .product-wrap { background-color: #fff; padding: 50px 0 40px; } section.sec3-shop .product-wrap img { margin: 0 auto; width: 220px; height: 270px; object-fit: contain; } section.sec3-shop .product-wrap h4 { color: #444444; font-size: 18px; font-weight: 400; margin: 30px 0 0; } section.sec3-shop .product-wrap h5 { color: #008533; font-size: 14px; font-weight: 500; margin: 10px 0 0; } section.sec3-shop .product-wrap h5 .price del { display: none; } section.sec3-shop .product-wrap h5 .price ins{ text-decoration: none; } section.sec3-shop .product-wrap a.button-prod { text-transform: uppercase; background-color: #008733; color: #fff; padding: 12px 36px; display: inline-block; margin-top: 20px; } section.sec3-shop ul.slick-dots { bottom: -70px; } section.sec3-shop ul.slick-dots .slick-active button { background: #008733; border: 1px solid #008733; } section.sec3-shop ul.slick-dots button { background: #fff; border: 1px solid #fff; } section.sec4-about { padding: 150px 0; } section.sec4-about .head{ padding-top: 30px; } section.sec4-about .head h2{ margin: 0 0 80px; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } section.sec4-about .head h2:before{ content: ''; position: absolute; width: 115px; height: 1px; background-color: #008533; left: 0; margin: 0 auto; bottom: -30px; } section.sec4-about .head p:empty{ display: none; } section.sec4-about .head p{ font-size: 17px; color: #000; font-weight: 300; margin: 0 0 30px; line-height: 34px; } section.sec4-about .head .read a{ text-transform: uppercase; background-color: #008733; color: #fff; padding: 12px 36px; display: inline-block; margin-top: 0px; } section.sec5-why { background: #e9f1e6; padding: 100px 0; } section.sec5-why .head {} section.sec5-why .main { text-align: center; } section.sec5-why .main .pic { background: #fff; text-align: center; padding: 60px 0; } section.sec5-why .main .pic img { margin: 0 auto; width: 135px; height: 135px; } section.sec5-why .main .disc {} section.sec5-why .main .disc h4 { margin: 0 0 0; font-size: 20px; font-weight: 400; line-height: 62px; } section.sec5-why .main .disc .learn a { text-transform: uppercase; background-color: #008733; color: #fff; padding: 12px 36px; display: inline-block; margin-top: 0px; } section.sec6-testimonial { padding: 130px 0 190px; } section.sec6-testimonial .slick-list{ padding: 0px 0 60px !important; } section.sec6-testimonial ul.slick-dots { bottom: -10px; } section.sec6-testimonial ul.slick-dots li button{ background: #e1e1e1; border: 1px solid #e1e1e1; } section.sec6-testimonial ul.slick-dots li.slick-active button{ background: #008533; border: 1px solid #008533; } section.sec6-testimonial .disc { background-color: #f5f5f5; height: 220px; position: relative; padding: 0px 20px; display: inline-flex; align-items: center; overflow: hidden; border-radius: 10px; margin-bottom: 20px; } section.sec6-testimonial .disc:before{ content: ''; position: absolute; background-image: url('./images/coma.png'); background-repeat: no-repeat; background-size: contain; width: 97px; height: 78px; top: 20px; left: 30px; } section.sec6-testimonial .disc p{ font-size: 14px; font-weight: 400; color: #585858; line-height: 22px; } section.sec6-testimonial .slick-center{ display: flex; flex-direction: column-reverse; } section.sec6-testimonial .slick-center .disc { background-color: #fff; box-shadow: 0px 3px 31px 0px rgba(0, 0, 0, 0.08); margin-bottom: 0; margin-top: 20px; } section.sec6-testimonial .head h5 { margin: 5px 0 0px; font-size: 16px; } section.sec6-testimonial .head h6{ margin: 10px 0; font-size: 14px; color: #008533; } section.sec7-services{ padding: 120px 0 180px; background: #e9f1e6; } section.sec7-services .main .pic{ height: 260px; } section.sec7-services .main .pic img{ width: 100%; height: 100%; } section.sec7-services .main .disc{ text-align: center; } section.sec7-services .main .disc h3{ font-weight: 500; color: #000; } section.sec7-services .main .disc p{ font-size: 15px; line-height: 24px; font-weight: 300; margin: 0; } section.sec7-services .main .disc .read a{ display: inline-block; background: #008533; color: #fff; padding: 17px 39px; font-size: 16px; text-transform: uppercase; margin-top: 30px; font-weight: 400; } section.sec8-faq { padding: 113px 0 120px; } section.sec8-faq .faq-box { box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.06); background-color: #fff; padding: 50px; } section.sec8-faq .set { border-bottom: 1px solid #e2e9ea; padding: 20px 0; } section.sec8-faq .set a{ color: #000; font-size: 20px; line-height: 22px; display: inline-block; width: 100%; } section.sec8-faq .set a i { float: right; clear: both; } section.sec8-faq .set.active a{ background: #008533; color: #fff; padding: 15px 25px; } section.sec8-faq .set .content{ padding: 20px 30px 0; } section.sec8-faq .set .content p{ font-size: 16px; margin: 0; line-height: 32px; } section.sec9-last { background-repeat: no-repeat; background-position: center; background-size: cover; padding: 70px 0; } section.sec9-last .head { text-align: center; } section.sec9-last .head h2 { margin: 0 0 30px; color: #fff; font-size: 60px; font-family: 'Lora'; letter-spacing: 0.5px; font-weight: 400; } section.sec9-last .head h2 span{ font-size: 50px; } section.sec9-last .head .tnp.tnp-subscription { max-width: 800px; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field{ margin: 0; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field-email { display: inline-block; width: 70%; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field-email input::placeholder{ font-size: 16px; color: #989898; letter-spacing: 0.75px; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field-email label { display: none; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field-button { display: inline-block; width: 29%; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field input { width: 100%; height: 56px; color: #000; font-size: 16px; } section.sec9-last .head .tnp.tnp-subscription form .tnp-field-button input { background: #000; text-transform: uppercase; font-size: 16px; color: #fff; } footer.sec-footer.footer { background-color: #000; } footer.sec-footer.footer ul{ list-style: none; padding: 0; margin: 0; } footer.sec-footer.footer .vrl { position: relative; } footer.sec-footer.footer .vrl:before { content: ''; position: absolute; width: 1px; height: 250px; background-color: #333333; right: 10px; top: -30px; } footer.sec-footer.footer .footer_last_sec { padding-top: 90px; padding-bottom: 80px; } footer.sec-footer.footer .footer_last_sec h2 { color: #fff; font-size: 20px; font-weight: 500; margin: 0 0 30px; } footer.sec-footer.footer .footer_last_sec ul li { padding-bottom: 10px; } footer.sec-footer.footer .footer_last_sec ul li a { color: #fff; font-weight: 300; font-size: 15px; } footer.sec-footer.footer .site-links {} footer.sec-footer.footer .pad-left p a { color: #fff; font-size: 15px; } footer.sec-footer.footer .pad-left p a i { margin-right: 10px; float: left; margin-bottom: 10px; font-size: 20px; } footer.sec-footer.footer .last { border-top: 1px solid #333; padding: 50px 0; } footer.sec-footer.footer .last .social ul li{ display: inline-block; margin: 0 10px 0 0px; background-color: #008533; border-radius: 50px; padding: 10px; width: 45px; height: 45px; display: inline-flex; align-items: center; justify-content: center; } footer.sec-footer.footer .last .social ul li a i{ font-size: 24px; color: #fff; } footer.sec-footer.footer .last h3 { color: #fff; font-size: 20px; font-weight: 500; margin: 0 0 30px; text-transform: uppercase; } footer.sec-footer.footer .copy-last { background-color: #090909; text-align: center; padding: 20px 0; } footer.sec-footer.footer .last .vrl:before{ height: 110px; top: 0; } footer.sec-footer.footer .copy-last .design p, footer.sec-footer.footer .copy-last .design p a { margin: 0; font-size: 16px; color: #fff; } footer.sec-footer.footer .last .tnp-subscription { max-width: 300px; margin: 0; } footer.sec-footer.footer .last .tnp-subscription label { display: none; } footer.sec-footer.footer .last .tnp-subscription .tnp-field { display: inline-block; } footer.sec-footer.footer .last .tnp-subscription .tnp-field-email { width: 65%; margin: 0; } footer.sec-footer.footer .last .tnp-subscription .tnp-field-email input{ background: #303030; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } footer.sec-footer.footer .last .tnp-subscription .tnp-field-button { width: 30%; margin: 0 0px 0px 0; } footer.sec-footer.footer .last .tnp-subscription .tnp-field-button input { width: 100%; background-color: #fff; color: #008533; text-transform: uppercase; font-weight: 500; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sec-cta { padding: 80px 0; } .sec-cta .left {} .sec-cta .left h2 { margin: 0 0 20px; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } .sec-cta .left input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { outline: none; display: block; width: 100%; margin: 0 0 20px; height: 50px; padding: 0 20px; border: 1px solid #e0e0e0; border-radius: 10px; } .sec-cta .left textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required { outline: none; display: block; width: 100%; margin: 0 0 20px; height: 50px; padding: 20px 20px; border: 1px solid #e0e0e0; border-radius: 10px; min-height: 180px; resize: none; } .sec-cta .left input.wpcf7-form-control.wpcf7-submit.has-spinner { width: 30%; border: none; font-size: 18px; font-weight: 500; color: #fff; padding: 10px 40px; text-transform: uppercase; display: inline-block; background-color: #008733; } .sec-cta .right {} .sec-cta .right h2 { margin: 0 0 20px; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } .sec-cta .right ul { padding: 0; list-style: none; margin: 0; } .sec-cta .right ul li { margin-bottom: 20px; } .sec-cta .right ul li a { margin: 0; font-size: 20px; font-weight: 600; color: #000; text-transform: uppercase; } .sec-cta .right ul li img { margin-right: 20px; } .sec-cta .head-top {} .sec-cta .head-top h3 { margin: 0 0 20px; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } .sec-cta .head-top .social {} .sec-cta .head-top .social ul { padding: 0; list-style: none; margin: 0; } .sec-cta .head-top .social ul li { margin-bottom: 15px; } .sec-cta .head-top .social ul li a { font-size: 16px; font-weight: 300; color: #000; display: flex; align-items: center; transition: .5s all ease-in-out; } .sec-cta .head-top .social ul li a i { margin-right: 10px; font-size: 25px; color: #008733; background-color: transparent; height: 40px; width: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: .5s all ease-in-out; border: solid 1px #008733; } .sec-cta .right ul li i { margin-right: 10px; font-size: 25px; color: #008733; } /*Rating Style For HomePage Products*/ .star-rating { overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: .857em; width: 5.4em; font-family: WooCommerce; display: block; margin: 0 0 .5em; float: none; } .star-rating: before{ content: "sssss"; color: #cfc8d8; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; color: #ffcc00; } .star-rating span:before{ content: "SSSSS"; top: 0; position: absolute; left: 0; } /* Woo Style */ .woocommerce-shop{ background: #e9f1e6; } ul.products li.product{ background-color: #fff; padding: 50px 0 40px !important;!i;!; text-align: center; } ul.products li.product a.woocommerce-LoopProduct-link img{ height: 270px !important; object-fit: contain; margin-bottom: 5px !important; } ul.products li.product a.woocommerce-LoopProduct-link { width: 220px; padding: 0px; display: inline-block; margin: 0 auto; } ul.products li.product a.woocommerce-LoopProduct-link h2.woocommerce-loop-product__title { color: #444444; font-size: 18px; font-weight: 400; margin: 30px 0 0; } ul.products li.product a.woocommerce-LoopProduct-link .star-rating span { color: #ffcc00; } ul.products li.product a.woocommerce-LoopProduct-link span.price { text-transform: capitalize; display: block; width: auto; text-align: center; color: #008533; font-size: 14px; font-weight: 500; margin: 10px 0 0; } ul.products li.product a.woocommerce-LoopProduct-link span.price del { color: #cccccc; text-decoration: none; } ul.products li.product a.woocommerce-LoopProduct-link span.price ins { text-decoration: none; } ul.products li.product a.button { text-transform: uppercase; background-color: #008733; color: #fff; padding: 12px 36px; margin: 10px auto 0 !important; } ul.products li.product .yith-wcwl-add-to-wishlist i.yith-wcwl-icon { font-size: 18px; color: #000; } .woocommerce.columns-4 { padding-top: 40px; } form.woocommerce-form.woocommerce-form-login.login .show-password-input { top: 1em; } button.woocommerce-button.button.woocommerce-form-login__submit, button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit { font-size: 15px; font-weight: 600; color: #fff; text-transform: uppercase; font-family: "Poppins", sans-serif; padding: 10px 20px; border: solid 1px #000; display: inline-block; background: #000; } form.woocommerce-form.woocommerce-form-login.login, form.woocommerce-form.woocommerce-form-register.register { font-family: "Poppins", sans-serif; } form.woocommerce-form.woocommerce-form-login.login input, form.woocommerce-form.woocommerce-form-register.register input{ height: auto; padding: 10px; } /* My Account */ /** * My Account */ .woocommerce-account .entry-content { padding: 40px 0; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 20%; } .woocommerce-account .woocommerce-MyAccount-content { display: inline-block; float: left; margin-left: 5%; width: 65% !important; } .woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm input { height: 40px; border: 1px solid #ececec; } .woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0; border-top: 1px solid #eee; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { list-style: none; border-bottom: 1px solid #eee; padding-bottom: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { padding: 10px 5px; display: block; color: #cda33b; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:before { margin-right: 20px; opacity: .25; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before { opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { font-family: 'FontAwesome'; content: "\f0e4"; color: #000; opacity: 1; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { font-family: 'FontAwesome'; content: "\f291"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { font-family: 'FontAwesome'; content: "\f1c6"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { font-family: 'FontAwesome'; content: "\f015"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before { font-family: 'FontAwesome'; content: "\f09d"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { font-family: 'FontAwesome'; content: "\f007"; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { font-family: 'FontAwesome'; content: "\f08b"; } .woocommerce-account .woocommerce-MyAccount-content h2 { font-size: 25px; text-align: center; font-weight: 600; } .woocommerce-account p.order-again { text-align: right; } .woocommerce-account .woocommerce-EditAccountForm input[type="submit"] { margin-top: 50px; float: right; } /* Cart Page */ .wp-block-woocommerce-cart .wc-block-components-main tbody td a { color: #000; } a#wc-block-components-totals-shipping__change-address__link { color: #fcc100; } .wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit a { font-size: 18px; font-weight: 500; color: #fff; padding: 10px 40px; text-transform: uppercase; display: block !important; background: #008733; text-align: center; border-width: 1px; border-style: solid; } .wp-block-woocommerce-cart .wc-block-components-sidebar .wc-block-cart__submit a:focus { box-shadow: unset; } .wp-block-woocommerce-checkout .wc-block-checkout__main .wc-block-checkout__actions button { font-size: 18px; font-weight: 500; color: #2a2a2a; padding: 10px 40px; text-transform: uppercase; display: block !important; background-color: transparent; text-align: center; border: 2px solid #2a2a2a; } .woocommerce-page .wc-block-cart .wc-block-components-main table thead tr th { font-size: 18px; color: #000; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product a { color: #333333; font-size: 20px; font-weight: 700; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product .wc-block-cart-item__prices span { font-size: 18px; font-weight: 700; font-family: 'Poppins'; color: #333333; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product .wc-block-cart-item__prices span del.wc-block-components-product-price__regular { font-weight: 500; font-size: 16px; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product .wc-block-components-sale-badge { font-size: 16px; color: #000; margin-top: 10px; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product p { font-size: 16px; font-family: 'Poppins'; font-weight: 400; color: #000; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__total span { font-size: 18px; font-weight: 700; color: #000; font-family: 'Poppins'; } /* Checkout Page */ .woocommerce-checkout span.wc-block-components-product-name { font-weight: 700; font-size: 18px; color: #000; } .woocommerce-checkout span.wc-block-components-order-summary-item__individual-prices { color: #000; font-size: 16px; font-family: 'Poppins'; font-weight: 600; } .woocommerce-checkout span.wc-block-components-order-summary-item__individual-prices del.wc-block-components-product-price__regular { font-weight: 400; } .woocommerce-checkout .wc-block-components-product-metadata__description p { font-family: 'Poppins'; font-size: 16px; color: #000; } /* WishList Page */ .wishlist-title.wishlist-title-with-form { display: none; } .woocommerce-wishlist form.yith-wcwl-form { padding: 40px 0 20px; } .woocommerce-wishlist form.yith-wcwl-form table thead th { font-size: 21px; color: #000; text-transform: capitalize; text-align: center; } .woocommerce-wishlist form.yith-wcwl-form table tr td.product-name a{ font-weight: 600; } .woocommerce-wishlist form.yith-wcwl-form table tr td.product-add-to-cart a{ font-weight: 500; color: #000; padding: 10px 40px; text-transform: uppercase; background-image: -webkit-linear-gradient(90deg, rgb(245, 219, 122) 0%, rgb(181, 132, 23) 100%); text-align: center; } .woocommerce-wishlist form.yith-wcwl-form table tr td a, .woocommerce-wishlist form.yith-wcwl-form table tr td span { color: #b9891c; font-size: 16px !important; } .woocommerce-wishlist form.yith-wcwl-form table tr td a { font-size: 16px !important; } /* Single Product Page */ section.related.products { float: left; width: 100%; margin-top: 40px; } section.related.products h2{ margin: 0 0 10px; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } .single-product .product > h1.entry-title { display: none; } .single-product .product .summary h1.product_title { font-size: 25px; text-transform: uppercase; color: #444444; font-weight: 400; margin: 0px 0 10px; } .single-product{ background: #e9f1e6; } .single-product .type-product .entry-content { padding-top: 50px; } .single-product .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{ background: #fff; padding: 20px 0 !important;!i;!; } .single-product .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img { width: auto; height: auto; margin: 0 auto; } .single-product .entry-summary .woocommerce-product-rating{ margin-bottom: 10px !important; } .single-product .entry-summary p.price { margin: 0px 0 5px; font-size: 16px !important; font-weight: 500; color: #008533 !important; text-transform: uppercase; } .single-product .entry-summary .woocommerce-product-details__short-description p { font-size: 16px; font-weight: 400; color: #2a2a2a; line-height: 24px; font-family: "Poppins", serif; } .single-product .entry-summary form.cart button.single_add_to_cart_button { font-size: 18px; font-weight: 500; color: #fff; padding: 9px 40px; text-transform: uppercase; display: block !important; background: #168d4a !important;!i;!; background: transparent; border-radius: 0; } .single-product .entry-summary form.cart .quantity input { border: 1px solid #ddd; padding: 7px 0; } .single-product .entry-summary .product_meta a { color: #000; } .single-product .entry-summary .woocommerce-product-details__short-description { margin-bottom: 40px; } .single-product .woocommerce-tabs ul.tabs:before { border-color: #7f7f7f; } .single-product .woocommerce-tabs ul.tabs li.active { border-color: #000; border-bottom-color: #fff; border-width: 1px; border-style: solid; } .single-product .woocommerce-tabs ul.tabs li { background-color: transparent; border: 0; } .single-product .woocommerce-tabs ul.tabs li.active::before, .single-product .woocommerce-tabs ul.tabs li.active::after{ border-color: #000; } .single-product .woocommerce-tabs ul.tabs li a { font-family: 'Poppins'; color: #000; } .woocommerce-tabs .woocommerce-Tabs-panel--description p { font-size: 16px; font-weight: 400; color: #2a2a2a; line-height: 24px; font-family: "Poppins", serif; } .woocommerce-tabs ul.tabs.wc-tabs{ padding-left: 0 !important; margin-bottom: 0 !important; border-bottom: 1px solid #e0e0e0 !important; padding-bottom: 5px !important; } .woocommerce-tabs ul.tabs.wc-tabs:before, .woocommerce-tabs ul.tabs.wc-tabs li:before, .woocommerce-tabs ul.tabs.wc-tabs li:after{ display: none !important; } .woocommerce-tabs ul.tabs.wc-tabs li.active{ border-bottom: 1px solid #2a2a2a !important; } .woocommerce-tabs ul.tabs.wc-tabs li { background: transparent !important; border: 0 !important; } .woocommerce-tabs ul.tabs.wc-tabs li a{ color: #000 !important; font-weight: 400 !important; } .woocommerce-tabs ul.tabs.wc-tabs li.active a{ color: #2a2a2a !important; font-weight: 500 !important; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews { display: flex; flex-flow: wrap !important; width: 100%; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments { width: 100%; background: #fff; padding-left: 0; padding-top: 0; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper { width: 100%; order: -1; margin-bottom: 30px; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond {} .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond span.comment-reply-title, .woocommerce-tabs .woocommerce-Tabs-panel--additional_information h2{ text-transform: uppercase; font-size: 15px; color: #6A6C77; padding: 20px 7px 15px 0px; display: inline-block; font-weight: normal; float: none; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form .comment-form-rating label, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form p.comment-form-comment label{ margin-bottom: 7px; font-size: 14px; line-height: 17px; color: #6A6C77; font-weight: 300; text-transform: capitalize; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form .comment-form-rating label span.required, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form p.comment-form-comment label span{ color: red; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form .comment-form-rating p.stars span a::before { color: #ffcc00; font-size: 21px; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form .comment-form-rating p.stars span a { width: 1.5em; height: 1.5em; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form p.comment-form-comment textarea { border: 1px solid #ccc; height: 120px !important; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form p.form-submit {} .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form p.form-submit input { background-color: #2a2a2a !important; color: #fff !important; font-weight: 300 !important; text-transform: uppercase; font-size: 16px !important; letter-spacing: 1px; border-radius: 0 !important; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments h2.woocommerce-Reviews-title { padding: 25px 0 22px; margin-top: 0; font-size: 14px; line-height: 17px; color: #6A6C77; text-transform: capitalize; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments h2.woocommerce-Reviews-title span { display: none; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container {} .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container img { border: 0 !important; width: 37px !important; height: auto; border-radius: 35px; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text { border: 0 !important; padding-top: 0 !important; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text .star-rating { float: left; width: 100%; margin-bottom: 5px; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text .star-rating::before, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text .star-rating span::before{ color: #ffcc00 !important; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text p.meta strong, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text p.meta time{ font-size: 16px !important; font-weight: 400; color: #05a3a4; text-transform: capitalize; } span.onsale { margin: 0; font-size: 16px; font-weight: 400; color: #e6e6e6; font-family: "Raleway", sans-serif; background-color: #27b376 !important; display: flex; align-items: center; justify-content: center; width: 5%; height: 1%; position: absolute; top: 0; right: 0; border-radius: 0 !important; } .yith-wcwl-add-to-wishlist span, .yith-wcwl-wishlistaddedbrowse span, .yith-wcwl-wishlistexistsbrowse span, .yith-wcwl-wishlistexistsbrowse a, .yith-wcwl-wishlistaddedbrowse a{ font-size: 0; } .yith-wcwl-add-to-wishlist { margin-bottom: 20px; }; } .woocommerce-page .wc-block-cart .wc-block-components-main table thead tr th { font-size: 18px; color: #000; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product a { color: #333333; font-size: 20px; font-weight: 700; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product .wc-block-cart-item__prices span { font-size: 18px; font-weight: 700; font-family: 'Poppins'; color: #333333; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product .wc-block-cart-item__prices span del.wc-block-components-product-price__regular { font-weight: 500; font-size: 16px; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product .wc-block-components-sale-badge { font-size: 16px; color: #000; margin-top: 10px; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__product p { font-size: 16px; font-family: 'Poppins'; font-weight: 400; color: #000; } .woocommerce-page .wc-block-cart .wc-block-components-main table tbody tr.wc-block-cart-items__row td.wc-block-cart-item__total span { font-size: 18px; font-weight: 700; color: #000; font-family: 'Poppins'; } /* Checkout Page */ .woocommerce-checkout span.wc-block-components-product-name { font-weight: 700; font-size: 18px; color: #000; } .woocommerce-checkout span.wc-block-components-order-summary-item__individual-prices { color: #000; font-size: 16px; font-family: 'Poppins'; font-weight: 600; } .woocommerce-checkout span.wc-block-components-order-summary-item__individual-prices del.wc-block-components-product-price__regular { font-weight: 400; } .woocommerce-checkout .wc-block-components-product-metadata__description p { font-family: 'Poppins'; font-size: 16px; color: #000; } /* WishList Page */ .wishlist-title.wishlist-title-with-form { display: none; } .woocommerce-wishlist form.yith-wcwl-form { padding: 40px 0 20px; } .woocommerce-wishlist form.yith-wcwl-form table thead th { font-size: 21px; color: #000; text-transform: capitalize; text-align: center; } .woocommerce-wishlist form.yith-wcwl-form table tr td.product-name a{ font-weight: 600; } .woocommerce-wishlist form.yith-wcwl-form table tr td.product-add-to-cart a{ font-weight: 500; color: #000; padding: 10px 40px; text-transform: uppercase; background-image: -webkit-linear-gradient(90deg, rgb(245, 219, 122) 0%, rgb(181, 132, 23) 100%); text-align: center; } .woocommerce-wishlist form.yith-wcwl-form table tr td a, .woocommerce-wishlist form.yith-wcwl-form table tr td span { color: #b9891c; font-size: 16px !important; } .woocommerce-wishlist form.yith-wcwl-form table tr td a { font-size: 16px !important; } /* Single Product Page */ section.related.products { float: left; width: 100%; margin-top: 40px; } section.related.products h2{ margin: 0 0 10px; text-transform: uppercase; font-family: 'Lora'; font-size: 40px; color: #000; letter-spacing: 1px; font-weight: 400; position: relative; } .single-product .product > h1.entry-title { display: none; } .single-product .product .summary h1.product_title { font-size: 25px; text-transform: uppercase; color: #444444; font-weight: 400; margin: 0px 0 10px; } .single-product{ background: #e9f1e6; } .single-product .type-product .entry-content { padding-top: 50px; } .single-product .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{ background: #fff; padding: 20px 0 !important;!i;!; } .single-product .type-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img { width: auto; height: auto; margin: 0 auto; } .single-product .entry-summary .woocommerce-product-rating{ margin-bottom: 10px !important; } .single-product .entry-summary p.price { margin: 0px 0 5px; font-size: 16px !important; font-weight: 500; color: #008533 !important; text-transform: uppercase; } .single-product .entry-summary .woocommerce-product-details__short-description p { font-size: 16px; font-weight: 400; color: #2a2a2a; line-height: 24px; font-family: "Poppins", serif; } .single-product .entry-summary form.cart button.single_add_to_cart_button { font-size: 18px; font-weight: 500; color: #fff; padding: 9px 40px; text-transform: uppercase; display: block !important; background: #168d4a !important;!i;!; background: transparent; border-radius: 0; } .single-product .entry-summary form.cart .quantity input { border: 1px solid #ddd; padding: 7px 0; } .single-product .entry-summary .product_meta a { color: #000; } .single-product .entry-summary .woocommerce-product-details__short-description { margin-bottom: 40px; } .single-product .entry-summary form.variations_form.cart table.variations th.label label { color: #000; font-size: 19px; margin-bottom: 0; } .single-product .woocommerce-tabs ul.tabs:before { border-color: #7f7f7f; } .single-product .woocommerce-tabs ul.tabs li.active { border-color: #000; border-bottom-color: #fff; border-width: 1px; border-style: solid; } .single-product .woocommerce-tabs ul.tabs li { background-color: transparent; border: 0; } .single-product .woocommerce-tabs ul.tabs li.active::before, .single-product .woocommerce-tabs ul.tabs li.active::after{ border-color: #000; } .single-product .woocommerce-tabs ul.tabs li a { font-family: 'Poppins'; color: #000; } .woocommerce-tabs .woocommerce-Tabs-panel--description p { font-size: 16px; font-weight: 400; color: #2a2a2a; line-height: 24px; font-family: "Poppins", serif; } .woocommerce-tabs ul.tabs.wc-tabs{ padding-left: 0 !important; margin-bottom: 0 !important; border-bottom: 1px solid #e0e0e0 !important; padding-bottom: 5px !important; } .woocommerce-tabs ul.tabs.wc-tabs:before, .woocommerce-tabs ul.tabs.wc-tabs li:before, .woocommerce-tabs ul.tabs.wc-tabs li:after{ display: none !important; } .woocommerce-tabs ul.tabs.wc-tabs li.active{ border-bottom: 1px solid #2a2a2a !important; } .woocommerce-tabs ul.tabs.wc-tabs li { background: transparent !important; border: 0 !important; } .woocommerce-tabs ul.tabs.wc-tabs li a{ color: #000 !important; font-weight: 400 !important; } .woocommerce-tabs ul.tabs.wc-tabs li.active a{ color: #2a2a2a !important; font-weight: 500 !important; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews { display: flex; flex-flow: wrap !important; width: 100%; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments { width: 100%; background: #fff; padding-left: 0; padding-top: 0; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper { width: 100%; order: -1; margin-bottom: 30px; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond {} .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond span.comment-reply-title, .woocommerce-tabs .woocommerce-Tabs-panel--additional_information h2{ text-transform: uppercase; font-size: 15px; color: #6A6C77; padding: 20px 7px 15px 0px; display: inline-block; font-weight: normal; float: none; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form .comment-form-rating label, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form p.comment-form-comment label{ margin-bottom: 7px; font-size: 14px; line-height: 17px; color: #6A6C77; font-weight: 300; text-transform: capitalize; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form .comment-form-rating label span.required, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form p.comment-form-comment label span{ color: red; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form .comment-form-rating p.stars span a::before { color: #ffcc00; font-size: 21px; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form .comment-form-rating p.stars span a { width: 1.5em; height: 1.5em; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form p.comment-form-comment textarea { border: 1px solid #ccc; height: 120px !important; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form p.form-submit {} .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .comment-respond form p.form-submit input { background-color: #2a2a2a !important; color: #fff !important; font-weight: 300 !important; text-transform: uppercase; font-size: 16px !important; letter-spacing: 1px; border-radius: 0 !important; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments h2.woocommerce-Reviews-title { padding: 25px 0 22px; margin-top: 0; font-size: 14px; line-height: 17px; color: #6A6C77; text-transform: capitalize; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments h2.woocommerce-Reviews-title span { display: none; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container {} .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container img { border: 0 !important; width: 37px !important; height: auto; border-radius: 35px; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text { border: 0 !important; padding-top: 0 !important; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text .star-rating { float: left; width: 100%; margin-bottom: 5px; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text .star-rating::before, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text .star-rating span::before{ color: #ffcc00 !important; } .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text p.meta strong, .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews div#comments ol.commentlist li .comment_container .comment-text p.meta time{ font-size: 16px !important; font-weight: 400; color: #05a3a4; text-transform: capitalize; } span.onsale { margin: 0; font-size: 16px; font-weight: 400; color: #e6e6e6; font-family: "Raleway", sans-serif; background-color: #27b376 !important; display: flex; align-items: center; justify-content: center; width: 5%; height: 1%; position: absolute; top: 0; right: 0; border-radius: 0 !important; } .yith-wcwl-add-to-wishlist span, .yith-wcwl-wishlistaddedbrowse span, .yith-wcwl-wishlistexistsbrowse span, .yith-wcwl-wishlistexistsbrowse a, .yith-wcwl-wishlistaddedbrowse a{ font-size: 0; } .yith-wcwl-add-to-wishlist { margin-bottom: 20px; } section.air-service { padding: 50px 0; } section.air-service .wrap h1.entry-title { display: none; } section.air-service .entry-content img { float: left; clear: both; margin: 0 20px 20px 0px; } section.air-service .entry-content p { font-size: 17px; color: #000; font-weight: 300; margin: 0 0 30px; line-height: 34px; } .term-description { display: none; } .panel { background-color: #e9f1e6 !important; }