@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,800");

/* COMMON STYLE
===============================================================*/
body {
  color: #252531;
  font-family: "Raleway", sans-serif; }
img{
  max-width: 100%;}
a, a:hover{
  text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}    
ul {
  padding: 0;
  margin: 0;}
input:focus, textarea:focus, select:focus {
  outline-offset: 0px;}
:focus, button:focus {
  outline: -webkit-focus-ring-color auto 0px;}
.section_title{
  color: #303234;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 15px;}    
#primaryBody {
  padding: 50px 0;}
.theme_btn {
  font-size: 14px;
  color: #252531;
  font-weight: 600;
  padding: 8px 20px;
	background: transparent;
  border-radius: 20px;
	border: 1px solid #252531;}    
.theme_btn:hover {
	color: #fff;
	background: #252531;
	border: 1px solid #252531;
  /*text-shadow: 1px 1px 5px #fff;*/}
.mobile_item, #mobileMenuWrap {
  display: none;}
@media (max-width: 991px){
  .mobile_item {
    display: block;}   
}
@media (max-width: 767px){
	.section_title{
	  font-size: 30px;}
}	  


/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999;}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../images/loading.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;}

/* widgets */
.widget_media_image{
  width: 100%; }
.widget_media_image a img {
  width: 100%; }

@media (min-width: 1200px){
  .container {
    max-width: 1200px;
  }
}

/* TOP ROW 
===============================================================*/
#topSection {
  max-height: 75px;
  overflow: hidden;}
#topSection img {
  width: 100%;}

/* HEADER 
===============================================================*/
/* Top menu */
#topMenu ul {
  float: right;}
#topMenu ul li {
  display: inline-block;}
#topMenu ul li a {
  font-size: 15px;
  color: #636363;
  font-weight: 500;;
  display: inline-block;
  padding: 8px 10px;}
#topMenu ul li:nth-last-child(1) a {
  padding-right: 0;}   

/* Brand section */
#brandSection {
  padding: 10px 15px;}
.gm_logo_wrap{    
  margin: -32px 0 0;
  padding: 0}
.gm_logo_wrap img {
  width: 100%;
  max-width: 200px;
  height: auto;}
.search_wrap {
  padding: 0px 0 0 55px;}
.search_wrap #searchsubmit{
  width: 70px;
  height: 44px;
  border: 0;
  border-radius: 55px;
  background-image: url(../images/search_icon.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  background-color: #252531;}
.search_wrap input[type="text"] {
  width: calc(100% - 65px);
  height: 45px;
  float: left;
  border-radius: 35px 0 0 35px;
  padding: 5px 15px;
  margin-right: -25px;
  border: 2px solid #eee;}
.minicart_wrap {
  padding: 10px 0 0;}
.minicart_wrap a{
  float: left;
  color: #252531;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;}
.minicart_wrap a.mini_cart::before {
  content: '';
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: -9px 0px 0 -35px;
  position: absolute;
  background: url(../images/mini_cart.png) no-repeat center;
  background-size: 30px;}
.mini_cart {
  margin: 7px 0 0;
  padding-left: 32px;}    
.basket-item-count i.fas.fa-cart-plus {
  font-size: 22px;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: -3px 0px 0 -34px;
  position: absolute;}
.minicart_wrap .cart-items-count {
  font-size: 16px;
  color: #252530;
  font-weight: 600;
  padding: 4px 10px;
  margin-left: 5px;
  border-radius: 100%;
  background: #c6f02e;}
.basket-item-count i {
  font-style: initial;}
.mini_wish_list {
  font-size: 14px;
  color: #737373;
  padding-left: 35px;
  display: inline-block;}     
.mini_wish_list::before {
  content: '';
  width: 32px;
  height: 32px;
  display: inline-block;
  margin: -3px 0px 0 -35px;
  position: absolute;
  background: url(../images/add_to_wishlist_gr.png) no-repeat center;
  background-size: 28px;}
.jkc_logo_wrap {
  padding: 0;}
.minicart_wrap {
  width: calc(100% - 155px);
  float: left;
  padding-top: 12px;}
.jkc_logo_wrap .powered_by {
  width: 155px;
  float: right;
  font-size: 13px;
  font-weight: 600;}

/* Main menu */
#mainMenu {
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,-2),0 5px 8px 0 rgba(0,0,0,0.1)!important;}
.home #mainMenu {height: 0;}
.main_menu_wrap {
  padding: 0;}
.main_menu_wrap #mainMenuBtn {
  color: #252531;
  font-weight: 500;
  display: block;
  padding: 10px 0 10px 15px;}
.main_menu_wrap #mainMenuBtn::after {
  display: none;}  
.special_menu_wrap{
  padding-left: 0;}
.special_menu_wrap ul li {
  display: inline-block;}
.special_menu_wrap ul li a {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 10px 30px;
  display: inline-block;}   
.main_menu_wrap #mainMenuBtn:hover, .special_menu_wrap ul li a:hover {
  color: #252531;
  background: #f5f5f5;} 
.main_menu_wrap .hamberger_icon {
  width: 22px;
  height: 22px;
  float: left;
  margin: 1px 10px 0px 0px;
  background: url(../images/hamburger_icon_c.png) no-repeat center;
  background-size: 22px;}
