/**
 * Tabs Square Arrow
 * Tabs general
 * Hide Numbers on Tabs - mobiles
 * Tabs general > 767px
 * Tabs Width Auto > 767px
 * Hide Numbers On Tabs > 767px
 * Tabs general > 1200px
 * Tabs Text Under Numbers > 1200px
 * Hide Numbers On Tabs > 1200px
 */


/*Tabs general*/

.argmcf-wrapper .argmcf-tabs-list {
    overflow: hidden;
}

.argmcf-wrapper .argmcf-tab-item {			
    font-size: 16px !important;
    line-height: 13px !important;
    text-align: center;
    /*text-transform: uppercase;*/

    border-bottom: 2px solid #c9c9c9;
    
    display: table-cell;
    position: relative;
    
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 25%;
}

.argmcf-wrapper .argmcf-tab-item .argmcf-tab-item-outer,
.argmcf-wrapper .argmcf-tab-item .argmcf-tab-item-inner,
.argmcf-wrapper .argmcf-tab-item .argmcf-tab-number-wrapper,
.argmcf-wrapper .argmcf-tab-item .argmcf-tab-number {
	line-height: inherit;
}

.argmcf-wrapper .argmcf-tab-item-outer {
    height: 49px;
    padding: 20px 0 0 16px;
}

.argmcf-wrapper .argmcf-tab-item:first-child .argmcf-tab-item-outer {
    padding-left: 8px;
}

.argmcf-tabs-list.six-tabs .argmcf-tab-item {
    width: calc(16.66666666% - 5px);
}

.argmcf-tabs-list.six-tabs .argmcf-tab-item:first-child {
    width: calc(16.66666666%  - 10px);
}

.argmcf-tabs-list.six-tabs .argmcf-tab-item:last-child {
    width: calc(16.66666666%  + 30px);
}

.argmcf-tabs-list.five-tabs .argmcf-tab-item {
    width: calc(20% - 5px);
}

.argmcf-tabs-list.five-tabs .argmcf-tab-item:first-child {
    width: calc(20% - 13px);
}

.argmcf-tabs-list.five-tabs .argmcf-tab-item:last-child {
    width: calc(20% + 28px);
}

.argmcf-tabs-list.four-tabs .argmcf-tab-item {
    width: calc(25% - 6px);
}

.argmcf-tabs-list.four-tabs .argmcf-tab-item:first-child {
    width: calc(25% - 18px);
}

.argmcf-tabs-list.four-tabs .argmcf-tab-item:last-child {
    width: calc(25% + 30px);
}

.argmcf-tabs-list.three-tabs .argmcf-tab-item {
    width: calc(33.3333333333% - 8px);
}

.argmcf-tabs-list.three-tabs .argmcf-tab-item:first-child  {
    width: calc(33.3333333333% - 13px);
}

.argmcf-tabs-list.three-tabs .argmcf-tab-item:last-child  {
    width: calc(33.3333333333% + 21px);
}

.argmcf-tabs-list.two-tabs .argmcf-tab-item:first-child  {
    width: calc(50% - 22px);
}

.argmcf-tabs-list.two-tabs .argmcf-tab-item:last-child  {
    width: calc(50% + 22px);
}

.argmcf-wrapper .argmcf-tab-item-outer:before {    
    content: "";
    display: block;
    width: 0;
    height: 0;
    
    margin-left: 0;
    margin-right: -21px;
	
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width:  32px 0 32px 21px;
	
    position: absolute;
    top: -6px;
    right: 100%;
    z-index: 2;

    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
}

.argmcf-wrapper .argmcf-tab-item-outer:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
	
    border-color: transparent transparent transparent #eee;
    border-style: solid;
    border-width:  26px 0 26px 17px;
    
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 100%;

    z-index: 3;

    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
}

.argmcf-wrapper .argmcf-tab-item-inner {
    display: inline-block;
    vertical-align: middle;
	
    position: relative;
    z-index: 100;
}

