/*
Theme Name: Martfury Child
Theme URI: http://drfuri.com/unero
Author: DrFuri
Author URI: http://drfuri.com
Description: Martfury Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: martfury
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: martfury
*/
html {
  scroll-behavior: smooth;
}
.left-black-block,
.left-black-block .vc_column-inner{
	height: 100vh;
}
.right-white-block,
.right-white-block .vc_column-inner{
	min-height: 100vh;
}
.vc_row.vc_row-flex > .container-fluid > .row > .vc_column_container.left-black-block .vc_column-inner{
	flex-direction: inherit;
	align-items: center;
	display: flex;
}
.vc_row.vc_row-flex > .container-fluid > .row > .vc_column_container.left-black-block .vc_column-inner .wpb_wrapper,
.vc_row.vc_row-flex > .container-fluid > .row > .vc_column_container.right-white-block .vc_column-inner .wpb_wrapper{
	width: 100%;
}
#voucher-multistep-form.wizard>.steps>ul>li {
    margin: 0;
    width: 25% !important;
}
.left-black-block h3{
	font-weight:300;
}
.left-black-block .vc_column-inner,
.right-white-block .vc_column-inner{
	background-position: center 0 !important;
	padding-left:10px;
	padding-right:10px;
}
#voucher-multistep-form {
    margin: 10px auto !important;
}
#voucher-multistep-form.wizard > .steps a, 
#voucher-multistep-form.wizard > .steps a:hover, 
#voucher-multistep-form.wizard > .steps a:active{
	border-radius:0 !important;
	font-size: 15px !important;
	font-weight: 200 !important;
	padding: .5em .5em !important;
}
#voucher-multistep-form.wizard > .steps .number{
	font-size: 18px !important;
	background: #fff;
	width: 20px;
	margin: 0 auto;
	color: #000;
	border-radius: 100%;
}
#voucher-multistep-form.wizard > .steps .current a, 
#voucher-multistep-form.wizard > .steps .current a:hover, 
#voucher-multistep-form.wizard > .steps .current a:active{
	background:#000;
}
#voucher-multistep-form.wizard > .steps .disabled a, 
#voucher-multistep-form.wizard > .steps .disabled a:hover, 
#voucher-multistep-form.wizard > .steps .disabled a:active {
    background-color: #7e7e7e !important;
    color: #fff !important;
}
#voucher-multistep-form.wizard > .content > .body{
	border:0 !important;
	background: rgba(255, 255, 255, 0.5) !important;
}
#voucher-multistep-form.wizard > .content > .body legend{
	background: rgba(255, 255, 255, 0.5) !important;
	font-weight: 300 !important;
}
#voucher-multistep-form.wizard > .actions a{
	text-transform: uppercase;
	border-radius: 0 !important;
}
form#voucher-multistep-form .voucherform .form-group input[type="text"], 
form#voucher-multistep-form .form-group input[type="email"], 
form#voucher-multistep-form .form-group input[type="tel"], 
form#voucher-multistep-form .form-group input[type="number"], 
form#voucher-multistep-form .form-group select, 
form#voucher-multistep-form .form-group textarea{
	border:1px solid #000 !important;
}
div.buying-options div.selected,
div.shipping-options div.selected {
    background-color: #ccc !important;
    color: #000;
}
#voucher-multistep-form.wizard > .content > .body .voucherBottomDiv label{
	color:#fff !important;
}
.paymentUserInfo{
	background: rgba(255, 255, 255, 0.5);
	padding: 0.5em;
	border: 1px solid #ccc;
}

#voucher-multistep-form.wizard > .actions a[href="#previous"]:before{
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f104";
	margin-right: 10px;
}
#voucher-multistep-form.wizard > .actions a[href="#next"]:after{
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f105";
	margin-left: 10px;
}
.header-layout-1 .site-header .header-main,
.header-mobile-v1.header-mobile-v2 {
    background-color: #040503;
}
.header-extras,
.main-menu,
.footer-bottom{
	display:none !important;
}
.page-id-99 .page-header h1,
.page-id-76 .page-header h1,
.page-id-77 .page-header h1,
.header-mobile-v1.header-mobile-v2 .header-go-back i,
.header-mobile-v1.header-mobile-v2 .header-go-back span,
.navigation-icon.navigation-mobile_cart {
	display:none;
}
.mf-navigation-mobile .navigation-icon.active {
    color: #000;
}
@media screen and (max-width: 480px) {
	#voucher-multistep-form.wizard>.steps>ul>li {
    	margin: 0;
   	 	width: 50% !important;
	}
}