/**
 * Table of Contents
 *
 *Wizard general
 *Wizard general > 767px
 *Wizard general > 1200px
 */


/*Wizard general*/

.argmcf-wrapper {
    margin: 0 auto;
    max-width: 900px;

    position: relative;
    z-index: 1;
}

.argmcf-wrapper .tab-completed-icon.preload-icon {
	display: block;
	position: absolute;
	top: 0;
	left: -9999px;
}

.wpcf7 .argmcf-wrapper .ajax-loader {
    width: 100%;
    height: 100%;
    
    opacity: 0.5;
    margin: 0;
    padding: 0;

    background-repeat: no-repeat;
    background-position: center bottom 127px;
    background-color: #fff;
    
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.wpcf7 .argmcf-wrapper  .ajax-loader.is-active {
    z-index: 100;
}

.argmcf-wrapper .argmcf-tabs-list {
    display: table;
    font-weight: 600;
    width: 100%;

    list-style: outside none none;
    margin: 10px 0 55px;
    padding: 0;
}

.argmcf-wrapper .argmcf-tabs-list:after {
    content: "";
    display: block;
    clear: both;
}

.argmcf-tabs-list .argmcf-tab-item {
	margin: 0;
}

.argmcf-tabs-list.six-tabs .argmcf-tab-item {
    width: 16.66666666%;
}

.argmcf-tabs-list.five-tabs .argmcf-tab-item {
    width: 20%;
}

.argmcf-tabs-list.four-tabs .argmcf-tab-item {
    width: 25%;
}

.argmcf-tabs-list.three-tabs .argmcf-tab-item {
    width: 33.3333333333%;
}

.argmcf-tabs-list.two-tabs .argmcf-tab-item {
    width: 50%;
}

.argmcf-wrapper .argmcf-tab-item .number-text,
.argmcf-wrapper .argmcf-tab-text span,
.argmcf-wrapper .tab-completed-icon {
	position: relative;
}

.argmcf-wrapper .argmcf-tab-text {
    display: none;
}

.argmcf-wrapper .argmcf-nav-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;

    border-bottom: 1px solid #d9d9d9;
    border-top: 2px solid #d9d9d9;

    margin-bottom: 28px;
    padding: 17px 2px;
}

.argmcf-wrapper .argmcf-nav-text:empty {
    display: none;
}

.argmcf-wrapper .argmcf-nav-text a {
    display: inline-block;
    text-decoration: none;
    line-height: 1;
    color: inherit;
    border-bottom: medium none;
    box-shadow: none !important;
    cursor: pointer;
    outline: 0 !important;
}

.woocommerce-checkout .woocommerce form .form-row textarea {
    min-height: 80px;
}

.argmcf-wrapper .argmcf-nav-buttons .button {
    display: inline-block;
    margin: 0 0 10px !important;
}

.argmcf-wrapper .argmcf-nav-buttons .show-button {
   display: inline-block !important;
}

.argmcf-wrapper .argmcf-nav-buttons .hide-button {
   display: none !important;
}
	
.argmcf-wrapper .argmcf-nav-buttons .button {
    width: 100%;
}

.argmcf-wrapper .argmcf-form-steps {
    position: relative;
    display: none;
    opacity: 0;
    padding: 0 1% 0;
    margin: 0 0 55px;
    z-index: -1;
    position: absolute;
    top: -9999px;
    left: 0;
}

.argmcf-wrapper .argmcf-form-steps.current {
    display: block;
    opacity: 1;
    z-index: 1;
    position: relative;
    left: 0;
    top: 0;

    animation-name: show-step;
    animation-duration: 0.5s; 
}

.argmcf-wrapper .argmcf-form-steps.first {
    animation: none;
}

.argmcf-wrapper .argmcf-form-steps.first.animate {
    animation-name: show-step;
    animation-duration: 0.5s; 
}
 
.argmcf-wrapper .wpcf7-submit {
    display: none !important;
}

@keyframes show-step {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;

  }
  100% {
    opacity: 1;
  }
}

.argmcf-wrapper .step-name {
	display: none;
	font-size: 19px;
	line-height: 1.3;
	
	margin: -10px 0 45px;
	padding: 0;
}


/*Form Validation*/

.argmcf-wrapper span.error {
    display: block;
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
    text-transform: none;
    margin: 7px 0 0;
    padding: 0;
    position: relative;
}

.argmcf-wrapper span.error:before {
    display: inline-block;
    font-family: "arg-mcf-icons" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;

    content: '\e803' !important;
	opacity: 1 !important;

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 11px;
    line-height: 1;
    width: auto;
    height: auto;
    margin-right: 4px;

    position: relative;
    top: -2px;
}



/*Demo Form Styles*/