.header_fixed .main_menu_wrap .hamberger_icon {
  background: url(https://greasemonkey.lk/wp-content/themes/greasemonkey/public/images/hamburger_icon.png) no-repeat center;
  background-size: 22px;}
.special_menu_wrap ul li {
  display: inline-block;}
.special_menu_wrap ul li a {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  padding: 10px 30px;
  display: inline-block;}  
.category_menu li {
  margin: 0 0 3px;}
.category_menu li a {
  color: #252530;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 10px;
  display: block;}
.category_menu .menu-item-icon {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin: 0 10px -10px 0;
  background-size: contain !important;}
.main_menu_wrap .sub_menu_wrap {
  width: 250%;
  height: 100%;
  top: 0;
  left: 100%;
  z-index: 99;
  position: absolute;
  background: #fff;
  box-shadow: -2px 0px 4px -2px rgba(0,0,0,.25);
  display: none;}   
.main_menu_wrap .sub_menu_wrap p {
  font-size: 14px;
  font-weight: 500;}
.main_menu_wrap .sub_menu_wrap ul li {
  width: 25%;
  padding-left: 10px;
  display: inline-block;}
.category_menu li:hover {
  background: #eaeaea;}
.category_menu .sub_menu_wrap li:hover {background: #eaeaea;}
.category_menu li:hover .sub_menu_wrap{
  display: block;
  padding-bottom: 25px;}
.main_menu_wrap.show{background: #f5f5f5}     
.dropdown-menu.show {
  width: 100%;
  background: #f5f5f5;
  border-radius: 0;
  border: 0;
  margin: 0;
  transform: translate3d(0px, 44px, 0px) !important;}
.category_menu li:hover .sub_menu_wrap .sub-menu li a {
  font-size: 14px;
  font-weight: 500;
  padding: 2px 0px;}
.category_menu li:hover .sub_menu_wrap a{padding: 0;}
.category_menu li:hover .sub_menu_wrap a p, .category_menu li:hover .sub_menu_wrap .sub-menu {padding: 0 35px;}
.category_menu li .sub_menu_wrap img {
  width: 100%;
  margin-bottom: 25px;}
.main_menu_wrap.show #mainMenuBtn{
  color: #252531}
.main_menu_wrap.show .hamberger_icon, .main_menu_wrap #mainMenuBtn:hover .hamberger_icon{
  background: url(../images/hamburger_icon_c.png) no-repeat center;
  background-size: 22px;}
.header_fixed {
  height: 44px !important;
  top: 0;
  z-index: 99;
  position: fixed;
  background-color: #252531 !important;
  box-shadow: 0 -3px 12px 0 #000;}
.header_fixed .main_menu_wrap #mainMenuBtn{color: #fff;}
.header_fixed .main_menu_wrap #mainMenuBtn:hover{color: #252531;}
.header_fixed .main_menu_wrap.show #mainMenuBtn {color: #252531;}
.cat_slider_menu{background: #fff;}
.relative_menu ul#menu-special-menu li a {color: #252531;}
.header_fixed ul#menu-special-menu li a {color: #fff;}
#featuredOn {padding-bottom: 0;}
#featuredOn .featured_news a img {padding: 0 10px;}
.home #facebookReview {
  margin: 55px 0 0;
}
@media (max-width: 767px){
  #featuredOn .featured_news a {
    width: 33% !important;
    display: inline-block;
    margin: 0 auto;
  }
  #featuredOn .featured_news a img {
    padding: 0; 
  }
}

/* Special menu */
#menu-special-menu {
  display: inline-block;
  float: right;}
@media (max-width: 991px){
  #topMenu, .jkc_logo_wrap{display: none;}
  .gm_logo_wrap {
    text-align: center;
    margin: 0;}
  .search_wrap {
    padding: 0 10px 0 30px;}
}
@media (max-width: 1999px){
  .search_wrap {padding: 8px 40px 0 30px;}
  .minicart_wrap {width: calc(100% - 165px);}
  .mini_cart {
    margin: 7px 0 0;
    padding-left: 0px;}
  .minicart_wrap a.mini_cart::before {margin: -9px 0px 0 -35px;}  
  .minicart_wrap .cart-items-count{    
    padding: 4px 8px;
    margin-left: 2px;}
  .jkc_logo_wrap .powered_by {
    width: 165px;}
}


/* FOOTER 
===============================================================*/
#siteFooter ul li{list-style: none;}
.fb--review_wrap {
  padding: 45px 15px;
  background: url(../images/review_bg.jpg);}
#facebookReview .section_title {
  text-align: center;}
.fbrev-slider .wp-facebook-user {
  padding: 10px !important;
  margin-top: 15px;
  border-radius: 4px;
  background: #fff;}
#siteFooter {
  color: #fff;
  padding: 30px 0 0;
  position: relative;
  background: #252531;
  border-top: 3px solid #c3ec2d;}
#siteFooter h4 {
  font-size: 16px;
  margin: 15px 0 20px; }
#siteFooter h4.ft_follow_us {
  margin-top: 25px !important;
  display: inline-block; }
#siteFooter ul li {
  line-height: 20px;
  margin-bottom: 2px; }
#siteFooter ul li a {
  font-size: 13px;
  font-weight: 300; }
#siteFooter a {
  color: #fff; }
#siteFooter address {
  font-size: 13px;
  font-weight: 300; }
#siteFooter .ft_hotline, #siteFooter .ft_helpline, #siteFooter .ft_email {
  font-size: 16px;
  font-weight: 500; }
#siteFooter .ft_hotline {
  margin-bottom: 10px;
}  
.hotline-box {
  padding: 0 0 0 55px;
  position: relative;
}
.hotline-box i {
  width: 45px;
  height: 45px;
  display: inline-block;
  left: 0;
  position: absolute;
}
.hotline-box p, .hotline-box a {
  font-size: 14px;
  margin: 0;
  line-height: 22px;
}
#siteFooter .ft_hotline a, #siteFooter .ft_helpline a, #siteFooter .ft_email a {
  font-size: 14px;
  font-weight: 300; }
#siteFooter .ft_social_list li {
  display: inline-block; }
#siteFooter .ft_social_list li .ft_icon {
  margin-right: 10px;
  display: inline-block;}
#siteFooter .ft_social_list li .ft_icon i.fab {
  font-size: 20px;}
#siteFooter .tnp-widget-minimal input.tnp-submit {
  width: auto !important;
  font-size: 13px;
  color: #07078d;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  padding: 8px 30px;
  border-radius: 4px;
  background: #c3ec2d; }
#siteFooter .tnp-widget-minimal input.tnp-email {
  max-width: 300px;
  margin-bottom: 4px;
  border-radius: 4px;
  background: #f6f6f6; }
#siteFooter .mobile_app_link {
  margin-top: 30px; }
#siteFooter .mobile_app_link p {
  font-size: 13px;
  float: left;
  padding-left: 40px;
  margin: 0; }
#siteFooter .mobile_app_link p::before {
  content: '';
  width: 35px;
  height: 35px;
  display: inline-block;
  position: absolute;
  left: 15px;
  background: url(../images/greasemonkey_app.png) no-repeat center;
  background-size: 100%; }
#siteFooter .mobile_app_link a img {
  width: 115px;
  margin: 2px 0 0 10px; }
#siteFooter .developer_row {
  margin-top: 10px;
  background: #252531; }
#siteFooter .developer_row .privacy {
  font-size: 12px; }
#siteFooter .developer_row .developer {
  color: #8d8df1;
  font-size: 11px;
  float: right;
  margin: 5px 0 0; }
#siteFooter .developer_row .developer a {
  color: #8d8df1; }
#siteFooter #toTop {
  width: 40px;
  height: 40px;
  right: 10px;
  top: -20px;
  display: inline-block;
  z-index: 2;
  cursor: pointer;
  position: absolute;
  border-radius: 100%;
  background-image: url(../images/to_top.png);
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #07078d;
  border: 3px solid #c3ec2d; }  
.ft-fixed-wrap img {
  width: 160px;
  z-index: 5;
  position: fixed;
  bottom: 40px;}
#siteFooter .delivery_partners h4.ft_follow_us {
  margin-bottom: 10px;}  
.delivery_partners img {
  width: 135px;
  display: block;}  
#mc_embed_signup form {
  text-align: left !important;
  padding: 0 !important;}
#mc_embed_signup {
  background: transparent !important;}  
#mc_embed_signup #mce-EMAIL {
  padding: 20px 10px;
  border-radius: 45px;
  border: 0px;
  margin: 0 0 5px;}
#mc_embed_signup .theme_btn {
  font-weight: 400;
  color: #000;
  background: #c9f330;}
#mc_embed_signup .theme_btn:hover {
  color: #fff;
  background: transparent;
  border: 1px solid #fff;}  
#mc_embed_signup input.email{
  width: 100% !important;
}  
@media (min-width: 1200px) and (max-width: 1256px){
  .fb--review_wrap {padding: 45px 35px;}
}  
@media (max-width: 1016px){
  .fb--review_wrap {padding: 45px 25px;}
}
@media (max-width: 991px){
	#siteFooter {
    padding: 30px 0 92px;}
  #siteFooter .developer_row .privacy {
    float: left;}  
  #siteFooter .developer_row .developer {
    float: left;
    margin: 0px;}    
  .fb_dialog.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge.fb_customer_chat_bubble_pop_in {
    bottom: 65px !important;
    right: 10px !important;}  
}


