/*
    Description: 	Tabs Framework
    Author: 		Insidelabdev
    Version: 		2.0
*/

/*	--------------------------------------------------
	:: Body & Reset
	-------------------------------------------------- */


	body {
	    overflow-y:scroll;
		overflow-x:hidden;
	}

/*	--------------------------------------------------
	:: Wrapper
	-------------------------------------------------- */

    .tabs-widget-wrapper {
	    position:relative;
		display:block;
        max-width:1200px; /* REMOVE THIS IF YOU DON´T NEED TABS WRAPPER 1200PX */
		width:100%;
		margin:100px auto;
		padding:30px;
		height:auto;
        -webkit-box-sizing:border-box;
	       -moz-box-sizing:border-box;
	            box-sizing:border-box;
	}

/*	--------------------------------------------------
	:: Tabs Widget
	-------------------------------------------------- */

	/*	--------------------------------------------------
		:: Tabs Widget Configurations
		-------------------------------------------------- */

		.tabs-widget {
			position:relative;
			display:block;
			margin:0;
			padding:0;
			font-size:0;
			text-align:left; /* MAKE HERE YOUR ALIGNMENT */
		}

		.tabs-widget:after {
			clear:both;
			content:"";
			display:table;
		}

		.tabs-widget > .tabs-widget-tab {
			display:inline;
		}

		.tabs-widget > .tabs-widget-tab > .tabs-widget-input {
			position:absolute;
			display:none;
		}

		.tabs-widget > .tabs-widget-tab > .tabs-widget-label{
			position:relative;
			display:inline-block;
			text-align:center;
			cursor:pointer;
			margin:0 4px 15px 0;
			padding:0;
			z-index:100;
			min-width:250px;
			-webkit-box-sizing:border-box;
			   -moz-box-sizing:border-box;
					box-sizing:border-box;
		}

		.tabs-widget > .tabs-widget-tab > .tabs-widget-label > .tabs-widget-header{
			position:relative;
			display:inline-block;
			text-align:center;
			cursor:pointer;
			text-transform:uppercase;
			font-style:normal;
			font-weight:900;
			font-family:"Roboto";
			font-size:14px;
			margin:0;
			padding:34px 60px;
			z-index:100;
			width:100%;
			-webkit-box-sizing:border-box;
			   -moz-box-sizing:border-box;
					box-sizing:border-box;
		}

		.tabs-widget > .tabs-widget-tab > .tabs-widget-label > .tabs-widget-header i{
			margin-right:10px;
			font-style:normal;
			font-weight:normal;
			font-size:14px;
			vertical-align:baseline;
		}

		.tabs-widget > .tabs-widget-tab.tabs-widget-arrow > .tabs-widget-input:checked + .tabs-widget-label:before{
			content:"";
			position:absolute;
			top:105%;
			left:50%;
			margin-left:-15px;
			width:0;
			height:0;
		}

	/*	--------------------------------------------------
		:: Tabs Widget Sections
		-------------------------------------------------- */

		.tabs-widget > .tabs-widget-tab > .tabs-widget-section {
			position:relative;
			display:inline-block;
			overflow:hidden;
			margin:0;
			padding:0;
			width:0;
			height:0;
		}

		.tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content {
			position:relative;
			display:block;
			float:left;
			width:100%;
			padding:30px 40px;
			-webkit-box-sizing:border-box;
			   -moz-box-sizing:border-box;
					box-sizing:border-box;
			-webkit-transition:all 0.8s ease-in-out;
			   -moz-transition:all 0.8s ease-in-out;
					transition:all 0.8s ease-in-out;
		}

		.tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content h4 {
			text-transform:uppercase;
			font-style:normal;
			font-weight:900;
			font-family:"Roboto";
			font-size:14px;
			margin:10px 0;
			padding:0;
		}

		.tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content p {
			font-style:normal;
			font-weight:400;
			font-family:"Roboto";
			font-size:13px;
			line-height:20px;
			margin:10px 0;
			padding:0;
		}

		.tabs-widget > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section {
			display:inline;
			z-index:10;
		}

		.tabs-widget > .tabs-widget-tab > .tabs-widget-input:checked ~ .tabs-widget-section > .tabs-widget-section-content {
			-webkit-transition:all 0.8s ease-in-out;
			   -moz-transition:all 0.8s ease-in-out;
					transition:all 0.8s ease-in-out;
		}

	/* Left Style */

	.tabs-widget-wrapper.style-left,.tabs-widget-wrapper.style-right {
		padding:0;
	}

	.tabs-widget-wrapper.style-left .tabs-widget > .tabs-widget-tab,.tabs-widget-wrapper.style-right .tabs-widget > .tabs-widget-tab{
		display:block;
	}
	.tabs-widget-wrapper.style-left .tabs-widget > .tabs-widget-tab > .tabs-widget-label{
		display:block;
		text-align:left;
		margin:0 0 4px 0;
		min-width: unset;
		min-height:82px;
		line-height:20px;
		width:30%;
	}
	.tabs-widget-wrapper.style-right .tabs-widget > .tabs-widget-tab > .tabs-widget-label{
		display:block;
		text-align:left;
		float:right;
		clear: both;
		margin:0 0 4px 0;
		min-width: unset;
		min-height:82px;
		line-height:20px;
		width:30%;
	}
	.tabs-widget-wrapper.style-left .tabs-widget > .tabs-widget-tab > .tabs-widget-label > .tabs-widget-header, .tabs-widget-wrapper.style-right .tabs-widget > .tabs-widget-tab > .tabs-widget-label > .tabs-widget-header{
		display:block;
		text-align:left;
		padding:32px 60px;
	}
	.tabs-widget-wrapper.style-left .tabs-widget > .tabs-widget-tab.tabs-widget-arrow > .tabs-widget-input:checked + .tabs-widget-label:before{
		top:50%;
		left:102%;
		margin-top:-15px;
		margin-left: 0;
	}
	.tabs-widget-wrapper.style-right .tabs-widget > .tabs-widget-tab.tabs-widget-arrow > .tabs-widget-input:checked + .tabs-widget-label:before{
		top:50%;
		right:102%;
		left: unset;
		margin-top:-15px;
		margin-left: 0;
	}
	.tabs-widget-wrapper.style-left .tabs-widget > .tabs-widget-tab > .tabs-widget-section{
		position:absolute;
		display:block;
		overflow: visible;
		top:0;
		left:31.4%;
		width:68.6%;
		height: unset;
	}
	.tabs-widget-wrapper.style-right .tabs-widget > .tabs-widget-tab > .tabs-widget-section {
		position:absolute;
		display:block;
		overflow: visible;
		top:0;
		right:31.4%;
		width:68.6%;
		height: unset;
	}
	.tabs-widget-wrapper.style-left .tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content,.tabs-widget-wrapper.style-right .tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content {
		position:absolute;
		top:0;
		left:0;
		z-index:10;
		overflow:hidden;
		float:none;
	}
	/* Top Center */
	.tabs-widget-wrapper.top-center .tabs-widget {
		text-align: center;
	}
	.tabs-widget-wrapper.top-center .tabs-widget > .tabs-widget-tab > .tabs-widget-label{
		margin:0 2px 15px 2px;
	}
	/* Top Justify */
	.tabs-widget-wrapper.top-justify .tabs-widget > .tabs-widget-tab > .tabs-widget-label {
		width:33.1%;
	}
	.tabs-widget-wrapper.top-justify .tabs-widget > .tabs-widget-tab > .tabs-widget-label.nomargin{
		margin-right:0;
	}

	/* Top Mix */
	.tabs-widget-wrapper.top-mix .tabs-widget > .tabs-widget-tab > .tabs-widget-label.tabs-widget-right{
		position:absolute;
		right:0;
		float:right;
		clear:both;
		margin-right:0;
	}
	/* Top Right */
	.tabs-widget-wrapper.top-right .tabs-widget {
		text-align:right;
	}
	.tabs-widget-wrapper.top-right .tabs-widget > .tabs-widget-tab > .tabs-widget-label{
		margin:0 0 15px 4px;
	}
	/* with badges */
	.tabs-widget > .tabs-widget-tab > .tabs-widget-label > .tabs-widget-header > .tabs-widget-badges {
		position:relative;
		display:block;
		float:right;
		margin:-3px 0 0 10px;
		padding:4px 8px;
		text-transform:uppercase;
		font-style:normal;
		font-weight:900;
		font-family:"Roboto";
		font-size:12px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		border-radius:2px;
	}
	.tabs-widget-flat.tabs-widget-dark > .tabs-widget-tab > .tabs-widget-label > .tabs-widget-header > .tabs-widget-badges {
    background-color: #ffe000;
    color: #fdfdfd;
	}
	.tabs-widget-flat.tabs-widget-blue > .tabs-widget-tab > .tabs-widget-input:checked + .tabs-widget-label > .tabs-widget-header > .tabs-widget-badges {
    background-color: #fdfdfd;
    color: #1380D1;
	}
	/* Icons Block */
	.tabs-widget-wrapper.icons-block .tabs-widget > .tabs-widget-tab > .tabs-widget-label > .tabs-widget-header{
		text-align:left;
	}
	.tabs-widget-wrapper.icons-block .tabs-widget > .tabs-widget-tab > .tabs-widget-label > .tabs-widget-header i{
		display:block;
		margin-right:0;
		line-height:24px;
	}
	/* Label Block */
	.tabs-widget-wrapper.label-block .tabs-widget > .tabs-widget-tab {
		display:block;
	}
	.tabs-widget-wrapper.label-block .tabs-widget > .tabs-widget-tab > .tabs-widget-label{
		margin:4px 0 0 0;
		min-width:100%;
	}

	/*	--------------------------------------------------
			:: Direction Navigation
			-------------------------------------------------- */
			.tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content .tabs-widget-navigation .tabs-widget-prev, .tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content .tabs-widget-navigation .tabs-widget-next{
				position:relative;
				display:inline-block;
				margin:10px 0 0 0;
				padding:17px 50px;
				cursor:pointer;
	      line-height:4px;
			}

			.tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content .tabs-widget-navigation .tabs-widget-prev i, .tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content .tabs-widget-navigation .tabs-widget-next i{
				margin:0;
				font-weight:normal;
				font-style:normal;
				font-size:16px;
				vertical-align:baseline;
			}

			.tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content .tabs-widget-navigation .tabs-widget-next.tabs-widget-right{
				float:right;
			}
			.tabs-widget-flat.tabs-widget-blue > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content .tabs-widget-navigation .tabs-widget-prev, .tabs-widget-flat.tabs-widget-blue > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content .tabs-widget-navigation .tabs-widget-next {
			    background-color: #1380D1;
			}
			.tabs-widget-flat.tabs-widget-blue > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content .tabs-widget-navigation .tabs-widget-prev i, .tabs-widget-flat.tabs-widget-blue > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content .tabs-widget-navigation .tabs-widget-next i {
			    color: #fdfdfd;
			}
			/* With Scroll */
			.tabs-widget-wrapper.with-scroll .tabs-widget > .tabs-widget-tab > .tabs-widget-section > .tabs-widget-section-content {
				overflow-y:scroll;
				overflow-x:hidden;
			}