html,body{
    height: 100%;
    margin: 0px;
}
body,body *{
    box-sizing: border-box;
}



[grid].line{
    position: relative;
}[grid].line [grid].column{
    position: relative;
}



[grid].content{
    padding: 40px; 
}
[grid].content-top{
    padding-top: 40px; 
}

/*[grid].line.fixed {
    display: table;
    width: 100%;
}[grid].line.fixed [grid].column{
    display: table-cell;
}*/



.line{
    height: auto;
}.line0{
    height: 0.1%;
}.line1{
    height: 8.333333%;
}.line2{
    height: 16.666667%;
}.line3{
    height: 25%;
}.line4{
    height: 33.333333%;
}.line5{
    height: 41.666667%;
}.line6{
    height: 50%;
}.line7{
    height: 58.333333%;
}.line8{
    height: 66.666667%;
}.line9{
    height: 75%;
}.line10{
    height: 83.333333%;
}.line11{
    height: 91.666667%;
}.line12{
    height: 100%;
}


.col{
    width: auto;
}.col0{
    width: 0.1%;
}.col1{
    width: 8.333333%;
}.col2{
    width: 16.666667%;
}.col3{
    width: 25%;
}.col4{
    width: 33.333333%;
}.col5{
    width: 41.666667%;
}.col6{
    width: 50%;
}.col7{
    width: 58.333333%;
}.col8{
    width: 66.666667%;
}.col9{
    width: 75%;
}.col10{
    width: 83.333333%;
}.col11{
    width: 91.666667%;
}.col12{
    width: 100%;
}


.coln{
    width: auto;
}.coln0{
    width: 0.1%;
}.coln1{
    width: 100%;
}.coln2{
    width: 50%;
}.coln3{
    width: 33.33%;
}.coln4{
    width: 25.00%;
}.coln5{
    width: 20.00%;
}.coln6{
    width: 16.66%;
}.coln7{
    width: 14.28%;
}.coln8{
    width: 12.50%;
}.coln9{
    width: 11.11%;
}.coln10{
    width: 10.00%;
}.coln11{
    width: 9.09%;
}.coln12{
    width: 8.33%;
}

.hide{
    display: none !important;
}

.fixed{
    position: fixed;
    z-index: 1000;
}

/* scroll */

[grid].scroll-wrapper{
    overflow-x: hidden;
    overflow-y: scroll;
    display: block !important;
    width: 100%;
    position: relative;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
[grid].scroll-content{
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}



.scroll {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}.scroll-fixed {        
    display: block;    
    height:100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
     /*position: fixed; */
}



/* delimit/container */

.limit{
    max-width: 1280px;
    width: 80%;
    display: block;
    margin: auto;
    /*display: table;*/
}




/* wrapper */

[grid].wrapper{
    display: table;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}[grid].header{
    height: 0.1px;
    width: 100%;
    display: table-row;
}[grid].main{
    display: table-row;
    width: 100%;
    height: 100%;
    position: relative;
}[grid].footer{
    width: 100%;
    display: table-row;
    height: 0.1px;
}



/* espacamento */

.padding{
    padding: 5px;
}

.margin{
    margin: 5px;
}

.nomargin{
    padding: 0px !important;
}

.padding-right{
    padding-right: 5px; 
}.padding-left{
    padding-right: 5px; 
}


/* alinhamento */
.left{

    text-align: left;
    align-items: flex-start;

    flex-direction: row ;
    justify-content: start ;

    margin: 0 auto 0 0;

}.center{

    

    text-align: center;
    /*align-items: center;*/
    justify-content: center;
}.center *{
    margin-left: auto;
    margin-right: auto;
}.right{
    
    margin: 0 0 0 auto;
   

    text-align: right;
    align-items: flex-end;

    flex-direction: row ;
    justify-content: end ;
}

.top{

    vertical-align: top;
    flex-direction: column;
    justify-content: flex-start;
}.middle{

    vertical-align: middle;
    flex-direction: column;
    justify-content: center;
}.bottom{

    vertical-align: bottom;
    flex-direction: column;
    justify-content: flex-end;
}
    /*.left{
        text-align: left;
    }.center{
        text-align: center;
    }.center *{
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }.right{
        text-align: right;
    }

    .top{
        vertical-align: top;
    }.middle{
        vertical-align: middle;
    }.middle *{
        vertical-align: middle;
        margin-top: auto !important;
        margin-bottom: auto !important;

        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }.bottom{
        vertical-align: bottom;
    }*/

    .justify{
        text-align: justify;
    }



/* Responsible: smartPhone = landscape and portrait; */
@media screen and (max-width: 640px) {

    .limit,.mobile-limit{
        width: 99% !important;
        margin: auto !important;
    }


    .mobile-margin{
        margin: 10px;
    }
    .mobile-padding{
        padding: 10px;
    }

    .mobile-line{
        height: auto;
    }.mobile-line0{
        height: 0.1%;
    }.mobile-line1{
        height: 8.333333%;
    }.mobile-line2{
        height: 16.666667%;
    }.mobile-line3{
        height: 25%;
    }.mobile-line4{
        height: 33.333333%;
    }.mobile-line5{
        height: 41.666667%;
    }.mobile-line6{
        height: 50%;
    }.mobile-line7{
        height: 58.333333%;
    }.mobile-line8{
        height: 66.666667%;
    }.mobile-line9{
        height: 75%;
    }.mobile-line10{
        height: 83.333333%;
    }.mobile-line11{
        height: 91.666667%;
    }.mobile-line12{
        height: 100%;
    }


    .mobile-col{
        width: auto;
    }.mobile-col0{
        width: 0.1%;
    }.mobile-col1{
        width: 8.333333%;
    }.mobile-col2{
        width: 16.666667%;
    }.mobile-col3{
        width: 25%;
    }.mobile-col4{
        width: 33.333333%;
    }.mobile-col5{
        width: 41.666667%;
    }.mobile-col6{
        width: 50%;
    }.mobile-col7{
        width: 58.333333%;
    }.mobile-col8{
        width: 66.666667%;
    }.mobile-col9{
        width: 75%;
    }.mobile-col10{
        width: 83.333333%;
    }.mobile-col11{
        width: 91.666667%;
    }.mobile-col12{
        width: 100%;
    }

    
    .mobile-nobreak > [grid].column{
        display: table-cell;
    }

    [grid].line {
        /*border: 5px solid green;*/
        /*display: table;*/
        /* display: flex; */
        flex-direction: column;
        width: 100%;
    }[grid].line.mobile-nobreak {
        display: table ;

    }[grid].line:not(.mobile-nobreak) > [grid].column{
        width: 100%;
        position: relative ;
     
        display: flex ;

        flex-direction: column;
     
    }

    [grid].line [grid].column:not(.mobile-line1):not(.mobile-line2):not(.mobile-line3):not(.mobile-line4):not(.mobile-line5):not(.mobile-line6):not(.mobile-line7):not(.mobile-line8):not(.mobile-line9):not(.mobile-line10):not(.mobile-line11):not(.mobile-line12):not(.line0):not(.line1):not(.line2):not(.line3):not(.line4):not(.line5):not(.line6):not(.line7):not(.line8):not(.line9):not(.line10):not(.line11):not(.line12){
		height: 100%;
	}

    .mobile-hide{
		display: none !important;
	}


  

    .mobile-left{

        text-align: left;
        align-items: flex-start;

        flex-direction: row ;
        justify-content: start ;

 
	}.mobile-center{

		text-align: center;
	    align-items: center;
		justify-content: center;
	}.mobile-center *{
        text-align: center;
		margin-left: auto;
    	margin-right: auto;
 
    }.mobile-right{

        text-align: right;
	    align-items: flex-end;

		flex-direction: row ;
		justify-content: end ;
	}

	.mobile-top{

		vertical-align: top;
	    flex-direction: column;
	    justify-content: flex-start;
	}.mobile-middle{

		vertical-align: middle;
	    flex-direction: column;
	    justify-content: center;
	}.mobile-bottom{

		vertical-align: bottom;
	    flex-direction: column;
	    justify-content: flex-end;
	}

    /*.mobile-left{
        text-align: left;
    }.mobile-center{
        text-align: center;
    }.mobile-center *{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }.mobile-right{
        text-align: right;
    }

    .mobile-top{
        vertical-align: top;
    }.mobile-middle{
        vertical-align: middle;
    }.mobile-middle *{
        vertical-align: middle;
        margin-top: auto;
        margin-bottom: auto;

    }.mobile-bottom{
        vertical-align: bottom;
    }*/

   /* .mobile-justify{
        text-align: justify;
    }*/

    .mobile-scroll {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }.tablet-scroll-fixed {
        display: block;
        /*width: 100%;*/
        height:100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
    }
}



/* Responsible: smartPhone = portrait; */
@media screen and (max-width: 375px) {


    .mobile-p-line{
        height: auto;
    }.mobile-p-line0{
        height: 0.1%;
    }.mobile-p-line1{
        height: 8.333333%;
    }.mobile-p-line2{
        height: 16.666667%;
    }.mobile-p-line3{
        height: 25%;
    }.mobile-p-line4{
        height: 33.333333%;
    }.mobile-p-line5{
        height: 41.666667%;
    }.mobile-p-line6{
        height: 50%;
    }.mobile-p-line7{
        height: 58.333333%;
    }.mobile-p-line8{
        height: 66.666667%;
    }.mobile-p-line9{
        height: 75%;
    }.mobile-p-line10{
        height: 83.333333%;
    }.mobile-p-line11{
        height: 91.666667%;
    }.mobile-p-line12{
        height: 100%;
    }

    .mobile-p-col{
        width: auto;
    }.mobile-p-col0{
        width: 0.1%;
    }.mobile-p-col1{
        width: 8.333333%;
    }.mobile-p-col2{
        width: 16.666667%;
    }.mobile-p-col3{
        width: 25%;
    }.mobile-p-col4{
        width: 33.333333%;
    }.mobile-p-col5{
        width: 41.666667%;
    }.mobile-p-col6{
        width: 50%;
    }.mobile-p-col7{
        width: 58.333333%;
    }.mobile-p-col8{
        width: 66.666667%;
    }.mobile-p-col9{
        width: 75%;
    }.mobile-p-col10{
        width: 83.333333%;
    }.mobile-p-col11{
        width: 91.666667%;
    }.mobile-p-col12{
        width: 100%;
    }
    
	.mobile-p-hide{
		display: none !important;
	}

	

    .mobile-p-left{
        text-align: left;

    }.mobile-p-center{
        text-align: center;
    }.mobile-p-center *{
		text-align: center;
        margin-left: auto;
        margin-right: auto;
  
    }.mobile-p-right{
    }

    .mobile-p-top{
        vertical-align: top;
    }.mobile-p-middle{
        vertical-align: middle;
	}.mobile-p-middle *{
        vertical-align: middle;
        margin-top: auto;
        margin-bottom: auto;

    }.mobile-p-bottom{
        vertical-align: bottom;
    }

	/*.mobile-p-justify{
        text-align: justify;
    }*/

}
/* Responsible: smartPhone = landscape; */
@media screen and (min-width: 376px) and (max-width: 640px) {


    .mobile-l-line{
        height: auto;
    }.mobile-l-line0{
        height: 0.1%;
    }.mobile-l-line1{
        height: 8.333333%;
    }.mobile-l-line2{
        height: 16.666667%;
    }.mobile-l-line3{
        height: 25%;
    }.mobile-l-line4{
        height: 33.333333%;
    }.mobile-l-line5{
        height: 41.666667%;
    }.mobile-l-line6{
        height: 50%;
    }.mobile-l-line7{
        height: 58.333333%;
    }.mobile-l-line8{
        height: 66.666667%;
    }.mobile-l-line9{
        height: 75%;
    }.mobile-l-line10{
        height: 83.333333%;
    }.mobile-l-line11{
        height: 91.666667%;
    }.mobile-l-line12{
        height: 100%;
    }

    .mobile-l-col{
        width: auto;
    }.mobile-l-col0{
        width: 0.1%;
    }.mobile-l-col1{
        width: 8.333333%;
    }.mobile-l-col2{
        width: 16.666667%;
    }.mobile-l-col3{
        width: 25%;
    }.mobile-l-col4{
        width: 33.333333%;
    }.mobile-l-col5{
        width: 41.666667%;
    }.mobile-l-col6{
        width: 50%;
    }.mobile-l-col7{
        width: 58.333333%;
    }.mobile-l-col8{
        width: 66.666667%;
    }.mobile-l-col9{
        width: 75%;
    }.mobile-l-col10{
        width: 83.333333%;
    }.mobile-l-col11{
        width: 91.666667%;
    }.mobile-l-col12{
        width: 100%;
    }

    .mobile-l-hide{
		display: none !important;
	}

  
    .mobile-l-left{
        text-align: left;

    }.mobile-l-center{
        text-align: center;
    }.mobile-l-center *{
        text-align: center;
        margin-left: auto;
        margin-right: auto;

    }.mobile-l-right{
    }

    .mobile-l-top{
        vertical-align: top;
    }.mobile-l-middle{
        vertical-align: middle;
    }.mobile-l-middle *{
        vertical-align: middle;
        margin-top: auto;
        margin-bottom: auto;

    }.mobile-l-bottom{
        vertical-align: bottom;
    }

   /* .mobile-l-justify{
        text-align: justify;
    }*/
}
/* Responsible: tablet = landscape and portrait; */
@media screen and (min-width: 641px) and (max-width: 1023px) {

    .limit,.tablet-limit{
        width: 95% !important;
        margin: auto !important;
    }

    [grid].tablet-content{
        padding: 40px; 
    }

    .tablet-padding-right{
        padding-right: 20px; 
    }.tablet-padding-left{
        padding-right: 20px; 
    }.tablet-padding-bottom{
        padding-bottom: 10px;
    }
    
    .tablet-margin{
        margin: 10px;
    }
    .tablet-padding{
        padding: 10px;
    }

    .tablet-line{
        height: auto;
    }.tablet-line0{
        height: 0.1%;
    }.tablet-line1{
        height: 8.333333%;
    }.tablet-line2{
        height: 16.666667%;
    }.tablet-line3{
        height: 25%;
    }.tablet-line4{
        height: 33.333333%;
    }.tablet-line5{
        height: 41.666667%;
    }.tablet-line6{
        height: 50%;
    }.tablet-line7{
        height: 58.333333%;
    }.tablet-line8{
        height: 66.666667%;
    }.tablet-line9{
        height: 75%;
    }.tablet-line10{
        height: 83.333333%;
    }.tablet-line11{
        height: 91.666667%;
    }.tablet-line12{
        height: 100%;
    }

    .tablet-col{
        width: auto;
    }.tablet-col0{
        width: 0.1%;
    }.tablet-col1{
        width: 8.333333%;
    }.tablet-col2{
        width: 16.666667%;
    }.tablet-col3{
        width: 25%;
    }.tablet-col4{
        width: 33.333333%;
    }.tablet-col5{
        width: 41.666667%;
    }.tablet-col6{
        width: 50%;
    }.tablet-col7{
        width: 58.333333%;
    }.tablet-col8{
        width: 66.666667%;
    }.tablet-col9{
        width: 75%;
    }.tablet-col10{
        width: 83.333333%;
    }.tablet-col11{
        width: 91.666667%;
    }.tablet-col12{
        width: 100%;
    }
    
    
    .tablet-nobreak > [grid].column{
        display: table-cell;
    }

    [grid].line {
        flex-direction: column;
        width: 100%;
    }[grid].line.tablet-nobreak {
        display: table ;

    /*}[data-vizoo-grid-line]:not(.tablet-nobreak) {
        display: flex;*/
    }[grid].line:not(.tablet-nobreak) > [grid].column{
            /* display: table-row; */
            display: flex ;
            flex-direction: column;
            width: 100%;
    }[grid].line.tablet-nobreak > [grid].column{
             /*display: initial; */
            /*display: flex;
            flex-direction: column;
            width: 100%;*/
            /*display: table;*/
    }

    [grid].line [grid].column:not(.tablet-line1):not(.tablet-line2):not(.tablet-line3):not(.tablet-line4):not(.tablet-line5):not(.tablet-line6):not(.tablet-line7):not(.tablet-line8):not(.tablet-line9):not(.tablet-line10):not(.tablet-line11):not(.tablet-line12):not(.line0):not(.line1):not(.line2):not(.line3):not(.line4):not(.line5):not(.line6):not(.line7):not(.line8):not(.line9):not(.line10):not(.line11):not(.line12){
		height: 100%;
	}

    .tablet-hide{
		display: none !important;
	}

  

    .tablet-left{

        text-align: left;
        align-items: flex-start;

        flex-direction: row ;
        justify-content: start ;

 
	}.tablet-center{

        text-align: center;
        align-items: center;
        justify-content: center;
    }.tablet-center *{
		text-align: center;
		margin-left: auto;
    	margin-right: auto;
 
    }.tablet-right{
	    align-items: flex-end;

		flex-direction: row ;
		justify-content: end ;
	}

	.tablet-top{

		vertical-align: top;
	    flex-direction: column;
	    justify-content: flex-start;
	}.tablet-middle{

		vertical-align: middle;
	    flex-direction: column;
	    justify-content: center;
	}.tablet-bottom{

		vertical-align: bottom;
	    flex-direction: column;
	    justify-content: flex-end;
	}

    /*.tablet-left{
        text-align: left;
    }.tablet-center{
        text-align: center;
    }.tablet-center *{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }.tablet-right{
        text-align: right;
    }

    .tablet-top{
        vertical-align: top;
    }.tablet-middle{
        vertical-align: middle;
    }.tablet-middle *{
        vertical-align: middle;
        margin-top: auto;
        margin-bottom: auto;

    }.tablet-bottom{
        vertical-align: bottom;
    }*/
/*
    .tablet-justify{
        text-align: justify;
    }*/

    .tablet-scroll {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }.tablet-scroll-fixed {
        display: block;
        /*width: 100%;*/
        height:100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
    }
}
/* Responsible: tablet = portrait; */
@media screen and (min-width: 641px) and (max-width: 768px) {

    .tablet-p-line{
        height: auto;
    }.tablet-p-line0{
        height: 0.1%;
    }.tablet-p-line1{
        height: 8.333333%;
    }.tablet-p-line2{
        height: 16.666667%;
    }.tablet-p-line3{
        height: 25%;
    }.tablet-p-line4{
        height: 33.333333%;
    }.tablet-p-line5{
        height: 41.666667%;
    }.tablet-p-line6{
        height: 50%;
    }.tablet-p-line7{
        height: 58.333333%;
    }.tablet-p-line8{
        height: 66.666667%;
    }.tablet-p-line9{
        height: 75%;
    }.tablet-p-line10{
        height: 83.333333%;
    }.tablet-p-line11{
        height: 91.666667%;
    }.tablet-p-line12{
        height: 100%;
    }

    .tablet-p-col{
        width: auto;
    }.tablet-p-col0{
        width: 0.1%;
    }.tablet-p-col1{
        width: 8.333333%;
    }.tablet-p-col2{
        width: 16.666667%;
    }.tablet-p-col3{
        width: 25%;
    }.tablet-p-col4{
        width: 33.333333%;
    }.tablet-p-col5{
        width: 41.666667%;
    }.tablet-p-col6{
        width: 50%;
    }.tablet-p-col7{
        width: 58.333333%;
    }.tablet-p-col8{
        width: 66.666667%;
    }.tablet-p-col9{
        width: 75%;
    }.tablet-p-col10{
        width: 83.333333%;
    }.tablet-p-col11{
        width: 91.666667%;
    }.tablet-p-col12{
        width: 100%;
    }
	

	.tablet-p-hide{
		display: none !important;
	}

	

    .tablet-p-left{
        text-align: left;

    }.tablet-p-center{
        text-align: center;
    }.tablet-p-center *{
		text-align: center;
        margin-left: auto;
        margin-right: auto;

    }.tablet-p-right{
        text-align: right;
    }

    .tablet-p-top{
        vertical-align: top;
    }.tablet-p-middle{
        vertical-align: middle;
	}.tablet-p-middle *{
		vertical-align: middle;
		margin-top: auto;
		margin-bottom: auto;

    }.tablet-p-bottom{
        vertical-align: bottom;
    }

/*	.tablet-p-justify{
        text-align: justify;
    }*/

}
/* Responsible: tablet = landscape; */
@media screen and (min-width: 769px) and (max-width: 1023px) {

    .tablet-l-line{
        height: auto;
    }.tablet-l-line0{
        height: 0.1%;
    }.tablet-l-line1{
        height: 8.333333%;
    }.tablet-l-line2{
        height: 16.666667%;
    }.tablet-l-line3{
        height: 25%;
    }.tablet-l-line4{
        height: 33.333333%;
    }.tablet-l-line5{
        height: 41.666667%;
    }.tablet-l-line6{
        height: 50%;
    }.tablet-l-line7{
        height: 58.333333%;
    }.tablet-l-line8{
        height: 66.666667%;
    }.tablet-l-line9{
        height: 75%;
    }.tablet-l-line10{
        height: 83.333333%;
    }.tablet-l-line11{
        height: 91.666667%;
    }.tablet-l-line12{
        height: 100%;
    }


    .tablet-l-col{
        width: auto;
    }.tablet-l-col0{
        width: 0.1%;
    }.tablet-l-col1{
        width: 8.333333%;
    }.tablet-l-col2{
        width: 16.666667%;
    }.tablet-l-col3{
        width: 25%;
    }.tablet-l-col4{
        width: 33.333333%;
    }.tablet-l-col5{
        width: 41.666667%;
    }.tablet-l-col6{
        width: 50%;
    }.tablet-l-col7{
        width: 58.333333%;
    }.tablet-l-col8{
        width: 66.666667%;
    }.tablet-l-col9{
        width: 75%;
    }.tablet-l-col10{
        width: 83.333333%;
    }.tablet-l-col11{
        width: 91.666667%;
    }.tablet-l-col12{
        width: 100%;
    }

    .tablet-l-hide{
		display: none !important;
	}


    .tablet-l-left{
        text-align: left;

    }.tablet-l-center{
        text-align: center;
    }.tablet-l-center *{
        text-align: center;
        margin-left: auto;
        margin-right: auto;

    }.tablet-l-right{
        text-align: right;
    }

    .tablet-l-top{
        vertical-align: top;
    }.tablet-l-middle{
        vertical-align: middle;
    }.tablet-l-middle *{
        vertical-align: middle;
        margin-top: auto;
        margin-bottom: auto;

    }.tablet-l-bottom{
        vertical-align: bottom;
    }
/*
    .tablet-l-justify{
        text-align: justify;
    }
*/
}
/* Responsible: desktop = landscape; */
@media (min-width: 1024px){

    .limit,.desktop-limit{
        width: 80% !important;
        margin: auto !important;
    }

    [grid].desktop-limit-half{
        width: 80%;
    }

    [grid].desktop-content{
        padding: 40px; 
    }

    .desktop-padding-right{
        padding-right: 20px; 
    }.desktop-padding-left{
        padding-right: 20px; 
    }.desktop-padding-bottom{
        padding-bottom: 10px;
    }

    .desktop-margin{
        margin: 10px;
    }
    .desktop-padding{
        padding: 10px;
    }


    .desktop-line{
        height: auto;
    }.desktop-line0{
        height: 0.1%;
    }.desktop-line1{
        height: 8.333333%;
    }.desktop-line2{
        height: 16.666667%;
    }.desktop-line3{
        height: 25%;
    }.desktop-line4{
        height: 33.333333%;
    }.desktop-line5{
        height: 41.666667%;
    }.desktop-line6{
        height: 50%;
    }.desktop-line7{
        height: 58.333333%;
    }.desktop-line8{
        height: 66.666667%;
    }.desktop-line9{
        height: 75%;
    }.desktop-line10{
        height: 83.333333%;
    }.desktop-line11{
        height: 91.666667%;
    }.desktop-line12{
        height: 100%;
    }


    .desktop-col{
        width: auto;
    }.desktop-col0{
        width: 0.1%;
    }.desktop-col1{
        width: 8.333333%;
    }.desktop-col2{
        width: 16.666667%;
    }.desktop-col3{
        width: 25%;
    }.desktop-col4{
        width: 33.333333%;
    }.desktop-col5{
        width: 41.666667%;
    }.desktop-col6{
        width: 50%;
    }.desktop-col7{
        width: 58.333333%;
    }.desktop-col8{
        width: 66.666667%;
    }.desktop-col9{
        width: 75%;
    }.desktop-col10{
        width: 83.333333%;
    }.desktop-col11{
        width: 91.666667%;
    }.desktop-col12{
        width: 100%;
    }
    

    [grid].line {
        /*border: 5px solid red;*/
    }


    [grid].line{
        display: table;
        width: 100%;
    }

    [grid].line > [grid].column{
        display: table-cell;
            /*display: inline-flex;*/
        /*display: inline-block;*/
        /*height: 50%;*/
    }

    [grid].line > [grid].column:not(.line0):not(.line1):not(.line2):not(.line3):not(.line4):not(.line5):not(.line6):not(.line7):not(.line8):not(.line9):not(.line10):not(.line11):not(.line12){
		height: 50%;
	}

    .desktop-hide{
		display: none !important;
	}

 
    .left{

        text-align: left;
        align-items: flex-start;

        flex-direction: row ;
        justify-content: start ;

        margin: 0 auto 0 0;
    }.center{

        text-align: center;
        /*align-items: center;*/
        justify-content: center;
    }.center *{
        text-align: center;
        margin-left: auto;
        margin-right: auto;

    }.right{
        margin: 0 0 0 auto;
        text-align: right;
        align-items: flex-end;
        flex-direction: row ;
        justify-content: end ;
    }

	.top{

		vertical-align: top;
	    flex-direction: column;
	    justify-content: flex-start;
	}.middle{

		vertical-align: middle;
	    flex-direction: column;
	    justify-content: center;
	}.bottom{

		vertical-align: bottom;
	    flex-direction: column;
	    justify-content: flex-end;
	}


    .desktop-left{

        text-align: left;
        align-items: flex-start;

        flex-direction: row ;
        justify-content: start ;

        margin: 0 auto 0 0;
    }.desktop-center{

        text-align: center;
        /*align-items: center;*/
        justify-content: center;
    }.desktop-center *{
        text-align: center;
        margin-left: auto;
        margin-right: auto;

    }.desktop-right{
        margin: 0 0 0 auto;
        text-align: right;
        align-items: flex-end;
        flex-direction: row ;
        justify-content: end ;
    }


    /* scroll */

    .desktop-scroll {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }.desktop-scroll-fixed {
        display: block;
        /*width: 100%;*/
        height:100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
    }

}