/* HOME PAGE 
===============================================================*/
#heroSlider{
  position: relative;}
.main_menu_row{
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;}  
.main_slider_wrap .slick-slide {
  padding: 0;
  border-radius: 0;
  border: 0;}
.main_slider_wrap .slick-slide {margin: 0;}
.hero_slider_row .slick-dots{display: none !important;}
#introSection {
  text-align: center;
  padding: 45px 0;}   
#introSection .main_intro {
  margin-bottom: 25px;} 
#introSection .main_intro {
  font-size: 18px;
  color: #747e80;
  font-weight: 500;}
#introSection h2 {
  color: #252531;
  font-size: 30px;
  line-height: 34px;
  font-weight: 900;
  margin-bottom: 30px;}
#introSection p{margin-bottom: 4px;}
.step_item {
  margin: 15px 0 10px;}
.step_item img {
  width: 80px;
  height: 80px;
  padding: 5px;
  border-radius: 72%;
  background: #252531;}   
.step_item h4 {
  color: #303234;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  margin: 35px 0 12px;
  text-transform: uppercase;}    
.step_item p{
  color: #747e80;
  font-weight: 500;} 
.featured_section {
  text-align: center;
  padding: 45px 15px;}    
.featured_section .container {
  position: relative;}
.featured_section .theme_btn{
  float: right;
  margin: 0}        
.main_slider_wrap {
  height: 400px;
  padding: 0;    
  overflow: hidden;}
.sub_slide_wrap {
  padding-left: 0;}    
.sub_slide_wrap .sub_slide {
  height: 192.5px;
  overflow: hidden;
  margin-bottom: 15px;}
.featured_section .slick-slider {
    padding: 0 25px;}
.slider_nav_wrap {
  width: 100%;
  bottom: 40%;
  position: absolute;} 
.slick_nav {
  width: 30px;
  height: 35px;
  float: left;
  border: 0;
  padding: 0;
  margin-left: -18px;
  background: url(../images/left_arrow.png) no-repeat center;
  background-size: 15px;}   
.slick_next {
  float: right;
  margin-left: 0;
  margin-right: 10px;
  background: url(../images/right_arrow.png) no-repeat center;
  background-size: 15px;} 
#verticleSlider {
  max-height: 200px;
  margin: 50px 0 20px;
  overflow: hidden;} 
.ver_slider {width: 100% !important;}
.ver_slider .slick-slide{
  width: 100% !important;
  max-height: 200px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;}   
.promo_banner{
  height: 200px;
  background-size: 100% !important;}
.ver_slider .slick-dots{
  bottom: 36%;
  right: 10%;
  margin: 0;
  position: absolute;}  
.ver_slider .slick-dots li{display: inherit;}    
.ver_slider .slick-dots li button {
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid transparent;} 
.ver_slider .slick-dots .slick-active button {
  background: #252531;
  border: 2px solid #fff;} 
.tab_wrap ul{
  border: 0px;
  margin-bottom: 15px;}
.tab_wrap ul li a {
  font-size: 16.96px;
  color: #9a9a9a;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 5px 30px;
  margin: 0 10px 10px 0;
  border: 1.5px solid #9a9a9a;
  display: inline-block;
  border-radius: 75px;}
.tab_wrap ul li.active a, .tab_wrap ul li a.show.active{
  color: #000;
  border-color:#000;}    
#topBrands {
  padding: 45px 15px 0px;}
#topBrands .brand_icon {padding: 5px;}
#topBrands .brand_icon img {
  margin: 0 0 10px;
  border: 1px solid #ccc;}
#facebookReview {
  margin: 100px 0 0;}    
.page_title_wrap {
  display: block;
  text-align: center;
  margin: 35px 0 55px;}  
.count_down_wrap {
  color: #07078d;
  padding: 18px 55px 10px;
  margin-bottom: 35px;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  border: 3px solid #07078d;
  border-radius: 80px;}
.count_down_wrap p {
  font-size: 42px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  margin: 0 12px;
  display: inline-block;}
.count_down_wrap p span{
  font-size: 16px;}
.deal_card_wrap {
  padding: 0 5px;
  margin-bottom: 10px;}
.deal_card {
  text-align: center;
  padding: 150px 0 35px;
  border-radius: 6px;
  position: relative; 
  overflow: hidden;
  background-size: cover !important;
  background-position: right !important;}
.deal_card p{ 
  color: #fff; 
  font-size: 34px;
  font-weight: 900;
  line-height: 40px;
  margin: 0;
  z-index: 5;
  position: relative;}
.deal_card .theme_btn {
  color: #fff;
  float: none;
  display: inline-block;
  margin: 70px 0 0;
  z-index: 5;
  position: relative;
  background: transparent;
  border: 1px solid #fff}   
.deal_card .theme_btn:hover {
  color: #252531;
  background: #c9f330;
  border: 1px solid #c9f330;
}  
.card_overlay {
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 2;
  position: absolute;
  border-radius: 6px;
  transition: all 0.5s ease;}
.deal_card:hover .card_overlay {
  transition: all 0.5s ease;
  transform: scale(1.2);}  
@media (max-width: 991px){
  #heroSlider {
    padding: 15px;}
  .page_title_wrap {
    margin: 35px 0 20px;}	
  .shop_slider .featured_product_wrap:nth-last-child(1), 
  .shop_slider .featured_product_wrap:nth-last-child(2){
    display: none;}
  .main_slider_wrap {
    height: 320px;}
  #introSection {
    text-align: center;
    padding: 25px 0;}
  #introSection h2 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 15px;} 
  #introSection .main_intro {
    font-size: 16px;}   
  .featured_section {
    padding: 25px 15px;}
  .ver_slider .slick-slide {
    max-height: 150px;}    
  .tab_wrap ul li a {
    padding: 5px 15px !important;
    margin: 0 5px 10px 0 !important;}  
  .tab-content .list_product_wrap:nth-last-child(1), .tab-content .list_product_wrap:nth-last-child(2) {
    display: none;}    
}  
@media (max-width: 767px){
  .search_wrap {
    padding: 8px 5px 0 15px;}
  .sub_slide_wrap{
    padding: 0;} 
  .search_wrap input[type="text"] {
    width: calc(100% - 48px);}  
  .main_slider_wrap{height: auto;}  
  .main_slider_wrap .slick-slide{margin: 0;}
  .main_slider_wrap .slick-dots{margin: 0;}
  .shop_slider .featured_product_wrap:nth-last-child(3){
    display: none;}
  .main_slider_wrap .slick-dots {
    display: none !important;}  
  .ver_slider .slick-dots {
    bottom: 17%;}  
  #facebookReview {
    margin: 25px 0 0;}  
}
@media (max-width: 575px){
  .gm_logo_wrap img {
    max-width: 135px;}
  .shop_slider .featured_product_wrap:nth-last-child(3) {
    display: block;}  
  .featured_product_wrap {
    width: 50%;}
  .search_wrap input[type="text"] {
    font-size: 14px;}    
  .promo_banner {
    height: 80px;}  
  .count_down_wrap {
    padding: 10px 25px 4px;}  
  .count_down_wrap p {
    font-size: 22px;}  
  .count_down_wrap p span {
    font-size: 12px;} 
  .section_title {
    font-size: 26px;
    margin: 0 0 8px;}   
  .ver_slider .slick-dots {
    display: none !important;}
  .tyre_slider .featured_product_wrap {
    width: 100%;
  }  
}


