8/9/2559 10:25:31/*
    Description: 	Tabs Framework
    Author: 		InsideLab
    Version: 		1.0
*/
	
/*	--------------------------------------------------
	:: Body & Reset
	-------------------------------------------------- */
	
	* { margin:0; padding:0; }
	
	body { 
	    overflow-y:scroll; 
		overflow-x:hidden; 
	}

/*	--------------------------------------------------
	:: Container
	-------------------------------------------------- */
	
    .wrappertab {
	    position:relative;
		display:block;
        max-width:1200px;		
		width:100%;
		height:100%; 
		margin:0px auto;  
		padding:0;  
		height:auto;
        -webkit-box-sizing:border-box;
	       -moz-box-sizing:border-box; 
	            box-sizing:border-box;	
	}
	
/*	--------------------------------------------------
	:: Tabs
	-------------------------------------------------- */
	
    .tabs {
	    position:relative;
	    display:block;
	    margin:0;
	    padding:0;
		text-align:left; /* MAKE HERE YOUR ALIGNMENT */
    }
	
    .tabs .input {
		position:absolute;
        display:none;
	}
	
	.tabs .label{
		position:relative;
        display:inline-block;
        text-align:center;
		cursor:pointer;
        font-style:normal; 
	    font-weight:normal; 
	    font-family:"Open Sans"; 
	    font-size:14px;
		margin:0;
        padding:10px 30px;
        z-index:100;
        -webkit-box-sizing:border-box;
	       -moz-box-sizing:border-box; 
	            box-sizing:border-box;		
    }

	.tabs .label i{
        margin-right:10px;
	    font-style:normal; 
	    font-weight:normal;
        font-size:14px;
		vertical-align:baseline;
    }
	
	.tabs.arrow .input:checked + .label:before{
	    content:"";
	    position:absolute;
	    top:100%;
	    left:50%;
		margin-left:-20px;
	    width:0;
	    height:0;
    }

/*	--------------------------------------------------
	:: Sections
	-------------------------------------------------- */

	.tabs ul {
	    position:relative;
		display:block;
		margin:0;
		padding:0;
    }
	
	.tabs ul li {
	    position:absolute;
	    top:5px;
	    left:0;
	    width:100%;
	    overflow:hidden;
	    opacity:0;
        visibility:hidden;
		list-style:none;
        padding:20px 20px;
        -webkit-box-sizing:border-box;
	       -moz-box-sizing:border-box; 
	            box-sizing:border-box;
    }
	
	.tabs h4 {
	    font-weight:normal;
        font-style:normal;
	    font-family:"Open Sans";
        font-size:18px;
	    margin:0px 0;
	    padding:0;
    }

	.tabs p {
	    font-style:normal;
	    font-weight:normal;
	    font-family:"Open Sans";
	    font-size:13px;
        line-height:0px;
		margin:0px 0;
		padding:0;
    }
	
    .tabs .section-one:checked ~ ul .section-one,
	.tabs .section-two:checked ~ ul .section-two,
	.tabs .section-three:checked ~ ul .section-three { 
	    position:relative;
	    z-index:10;
        visibility:visible;
	    opacity:1;
    }
	
/*	--------------------------------------------------
	:: Font IcoMoon Ultimate
	-------------------------------------------------- */

	@font-face {
		font-family:'icomoon-ultimate';
		src: url('../../../font/icomoon-ultimate.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
	}

    [class*="iconx-"]:before {
	    font-family:'icomoon-ultimate';
		speak:none;
		font-style:normal;
		font-weight:normal;
		font-variant:normal;
		text-transform:none;
		line-height:1;
		-webkit-font-smoothing:antialiased;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	.iconx-graduation:before {content: "\e99a";}