.argmcf-wrapper .argmcf-tab-item:first-child .argmcf-tab-item-outer:before {
    display: none;
}

.argmcf-wrapper .argmcf-tab-item:last-child .argmcf-tab-item-outer:after {
    display: none;
}

.argmcf-wrapper .argmcf-tab-number  {
    width: 22px;
    text-align: center;
}

.argmcf-wrapper .argmcf-tab-item.completed .argmcf-tab-number {
    text-align: center;
}

.argmcf-wrapper .argmcf-tab-item .number-text {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.argmcf-wrapper .argmcf-tab-item.current .number-text {
    font-size: 21px;
    font-weight: 500;
    line-height: 8px;
}

.argmcf-wrapper .tab-completed-icon {
    display: none;
    margin-right: 4px;
}

.argmcf-wrapper .tab-completed-icon:before {
    display: inline-block;
    font-family: "arg-mcf-icons";

    font-style: normal;
    font-weight: normal;
    speak: none;

    content: '\e801';

    /* 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: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    vertical-align: top;

    position: relative;
    top: -2px;
}



@media screen and (min-width: 767px) {
    
    /*Tabs general > 767px*/
		
    .argmcf-wrapper .argmcf-tabs-list {
        display: block;
    }

	.argmcf-wrapper .argmcf-tab-item,
	.argmcf-wrapper .argmcf-tab-item-outer {
		height: 70px;
	}
	
    .argmcf-wrapper .argmcf-tab-item {
        display: block;
        float: left;
        vertical-align: top;
    }

    .argmcf-wrapper .argmcf-tab-item-outer {
        text-align: center;
    }

    .argmcf-wrapper .argmcf-tab-item-outer:before {    
        margin-right: -27px;
        border-width:  41px 0 41px 27px;

        position: absolute;
        top: -6px;
    }

    .argmcf-wrapper .argmcf-tab-item-outer:after {
        border-width:  35px 0 35px 23px;
    }
	
	.argmcf-wrapper .argmcf-tab-item-outer {
		padding: 0 !important;
		text-align: center;
	}
	
	.argmcf-wrapper .tabs-width-auto .argmcf-tab-item-inner,
	.argmcf-wrapper .tabs-equal-width .argmcf-tab-item-inner {
		display: inline-block;
		vertical-align: middle;
		
		margin: 1px 0 0;
		padding: 0 44px;
		
		width: -webkit-calc(100% + 47px);
		width: calc(100% + 47px);

		position: absolute;
		top: 50%;
		left: 0;
		z-index: 100;
		
		-webkit-transform: translate(0px, -50%);
		transform: translate(0px, -50%);
	}
	
	.argmcf-wrapper .tabs-width-auto .argmcf-tab-item-inner {
		position: relative;
	}
	
	.argmcf-wrapper.tabs-text-under .argmcf-tab-item-inner {
		padding: 0 40px;
		width: -webkit-calc(100% + 38px);
		width: calc(100% + 38px);
	}
	
	.argmcf-wrapper .argmcf-tab-item:first-child .argmcf-tab-item-inner {
		width: -webkit-calc(100% + 19px);
		width: calc(100% + 19px);
	}
	
	.argmcf-wrapper.tabs-default .argmcf-tab-item:first-child .argmcf-tab-item-inner,
	.argmcf-wrapper.tabs-hide-numbers .argmcf-tab-item:first-child .argmcf-tab-item-inner {
		padding-left: 25px;
	}

	.argmcf-wrapper .argmcf-tab-item:last-child .argmcf-tab-item-inner {
		width: -webkit-calc(100% + 15px);
		width: calc(100% + 15px);
	}

    .argmcf-wrapper .argmcf-tab-item:hover {
        cursor: not-allowed;
    }

    .argmcf-wrapper .argmcf-tab-item.current + .argmcf-tab-item:hover, 
    .argmcf-wrapper .argmcf-tab-item.visited:hover {
        cursor: pointer;
    }
    
    .argmcf-wrapper .argmcf-tab-item.visited.current:hover {
        cursor: default;
    }

    .argmcf-wrapper .argmcf-tab-item.selected:hover {
        cursor: default;
    }

    .argmcf-wrapper .argmcf-tab-item.completed:hover {
        cursor: pointer;
    }

    .argmcf-wrapper .argmcf-tab-number {
        display: inline-block;
    }
    
    .argmcf-wrapper .argmcf-tab-text {
        display: block;
        font-size: 14px;
        line-height: 1.25;
        padding-top: 8px;
    }
    
	
    
    /*Tabs Width Auto > 767px*/
	
    .argmcf-wrapper .argmcf-tabs-list.tabs-width-auto {
        display: table;
    }

    .argmcf-wrapper .argmcf-tabs-list.tabs-width-auto .argmcf-tab-item {
        display: table-cell;
        width: auto;
        float: none;
    }



    /*Hide Numbers On Tabs > 767px*/

    .argmcf-wrapper.tabs-hide-numbers .argmcf-tab-item-outer {
        text-align: left;
    }
	
	.argmcf-wrapper.tabs-hide-numbers .argmcf-tab-text {
        padding: 0;
    }
	
    .argmcf-wrapper.tabs-hide-numbers .argmcf-tab-number {
        display: none;
    }

}


@media screen and (min-width: 1200px) {
    
    /*Tabs general > 1200px*/

	.argmcf-wrapper .argmcf-tab-item,
	.argmcf-wrapper .argmcf-tab-item-outer {
		height: 60px;
	}
	
	.argmcf-wrapper.tabs-text-under .argmcf-tab-item,
	.argmcf-wrapper.tabs-text-under .argmcf-tab-item-outer {
		height: 70px;
	}
	
    .argmcf-wrapper .argmcf-tab-item-outer {
        text-align: left;
    }

    .argmcf-wrapper .argmcf-tab-item-outer:before {    
        margin-right: -30px;
        border-width:  36px 0 36px 30px;

        position: absolute;
        top: -6px;
    }
	
	.argmcf-wrapper.tabs-text-under .argmcf-tab-item-outer:before {    
        border-width:  41px 0 41px 30px;
	}

	.argmcf-wrapper .argmcf-tab-item-outer:after {
        border-width:  30px 0 30px 26px;
    }

    .argmcf-wrapper.tabs-text-under .argmcf-tab-item-outer:after {
        border-width:  35px 0 35px 26px;
    }
	
    .argmcf-wrapper .argmcf-tab-number-wrapper {
        display: table-cell;
        vertical-align: middle;
    }

    .argmcf-wrapper .argmcf-tab-text {
        display: table-cell;
        font-size: 14px;
        line-height: 1;
        vertical-align: top;
        padding-top: 0;
    }



    /*Tabs Text Inline Animation > 1200px*/

   /*.argmcf-wrapper.tabs-default .argmcf-tab-item .number-text {
        -webkit-transition: font-size 0.1s, color 0.3s;
        transition: font-size 0.1s, color 0.3s;
    }

    .argmcf-wrapper.tabs-default .argmcf-tab-item.current .number-text {
        -webkit-transition: font-size 0.1s;
        transition: font-size 0.1s;
    }*/



    /*Tabs Text Under Numbers > 1200px*/

    .argmcf-wrapper.tabs-text-under .argmcf-tab-item-outer  {
        text-align: center;
    }

    .argmcf-wrapper.tabs-text-under .argmcf-tab-number-wrapper {
        display: block;
        vertical-align: top;
    }

    .argmcf-wrapper.tabs-text-under .argmcf-tab-number {
        height: auto;
        margin: 0;
    }

    .argmcf-wrapper.tabs-text-under .argmcf-tab-text {
        display: block;
        font-size: 14px;
        padding-top: 10px;
    }

    .argmcf-wrapper.tabs-text-under .tab-completed-icon {
        margin-right: 0;
    }
    
}