/* SIDEBAR 
===============================================================*/
#rp_shipping_calculator {
  width: 100%;
  color: #fff;
  max-width: inherit !important;
  margin-top: 10px;
  padding: 10px;
  background: #011281;
}
.rp_shipping_button {
  display: none !important;}
.shipping_method {
  float: left;
  margin: 5px 5px 0 0;
}  
#calc_shipping_state {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.widget_media_image img {
  display: block;
  margin: 0 auto;
}


/* WOOCOMMERCE 
===============================================================*/

div.woocommerce {width: 100%;}
.featured_product_wrap, .list_product_wrap {
  text-align: center;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 12px;}
.featured_product_block, .list_product_block {
  padding: 12px;
  position: relative;
  border-radius: 8px;
  border: 1px solid #959da0;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}
.slick-slide .hover_wrap, .featured_product_wrap .hover_wrap {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 6px;
  background: #252531d9;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
 transition: opacity 0.5s ease-in-out;}
.slick-slide:hover .hover_wrap, .featured_product_wrap:hover .hover_wrap {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
 transition: opacity 0.5s ease-in-out;}  
.hover_wrap .btn_wrap {
  width: 100%;
  height: auto;
  bottom: 28%;
  position: absolute;}
.home .btn_wrap .button, .woocommerce .btn_wrap .button {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  padding: 6px 12px 6px 30px;
  border-radius: 70px;
  display: inline-block;
  background-color: transparent;
  border: 1px solid #fff;
  background-image: url(../images/mini_cart_w.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 8px 7px;}  
.home .btn_wrap .button:hover, .woocommerce .btn_wrap .button:hover {
  background-image: url(../images/mini_cart.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 8px 7px;}  
.home .btn_wrap .button {
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 8px 9px;} 
.home .btn_wrap .button:hover {
  background-image: url(../images/mini_cart.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 8px 9px;}  
.home .btn_wrap .button:hover, .woocommerce .btn_wrap .button:hover {
  color: #252531;
  background-color: #ffffff;} 
.woocommerce a.added_to_cart {
  color: #c3ec2d;
  width: 100%;
}          
.btn_wrap .view_product_btn{
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 8px 0;
  margin: 10px 0 22px;
  display: block;}  
.btn_wrap .yith-wcwl-add-to-wishlist a{
  font-size: 14px;
  color: #fff;
  padding: 5px 0;
  display: inline-block;} 
.btn_wrap .yith-wcwl-add-to-wishlist a::before{
  content: '';
  width: 25px;
  height: 25px;
  margin: 0 2px -8px 0;
  display: inline-block;
  background: url(../images/add_to_wishlist_w.png) no-repeat center;
  background-size: 98%;}    
.yith-wcwl-add-to-wishlist .feedback {
  font-size: 13px;
  color: #c3ec2d;    
  display: block;}    
.woocommerce div.product {
  position: initial !important;}
.slick-slide img, .featured_product_wrap img {
  width: 100%;
  height: auto;}   
.woocommerce-loop-product__title{
  height: 38px;
  font-size: 14px;
  color: #636363;
  line-height: 20px;
  margin: 20px 0 5px;
  display: -webkit-box;    
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;} 
.stock_qty {
  color: #77a464;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 0 0 15px;
  display: block;
  font-family: "Open Sans", sans-serif;
}  
.out_of_stock {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 2px 0 3px;
  margin: 0 0 10px;
  display: block;
  background: #252531;
  font-family: "Open Sans", sans-serif;
}
.woocommerce .products .star-rating {
  margin: 0 auto .5em;}
.price{
  width: 100%;
  float: left;
  height: 55px;
  font-family: "Open Sans", sans-serif;}   
.price .woocommerce-Price-amount {
  width: 100%;
  font-size: 16px;
  color: #252531;
  font-weight: 700;
  text-decoration: none;}     
.price ins, .price del{
  width: 100%;
  float: left;}    
.price del .woocommerce-Price-amount {
  width: 100%;
  float: left;
  font-size: 13px;
  font-weight: 600;
  color: #636363;
  text-decoration: inherit;}   
.woocommerce div.product span.price ins{text-decoration: none;}
.points {
  color: #07078d;
  font-size: 12px;
  font-weight: 600;
  padding: 2.5px 10px;
  margin: 5px 0 15px;
  display: inline-block;
  background: #c3ec2d;
  border-radius: 4px;
  font-family: "Open Sans", sans-serif;}  
.points::before {
  content: '';
  width: 18px;
  height: 18px;
  margin: 0 0px -4px 0;
  display: inline-block;
  background-image: url(../images/gift-icon.png);
  background-size: 80%;
  background-repeat: no-repeat;}
.mad_img_list .slick-dots {
  margin: 25px 0 0; }      
.slick-dots li{
  margin: 0 4px;
  display: inline-block;}    
.slick-dots li button {
  color: transparent;
  line-height: 0;
  width: 14px;
  height: 14px;
  padding: 0;
  border-radius: 100%;
  overflow: hidden;
  background: #07078d;
  border: 2px solid #fff;}    
.slick-dots .slick-active button{
  background: #fff;
  border-color: #07078d; }

/* Category list */
.product-category.product {padding: 0 8px;}
.cat_block {
  padding: 12px;
  position: relative;
  border-radius: 8px;
  margin-bottom: 16px;
  /*border: 1px solid #959da0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);*/}
.cat_block .woocommerce-loop-category__title {
  font-size: 16px;
  font-weight: 600;
  color: #252531;
  margin: 10px 0 0;
  text-align: center;}
.cat_block mark.count {
  padding: 0;
  background-color: transparent;}
.inquiry-alert{
  color: #fff !important; font-weight: 600; letter-spacing: 0.5px;margin: 15px 0 15px -10px; display: block; background:#000;
}  
.inquiry-alert .theme_btn{
  color:#fff !important; float: right; margin: -7px 0 0; border-color: #fff;
}
@media (max-width: 575px){ 
  .product_list .product-category {
    width: 50%;
    text-align: center;}  
  .list_product_wrap {
    width: 50%;}  
  .tab-content .featured_product_wrap {
    width: 100%;} 
  .tab_wrap ul li a {
    font-size: 12px;}    
}

/* List page */
.category_banner {
  height: 175px;
  background-size: cover !important;}
.woocommerce-products-header {
  margin-bottom: 35px;}
.woocommerce-products-header .woocommerce-result-count {
  float: right;
  display: inline-block;
  margin: 0;}
.woocommerce-products-header .woocommerce-ordering {
  float: left;
  margin: 0;}
.filters_wrap{
  padding-left: 0;
  padding-right: 12px;
  border-right: 2px solid #959da0}
.filters_wrap .form-control{
  margin-bottom: 8px;}
.woocommerce .woocommerce-breadcrumb{
  margin: 0;
  font-size: 16px;
  font-weight: 500;}
.woocommerce-products-header__title{
  font-size: 34px;
  margin: 5px 0;}
.woocommerce-products-header__title .category_icon{
  width: 35px;
  height: 35px;
  margin: 0px 8px -5px 0;
  display: inline-block;
  background-size: cover !important;
}  
.filters_wrap, ::after, ::before{
  box-sizing: border-box;}
.product_list {
  width: 100%;
  float: left;
  padding: 0 8px;}
.discount_tag {
  top: 0;
  left: 0;
  position: absolute;}  
.discount_tag p{
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  width: auto;
  height: 25px;
  float: left;
  clear: both;
  margin: 0;
  padding: 2px 12px 0px 10px;
  border-radius: 8px 0 0 0;
  background: #000080;}
.discount_tag p::after {
  content: '';
  width: 15px;
  height: 25px;
  float: right;
  margin: -2px -20px 0 0;
  transform: skew(-30deg);
  display: inline-block;
  background: #000080;}
.discount_tag span {
  color: #252531;
  font-size: 14px;
  font-weight: 600;
  width: auto;
  height: 25px;
  float: left;
  margin: 0;
  clear: both;
  display: inline-block;
  padding: 2px 0 0 10px;
  background: #c9f330;}
.discount_tag span::after {
  content: '';
  width: 18px;
  height: 25px;
  float: right;
  margin: -2px -10px 0 5px;
  transform: skew(-25deg);
  display: inline-block;
  background: #c9f330;}  
.discount_tag span:before {
  content: '';
  bottom: 0;
  left: 0;
  display: inline-block;
  margin: 0 0 -8px 0;
  position: absolute;
  border-left: 0px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #c9f330;}
.bottom_products_wrap .container {
  padding: 50px 8px 10px;
  margin-top: 30px;
  border-top: 1px solid #959da0;}    
.woocommerce-products-footer{
  width: 100%;
  float: left;}   
.featured_product_block .points, .list_product_block .points {
  margin-bottom: 0;
}
@media (max-width: 991px){ 
  #primaryBody {
    padding: 30px 0 5px;}
  .woocommerce-products-header {
    margin-bottom: 5px;}  
  .woocommerce-products-header__title {
    font-size: 26px !important;
    margin: 5px 0 25px;}  
}
@media (max-width: 575px){ 
  .archive .filter_result .featured_product_wrap {
    width: 100%;}
}

/* Product single */
.single #primaryBody{
  padding-top: 0;}
.single #primaryBody .container{
  padding-top: 30px;}
.video_lounch--icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 95px auto;
  border: 0;
  background: url(../images/play_icon.png) no-repeat center;
  background-size: contain;}  
.product_video iframe {width: 100%;} 
.woocommerce .woocommerce-breadcrumb{font-size: 12px;}
.woocommerce .woocommerce-breadcrumb a {
  color: #9a9a9a;
  font-size: 12px;
  font-weight: 500;}
.single_sidebar_wrap{
  border-left: 1px solid #eee;} 
.woocommerce div.product div.images {
  width: 100%;}
.woocommerce span.onsale {
  padding: 0px;
  background-color: #252531;}
.summery_wrap .product_title {
  font-size: 28px;
  line-height: 35px;
  font-weight: 700;
  margin-bottom: 20px;}
.single .single_main_wrap del .woocommerce-Price-amount.amount {
  font-size: 15px;}
.single .single_main_wrap ins .woocommerce-Price-amount.amount {
  font-size: 18px;}
.media_wrap .slick-track.flex-control-nav {float: right;}
.media_wrap .slick-track .slick-slide{
  border-radius: 0;
  border: 1px solid #959da0;}
.woocommerce-product-gallery__image {
  display: inline-block;} 
.woocommerce-product-gallery__trigger {
  top: 2px;
  right: 38px;
  z-index: 10;
  position: absolute;
  padding: 6px 8px 4px 8px;
  border-radius: 51px;
  background: #c4ed2d !important;
}  
.flex-control-nav{
  padding: 0px; 
}
.flex-control-nav li {
  width: 25%;
  list-style: none;
  padding: 0;
  display: inline-block;
}
.include_pro_video .media_wrap{
	padding: 0 35px;
	margin-top: -100px;}  
.product_video iframe {
  height: 350px;}	
span.qty_label {
  color: #969d9e;
  font-weight: 600;
  float: left;
  padding: 4px 10px 0 0;}
.woocommerce .quantity .qty, #coupon_code {
  width: 4.631em;
  padding: 4px 10px;
  border-radius: 55px;
  border: 2px solid #969d9e;}
#coupon_code {width: 130px;}    
.woocommerce-tabs.wc-tabs-wrapper {margin: 70px 0 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {border: 1px solid transparent;
  background-color: transparent;
  display: inline-block;
  border-radius: 60px;
  margin: 0 0px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #9a9a9a;
  font-size: 16.96px;
  padding: 5px 15px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border: 1px solid #31316d;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #31316d;}
.woocommerce div.product p.price {
  color: #000;
  margin: 0 0 4px;}
.woocommerce div.product form.cart {
  margin: 15px 0 15px;}
.woocommerce div.product form.cart div.quantity {
  float: none;
  display: block;
  margin: 0 4px 20px 0;}
.woocommerce div.product form.cart .button {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 15px 20px 15px 60px;
  border-radius: 55px;
  background-image: url(../images/mini_cart_w.png);
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: 22px 11px;
  background-color: #07078d;}
.single .yith-wcwl-add-to-wishlist {
  display: none;}  
.woocommerce div.product form.cart .yith-wcwl-add-to-wishlist {
  margin: 7px 15px;
  display: inline-block !important}
.single .yith-wcwl-add-to-wishlist .add_to_wishlist {
  font-size: 16px;
  color: #000080;
  font-weight: 600;
  display: inline-block;
  padding: 4px 0px 4px 30px;
  background: url(../images/add_to_wishlist.png) no-repeat;
  background-size: 25px;
  background-position: 0px 5px;}
.woocommerce-tabs .woocommerce-Tabs-panel h2 {
  font-size: 22px;
  color: #9a9a9a;
  font-weight: 700;
  display: inline-block;
  margin: 15px 0 12px;}
.related #productResult {
  padding: 0 35px;}  
.related.products {
  margin: 30px 0 55px;}
.related.products .container {
  position: relative;}
.related.products h2.related_title {
  font-size: 30px;
  color: #303234;
  font-weight: 600;
  text-align: center;
  margin: 0 0 30px;}
.related_pro_previous, .related_pro_next {
  bottom: 38%;
  position: absolute;
  margin-left: -10px;}  
.related_pro_next {
  right: 0;
  margin: 0;}
.list--summery_wrap {
  padding: 50px 0 10px;}    
.woocommerce-ordering, .woocommerce-result-count {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 500;}
.woocommerce-ordering select.orderby {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  padding: 5px 5px;
  margin: -3px 0px 0px 4px;
  border-radius: 75px;}
.pro--pagination_wrap {padding-left: 0;}
.woocommerce nav.woocommerce-pagination ul {
  float: right;
  margin: 0;
  border: 0;}
.woocommerce nav.woocommerce-pagination ul li {border: 0;}    
.woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 15px;
  background: #969d9e;
  border-radius: 55px;
  margin-left: 4px;
  border: 0px}
.woocommerce nav.woocommerce-pagination ul li span.current {
  color: #fff;
  background: #07078d;}
.wcct_timer_wrap {margin-top: 22px;}
.product-note{
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  margin-left: 15px;}  

@media (max-width: 575px){ 
  .single .filter_result .featured_product_wrap {
    width: 100%;}
  .featured_product_wrap {
    width: 100%;
  }  
}

/* Cart page */
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {width: 35%;}
a.checkout-button.button.alt.wc-forward {
  font-size: 20px;
  color: #252531;
  font-weight: 500;
  padding: 20px 20px;
  border-radius: 70px;
  letter-spacing: 1px;
  background: transparent;
  border: 1px solid #252531;}
a.checkout-button.button.alt.wc-forward:hover {
  color: #fff;
  background: #252531;}  

/* Checkout page */
.woocommerce form .form-row {width: 100%;}   
.woocommerce form .form-row label{
  width: 100%;
  margin: 0;}
span.woocommerce-input-wrapper {
  width: 100%;}
.selection .select2-selection {
  height: 41px;
  font-size: 16px;
  padding-top: 6px;
  border-radius: 4px;
  border: 1px solid #c3c3c3;}
.select2-selection__arrow{
  margin-top: 6px;}
.form-row.form-row-wide.mailchimp-newsletter #mailchimp_woocommerce_newsletter {margin: 8px 5px 0 0;}
.form-row.form-row-wide.mailchimp-newsletter .woocommerce-form__label {width: auto;}
.field--redeem_points input#my_checkbox {width: auto;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 70px;
  background-color: #000000;
  -webkit-font-smoothing: antialiased;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #000000;}


/* Form payment-progress */
.payment-progress {
  width: 1000px;
  margin: 20px auto;
  text-align: center;}
.payment-progress .circle,
.payment-progress .bar {
  display: inline-block;
  background: #fff;
  width: 40px; height: 40px;
  border-radius: 40px;
  border: 1px solid #d5d5da;}
.payment-progress .bar {
  position: relative;
  width: 80px;
  height: 6px;
  top: -33px;
  margin-left: -5px;
  margin-right: -5px;
  border-left: none;
  border-right: none;
  border-radius: 0;}
.payment-progress .circle .label {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 32px;
  margin-top: 3px;
  color: #b5b5ba;
  font-size: 17px;}
.payment-progress .circle .title {
  color: #b5b5ba;
  font-size: 13px;
  line-height: 30px;
  margin-left: -5px;}
/* Done / Active */
.payment-progress .bar.done,
.payment-progress .circle.done {
  background: #eee;}
.payment-progress .bar.active {
  background: linear-gradient(to right, #EEE 40%, #FFF 60%);}
.payment-progress .circle.done .label {
  color: #FFF;
  background: #8bc435;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);}
.payment-progress .circle.done .title {
  color: #444;}
.payment-progress .circle.active .label {
  color: #FFF;
  background: #0c95be;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);}
.payment-progress .circle.active .title {
  color: #0c95be;}  


/* MAD PAGE 
===============================================================*/   
.page-template-page-mad .page_title_wrap .section_title {
  margin-bottom: 5px;}
.page-template-page-mad .page_title_wrap span{
	color: #6b6b6b;
	font-size: 26px;
	font-weight: 700;}
.link_tag_wrap{
  width: 100%;
  float: left;
  text-align: center;} 
.link_tag_wrap .link_tag {
  font-size: 14px;
  color: #fff;
  padding: 8px 18px;
  margin: 0 0 20px;
  position: relative;
  display: inline-block;
  background: #f7830b;
  border-radius: 20px;}  
.link_tag_wrap .link_tag:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: solid 8px #f7830b;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent;}   
.page-template-page-mad ul {
  list-style: none;}
.intro_left iframe {
  width: 100%;
  height: 375px;}
.page-template-page-mad .intro_title {
  font-size: 30px;
  font-weight: 600;
  margin: 35px 0 12px;
  font-family: "Raleway", sans-serif;}
.section_intro_wrap {
  margin: 0px 0 45px;}
.mad_reg_card {
  text-align: center;
  padding: 35px 30px;
  display: inline-block;
  border-radius: 5px;
  background: #c6f02e;}
.mad_video_wrap iframe {
  width: 100%;
  height: 350px;}
.mad_reg_card .card_title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;}
.mad_reg_card p {
  font-weight: 500;
  line-height: 30px;}
.wpcf7-form label{
  width: 100%;}
.wpcf7-form input, textarea.wpcf7-form-control.wpcf7-textarea, .woocommerce-input-wrapper input {
  width: 100%;
  font-size: 16px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #c3c3c3;}
.wpcf7-form-control.wpcf7-submit.theme_btn {
  padding: 12px 20px;
  color: #252531;
  background: transparent;
  border-radius: 100px;
  border: 1px solid #252531;
}  
.wpcf7-form-control.wpcf7-submit.theme_btn:hover {
  color: #fff;
  background: #252531;}
.mad_intro_text {margin: 15px 0 0;}
.mad_section_title {
  color: #303234;
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
  margin: 0 0 15px;}
.service-img-list {
  text-align: center;
  margin-bottom: 25px;
}
.service-img-list img {
  width: 19%;
  margin: 0 0 4px;
}  
.mad_intro_text ul{
  padding-left: 55px;
  margin: 25px 0;
  display: block;}
.mad_intro_text ul li{
  font-size: 15px;
  list-style: none;
  line-height: 18px;
  margin-bottom: 4px;}
.mad_intro_text ul li i, .how_does_work ul li i, .membership_card ul li i{
  width: 20px;
  height: 24px;
  display: inline-block;
  margin: -2px 0 0 -35px;
  position: absolute;
  background: url(../images/correct_mark) no-repeat center;
  background-size: cover;}
.mad_request_title {
  font-size: 18px;
  font-weight: 600;}
.page-template-page-mad .cfsFormShell input {
  width: 100% !important;
  font-size: 16px !important;
  padding: 10px !important;
  border-radius: 4px !important;
  background: #fff !important;
  border: 1px solid #c3c3c3 !important;}
.cfsFormShell input.submit_btn {
  color: #252531 !important;
  font-size: 15px !important;
  padding: 20px !important;
  border-radius: 70px !important;
  letter-spacing: 1px !important;
  background: #fff !important;
  border: 1px solid #252531;}
.cfsFormShell input.submit_btn:hover {
  color: #fff !important; 
  background: #252531 !important;}    
.mad_carousel {
  padding: 35px 0;}
.work_draft {
  padding: 35px 0;}
.our_service_list {
  padding: 35px 0;} 
#madServices .service_pack .collapse.show {
  width: 100%;
  float: left;
  margin: 38px 0 0;}  
.service_pack .btn-link:nth-child(1) {
  left: 0%;}
.service_pack .btn-link:nth-child(3) {
  left: 25%;}
.service_pack .btn-link:nth-child(5) {
  left: 50%;}  
.service_pack .btn-link:nth-child(7) {
  left: 75%;}      
#madServices .service_pack {
  width: 100%;
  min-height: 35px;
  float: left;
  position: relative;
  margin: 0 0 5px;}
#madServices .service_pack .card-body {
  width: 100%;
  padding: 10px 0;
  float: left;}  
#madServices .service_pack .card-body li {
  width: 25%;
  float: left;
  line-height: 20px;
  padding: 5px 15px;
  position: relative;
  list-style: none;
  padding-left: 20px;} 
#madServices .service_pack .card-body li:before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 40px;
  left: 0;
  top: 10px;
  position: absolute;
  display: inline-block;
  background: #252531;}
#madServices .service_pack .card-body li.seperate {
  width: 100%;
  height: 1px;
  float: left;
  margin: 5px 0;
  padding: 0;
  border-top: 1px solid #efefef}
#madServices .service_pack .card-body li.seperate:before {display: none;}
#madServices button.btn-link {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  width: 24.5%;
  position: absolute;
  top: 0;
  background: #ccc;}
.our_service_list p {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 35px;}
.our_service_list .card {
  padding: 0 5px;
  margin: 0 0 10px;
  border: 0;}
.service_map_wrap {
  padding: 20px 10% 35px;
  text-align: center;}
.service_map_wrap .mad_section_title {
    font-size: 22px;}
.service_map img {
  max-width: 100%;}
.how_does_work {
  padding: 35px 0;}
.how_does_work ul {
  padding: 0 150px;}
.how_does_work ul li {
  padding: 0 100px;
  margin-bottom: 15px;}
.mad_package_list {
  padding: 20px 0 45px;}
.package_card {
  text-align: center;
  padding: 30px 0;
  border-radius: 4px;
  border: 2px solid #959da0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}
.package_card img {
  padding: 0 25%;}
.spc_btn{
  font-size: 14px;
  color: #252531;
  font-weight: 700;
  padding: 6px 15px 6px;
  border-radius: 70px;
  display: inline-block;
  background-color: #c9f331;}
.mad_testemonials {
  padding: 35px 0;}
.testi_intro{
  text-align: center;}  
.testemonial_box {
  height: 500px;
  padding: 0 5%;
  margin-top: 45px;
  overflow-y: scroll;}
.testemonial_item {
  width: 100%;
  float: left;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 25px;
  padding-bottom: 25px;}
.testemonial_item img {
  width: 150px;
  float: left;
  border-radius: 110px;}
.testemonial_item.left_block img {
  margin-right: 25px;}
.testemonial_item.right_block img {
  float: right;
  margin-left: 25px;}
p.client_name {
  font-size: 14px;
  font-weight: 600;}
p.client_name i {
  color: #a2a2a2;}
.right_block p.client_name {
  float: right;
  text-align: right;}
.mad_faq {
  padding: 55px 15px;}
#madFaq .card {
  padding: 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;}
button.faq_title {
  color: #fff;
  font-size: 16px;
  text-align: left;
  padding: 10px 20px;
  border: 0;
  background: #000;}
button.faq_title span {
  font-weight: 900;
  margin-right: 10px;}
.card-body span {
  font-weight: 900;
  position: absolute;}
.card-body p {
  float: left;
  padding-left: 25px;
  display: inline-block;}
.mad_annual_membership {
  text-align: center;}
.membership_card {
  width: 75%;
  padding: 25px 2px;
  display: inline-block;
  border-radius: 6px;
  border: 2px solid #959da0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}
.membership_card h4 {
  font-weight: 700;
  text-transform: uppercase;}
.membership_card .price {
  margin: 20px 0;}
.membership_card .count_down_wrap{
  padding: 18px 30px 10px;
  margin-bottom: 2px;}
.membership_card .price ins, .membership_card .price del {
  line-height: 28px;} 
.membership_card .price ins .woocommerce-Price-amount {
  font-size: 30px !important;}
.membership_card .price del .woocommerce-Price-amount{
  font-size: 24px !important;}
.membership_card ul {
  text-align: left;
  margin: 25px 0 5px;}
.membership_card ul li{
  padding-left: 12%;
  margin-bottom: 10px;}
.membership_card .btn_wrap{
  margin-top: 30px;
  display: block;}
.membership_card .theme_btn{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 15px 20px 15px 60px;
  border-radius: 55px;
  background-image: url(../images/mini_cart_w.png);
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: 22px 11px;
  background-color: #07078d;}
.helpline-block {
  display: none;
  z-index: 5;
  position: fixed;
  bottom: 58px;
  left: -80px;
  line-height: 0;
  border-radius: 0 25px 25px 0;
  background: #c9f330;
  display: block;
}
.helpline-block a {
  color: #151471;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 2.5px;
  display: inline-block;
  text-transform: uppercase;
  padding: 3px 37px 8px 4px;
}
.helpline-block a span {
  font-size: 12px;
  line-height: 8px;
  letter-spacing: 0;
  display: block;
}
.helpline-block a:after {
  content: '';
  width: 30px;
  height: 30px;
  float: right;
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 15px;
  background: url(../images/helpline.png) no-repeat center;
  background-size: contain;
}
@media (max-width: 991px){
	.work_draft {
		padding: 10px 0;}
	.our_service_list {
    padding: 10px 0;}
	.service_map_wrap {
  	padding: 20px 0% 35px;}  
  .how_does_work {
    padding: 5px 0;}	
  .how_does_work ul {
    padding: 0 0px;} 	
  .testemonial_item img {
    width: 75px;}  
  .testemonial_item p {
    font-size: 14px;}  
  .mad_faq {
    padding: 30px 15px;}  
  #madServices .service_pack {margin: 0;}  
  #madServices button.btn-link {
    font-size: 14px;
    width: 49%;
    position: initial;
    margin: 0 0 4px;}
  #madServices .service_pack .collapse.show{margin: 0;}  
  #madServices .service_pack .card-body li{
    font-size: 14px;
    width: 50%;}
  #madServices .service_pack .card-body li.seperate {display: none;} 
  .service_map_wrap .mad_section_title {
    line-height: 26px;}
  .service-img-list img {
    width: 24%;}
  .helpline-block {
    display: block;
    left: 0;}  
}
@media (max-width: 767px){
	.mad_section_title {
    font-size: 22px;
    line-height: 25px;
    margin: 0 0 15px;}
	.page-template-page-mad .page_title_wrap .section_title {
    margin-bottom: 0px;}
  .page-template-page-mad .page_title_wrap span {
    font-size: 20px;}  
	.intro_left iframe {
    height: 290px;}
  .mad_section_title {
    font-size: 25px;
    margin: 0 0 5px;}  
  .work_draft {
    padding: 0;}  SS
  .our_service_list p {
    font-size: 16px;
    margin-bottom: 25px;}  
  .our_service_list {
    padding: 10px 0 5px;}  
  .service_map_wrap .mad_section_title {
    line-height: 27px;}  
  .service_map_wrap {
    padding: 20px 0%;}  
  .how_does_work ul li {
    padding: 0 0 0 35px;
    margin-bottom: 10px;}  
  .mad_testemonials {
    padding: 10px 0;}  
  .testemonial_item {
    margin-bottom: 15px;
    padding-bottom: 0px;}  
  .mad_faq {
    padding: 35px 15px;}  
  .service-img-list img {
    width: 32%;}  
}
@media (max-width: 575px){
  .intro_left iframe {
    height: 250px;}
  .mad_section_title {
    font-size: 22px;}  
  .service_map_wrap .mad_section_title {
    line-height: 22px;}  
  .membership_card {
    width: 95%;}
  .membership_card .price del .woocommerce-Price-amount {
    font-size: 18px!important;}
  .membership_card .price ins .woocommerce-Price-amount {
    font-size: 25px!important;}  
  .membership_card .count_down_wrap {
    padding: 10px 12px 7px;}  
  #madServices button.btn-link {width: 100%;}  
  #madServices .service_pack .card-body li {width: 100%;}
  .helpline-block {
    left: -80px;} 
}


/* LOGIN / REGISTER  
===============================================================*/   
.woocommerce-account .tab-pane {
  color: #fff;
  padding: 50px 90px;
  border-radius: 30px;
  background: #252531;}
.woocommerce-account .tab-pane.login_tab {
  color: #252531;
  max-width: 550px;
  margin: 0 auto;
  background: #eaeaea;}  
.tab-pane.login_tab form.login{
  border: 0;
  padding: 0;}
.login_tab .btn_section .theme_btn{
  color: #fff !important;
  background: #000 !important}
.woocommerce-account .woocommerce form.register{
  border: 0px;
  padding: 0;}
.woocommerce-account .tab-pane .reg_text {
  padding-right: 20px;
  margin: 68px 0 0;}
#customer_login ul.nav-tabs {
  text-align: center;
  display: block;
  border-bottom: 0;
  margin-bottom: 50px;}
#customer_login ul.nav-tabs li {
  display: inline-block;}  
#customer_login .tab-pane ul li {
  display: inline-block;
  border-radius: 60px;
  margin: 0 0 10px;
  padding-left: 45px;}
.woocommerce-account .tab-pane ul li:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin: 6px 0 0 -20px;
  display: inline-block;
  background: #c9f330;
  position: absolute;}
#customer_login ul li a {
  color: #9a9a9a;
  font-weight: 700;
  font-size: 16.96px;
  padding: 8px 35px;
  border-radius: 60px;
  border: 1px solid transparent;}
.form-row.btn_section {
  width: auto !important;
  display: inline-block;}
.form-row.btn_section .theme_btn {
  width: auto;
  display: block;}  
.woo-slg-social-container legend {
  margin: 20px 0 10px !important;}  
#customer_login .woocommerce-LostPassword.lost_password {
  display: inline-block;
  float: right;
  margin: 8px 0 0;}
#customer_login .woocommerce-LostPassword.lost_password a {  
  color: #1a3d97;}
#customer_login ul li a.active {
  color: #31316d;
  background-color: transparent;
  border: 1px solid #31316d;}
.woocommerce-account .tab-pane input {
  color: #fff;
  padding: 10px 10px;
  border-radius: 35px;
  margin-bottom: 4px !important;
  background: transparent;
  border: 2px solid #fff;}
.woocommerce-account .tab-pane.login_tab input {
  color: #d7d7d7;
  border-color: #d7d7d7;
background: #fff;}  
.woocommerce-account .tab-pane .theme_btn{
  color: #000;
  font-size: 16px;
  font-weight: 300;
  padding: 8px 30px;
  border: 0;
  background: #c9f330;}
.woocommerce-privacy-policy-text {
  display: none !important;}


/* MOBILE STYLE 
===============================================================*/   
@media (max-width: 991px){
  #mainMenu, .cat_slider_menu, .ft-fixed-wrap, #mobileBottomMenu .basket-item-count i {display: none !important;}
  #mobileMenuWrap {
    width: 0;
    max-width: 350px;
    height: calc(100% - 35px);
    top: 0;
    z-index: 999;
    position: fixed;
    display: block;
    overflow: hidden;
    background: #ccc;
      -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
  .menu_active{
    width: 100% !important;
      -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}  
  #mobileBottomMenu {
    width: 100%;
    padding: 0 15px;
    bottom: 0;
    z-index: 999;
    position: fixed;
    background: #fff;}
  #mobileBottomMenu .mbm_btn {
    width: 20% !important;
    text-align: center;
    padding: 0 2px;
    border: 1px solid#eee;}
  #mobileBottomMenu .mbm_btn a {
    display: block;}
  #mobileBottomMenu .mbm_btn button {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border: 0;}
  #mobileBottomMenu .mbm_btn .fas {
    color: #000; /* #021180 */
    font-size: 24px;
    margin: 7px 0 0;}
  #mobileBottomMenu img {
    width: 25px;
    margin: 4px 0;}
  .home_btn img{
    width: 40px !important;
    display: inline-block;
    margin: 7px 0 0 !important;
  }  
  .mbl_mechanics img {
    margin: 7px 0 4px !important;
  }
  .mini_cart {
    margin: 7px 0 5px;
  }
  .item_title {
    color: #000;
    font-size: 11px;
    line-height: 15px;
    display: block;
  }
  #mobileMenuWrap .menu-side-menu-container {
    height: 100%;
    overflow-y: scroll;} 
  #mobileMenuWrap .menu_item_banner, #mobileMenuWrap .menu_item_info {display: none;} 
  #mobileMenuWrap ul li .sub_menu_wrap {
    height: 0;
    overflow: hidden;}
  #mobileMenuWrap ul li:hover .sub_menu_wrap {
    height: auto;}
  #mobileBottomMenu .basket-item-count:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0px 0 0 -15px;
    position: absolute;
    background: url(../images/mini_cart.png) no-repeat center;
    background-size: contain;} 
  #mobileBottomMenu .basket-item-count .cart-items-count.count {
    color: #021180;
    font-size: 18px;
    line-height: 20px;
    padding: 0 5px 1px;
    margin: -2px 0 0 22px;
    display: inline-block;
    background: #c9f330;
    border-radius: 100%;} 
  #mobileBottomMenu .basket-item-count:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0px 0 0 -5px;
    position: absolute;
    background: url(../images/mini_cart.png) no-repeat center;
    background-size: contain;}
  #mobileMenuWrap .fb_icon {
    font-size: 15px;
    color: #fff;
    display: inline-block;
    padding: 3px 12px;
    margin: 10px 28% 15px;
    background: #000;
    border-radius: 50px;}  
  .payment-progress {
    display: none;}
  .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 325px;}  
}


/* BLOG - LIST 
===============================================================*/ 
.featured_article_wrap {
  padding-top: 35px;
  padding-bottom: 35px;
  border-bottom: 2px dotted #e8e8e8;
}
.row.featured_article_wrap img {
  width: auto;
  height: 100%;
  max-height: 170px;
  margin: 0 auto;
  display: block;
}
.featured_article_wrap:nth-child(1) {
  border-top: 2px dotted #e8e8e8;
}
.featured_article_wrap a.article_title {
  font-size: 16px;
  line-height: 22px;
  color: #252531;
  font-weight: 600;
  display: block;
  margin: 8px 0 10px;
}
.post_info .fea_txt {   
  height: 115px; 
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.post_info .fea_txt p, .post_info .fea_txt span{
  color: #353535;
  font-size: 16px !important;
  line-height: 23px;
  font-weight: 200;
  font-family: "Raleway",sans-serif;
}
.post_info .theme_btn {
  float: right;
  margin: 20px 0 0;
}
@media (max-width: 575px){
  .post_thumbnail img {
    width: 100%;
    height: auto;
  }
}

/* BLOG - SINGLE 
===============================================================*/ 
#articleBody {
  padding: 50px 15px 35px;
}
.article_title {
  font-size: 32px;
  font-weight: 300;
  margin: 5px 0 25px;
}
.article_featured_img img {
  width: 100%;
  height: auto !important;
  margin: 0 0 20px;
}

/* CONTACT PAGE 
===============================================================*/ 
#contactPage .contact-info .social-link {
  list-style: none;
  padding: 0;
  margin: 30px 0;
}
#contactPage .contact-info .social-link li {
  margin-right: 15px;
  display: inline-block;
}
#contactPage .contact-info .social-link li a {
  color: #000;
  font-size: 28px;
}
#contactPage .contact-info label {
  display: block;
}
#contactPage .contact-info label a {
  margin-left: 5px;
}
.contact-info iframe {
  width: 100%;
  height: 255px;
}