
/* ======================= Clients List ======================= */

.mc_clientsList {
	display:block;
	list-style:none;
	float:left;
	margin:0px 0px 20px 0px;
	padding:0px;
	width:100%;
}
.mc_clientsList li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	width: 25%;
	height:200px;
	background-color: #fff;
	
	-webkit-transition: box-shadow .3s;
	-moz-transition: box-shadow .3s;
	-o-transition: box-shadow .3s;
	-ms-transition: box-shadow .3s;
	transition: box-shadow .3s;
	
}

.mc_clientsList.border li {
	overflow:hidden;
	position:relative;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	margin: 0px -1px -1px 0px;
}
.mc_clientsList.border li a{
	position:absolute;
	top:0px;
	left:0px;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
}

.mc_clientsList.shadowOnHover li:hover ,
.mc_clientsList.border li:hover {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0, 0.3);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0, 0.3);
	
	box-shadow: 0px 0px 30px 0px rgba(0,0,0, 0.3) \0/IE9; /* IE9 */
	
	position:relative;
	z-index:2;
}
.mc_clientsList li a {
	display:block;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	
	-webkit-background-size: 70%;
	-moz-background-size: 70%;
	background-size: 70%;
	
	-webkit-transition: filter .3s;
	-moz-transition: filter .3s;
	-o-transition: filter .3s;
	-ms-transition: filter .3s;
	transition: filter .3s;
}
.mc_clientsList.grayscale li a {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.mc_clientsList.grayscale li a:hover {
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
/*----------- Slider Next Prev ----------- */
a.mcnext {
	display:block;
	width:26px;
	height:26px;
	position:absolute;
	z-index:10;
	left:0px;
	background-image:url(images/sliderNext.jpg);
	background-repeat:no-repeat;
	background-position:left center;
}
a.mcprev {
	display:block;
	width:26px;
	height:26px;
	position:absolute;
	z-index:10;
	right:0px;
	background-image:url(images/sliderBack.jpg);
	background-repeat:no-repeat;
	background-position:right center;
}
a.mcnext.hidden,
a.mcprev.hidden {
	display:none !important;
}

/*Category*/
.products .cat-products {padding-bottom: 35px;}
.related.products .products .cat-products {border-top: 0px solid #eee; padding-bottom: 20px !important;}
.products .cat-products .span3.cat-products{padding-bottom: 35px;}
.products .cat-products h3{font-size: 16px; color: #5c5c5c !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.products .cat-products .price{font-size: 18px;  display: inline-block; padding-top: 6px;}
.products .cat-products a.button{ border-radius: 6px; font-size: 16px; padding: 8px 15px 10px !important; background: #227940;  border-radius: 5px !important; box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset !important; color: #fff; float: right; font-weight: 400;}
.post-type-archive-product .main-content .row-fluid .products [class*="span"]:nth-child(4n+1){margin-left: 0}

.tax-product_cat .main-content .products .span3.cat-products{padding-bottom: 35px;}
.tax-product_cat .main-content .products h3{font-size: 16px; color: #5c5c5c !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tax-product_cat .main-content .products .price{font-size: 18px;  display: inline-block; padding-top: 6px;}
.tax-product_cat .main-content .products a.button{ border-radius: 6px; font-size: 16px; padding: 8px 15px 10px !important; background: #227940;  border-radius: 5px !important; box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset !important; color: #fff; float: right; font-weight: 400;}
.tax-product_cat .main-content .row-fluid .products [class*="span"]:nth-child(4n+1){margin-left: 0}


/*Product Details*/
.single-product.woocommerce div.product .product_title{border-bottom: solid 1px #eee; padding: 0 0 10px 0}
.single-product .product_meta{border-bottom: solid 1px #eee; padding-bottom: 10px; margin-bottom: 10px;}
.cart button.button.alt{ border-radius: 6px; font-size: 17.5px; padding: 11px 19px; background: #227940 !important;  border-radius: 5px !important; box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset !important;}
.single-product p.price{font-size: 28px !important; padding: 10px 0 15px; font-weight: 600; color: #227940 !important}
.single-product .quantity .qty{padding: 9px 8px;}
.single-product .p-desc{background:#fcfcfc; padding: 6px 15px; border-bottom: solid 1px #eee}
.single-product .p-desc strong{padding-bottom: 5px; display: block}

.woocommerce .woocommerce-message:before{color: #227940}
.woocommerce .woocommerce-message{border-top-color: #227940;}
.woocommerce-message .button{ border-radius: 6px; font-size: 17.5px; padding: 8px 15px 10px !important; background: #227940 !important;  border-radius: 5px !important; box-shadow: 0 -3px rgba(0, 0, 0, 0.15) inset !important; color: #fff !important}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {box-sizing: inherit; width: 98%;}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: none; margin: 0; padding: 0;}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { margin: 3px 5px 0 0; float: left;}

/*------- Hair Loss Seminar Page Start -------*/
.page-id-3084 .wpcf7-form span.wpcf7-form-control-wrap { display: block;}
.page-id-3084 .wpcf7-form .select-2 {
    margin-left: 9.9%;
}
.page-id-3084 .wpcf7-form .select-1, .page-id-3084 .wpcf7-form .select-2 {
    float: left;
    width: 45%;
}
.page-id-3084 .wpcf7-form .select-1 select.wpcf7-form-control, .page-id-3084 .wpcf7-form .select-2 select.wpcf7-form-control {
    width: 100%;
}
.page-id-3084 .wpcf7-form .vc_span6 .e-month, .page-id-3084 .wpcf7-form .vc_span6 .e-year {
    float: left;
    width: 45%;
}
.page-id-3084 .wpcf7-form .vc_span6 .e-year {
    margin-left: 10%;
}
.page-id-3084 .wpcf7-form .vc_span6 .e-month select, .page-id-3084 .wpcf7-form .vc_span6 .e-year select {
    width: 99%;
}
.page-id-3084 .wpcf7-form .vc_span6 .exp_date { 
	display: block;
}
.page-id-3084 .wpcf7-form .wpcf7-form-control.wpcf7-submit {
    margin-top: 11px;
}
.page-id-3084 .wpcf7-form .heading {
	margin-bottom: 10px;
}
.page-id-3084 .wpcf7-form h4 .payment {
	padding-left: 20px;
}
.page-id-3084 .wpcf7-form .checkbox-661 {
	margin-top: 10px;
}
.page-id-3084 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
	margin-left: 0;
}
.page-id-3084 .wpcf7-form .wpcf7-checkbox .wpcf7-list-item input {
    margin: 0 5px 0 0;
}
.page-id-3084 .wpcf7-form .extra-fields {
	margin-top: 10px;
}
.page-id-3084 .wpcf7-form .extra-fields input {
    width: 29%;
}
.page-id-3084 .wpcf7-form .extra-fields span:last-child input {
    margin-right: 0;
}

.page-id-3084 .wpcf7-form .wpb_text_column.wpb_content_element {
    display: inline-block;
    margin-bottom: 15px;
}
.page-id-3084 .wpcf7-form .wpb_text_column.wpb_content_element h3 {
    line-height: normal;
    margin-bottom: 10px;
}
.page-id-3084 .wpcf7-form .wpb_text_column.wpb_content_element input[type="radio"] {
	margin-top: -3px;
	margin-right: 5px;
}
.page-id-3084 .wpcf7-form .wpb_text_column.wpb_content_element .payment_method .wpcf7-list-item {
    float: left;
    padding-right: 10px;
}


.page-id-3084 .regi-cons {
	display: none;
}
#footer-newsletter .mc4wp-form-8982 p{width: 22.5%;display: inline-block; margin-right: 2.6%;vertical-align: top;}
#footer-newsletter .mc4wp-form-8982 p:last-child{margin-right: 0;}
#footer-newsletter .mc4wp-form-8982 p input[type="text"], #footer-newsletter .mc4wp-form-8982 p input[type="email"]{font-size: 15px; box-shadow: none; color: #3e3e3e; padding: 15px 0 16px; opacity: 1; width: 100%; text-indent: 15px;}
#footer-newsletter .mc4wp-form-8982 p select{width: 100%; border: 0; height: 52px;  -webkit-appearance: none; -moz-appearance: none; background: #fff; background-image:url(https://www.aushair.com.au/wp-content/themes/fade/assets/img/select-arrow.png); background-repeat: no-repeat; background-position:center right 12px; padding: 10px 8px; margin-bottom: 0}

#footer-newsletter .mc4wp-form-8982 p input[type="text"]::-webkit-input-placeholder, #footer-newsletter .mc4wp-form-8982 p input[type="email"]::-webkit-input-placeholder {color: #3e3e3e; opacity: 1;}
#footer-newsletter .mc4wp-form-8982 p input[type="text"]::-moz-placeholder, #footer-newsletter .mc4wp-form-8982 p input[type="email"]::-moz-placeholder {color: #3e3e3e;  opacity: 1;}
#footer-newsletter .mc4wp-form-8982 p input[type="text"]:-ms-input-placeholder, #footer-newsletter .mc4wp-form-8982 p input[type="email"]:-ms-input-placeholder {color:  #3e3e3e;  opacity: 1;}
#footer-newsletter .mc4wp-form-8982 p input[type="text"]:-moz-placeholder, #footer-newsletter .mc4wp-form-8982 p input[type="email"]:-moz-placeholder {color: #3e3e3e;  opacity: 1;}
/*------- Hair Loss Seminar Page End -------*/

@media only screen and (device-width: 768px) {
	.mc_clientsList.responsive li {
		width:25% !important;
	}
	a.mcnext {
		display:block !important;
	}
	a.mcprev {
		display:block !important;
	}
}

@media only screen and (min-width:641px) {
.tax-product_cat .main-content .row-fluid .products,
    .related.products .products [class*="span"]:nth-child(4n+1){margin-left: 0}
}

@media only screen and (max-width: 1199px) {
	.page-id-3084 .wpcf7-form .extra-fields input {
		width: 28%;
	}
}

@media only screen and (max-width: 979px) {
    
    .row-fluid .products .span3.cat-products{width: 22.9282%}
    .products .cat-products h3{ margin: 0;}
    .products .cat-products a.button {float: none}
    .products .cat-products .price{padding-bottom: 10px; padding-top: 0;}
    
    .tax-product_cat .main-content .products h3{ margin: 0;}
    .tax-product_cat .main-content .products a.button{float: none}
    .tax-product_cat .main-content .products .price{padding-bottom: 10px; padding-top: 0;}
    
	.page-id-3084 .wpcf7-form .select-1, .page-id-3084 .wpcf7-form .select-2 { width: 46%;}
	.page-id-3084 .wpcf7-form .select-2 { margin-left: 8%;}
	.page-id-3084 .wpcf7-form .checkbox_edit { width: 100%;}
	.page-id-3084 .wpcf7-form .extra-fields {  margin-left: 0; width: 100%;}
}

@media only screen and (min-width: 480px) and (max-width: 979px) {
	.navbar .call { background-position: 6px 2px; margin-top: 8px;}
	.navbar .call a { font-size: 16px;}
	.navbar .head-top .regi-cons span a { font-size: 14px !important;}
	.navbar .head-top .click-here { font-size: 14px; padding: 6px 6px 4px 44px;}
}


@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {
	.mc_clientsList.responsive li {
		width:33.3% !important;
	}
	a.mcnext {
		display:block !important;
	}
	a.mcprev {
		display:block !important;
	}
}

@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:landscape) {
	.mc_clientsList.responsive li {
		width:25% !important;
	}
	a.mcnext {
		display:block !important;
	}
	a.mcprev {
		display:block !important;
	}
}

@media only screen and (max-width: 767px) {
    
    .row-fluid .products .span3.cat-products, .related.products .products .span3.cat-products{width: 22.9282%; display: inline-block; margin-left: 2.2%}
    .products .cat-products .span3.cat-products{padding-bottom: 30px;}
    .products .cat-products a.button{  font-size: 14px;padding: 8px 10px 10px !important;}
    .products .cat-products h3, .products .cat-products h3 {font-size: 14px;}
    .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { width: 94%;}
	.woocommerce .order_details li { padding-right: 1em; margin-right: 1em;}
	.page-id-3084 .wpcf7-form .vc_row-fluid .vc_span6 { margin: 0; width: 100%;}
	.page-id-3084 .wpcf7-form h4 .payment { width: auto;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.navbar .call { float: left; top: 0;}
	.navbar .head-top .click-here { padding: 5px 6px 4px 32px;}
	.navbar .head-top .regi-cons > span { padding: 7px 0 8px 10px;}
	.navbar .head-top .regi-cons:after { border-width: 15px; right: 86px;}
	.navbar .head-top .regi-cons { margin: 0; padding: 0; width: auto;}
}

@media only screen and (min-width: 480px) and (max-width: 640px)  {
        .row-fluid .products .span3.cat-products, .related.products .products .span3.cat-products{width: 31.2%; display: inline-block; margin-left: 2.2%}
        .tax-product_cat .main-content .row-fluid .products, .related.products .products[class*="span"]:nth-child(3n+1){margin-left: 0}
        .row-fluid .products .span3.cat-products:nth-child(3n+1), .related.products .products .span3.cat-products:nth-child(3n+1){margin-left: 0; margin-bottom: 2%}

}

@media only screen and (max-width: 640px) {
    .products .cat-products .span3.cat-products{padding-bottom: 25px;}
    .products .cat-products .price {display: block}
    
    .woocommerce table.shop_table { display: inline-block;  margin: 0 -1px 10px 0;  overflow-x: auto;   scroll-behavior: auto;}
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right;  width: 100% !important;}

    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2   {  float: left;  width: 100%;}

.woocommerce > form {
    display: inline-block;
    overflow-x: auto;
    width: 100%;
}
}


@media only screen and (max-width: 479px) {
	.mc_clientsList.responsive li {
		width:50% !important;
	}
	a.mcnext {
		display:block !important;
	}
	a.mcprev {
		display:block !important;
	}
    .row-fluid .products .span3.cat-products, .related.products .products .span3.cat-products { float: left;  margin-left: 4%;    width: 48%; margin-bottom: 2%}
    .post-type-archive-product .row-fluid .products .span3.cat-products{margin-bottom: 35px;}
    .row-fluid .products .span3.cat-products:nth-child(2n+1), .related.products .products .span3.cat-products:nth-child(2n+1) {margin-left: 0; margin-bottom: 2%}
    .woocommerce .cart .button, .woocommerce .cart input.button { padding: 8px 12px 10px !important; }	
	.woocommerce .order_details li { margin-bottom: 2em;}
    .woocommerce .order_details li:last-child { margin-bottom: 0;}
	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { width: 92%;}
	.page-id-3084 .wpcf7-form h4 .payment { padding-left: 0; padding-top: 15px; width: auto;}
	.page-id-3084 .wpcf7-form .extra-fields input { margin-bottom: 0; margin-right: 0; margin-top: 10px; width: 95%;}
}

/* ======================= Admin Popup ======================= */

#divMyClientsEditorOverlay {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:299999;
	background-image:url(images/admin_overlay_bg.png);
	direction:ltr;
}
#divMyClientsEditorOverlay #divMyClientsEditorPopup {
	background-color: #fff;
	width:400px;
	min-height:438px;
	margin:200px auto 0px auto;
	border:1px solid #222222;
}
#divMyClientsEditorOverlay #divMyClientsEditorPopup h3 {
	background-color:#222222;
	color:#fff;
	text-align:center;
	line-height:30px;
	margin:0px;
}
#divMyClientsEditorOverlay #divMyClientsEditorPopup #divMyClientsEditorPopupContent {
	padding:20px;
}
#divMyClientsEditorPopupContent .row {
	margin-bottom:10px;
}
#divMyClientsEditorPopupContent .row label{
	display:block;
	width:100px;
	text-align:left;
	line-height:25px;
	display:inline-block;
	float:left;
	margin-right:10px;
}

#divMyClientsEditorPopupContent .row input,
#divMyClientsEditorPopupContent .row select {
	display:block;
	width:245px;
	text-align:left;
	display:inline-block;
	border:1px solid #ccc;
}

#divMyClientsEditorPopupContent #divMyClientsEditorPopupButtons {
	padding-top:20px;
	border-top:1px solid #ccc;
}
#divMyClientsEditorPopupContent #divMyClientsEditorPopupButtons #mc_closeBtn {
	float:right;
}
.line-height-14{line-height:1.4;}
.wpb_video_widget.video-center .wpb_wrapper  iframe{width: 75%;margin: 0 auto;left: 0;right: 0;}
/* .wpb_video_widget.video-center .wpb_wrapper .wpb_video_wrapper{padding-top: 16%;} */
.wpb_video_widget.wpb_content_element.video-center{margin-bottom:0;}
/* .video-center {
	margin: -70px 0;
} */
.wpb_video_widget .wpb_wrapper .wpb_video_wrapper {
	position: relative;
	padding-bottom: 56%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	padding-top: 0 !important;
}
.wpb_video_widget .wpb_wrapper .wpb_video_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media (min-width: 570px) and (max-width:769px) {
	#footer-newsletter .mc4wp-form-8982 p:nth-child(3) {
		width : 25%;
	}
	#footer-newsletter .mc4wp-form-8982 p:nth-child(4) {
		width : 20%;
	}
}

@media (max-width:569px)
{
	
	#footer-newsletter .mc4wp-form-8982 p
	{
		width : 100%;
	}
	
}
