/*
Theme Name: Porto Child
Theme URI: http://www.portotheme.com/wordpress/porto
Author: SW-THEMES
Author URI: http://www.portotheme.com/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

*/

@import url("../porto/style.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.selected_combination{
    margin-top:10px;
    margin-bottom: 20px;
    box-shadow: 10px 10px 5px grey;
}
.selected_combination table {
  border-collapse: collapse;
  border-radius: 1em;
  overflow: hidden;
}
.selected_combination thead {
    padding: 1px;
    background-color: red;
    text-align: center;
    color:white;
}

.selected_combination th, td {
    padding: 1px;
    border-bottom: 1px solid #0066ff;
    text-align: center;
}
.selected_combination  caption {
    color: #fff;
    background-color:#0066ff;
    text-align: center;
    caption-side: top !important;
}

ol, ul {
    list-style: none;
}
.spu-list {
    padding: 15px;
    overflow: hidden;
}
.spu-list .item {
    box-sizing: border-box;
    float: left;
    width: 50%;
    padding-left: 15px;
    font-size: 12px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.panel-title {
    position: relative;
    padding-left: 15px;
    border-bottom: 1px solid #e4d6d6;
    font-size: 14px;
    color: rgba(0,0,0,.87);
    line-height: 64px;
    height: 100%;
}

#header .menu-custom-block i .avatar {
    width: 24px !important;
    height: 24px !important;
}
#header .main-menu-wrap .main-menu .menu-custom-block a, #header .main-menu-wrap .main-menu .menu-custom-block span {
    padding: 10px 14px 10px 13px;
    background: #f4631b;
    color: #fff !important;
    margin: 6.7px 4px;
}
#header.sticky-header .main-menu > li.menu-item > a, #header.sticky-header .main-menu > li.menu-custom-content a {
    line-height: 2.1;
}
hr.acchr {
    margin: 7px 0 0 0;
}

.dropdown-toggle:after {
    transform: rotate(0deg) !important;
}
a#dropdownMenuLinkAcc {
    background: #f4631b;
    color: #fff;
    padding: 12px 15px;
}
div#acc1 {
    margin: 11.7px 0;
}
.searchform .btn i{line-height:0.7;padding:0.5rem 0.4rem}
.image-upload img{width: 30px; margin-top: 6px;cursor: pointer;}

/* Hover menu animation */
.menu-item a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;  content: "";  display: block;
  width: 0; height: 2px;  left: 50%;
  position: absolute;  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
}

.menu-item a:hover:after {   width: 100%;   left: 0;  }
 #header.sticky-header .main-menu > li.menu-item:hover > a:after {   width: 100%;   left: 0; background:red; }
/* #header.sticky-header .menu-item:hover > a:after {   width: 100%;   left: 0; background:red; }*/  /* above and this both working keep anyone according to need */  

/* Hover menu animation end */

#header .searchform input::placeholder{
	font-weight:600;
}
.footer-top .widget_wysija_cont .wysija-input{
	font-weight:600;
}
.footer{
	padding-top:0 !important;
  	padding-bottom:0 !important;
}


/* custome css*/

.gt_switcher_wrapper{
	top:5px !important;
  	display:none;
}

#header.sticky-header .header-main.change-logo .logo img{
	transform: scale(2.2);
}
.sticky-header .searchform{
	margin-left:80px;
}
.sticky-header .gap{
	color:#222529 !important;
    font-size: 1em !important;
  	opacity:1 !important;
  	font-weight:400 !important;
}
.sticky-header .top-links>li.menu-item a{
	color:#222529 !important;
}
.sticky-header .top-links > li.menu-item:after {
	color:#222529 !important;
}
#side-nav-panel .accordion-menu li.menu-item.active > a, #side-nav-panel .accordion-menu li.menu-item.active > a:hover{
	color:#000000 !important;
}
#side-nav-panel .accordion-menu li.menu-item.active > a:focus{
	color:#000000 !important;
}
.pricing_plan_table_area{
	margin-top:30px;
}
.pricing_plan_table{
	overflow-x:auto;
}
.commerce_shipping_estimate{
	margin:40px 0px !important;
}
.search_text .wpb_wrapper p{
	color: #000000;
}
.fees_text p{
	color:#5e7f96;
}

.pricing_plan_table_area .pricing_plans_heading{
 	font-family: 'Marvel', sans-serif;
}

.pricing_plan_table_new{
    max-width: 1140px;
    margin: 20px auto;
    overflow-x: auto;
}
.pricing_plan_table_new.table_gap{
	margin-bottom:50px;
}
.pricing_plan_table_new table{
    width: 100%;
}
.pricing_plan_table_new table tr:nth-child(even){
    background-color: #ccc;
}


.pricing_plan_table_new table, .pricing_plan_table_new table tr th,  .pricing_plan_table_new table tr td{
    border: 1px solid #000000; 
}
.pricing_plan_table_new table th{
    color: #ffffff;
    background-color: #ec1f24;
    font-size: 30px;
}
.pricing_plan_table_new table th span{
    font-size: 15px;
}
.pricing_plan_table_new table td{
    width: 33%;
  	text-align: left;
  	padding:10px;
}
.pricing_plan_table_new table td a.button{
	background-color: #ec1f24;
}
.pricing_plan_table_new table{
    border-collapse: collapse;
}
.pricing_plan_table_new table th{
    text-align: left;
}


@media (max-width:991px){
  	#header.sticky-header .header-main.change-logo .logo img{
		transform: scale(1);
	}
  #header .header-top{
  	display:none !important;
  }
}

@media (max-width:767px){
  #columnid{
  	width:50% !important;
    display:inline-block !important;
  }
   #header .header-top{
  	display:none !important;
  }
  .money_img{
  	display:none;
  }
}


@media (max-width:575px){
  #header .header-top{
  	display:none !important;
  }
  #footer{
  	margin-bottom:0 !important;
  }
  #footer .footer-bottom .container>div{
	text-align:center !important;
  }
}


/* frmo 1688 template moved here 13 -july-23 */
.jq-icon-success { margin-top:75px; }

.b{ width: 95px; display: block; float: left;} 
.filter_select{ width:38%; display:inline-block; }  
.price_order_input { margin-right: 20px; } .filter_common{ margin: 10px 0px ;}
@media only screen and (min-width: 320px) and (max-width: 767px) 
{
    .filter_common input[type="number"] {width: 100%;}
}


.translate-icon{
      content: url("includes/translation_icon.jpg") !important;
      border: 2px solid black;

}

.translate-btn{
    right: 10px;
    top: 10px;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px;
    cursor: pointer;
    display: none;
}

.translate-btn-desc{
    right: 10px;
    margin: 15px;
    border-radius: 50%;
    height: 50px;
    position: absolute;
    width: 50px;
    cursor: pointer;
}

.carousel-control-next, .carousel-control-prev {
    height: 50% !important;
    top: 25% !important;
}

.retry_txt{
    display: none;
}

.image_response{
    height: auto !important;
    width: 100% !important;
}

.carousel-inner:hover .translate-btn{
    display: block;
}