html,body{font-family:sans-serif;line-height:1.5;margin: 0;overflow-x:hidden;overflow-x:hidden;}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
.ca-display-container{position:relative}

/*display class*/
.ca-display-topleft{position:absolute;left:0;top:0}.ca-display-topright{position:absolute;right:0;top:0}
.ca-display-bottomleft{position:absolute;left:0;bottom:0}.ca-display-bottomright{position:absolute;right:0;bottom:0}
.ca-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.ca-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);}
.ca-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);}
.ca-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);}
.ca-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);}

.ca-wide{letter-spacing:4px}

/* Positioning*/
.ca-pull-left{float:left!important}
.ca-pull-right{float:right!important}
.ca-pull-center{text-align:center!important;}

.ca-margin{margin:16px!important}.ca-margin-top{margin-top:16px!important}.ca-margin-bottom{margin-bottom:16px!important}
.ca-margin-left{margin-left:16px!important}.ca-margin-right{margin-right:16px!important}
.ca-padding-small{padding:4px 8px!important}.ca-padding{padding:8px 16px!important}.ca-padding-large{padding:12px 24px!important}
.ca-padding-16{padding-top:16px!important;padding-bottom:16px!important}.ca-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.ca-padding-32{padding-top:32px!important;padding-bottom:32px!important}.ca-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.ca-padding-64{padding-top:64px!important;padding-bottom:64px!important}

/* Input class*/
.ca-input{padding:8px;display:block;border:none;width:100%}
.ca-select{width:100%;border:none;}
.ca-border-0{border:0!important}.ca-border{border:1px solid #ccc!important}
.ca-border-top{border-top:1px solid #ccc!important}.ca-border-bottom{border-bottom:1px solid #ccc!important}
.ca-border-left{border-left:1px solid #ccc!important}.ca-border-right{border-right:1px solid #ccc!important}

/* Button class*/
.ca-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.ca-button{user-select:none}
.ca-button:disabled{cursor:not-allowed;opacity:0.3}.ca-disabled *,:disabled *{pointer-events:none}
.ca-red,.ca-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.ca-green,.ca-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.ca-blue,.ca-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}

/*Text color*/
.ca-black-color {color:#000!important;}
.ca-white-color {color:#fff!important;}

/* Layout class*/
.ca-cell-row{display:table;width:100%;}.ca-cell{display:table-cell}
.ca-cell-top{vertical-align:top}.ca-cell-middle{vertical-align:middle}.ca-cell-bottom{vertical-align:bottom}
.row::after {
    content: "";
    clear: both;
    display: table;
}	

.ca-container{padding: 0px;}
.ca-container:after,.ca-container:before
{content:"";display:table;clear:both}

.ca-content 
{
margin: 0 auto;  
}
/* Responsive class*/
.ca-col,
.ca-half,
.ca-third,
.ca-twothird,
.ca-threequarter,
.ca-quarter {
    float: left;
    width: 100%;
    padding:0 8px;
}
 /* For mobile phones: */
[class*="col-"] 
{
        width: 100%;
        float: left;
} 
[class*="col-"] {
    float: left;
    padding: 15px;
}
@media (min-width:600px) {
    .ca-col.m1 {
        width: 8.33333%
    }
    .ca-col.m2 {
        width: 16.66666%
    }
    .ca-col.m3,
    .ca-quarter {
        width: 24.99999%
    }
    .ca-col.m4,
    .ca-third {
        width: 33.33333%
    }
    .ca-col.m5 {
        width: 41.66666%
    }
    .ca-col.m6,
    .ca-half {
        width: 49.99999%
    }
    .ca-col.m7 {
        width: 58.33333%
    }
    .ca-col.m8,
    .ca-twothird {
        width: 66.66666%
    }
    .ca-col.m9,
    .ca-threequarter {
        width: 74.99999%
    }
    .ca-col.m10 {
        width: 83.33333%
    }
    .ca-col.m11 {
        width: 91.66666%
    }
    .ca-col.m12 {
        width: 99.99999%
    }
}
@media (min-width:993px) {
    .ca-col.l1 {
        width: 8.33333%
    }
    .ca-col.l2 {
        width: 16.66666%
    }
    .ca-col.l3 {
        width: 24.99999%
    }
    .ca-col.l4 {
        width: 33.33333%
    }
    .ca-col.l5 {
        width: 41.66666%
    }
    .ca-col.l6 {
        width: 49.99999%
    }
    .ca-col.l7 {
        width: 58.33333%
    }
    .ca-col.l8 {
        width: 66.66666%
    }
    .ca-col.l9 {
        width: 74.99999%
    }
    .ca-col.l10 {
        width: 83.33333%
    }
    .ca-col.l11 {
        width: 91.66666%
    }
    .ca-col.l12 {
        width: 99.99999%
    }
}