.argmcf-wrapper .cfstep-name {
	font-size: 18px;
	margin: 0 0 26px !important;
	padding: 0 !important;
}

.argmcf-wrapper .cfshort-intro {
	margin: -10px 0 25px;
}

.argmcf-wrapper .form-group {
	margin: 0;
	padding: 4px 0 8px;
}

.argmcf-wrapper .form-group .form-label,
.argmcf-wrapper .form-group .wpcf7-quiz-label {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;
	text-transform: none;
	margin-bottom: 7px;	
}

.argmcf-wrapper .form-group .wpcf7-text,
.argmcf-wrapper .form-group .wpcf7-quiz,
.argmcf-wrapper .form-group .wpcf7-select,
.argmcf-wrapper .form-group .wpcf7-number,
.argmcf-wrapper .form-group .wpcf7-date,
.argmcf-wrapper .form-group .wpcf7-textarea {
	font-size: 14px;
	line-height: 13px !important;
	border: 1px solid #ddd;

	margin: 0;
	padding: 6px 10px 5px;
	outline: none;
	background: #f9f9f9;
	box-shadow: none;
	border-radius: 0;

	width: 100%;
	height: 36px;
	
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.argmcf-wrapper .form-group .wpcf7-textarea {
	height: auto;
}

.argmcf-wrapper .form-group .cfrequired {
	font-size: 13px;
    text-decoration: none;
    border-bottom: medium none;
	margin: 0;
	padding: 0;
	
    position: relative;
    top: 0px;
    right: 1px;
}

.argmcf-wrapper .form-group input[type="text"]:focus,
.argmcf-wrapper .form-group input[type="number"]:focus,
.argmcf-wrapper .form-group input[type="password"]:focus,
.argmcf-wrapper .form-group input[type="search"]:focus,
.argmcf-wrapper .form-group input[type="email"]:focus,
.argmcf-wrapper .form-group input[type="url"]:focus,
.argmcf-wrapper .form-group input[type="tel"]:focus,
.argmcf-wrapper .form-group select:focus,
.argmcf-wrapper .form-group textarea:focus {
    background: #fff !important;
}

.argmcf-wrapper .form-group .wpcf7-form-control-wrap {
	position: relative;
	margin: 0 0 10px;
	padding: 0;
	display: block;
}


.argmcf-wrapper .form-group .wpcf7-form-control-wrap .wpcf7-list-item {
	display: block;
	margin: 0;
	padding: 3px 0 0px;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}


/*Small Layout Fixes*/

.argmcf-wrapper .row,
.argmcf-wrapper .column,
.argmcf-wrapper .columns {
	padding-left: 0;
	padding-right: 0;
	margin: 0 !important;
	width: auto;
	float: none;
}

.argmcf-wrapper .argmcf-prev-text,
.argmcf-wrapper .argmcf-next-text {
	display: none
}


@media screen and (min-width: 767px) {

    /*Wizard general > 767px*/

    .argmcf-wrapper .argmcf-form-steps {
        padding-left: 12.5%;
        padding-right: 12.5%;
        margin-left: auto;
        margin-right: auto;
    }
	
	.argmcf-wrapper .argmcf-form-steps .step-name {
		display: none;
	}
	
    .argmcf-wrapper .argmcf-nav {
        display: table;
        width: 100%;
    }

    .argmcf-wrapper .argmcf-nav-text,
    .argmcf-wrapper .argmcf-nav-buttons {
        display: table-cell;

        border-top: 1px solid #d9d9d9;
        border-bottom: none;

        padding: 25px 0;
        vertical-align: middle;
    }

    .argmcf-wrapper .argmcf-nav-buttons .button {
        display: inline-block;
        margin: 0 !important;
        width: 100%;
    }

    .argmcf-wrapper .argmcf-nav-buttons .button {
        width: auto;
    }

    .argmcf-wrapper .argmcf-nav-text {
        text-align: left;
        width: 60%;

        margin: 0;
        padding: 17px 10% 20px 0;
    }

    .argmcf-wrapper .argmcf-nav-buttons {
        white-space: nowrap;
        text-align: right;
    }
	
	
	
	/*Demo Form Styles > 767px*/
	
	.cfleft-right-fields {
		display: flex;	
	}
	
	.cfleft-right-fields .form-group {
		width: 50%;
	}
	
	.cfleft-right-fields .form-group:first-child {
		padding-right: 8px;
	}
	
	.cfleft-right-fields .form-group:last-child {
		padding-left: 8px;
	}
}


@media screen and (min-width: 1200px) {

    /*Wizard general > 1200px*/

    .argmcf-wrapper .argmcf-form-steps {
        padding-left: 13.3%;
        padding-right: 13.3%;
        margin-left: auto;
        margin-right: auto;
    }
}