@charset "utf-8";


*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.container,
.container-fluid {padding-right: 80px;padding-left: 80px;width: 100%;max-width: 1480px;margin: auto;}
.container-fluid {max-width: 100%}

/* row and column */
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -20px;margin-left: -20px;}

[class*=col-] {padding-left: 20px;padding-right: 20px; position: relative;width: 100%;}
.no-gutters {margin-right: 0;margin-left: 0;}
.no-gutters > [class*="col-"] {padding-right: 0;padding-left: 0;}

/* column structure */
.col-auto {-webkit-box-flex: 0;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;}
.col-xxs-12 {width: 100%}
.col-xxs-11 {width: 91.66666667%}
.col-xxs-10 {width: 83.33333333%}
.col-xxs-9 {width: 75%}
.col-xxs-8 {width: 66.66666667%}
.col-xxs-7 {width: 58.33333333%}
.col-xxs-6 {width: 50%}
.col-xxs-5 {width: 41.66666667%}
.col-xxs-4 {width: 33.33333333%}
.col-xxs-3 {width: 25%}
.col-xxs-2 {width: 16.66666667%}
.col-xxs-1 {width: 8.33333333%}
.col-xxs-offset-12 {margin-left: 100%}
.col-xxs-offset-11 {margin-left: 91.66666667%}
.col-xxs-offset-10 {margin-left: 83.33333333%}
.col-xxs-offset-9 {margin-left: 75%}
.col-xxs-offset-8 {margin-left: 66.66666667%}
.col-xxs-offset-7 {margin-left: 58.33333333%}
.col-xxs-offset-6 {margin-left: 50%}
.col-xxs-offset-5 {margin-left: 41.66666667%}
.col-xxs-offset-4 {margin-left: 33.33333333%}
.col-xxs-offset-3 {margin-left: 25%}
.col-xxs-offset-2 {margin-left: 16.66666667%}
.col-xxs-offset-1 {margin-left: 8.33333333%}
.col-xxs-offset-0 {margin-left: 0}

@media (min-width:641px) {
    .col-xs-12 {width: 100%}
    .col-xs-11 {width: 91.66666667%}
    .col-xs-10 {width: 83.33333333%}
    .col-xs-9 {width: 75%}
    .col-xs-8 {width: 66.66666667%}
    .col-xs-7 {width: 58.33333333%}
    .col-xs-6 {width: 50%}
    .col-xs-5 {width: 41.66666667%}
    .col-xs-4 {width: 33.33333333%}
    .col-xs-3 {width: 25%}
    .col-xs-2 {width: 16.66666667%}
    .col-xs-1 {width: 8.33333333%}
    .col-xs-offset-12 {margin-left: 100%}
    .col-xs-offset-11 {margin-left: 91.66666667%}
    .col-xs-offset-10 {margin-left: 83.33333333%}
    .col-xs-offset-9 {margin-left: 75%}
    .col-xs-offset-8 {margin-left: 66.66666667%}
    .col-xs-offset-7 {margin-left: 58.33333333%}
    .col-xs-offset-6 {margin-left: 50%}
    .col-xs-offset-5 {margin-left: 41.66666667%}
    .col-xs-offset-4 {margin-left: 33.33333333%}
    .col-xs-offset-3 {margin-left: 25%}
    .col-xs-offset-2 {margin-left: 16.66666667%}
    .col-xs-offset-1 {margin-left: 8.33333333%}
    .col-xs-offset-0 {margin-left: 0}
}
@media (min-width:768px) {
    .col-sm-12 {width: 100%}
    .col-sm-11 {width: 91.66666667%}
    .col-sm-10 {width: 83.33333333%}
    .col-sm-9 {width: 75%}
    .col-sm-8 {width: 66.66666667%}
    .col-sm-7 {width: 58.33333333%}
    .col-sm-6 {width: 50%}
    .col-sm-5 {width: 41.66666667%}
    .col-sm-4 {width: 33.33333333%}
    .col-sm-3 {width: 25%}
    .col-sm-2 {width: 16.66666667%}
    .col-sm-1 {width: 8.33333333%}
    .col-sm-offset-12 {margin-left: 100%}
    .col-sm-offset-11 {margin-left: 91.66666667%}
    .col-sm-offset-10 {margin-left: 83.33333333%}
    .col-sm-offset-9 {margin-left: 75%}
    .col-sm-offset-8 {margin-left: 66.66666667%}
    .col-sm-offset-7 {margin-left: 58.33333333%}
    .col-sm-offset-6 {margin-left: 50%}
    .col-sm-offset-5 {margin-left: 41.66666667%}
    .col-sm-offset-4 {margin-left: 33.33333333%}
    .col-sm-offset-3 {margin-left: 25%}
    .col-sm-offset-2 {margin-left: 16.66666667%}
    .col-sm-offset-1 {margin-left: 8.33333333%}
    .col-sm-offset-0 {margin-left: 0}
}
@media (min-width:1024px) {
    .col-md-12 {width: 100%}
    .col-md-11 {width: 91.66666667%}
    .col-md-10 {width: 83.33333333%}
    .col-md-9 {width: 75%}
    .col-md-8 {width: 66.66666667%}
    .col-md-7 {width: 58.33333333%}
    .col-md-6 {width: 50%}
    .col-md-5 {width: 41.66666667%}
    .col-md-4 {width: 33.33333333%}
    .col-md-3 {width: 25%}
    .col-md-2 {width: 16.66666667%}
    .col-md-1 {width: 8.33333333%}
    .col-md-offset-12 {margin-left: 100%}
    .col-md-offset-11 {margin-left: 91.66666667%}
    .col-md-offset-10 {margin-left: 83.33333333%}
    .col-md-offset-9 {margin-left: 75%}
    .col-md-offset-8 {margin-left: 66.66666667%}
    .col-md-offset-7 {margin-left: 58.33333333%}
    .col-md-offset-6 {margin-left: 50%}
    .col-md-offset-5 {margin-left: 41.66666667%}
    .col-md-offset-4 {margin-left: 33.33333333%}
    .col-md-offset-3 {margin-left: 25%}
    .col-md-offset-2 {margin-left: 16.66666667%}
    .col-md-offset-1 {margin-left: 8.33333333%}
    .col-md-offset-0 {margin-left: 0}
}


/*---------------------------------------------------*/
@media (max-width: 640px) {
    .hidden-xxs-down {display: none !important;}
}
@media (min-width: 641px) {
    .hidden-xs-up {display: none !important;}
}
/*---------------------------------------------------*/
@media (max-width: 767px) {
    .hidden-xs-down {display: none !important;}
}
@media (min-width: 768px) {
    .hidden-sm-up {display: none !important;}
}
/*---------------------------------------------------*/
@media (max-width: 1023px) {
    .hidden-sm-down {display: none !important;}
}
@media (min-width: 1024px) {
    .hidden-md-up {display: none !important;}
}



/* img */
img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}


/* align class */
.alignnone{float: none; margin: 20px 0;}
.aligncenter {display: block; clear:both; margin:20px auto;}
.alignleft {float: left; margin: 0 20px 20px 0; }
.alignright {float: right; margin: 0 0 20px 20px;}

/* text alignment */
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-justify{text-align: justify;}

/* mange spacing */
.space-small{ padding-top: 30px; padding-bottom: 30px; }
.space-medium { padding-top: 50px; padding-bottom: 50px; }
.no-margin{margin: 0 !important;}
.no-padding{padding: 0 !important;}
.no-bdr{border-width: 0 !important}

/* clear element when using */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }