@font-face {
	font-family: "Yanone Kaffeesatz";
	font-style: normal;
	font-weight: 200;
	src: local("Yanone Kaffeesatz ExtraLight"), local("YanoneKaffeesatz-ExtraLight"), url(yanone.woff) format("woff");
	}

@import url(http://weloveiconfonts.com/api/?family=zocial);
@font-face {
	font-family: "zocial";
	font-style: normal;
	font-weight: normal;
	src: local("zocial"), url(zocial.woff) format("woff");
	}	
	
#main {margin-left: 120px}
	
html{
    box-sizing:border-box
}
*,*:before,*:after{
    box-sizing:inherit
}
html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
 article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
    display:block
}
 audio,canvas,progress,video{
    display:inline-block
}

 audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
 a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
 a:active,a:hover{
    outline-width:0
}

small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
 sub{
    bottom:-0.25em
}
sup{
    top:-0.5em
}
figure{
    margin:1em 40px
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
 code,kbd,pre,samp{
	font-family: "Yanone Kaffeesatz", "Arial Narrow", Sans-Serif;
    font-size:1em
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
button,input,select,textarea{
    font:inherit;
    margin:0
    text-decoration: none;
}

 ::-webkit-input-placeholder{
    color:inherit;
    opacity:0.54
}
 ::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
/* End extract */
 html,body{
	font-family: "Yanone Kaffeesatz", "Arial Narrow", Sans-Serif;
    font-size:15px;
    line-height:1.5
}
html{
    overflow-x:hidden
}
 h1{
    font-size:36px
}
h2{
    font-size:30px
}
h3{
    font-size:24px
}
h4{
    font-size:20px
}
h5{
    font-size:18px
}
h6{
    font-size:16px
}
.avb-serif{
    font-family:serif
}
 h1,h2,h3,h4,h5,h6{
	font-family: "Yanone Kaffeesatz", "Arial Narrow", Sans-Serif;
    font-weight:400;
    margin:10px 0
}
.avb-wide{
    letter-spacing:4px
}
 hr{
    border:0;
    border-top:1px solid #eee;
    margin:20px 0
}
 .avb-image{
    max-width:100%;
    height:auto
}
img{
    vertical-align:middle
}
a{
    color:inherit
}

.avb-button{
    border:none;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap
}

.avb-button:a{
    text-decoration: none;
}

.avb-button:hover{
    color:#000!important;
    background-color:#ccc!important
}

.avb-table,.avb-table-all{
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
    display:table
}
.avb-table-all{
    border:1px solid #ccc
}
 .avb-bordered tr,.avb-table-all tr{
    border-bottom:1px solid #ddd
}
.avb-striped tbody tr:nth-child(even){
    background-color:#f1f1f1
}
 .avb-table-all tr:nth-child(odd){
    background-color:#fff
}
.avb-table-all tr:nth-child(even){
    background-color:#f1f1f1
}
 .avb-hoverable tbody tr:hover,.avb-ul.avb-hoverable li:hover{
    background-color:#ccc
}
.avb-centered tr th,.avb-centered tr td{
    text-align:center
}
 .avb-table td,.avb-table th,.avb-table-all td,.avb-table-all th{
    padding:8px 8px;
    display:table-cell;
    text-align:left;
    vertical-align:top
}
 .avb-table th:first-child,.avb-table td:first-child,.avb-table-all th:first-child,.avb-table-all td:first-child{
    padding-left:16px
}
 .avb-disabled,.avb-btn:disabled,.avb-button:disabled{
    cursor:not-allowed;
    opacity:0.3
}
.avb-disabled *,:disabled *{
    pointer-events:none
}
.avb-ul{
    list-style-type:none;
    padding:0;
    margin:0
}
.avb-ul li{
    padding:8px 16px;
}
.avb-ul li:last-child{
    border-bottom:none
}
 .avb-tooltip,.avb-display-container{
    position:relative
}
.avb-tooltip .avb-text{
    display:none
}
.avb-tooltip:hover .avb-text{
    display:inline-block
}


 .avb-sidebar{
    height:100%;
   	width: 120px;
   	background: #222;
    background-color:#fff;
    position:fixed!important;
    z-index:1;
    overflow:auto
    
}
 .avb-bar-block .avb-dropdown-hover,.avb-bar-block .avb-dropdown-click{
    width:100%
}
 .avb-bar-block .avb-dropdown-hover .avb-dropdown-content,.avb-bar-block .avb-dropdown-click .avb-dropdown-content{
    min-width:100%
}
 .avb-bar-block .avb-dropdown-hover .avb-button,.avb-bar-block .avb-dropdown-click .avb-button{
    width:100%;
    text-align:left;
    padding:8px 16px
}
 .avb-main,#main{
    margin-left: 120px
    transition:margin-left .4s
}

 .avb-bar{
    width:100%;
    overflow:hidden
}
.avb-center .avb-bar{
    display:inline-block;
    width:auto
}
 .avb-bar .avb-bar-item{
    padding:8px 16px;
    float:left;
    width:auto;
    border:none;
    display:block;
    outline:0
}
 .avb-bar .avb-dropdown-hover,.avb-bar .avb-dropdown-click{
    position:static;
    float:left
}
 .avb-bar .avb-button{
    white-space:normal
}
 .avb-bar-block .avb-bar-item{
    width:100%;
    display:block;
    padding:8px 16px;
    text-align:left;
    border:none;
    white-space:normal;
    float:none;
    outline:0
}
 .avb-bar-block.avb-center .avb-bar-item{
    text-align:center
}
.avb-block{
    display:block;
    width:100%
}
 .avb-responsive{
    display:block;
    overflow-x:auto
}
 .avb-container:after,.avb-container:before,.avb-panel:after,.avb-panel:before,.avb-row:after,.avb-row:before,.avb-row-padding:after,.avb-row-padding:before, .avb-cell-row:before,.avb-cell-row:after,.avb-clear:after,.avb-clear:before,.avb-bar:before,.avb-bar:after{
    content:"";
    display:table;
    clear:both
}
 .avb-col,.avb-half,.avb-third,.avb-twothird,.avb-threequarter,.avb-quarter{
    float:left;
    width:100%
}

 @media (min-width:601px){
    .avb-col.m1{
        width:8.33333%
    }
    .avb-col.m2{
        width:16.66666%
    }
    .avb-col.m3,.avb-quarter{
        width:24.99999%
    }
    .avb-col.m4,.avb-third{
        width:33.33333%
    }
     .avb-col.m5{
        width:41.66666%
    }
    .avb-col.m6,.avb-half{
        width:49.99999%
    }
    .avb-col.m7{
        width:58.33333%
    }
    .avb-col.m8,.avb-twothird{
        width:66.66666%
    }
     .avb-col.m9,.avb-threequarter{
        width:74.99999%
    }
    .avb-col.m10{
        width:83.33333%
    }
    .avb-col.m11{
        width:91.66666%
    }
    .avb-col.m12{
        width:99.99999%
    }
}
 @media (min-width:993px){
    .avb-col.l1{
        width:8.33333%
    }
    .avb-col.l2{
        width:16.66666%
    }
    .avb-col.l3{
        width:24.99999%
    }
    .avb-col.l4{
        width:33.33333%
    }
     .avb-col.l5{
        width:41.66666%
    }
    .avb-col.l6{
        width:49.99999%
    }
    .avb-col.l7{
        width:58.33333%
    }
    .avb-col.l8{
        width:66.66666%
    }
     .avb-col.l9{
        width:74.99999%
    }
    .avb-col.l10{
        width:83.33333%
    }
    .avb-col.l11{
        width:91.66666%
    }
    .avb-col.l12{
        width:99.99999%
    }
}
 .avb-content{
    max-width:980px;
    margin:auto
}
.avb-rest{
    overflow:hidden
}
 .avb-cell-row{
    display:table;
    width:100%
}
.avb-cell{
    display:table-cell
}
 .avb-cell-top{
    vertical-align:top
}
.avb-cell-middle{
    vertical-align:middle
}
.avb-cell-bottom{
    vertical-align:bottom
}
 .avb-hide{
    display:none!important
}
.avb-show-block,.avb-show{
    display:block!important
}
.avb-show-inline-block{
    display:inline-block!important
}
 @media (max-width:600px){
 
 	#main {margin-left: 0}
 	
    .avb-modal-content{
        margin:0 10px;
        width:auto!important
    }
    .avb-modal{
        padding-top:30px
    }
     .avb-dropdown-hover.avb-mobile .avb-dropdown-content,.avb-dropdown-click.avb-mobile .avb-dropdown-content{
        position:relative
    }
     .avb-hide-small{
        display:none!important
    }
    .avb-mobile{
        display:block;
        width:100%!important
    }
    .avb-bar-item.avb-mobile,.avb-dropdown-hover.avb-mobile,.avb-dropdown-click.avb-mobile{
        text-align:center
    }
     .avb-dropdown-hover.avb-mobile,.avb-dropdown-hover.avb-mobile .avb-btn,.avb-dropdown-hover.avb-mobile .avb-button,.avb-dropdown-click.avb-mobile,.avb-dropdown-click.avb-mobile .avb-btn,.avb-dropdown-click.avb-mobile .avb-button{
        width:100%
    }
}
 @media (max-width:768px){
    .avb-modal-content{
        width:500px
    }
    .avb-modal{
        padding-top:50px
    }
}
 @media (min-width:993px){
    .avb-modal-content{
        width:900px
    }
    .avb-hide-large{
        display:none!important
    }
    .avb-sidebar.avb-collapse{
        display:block!important
    }
}
 @media (max-width:992px) and (min-width:601px){
    .avb-hide-medium{
        display:none!important
    }
}
 @media (max-width:992px){
    .avb-sidebar.avb-collapse{
        display:none
    }
    .avb-main{
        margin-left:0!important;
        margin-right:0!important
    }
}
 .avb-top,.avb-bottom{
    position:fixed;
    width:100%;
    z-index:1
}
.avb-top{
    top:0
}
.avb-bottom{
    bottom:0
}

 .avb-opacity,.avb-hover-opacity:hover{
    opacity:0.60
}
.avb-opacity-off,.avb-hover-opacity-off:hover{
    opacity:1
}
 .avb-opacity-max{
    opacity:0.25
}
.avb-opacity-min{
    opacity:0.75
}
 .avb-tiny{
    font-size:10px!important
}
.avb-small{
    font-size:12px!important
}
.avb-medium{
    font-size:15px!important
}
.avb-large{
    font-size:18px!important
}
 .avb-xlarge{
    font-size:24px!important
}
.avb-xxlarge{
    font-size:36px!important
}
.avb-xxxlarge{
    font-size:48px!important
}
.avb-jumbo{
    font-size:64px!important
}
.avb-left-align{
    text-align:left!important
}
.avb-right-align{
    text-align:right!important
}

.avb-center{
    text-align:center!important
}
 .avb-border-0{
    border:0!important
}
.avb-border{
    border:1px solid #ccc!important
}
 .avb-border-top{
    border-top:1px solid #ccc!important
}
.avb-border-bottom{
    border-bottom:1px solid #ccc!important
}
 .avb-border-left{
    border-left:1px solid #ccc!important
}
.avb-border-right{
    border-right:1px solid #ccc!important
}
 .avb-topbar{
    border-top:6px solid #ccc!important
}
.avb-bottombar{
    border-bottom:6px solid #ccc!important
}
 .avb-leftbar{
    border-left:6px solid #ccc!important
}
.avb-rightbar{
    border-right:6px solid #ccc!important
}
 .avb-section,.avb-code{
    margin-top:16px!important;
    margin-bottom:16px!important
}
 .avb-margin{
    margin:16px!important
}
.avb-margin-top{
    margin-top:16px!important
}
.avb-margin-bottom{
    margin-bottom:16px!important
}
 .avb-margin-left{
    margin-left:16px!important
}
.avb-margin-right{
    margin-right:16px!important
}
 .avb-padding-small{
    padding:4px 8px!important
}
.avb-padding{
    padding:8px 16px!important
}
.avb-padding-large{
    padding:12px 24px!important
}

 .avb-left{
    float:left!important
}
.avb-right{
    float:right!important
}

/* Colors */
 .avb-light,.avb-hover-light:hover{
    color:#000!important;
    background-color:#fff!important
}
 .avb-dark,.avb-hover-dark:hover{
    color:#fff!important;
    background-color:#000!important
}
 .avb-ambient,.avb-hover-ambient:hover,.avb-gray,.avb-hover-ambient:hover{
    color:#000!important;
    background-color:#9e9e9e!important
}
 .avb-light-ambient,.avb-hover-light-ambient:hover,.avb-light-ambient,.avb-hover-light-ambient:hover{
    color:#000!important;
    background-color:#f1f1f1!important
}
 .avb-dark-ambient,.avb-hover-dark-ambient:hover,.avb-dark-gray,.avb-hover-dark-ambient:hover{
    color:#fff!important;
    background-color:#616161!important
}

/* Color Text */
.avb-text-normal,.avb-hover-text-normal:hover,.avb-text-normal,.avb-hover-text-normal:hover{
    color:#3a3a3a!important
}
 .avb-text-ambient,.avb-hover-text-ambient:hover,.avb-text-ambient,.avb-hover-text-ambient:hover{
    color:#9e9e9e!important
}
 .avb-text-light-ambient,.avb-hover-text-light-ambient:hover,.avb-text-light-ambient,.avb-hover-text-light-ambient:hover{
    color:#f1f1f1!important
}
 .avb-text-dark-ambient,.avb-hover-text-dark-ambient:hover,.avb-text-dark-ambient,.avb-hover-text-dark-ambient:hover{
    color:#3a3a3a!important
}