@-ms-viewport {width: device-width;}
    *,*::before,*::after { box-sizing: inherit;}
    .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
    @media (min-width: 576px) { .container {   max-width: 540px; }}
    @media (min-width: 768px) { .container {   max-width: 720px; }}
    @media (min-width: 992px) { .container {   max-width: 960px; }}
    @media (min-width: 1200px) { .container {   max-width: 1140px; }}
    .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
    .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
    .no-gutters { margin-right: 0; margin-left: 0;}
    .no-gutters > .col,
    .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0;}
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
    .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
    .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
    .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
    .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
    .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
    .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
    .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;}
    .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
    .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
    .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
    .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
    .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
    .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
    .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
    .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
    .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .offset-1 { margin-left: 8.333333%;}
    .offset-2 { margin-left: 16.666667%;}
    .offset-3 { margin-left: 25%;}
    .offset-4 { margin-left: 33.333333%;}
    .offset-5 { margin-left: 41.666667%;}
    .offset-6 { margin-left: 50%;}
    .offset-7 { margin-left: 58.333333%;}
    .offset-8 { margin-left: 66.666667%;}
    .offset-9 { margin-left: 75%;}
    .offset-10 { margin-left: 83.333333%;}
    .offset-11 { margin-left: 91.666667%;}
    @media (min-width: 576px) { .col-sm {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%; } .col-sm-auto {   -webkit-box-flex: 0;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   width: auto;   max-width: none; } .col-sm-1 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%; } .col-sm-2 {   -webkit-box-flex: 0;   -ms-flex: 0 0 16.666667%;   flex: 0 0 16.666667%;   max-width: 16.666667%; } .col-sm-3 {   -webkit-box-flex: 0;   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%; } .col-sm-4 {   -webkit-box-flex: 0;   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%; } .col-sm-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666667%; } .col-sm-6 {   -webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%; } .col-sm-7 {   -webkit-box-flex: 0;   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%; } .col-sm-8 {   -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%; } .col-sm-9 {   -webkit-box-flex: 0;   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%; } .col-sm-10 {   -webkit-box-flex: 0;   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%; } .col-sm-11 {   -webkit-box-flex: 0;   -ms-flex: 0 0 91.666667%;   flex: 0 0 91.666667%;   max-width: 91.666667%; } .col-sm-12 {   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%; }    .offset-sm-0 {   margin-left: 0; } .offset-sm-1 {   margin-left: 8.333333%; } .offset-sm-2 {   margin-left: 16.666667%; } .offset-sm-3 {   margin-left: 25%; } .offset-sm-4 {   margin-left: 33.333333%; } .offset-sm-5 {   margin-left: 41.666667%; } .offset-sm-6 {   margin-left: 50%; } .offset-sm-7 {   margin-left: 58.333333%; } .offset-sm-8 {   margin-left: 66.666667%; } .offset-sm-9 {   margin-left: 75%; } .offset-sm-10 {   margin-left: 83.333333%; } .offset-sm-11 {   margin-left: 91.666667%; }}
    @media (min-width: 768px) { .col-md {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%; } .col-md-auto {   -webkit-box-flex: 0;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   width: auto;   max-width: none; } .col-md-1 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%; } .col-md-2 {   -webkit-box-flex: 0;   -ms-flex: 0 0 16.666667%;   flex: 0 0 16.666667%;   max-width: 16.666667%; } .col-md-3 {   -webkit-box-flex: 0;   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%; } .col-md-4 {   -webkit-box-flex: 0;   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%; } .col-md-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666667%; } .col-md-6 {   -webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%; } .col-md-7 {   -webkit-box-flex: 0;   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%; } .col-md-8 {   -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%; } .col-md-9 {   -webkit-box-flex: 0;   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%; } .col-md-10 {   -webkit-box-flex: 0;   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%; } .col-md-11 {   -webkit-box-flex: 0;   -ms-flex: 0 0 91.666667%;   flex: 0 0 91.666667%;   max-width: 91.666667%; } .col-md-12 {   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%; }  .offset-md-0 {   margin-left: 0; } .offset-md-1 {   margin-left: 8.333333%; } .offset-md-2 {   margin-left: 16.666667%; } .offset-md-3 {   margin-left: 25%; } .offset-md-4 {   margin-left: 33.333333%; } .offset-md-5 {   margin-left: 41.666667%; } .offset-md-6 {   margin-left: 50%; } .offset-md-7 {   margin-left: 58.333333%; } .offset-md-8 {   margin-left: 66.666667%; } .offset-md-9 {   margin-left: 75%; } .offset-md-10 {   margin-left: 83.333333%; } .offset-md-11 {   margin-left: 91.666667%; } }
    @media (min-width: 992px) { .col-lg {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%; } .col-lg-auto {   -webkit-box-flex: 0;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   width: auto;   max-width: none; } .col-lg-1 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%; } .col-lg-2 {   -webkit-box-flex: 0;   -ms-flex: 0 0 16.666667%;   flex: 0 0 16.666667%;   max-width: 16.666667%; } .col-lg-3 {   -webkit-box-flex: 0;   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%; } .col-lg-4 {   -webkit-box-flex: 0;   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%; } .col-lg-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666667%; } .col-lg-6 {   -webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%; } .col-lg-7 {   -webkit-box-flex: 0;   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%; } .col-lg-8 {   -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%; } .col-lg-9 {   -webkit-box-flex: 0;   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%; } .col-lg-10 {   -webkit-box-flex: 0;   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%; } .col-lg-11 {   -webkit-box-flex: 0;   -ms-flex: 0 0 91.666667%;   flex: 0 0 91.666667%;   max-width: 91.666667%; } .col-lg-12 {   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%; }
  .offset-lg-0 {   margin-left: 0; } .offset-lg-1 {   margin-left: 8.333333%; } .offset-lg-2 {   margin-left: 16.666667%; } .offset-lg-3 {   margin-left: 25%; } .offset-lg-4 {   margin-left: 33.333333%; } .offset-lg-5 {   margin-left: 41.666667%; } .offset-lg-6 {   margin-left: 50%; } .offset-lg-7 {   margin-left: 58.333333%; } .offset-lg-8 {   margin-left: 66.666667%; } .offset-lg-9 {   margin-left: 75%; } .offset-lg-10 {   margin-left: 83.333333%; } .offset-lg-11 {   margin-left: 91.666667%; }}
  @media (min-width: 1200px) { .col-xl {   -ms-flex-preferred-size: 0;   flex-basis: 0;   -webkit-box-flex: 1;   -ms-flex-positive: 1;   flex-grow: 1;   max-width: 100%; } .col-xl-auto {   -webkit-box-flex: 0;   -ms-flex: 0 0 auto;   flex: 0 0 auto;   width: auto;   max-width: none; } .col-xl-1 {   -webkit-box-flex: 0;   -ms-flex: 0 0 8.333333%;   flex: 0 0 8.333333%;   max-width: 8.333333%; } .col-xl-2 {   -webkit-box-flex: 0;   -ms-flex: 0 0 16.666667%;   flex: 0 0 16.666667%;   max-width: 16.666667%; } .col-xl-3 {   -webkit-box-flex: 0;   -ms-flex: 0 0 25%;   flex: 0 0 25%;   max-width: 25%; } .col-xl-4 {   -webkit-box-flex: 0;   -ms-flex: 0 0 33.333333%;   flex: 0 0 33.333333%;   max-width: 33.333333%; } .col-xl-5 {   -webkit-box-flex: 0;   -ms-flex: 0 0 41.666667%;   flex: 0 0 41.666667%;   max-width: 41.666667%; } .col-xl-6 {   -webkit-box-flex: 0;   -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%; } .col-xl-7 {   -webkit-box-flex: 0;   -ms-flex: 0 0 58.333333%;   flex: 0 0 58.333333%;   max-width: 58.333333%; } .col-xl-8 {   -webkit-box-flex: 0;   -ms-flex: 0 0 66.666667%;   flex: 0 0 66.666667%;   max-width: 66.666667%; } .col-xl-9 {   -webkit-box-flex: 0;   -ms-flex: 0 0 75%;   flex: 0 0 75%;   max-width: 75%; } .col-xl-10 {   -webkit-box-flex: 0;   -ms-flex: 0 0 83.333333%;   flex: 0 0 83.333333%;   max-width: 83.333333%; } .col-xl-11 {   -webkit-box-flex: 0;   -ms-flex: 0 0 91.666667%;   flex: 0 0 91.666667%;   max-width: 91.666667%; } .col-xl-12 {   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;   max-width: 100%; } .order-xl-first {   -webkit-box-ordinal-group: 0;   -ms-flex-order: -1;   order: -1; } .order-xl-last {   -webkit-box-ordinal-group: 14;   -ms-flex-order: 13;   order: 13; } .order-xl-0 {   -webkit-box-ordinal-group: 1;   -ms-flex-order: 0;   order: 0; } .order-xl-1 {   -webkit-box-ordinal-group: 2;   -ms-flex-order: 1;   order: 1; } .order-xl-2 {   -webkit-box-ordinal-group: 3;   -ms-flex-order: 2;   order: 2; } .order-xl-3 {   -webkit-box-ordinal-group: 4;   -ms-flex-order: 3;   order: 3; } .order-xl-4 {   -webkit-box-ordinal-group: 5;   -ms-flex-order: 4;   order: 4; } .order-xl-5 {   -webkit-box-ordinal-group: 6;   -ms-flex-order: 5;   order: 5; } .order-xl-6 {   -webkit-box-ordinal-group: 7;   -ms-flex-order: 6;   order: 6; } .order-xl-7 {   -webkit-box-ordinal-group: 8;   -ms-flex-order: 7;   order: 7; } .order-xl-8 {   -webkit-box-ordinal-group: 9;   -ms-flex-order: 8;   order: 8; } .order-xl-9 {   -webkit-box-ordinal-group: 10;   -ms-flex-order: 9;   order: 9; } .order-xl-10 {   -webkit-box-ordinal-group: 11;   -ms-flex-order: 10;   order: 10; } .order-xl-11 {   -webkit-box-ordinal-group: 12;   -ms-flex-order: 11;   order: 11; } .order-xl-12 {   -webkit-box-ordinal-group: 13;   -ms-flex-order: 12;   order: 12; } .offset-xl-0 {   margin-left: 0; } .offset-xl-1 {   margin-left: 8.333333%; } .offset-xl-2 {   margin-left: 16.666667%; } .offset-xl-3 {   margin-left: 25%; } .offset-xl-4 {   margin-left: 33.333333%; } .offset-xl-5 {   margin-left: 41.666667%; } .offset-xl-6 {   margin-left: 50%; } .offset-xl-7 {   margin-left: 58.333333%; } .offset-xl-8 {   margin-left: 66.666667%; } .offset-xl-9 {   margin-left: 75%; } .offset-xl-10 {   margin-left: 83.333333%; } .offset-xl-11 {   margin-left: 91.666667%; }}
  .d-none { display: none !important;}
  .d-inline { display: inline !important;}
  .d-inline-block { display: inline-block !important;}
  .d-block { display: block !important;}
  .d-table { display: table !important;}
  .d-table-row { display: table-row !important;}
  .d-table-cell { display: table-cell !important;}
  .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;}
  .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important;}
  @media (min-width: 576px) { .d-sm-none {   display: none !important; } .d-sm-inline {   display: inline !important; } .d-sm-inline-block {   display: inline-block !important; } .d-sm-block {   display: block !important; } .d-sm-table {   display: table !important; } .d-sm-table-row {   display: table-row !important; } .d-sm-table-cell {   display: table-cell !important; } .d-sm-flex {   display: -webkit-box !important;   display: -ms-flexbox !important;   display: flex !important; } .d-sm-inline-flex {   display: -webkit-inline-box !important;   display: -ms-inline-flexbox !important;   display: inline-flex !important; }}
  @media (min-width: 768px) { .d-md-none {   display: none !important; } .d-md-inline {   display: inline !important; } .d-md-inline-block {   display: inline-block !important; } .d-md-block {   display: block !important; } .d-md-table {   display: table !important; } .d-md-table-row {   display: table-row !important; } .d-md-table-cell {   display: table-cell !important; } .d-md-flex {   display: -webkit-box !important;   display: -ms-flexbox !important;   display: flex !important; } .d-md-inline-flex {   display: -webkit-inline-box !important;   display: -ms-inline-flexbox !important;   display: inline-flex !important; }}
  @media (min-width: 992px) { .d-lg-none {   display: none !important; } .d-lg-inline {   display: inline !important; } .d-lg-inline-block {   display: inline-block !important; } .d-lg-block {   display: block !important; } .d-lg-table {   display: table !important; } .d-lg-table-row {   display: table-row !important; } .d-lg-table-cell {   display: table-cell !important; } .d-lg-flex {   display: -webkit-box !important;   display: -ms-flexbox !important;   display: flex !important; } .d-lg-inline-flex {   display: -webkit-inline-box !important;   display: -ms-inline-flexbox !important;   display: inline-flex !important; }}
  @media (min-width: 1200px) { .d-xl-none {   display: none !important; } .d-xl-inline {   display: inline !important; } .d-xl-inline-block {   display: inline-block !important; } .d-xl-block {   display: block !important; } .d-xl-table {   display: table !important; } .d-xl-table-row {   display: table-row !important; } .d-xl-table-cell {   display: table-cell !important; } .d-xl-flex {   display: -webkit-box !important;   display: -ms-flexbox !important;   display: flex !important; } .d-xl-inline-flex {   display: -webkit-inline-box !important;   display: -ms-inline-flexbox !important;   display: inline-flex !important; }}
  @media print { .d-print-none {   display: none !important; } .d-print-inline {   display: inline !important; } .d-print-inline-block {   display: inline-block !important; } .d-print-block {   display: block !important; } .d-print-table {   display: table !important; } .d-print-table-row {   display: table-row !important; } .d-print-table-cell {   display: table-cell !important; } .d-print-flex {   display: -webkit-box !important;   display: -ms-flexbox !important;   display: flex !important; } .d-print-inline-flex {   display: -webkit-inline-box !important;   display: -ms-inline-flexbox !important;   display: inline-flex !important; }}
    

    /* :before psuedo-selector inserts and styles icon */
@font-face {
    font-family: 'typicons';
    src: url('fonts/icon/font/typicons.eot');
    src: url('fonts/icon/font/typicons.eot?#iefix') format('embedded-opentype'),
            url('fonts/icon/font/typicons.woff') format('woff'),
            url('fonts/icon/font/typicons.ttf') format('truetype'),
            url('fonts/icon/font/typicons.svg#typicons') format('svg');
    font-weight: normal;
    font-style: normal;
}
.typcn:before {
    font-family: 'typicons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    height: 1em;
    font-size: 1em;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.typcn-adjust-brightness:before { content: '\e000'; }.typcn-adjust-contrast:before { content: '\e001'; }.typcn-anchor-outline:before { content: '\e002'; }.typcn-anchor:before { content: '\e003'; }.typcn-archive:before { content: '\e004'; }.typcn-arrow-back-outline:before { content: '\e005'; }.typcn-arrow-back:before { content: '\e006'; }.typcn-arrow-down-outline:before { content: '\e007'; }.typcn-arrow-down-thick:before { content: '\e008'; }.typcn-arrow-down:before { content: '\e009'; }.typcn-arrow-forward-outline:before { content: '\e00a'; }.typcn-arrow-forward:before { content: '\e00b'; }.typcn-arrow-left-outline:before { content: '\e00c'; }.typcn-arrow-left-thick:before { content: '\e00d'; }.typcn-arrow-left:before { content: '\e00e'; }.typcn-arrow-loop-outline:before { content: '\e00f'; }.typcn-arrow-loop:before { content: '\e010'; }.typcn-arrow-maximise-outline:before { content: '\e011'; }.typcn-arrow-maximise:before { content: '\e012'; }.typcn-arrow-minimise-outline:before { content: '\e013'; }.typcn-arrow-minimise:before { content: '\e014'; }.typcn-arrow-move-outline:before { content: '\e015'; }.typcn-arrow-move:before { content: '\e016'; }.typcn-arrow-repeat-outline:before { content: '\e017'; }.typcn-arrow-repeat:before { content: '\e018'; }.typcn-arrow-right-outline:before { content: '\e019'; }.typcn-arrow-right-thick:before { content: '\e01a'; }.typcn-arrow-right:before { content: '\e01b'; }.typcn-arrow-shuffle:before { content: '\e01c'; }.typcn-arrow-sorted-down:before { content: '\e01d'; }.typcn-arrow-sorted-up:before { content: '\e01e'; }.typcn-arrow-sync-outline:before { content: '\e01f'; }.typcn-arrow-sync:before { content: '\e020'; }.typcn-arrow-unsorted:before { content: '\e021'; }.typcn-arrow-up-outline:before { content: '\e022'; }.typcn-arrow-up-thick:before { content: '\e023'; }.typcn-arrow-up:before { content: '\e024'; }.typcn-at:before { content: '\e025'; }.typcn-attachment-outline:before { content: '\e026'; }.typcn-attachment:before { content: '\e027'; }.typcn-backspace-outline:before { content: '\e028'; }.typcn-backspace:before { content: '\e029'; }.typcn-battery-charge:before { content: '\e02a'; }.typcn-battery-full:before { content: '\e02b'; }.typcn-battery-high:before { content: '\e02c'; }.typcn-battery-low:before { content: '\e02d'; }.typcn-battery-mid:before { content: '\e02e'; }.typcn-beaker:before { content: '\e02f'; }.typcn-beer:before { content: '\e030'; }.typcn-bell:before { content: '\e031'; }.typcn-book:before { content: '\e032'; }.typcn-bookmark:before { content: '\e033'; }.typcn-briefcase:before { content: '\e034'; }.typcn-brush:before { content: '\e035'; }.typcn-business-card:before { content: '\e036'; }.typcn-calculator:before { content: '\e037'; }.typcn-calendar-outline:before { content: '\e038'; }.typcn-calendar:before { content: '\e039'; }.typcn-camera-outline:before { content: '\e03a'; }.typcn-camera:before { content: '\e03b'; }.typcn-cancel-outline:before { content: '\e03c'; }.typcn-cancel:before { content: '\e03d'; }.typcn-chart-area-outline:before { content: '\e03e'; }.typcn-chart-area:before { content: '\e03f'; }.typcn-chart-bar-outline:before { content: '\e040'; }.typcn-chart-bar:before { content: '\e041'; }.typcn-chart-line-outline:before { content: '\e042'; }.typcn-chart-line:before { content: '\e043'; }.typcn-chart-pie-outline:before { content: '\e044'; }.typcn-chart-pie:before { content: '\e045'; }.typcn-chevron-left-outline:before { content: '\e046'; }.typcn-chevron-left:before { content: '\e047'; }.typcn-chevron-right-outline:before { content: '\e048'; }.typcn-chevron-right:before { content: '\e049'; }.typcn-clipboard:before { content: '\e04a'; }.typcn-cloud-storage:before { content: '\e04b'; }.typcn-cloud-storage-outline:before { content: '\e054'; }.typcn-code-outline:before { content: '\e04c'; }.typcn-code:before { content: '\e04d'; }.typcn-coffee:before { content: '\e04e'; }.typcn-cog-outline:before { content: '\e04f'; }.typcn-cog:before { content: '\e050'; }.typcn-compass:before { content: '\e051'; }.typcn-contacts:before { content: '\e052'; }.typcn-credit-card:before { content: '\e053'; }.typcn-css3:before { content: '\e055'; }.typcn-database:before { content: '\e056'; }.typcn-delete-outline:before { content: '\e057'; }.typcn-delete:before { content: '\e058'; }.typcn-device-desktop:before { content: '\e059'; }.typcn-device-laptop:before { content: '\e05a'; }.typcn-device-phone:before { content: '\e05b'; }.typcn-device-tablet:before { content: '\e05c'; }.typcn-directions:before { content: '\e05d'; }.typcn-divide-outline:before { content: '\e05e'; }.typcn-divide:before { content: '\e05f'; }.typcn-document-add:before { content: '\e060'; }.typcn-document-delete:before { content: '\e061'; }.typcn-document-text:before { content: '\e062'; }.typcn-document:before { content: '\e063'; }.typcn-download-outline:before { content: '\e064'; }.typcn-download:before { content: '\e065'; }.typcn-dropbox:before { content: '\e066'; }.typcn-edit:before { content: '\e067'; }.typcn-eject-outline:before { content: '\e068'; }.typcn-eject:before { content: '\e069'; }.typcn-equals-outline:before { content: '\e06a'; }.typcn-equals:before { content: '\e06b'; }.typcn-export-outline:before { content: '\e06c'; }.typcn-export:before { content: '\e06d'; }.typcn-eye-outline:before { content: '\e06e'; }.typcn-eye:before { content: '\e06f'; }.typcn-feather:before { content: '\e070'; }.typcn-film:before { content: '\e071'; }.typcn-filter:before { content: '\e072'; }.typcn-flag-outline:before { content: '\e073'; }.typcn-flag:before { content: '\e074'; }.typcn-flash-outline:before { content: '\e075'; }.typcn-flash:before { content: '\e076'; }.typcn-flow-children:before { content: '\e077'; }.typcn-flow-merge:before { content: '\e078'; }.typcn-flow-parallel:before { content: '\e079'; }.typcn-flow-switch:before { content: '\e07a'; }.typcn-folder-add:before { content: '\e07b'; }.typcn-folder-delete:before { content: '\e07c'; }.typcn-folder-open:before { content: '\e07d'; }.typcn-folder:before { content: '\e07e'; }.typcn-gift:before { content: '\e07f'; }.typcn-globe-outline:before { content: '\e080'; }.typcn-globe:before { content: '\e081'; }.typcn-group-outline:before { content: '\e082'; }.typcn-group:before { content: '\e083'; }.typcn-headphones:before { content: '\e084'; }.typcn-heart-full-outline:before { content: '\e085'; }.typcn-heart-half-outline:before { content: '\e086'; }.typcn-heart-outline:before { content: '\e087'; }.typcn-heart:before { content: '\e088'; }.typcn-home-outline:before { content: '\e089'; }.typcn-home:before { content: '\e08a'; }.typcn-html5:before { content: '\e08b'; }.typcn-image-outline:before { content: '\e08c'; }.typcn-image:before { content: '\e08d'; }.typcn-infinity-outline:before { content: '\e08e'; }.typcn-infinity:before { content: '\e08f'; }.typcn-info-large-outline:before { content: '\e090'; }.typcn-info-large:before { content: '\e091'; }.typcn-info-outline:before { content: '\e092'; }.typcn-info:before { content: '\e093'; }.typcn-input-checked-outline:before { content: '\e094'; }.typcn-input-checked:before { content: '\e095'; }.typcn-key-outline:before { content: '\e096'; }.typcn-key:before { content: '\e097'; }.typcn-keyboard:before { content: '\e098'; }.typcn-leaf:before { content: '\e099'; }.typcn-lightbulb:before { content: '\e09a'; }.typcn-link-outline:before { content: '\e09b'; }.typcn-link:before { content: '\e09c'; }.typcn-location-arrow-outline:before { content: '\e09d'; }.typcn-location-arrow:before { content: '\e09e'; }.typcn-location-outline:before { content: '\e09f'; }.typcn-location:before { content: '\e0a0'; }.typcn-lock-closed-outline:before { content: '\e0a1'; }.typcn-lock-closed:before { content: '\e0a2'; }.typcn-lock-open-outline:before { content: '\e0a3'; }.typcn-lock-open:before { content: '\e0a4'; }.typcn-mail:before { content: '\e0a5'; }.typcn-map:before { content: '\e0a6'; }.typcn-media-eject-outline:before { content: '\e0a7'; }.typcn-media-eject:before { content: '\e0a8'; }.typcn-media-fast-forward-outline:before { content: '\e0a9'; }.typcn-media-fast-forward:before { content: '\e0aa'; }.typcn-media-pause-outline:before { content: '\e0ab'; }.typcn-media-pause:before { content: '\e0ac'; }.typcn-media-play-outline:before { content: '\e0ad'; }.typcn-media-play-reverse-outline:before { content: '\e0ae'; }.typcn-media-play-reverse:before { content: '\e0af'; }.typcn-media-play:before { content: '\e0b0'; }.typcn-media-record-outline:before { content: '\e0b1'; }.typcn-media-record:before { content: '\e0b2'; }.typcn-media-rewind-outline:before { content: '\e0b3'; }.typcn-media-rewind:before { content: '\e0b4'; }.typcn-media-stop-outline:before { content: '\e0b5'; }.typcn-media-stop:before { content: '\e0b6'; }.typcn-message-typing:before { content: '\e0b7'; }.typcn-message:before { content: '\e0b8'; }.typcn-messages:before { content: '\e0b9'; }.typcn-microphone-outline:before { content: '\e0ba'; }.typcn-microphone:before { content: '\e0bb'; }.typcn-minus-outline:before { content: '\e0bc'; }.typcn-minus:before { content: '\e0bd'; }.typcn-mortar-board:before { content: '\e0be'; }.typcn-news:before { content: '\e0bf'; }.typcn-notes-outline:before { content: '\e0c0'; }.typcn-notes:before { content: '\e0c1'; }.typcn-pen:before { content: '\e0c2'; }.typcn-pencil:before { content: '\e0c3'; }.typcn-phone-outline:before { content: '\e0c4'; }.typcn-phone:before { content: '\e0c5'; }.typcn-pi-outline:before { content: '\e0c6'; }.typcn-pi:before { content: '\e0c7'; }.typcn-pin-outline:before { content: '\e0c8'; }.typcn-pin:before { content: '\e0c9'; }.typcn-pipette:before { content: '\e0ca'; }.typcn-plane-outline:before { content: '\e0cb'; }.typcn-plane:before { content: '\e0cc'; }.typcn-plug:before { content: '\e0cd'; }.typcn-plus-outline:before { content: '\e0ce'; }.typcn-plus:before { content: '\e0cf'; }.typcn-point-of-interest-outline:before { content: '\e0d0'; }.typcn-point-of-interest:before { content: '\e0d1'; }.typcn-power-outline:before { content: '\e0d2'; }.typcn-power:before { content: '\e0d3'; }.typcn-printer:before { content: '\e0d4'; }.typcn-puzzle-outline:before { content: '\e0d5'; }.typcn-puzzle:before { content: '\e0d6'; }.typcn-radar-outline:before { content: '\e0d7'; }.typcn-radar:before { content: '\e0d8'; }.typcn-refresh-outline:before { content: '\e0d9'; }.typcn-refresh:before { content: '\e0da'; }.typcn-rss-outline:before { content: '\e0db'; }.typcn-rss:before { content: '\e0dc'; }.typcn-scissors-outline:before { content: '\e0dd'; }.typcn-scissors:before { content: '\e0de'; }.typcn-shopping-bag:before { content: '\e0df'; }.typcn-shopping-cart:before { content: '\e0e0'; }.typcn-social-at-circular:before { content: '\e0e1'; }.typcn-social-dribbble-circular:before { content: '\e0e2'; }.typcn-social-dribbble:before { content: '\e0e3'; }.typcn-social-facebook-circular:before { content: '\e0e4'; }.typcn-social-facebook:before { content: '\e0e5'; }.typcn-social-flickr-circular:before { content: '\e0e6'; }.typcn-social-flickr:before { content: '\e0e7'; }.typcn-social-github-circular:before { content: '\e0e8'; }.typcn-social-github:before { content: '\e0e9'; }.typcn-social-google-plus-circular:before { content: '\e0ea'; }.typcn-social-google-plus:before { content: '\e0eb'; }.typcn-social-instagram-circular:before { content: '\e0ec'; }.typcn-social-instagram:before { content: '\e0ed'; }.typcn-social-last-fm-circular:before { content: '\e0ee'; }.typcn-social-last-fm:before { content: '\e0ef'; }.typcn-social-linkedin-circular:before { content: '\e0f0'; }.typcn-social-linkedin:before { content: '\e0f1'; }.typcn-social-pinterest-circular:before { content: '\e0f2'; }.typcn-social-pinterest:before { content: '\e0f3'; }.typcn-social-skype-outline:before { content: '\e0f4'; }.typcn-social-skype:before { content: '\e0f5'; }.typcn-social-tumbler-circular:before { content: '\e0f6'; }.typcn-social-tumbler:before { content: '\e0f7'; }.typcn-social-twitter-circular:before { content: '\e0f8'; }.typcn-social-twitter:before { content: '\e0f9'; }.typcn-social-vimeo-circular:before { content: '\e0fa'; }.typcn-social-vimeo:before { content: '\e0fb'; }.typcn-social-youtube-circular:before { content: '\e0fc'; }.typcn-social-youtube:before { content: '\e0fd'; }.typcn-sort-alphabetically-outline:before { content: '\e0fe'; }.typcn-sort-alphabetically:before { content: '\e0ff'; }.typcn-sort-numerically-outline:before { content: '\e100'; }.typcn-sort-numerically:before { content: '\e101'; }.typcn-spanner-outline:before { content: '\e102'; }.typcn-spanner:before { content: '\e103'; }.typcn-spiral:before { content: '\e104'; }.typcn-star-full-outline:before { content: '\e105'; }.typcn-star-half-outline:before { content: '\e106'; }.typcn-star-half:before { content: '\e107'; }.typcn-star-outline:before { content: '\e108'; }.typcn-star:before { content: '\e109'; }.typcn-starburst-outline:before { content: '\e10a'; }.typcn-starburst:before { content: '\e10b'; }.typcn-stopwatch:before { content: '\e10c'; }.typcn-support:before { content: '\e10d'; }.typcn-tabs-outline:before { content: '\e10e'; }.typcn-tag:before { content: '\e10f'; }.typcn-tags:before { content: '\e110'; }.typcn-th-large-outline:before { content: '\e111'; }.typcn-th-large:before { content: '\e112'; }.typcn-th-list-outline:before { content: '\e113'; }.typcn-th-list:before { content: '\e114'; }.typcn-th-menu-outline:before { content: '\e115'; }.typcn-th-menu:before { content: '\e116'; }.typcn-th-small-outline:before { content: '\e117'; }.typcn-th-small:before { content: '\e118'; }.typcn-thermometer:before { content: '\e119'; }.typcn-thumbs-down:before { content: '\e11a'; }.typcn-thumbs-ok:before { content: '\e11b'; }.typcn-thumbs-up:before { content: '\e11c'; }.typcn-tick-outline:before { content: '\e11d'; }.typcn-tick:before { content: '\e11e'; }.typcn-ticket:before { content: '\e11f'; }.typcn-time:before { content: '\e120'; }.typcn-times-outline:before { content: '\e121'; }.typcn-times:before { content: '\e122'; }.typcn-trash:before { content: '\e123'; }.typcn-tree:before { content: '\e124'; }.typcn-upload-outline:before { content: '\e125'; }.typcn-upload:before { content: '\e126'; }.typcn-user-add-outline:before { content: '\e127'; }.typcn-user-add:before { content: '\e128'; }.typcn-user-delete-outline:before { content: '\e129'; }.typcn-user-delete:before { content: '\e12a'; }.typcn-user-outline:before { content: '\e12b'; }.typcn-user:before { content: '\e12c'; }.typcn-vendor-android:before { content: '\e12d'; }.typcn-vendor-apple:before { content: '\e12e'; }.typcn-vendor-microsoft:before { content: '\e12f'; }.typcn-video-outline:before { content: '\e130'; }.typcn-video:before { content: '\e131'; }.typcn-volume-down:before { content: '\e132'; }.typcn-volume-mute:before { content: '\e133'; }.typcn-volume-up:before { content: '\e134'; }.typcn-volume:before { content: '\e135'; }.typcn-warning-outline:before { content: '\e136'; }.typcn-warning:before { content: '\e137'; }.typcn-watch:before { content: '\e138'; }.typcn-waves-outline:before { content: '\e139'; }.typcn-waves:before { content: '\e13a'; }.typcn-weather-cloudy:before { content: '\e13b'; }.typcn-weather-downpour:before { content: '\e13c'; }.typcn-weather-night:before { content: '\e13d'; }.typcn-weather-partly-sunny:before { content: '\e13e'; }.typcn-weather-shower:before { content: '\e13f'; }.typcn-weather-snow:before { content: '\e140'; }.typcn-weather-stormy:before { content: '\e141'; }.typcn-weather-sunny:before { content: '\e142'; }.typcn-weather-windy-cloudy:before { content: '\e143'; }.typcn-weather-windy:before { content: '\e144'; }.typcn-wi-fi-outline:before { content: '\e145'; }.typcn-wi-fi:before { content: '\e146'; }.typcn-wine:before { content: '\e147'; }.typcn-world-outline:before { content: '\e148'; }.typcn-world:before { content: '\e149'; }.typcn-zoom-in-outline:before { content: '\e14a'; }.typcn-zoom-in:before { content: '\e14b'; }.typcn-zoom-out-outline:before { content: '\e14c'; }.typcn-zoom-out:before { content: '\e14d'; }.typcn-zoom-outline:before { content: '\e14e'; }.typcn-zoom:before { content: '\e14f'; }
    
  html {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    scroll-behavior: smooth;

  }
  body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
  }
  article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
  }
  p{
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 15px;
    line-height: 1.6;
    letter-spacing: 0.2px;
    font-size: 16.5px;
  }
  img{max-width: 100%}
  
  figure{width: 100%;
    margin: auto;
    padding: 5px 20px;
  }
  figure img{
    display: inherit;
  }
  
  figcaption{
    background: #eee;
    text-align: center;
    font-size: 11.5px;
    padding: 3px;
    padding-top: 7px;
    color: #565656;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 1px 1px rgba(200,200,200,0.2);
  }
  .m-0{
    margin: 0;
  }
  .m-t-24{    
    margin-top: 24px;
  }
  .m-b-12{    
    margin-bottom: 24px;
  }
  .m-tb-30{
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .m-t-0{
    margin-top: 0px !important;
  }
  .p-10-0{
    padding: 10px 0;
  }
  .p-0{
    padding: 0px;
  }
  .b-b{
    border-bottom: 1px solid #dbdbdb;
    box-shadow: 0 0.5px 0.5px rgba(200, 200, 200,0.3);
  }
  .nav-logo{    
    padding: 20px;
    position: relative;
    z-index: 1;
  }
  .logo{
    padding:10px;
    display: block;    
  }
  .logo img{  
    max-width: 200px;
    max-height: 80px;
  }
  .alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }
  .alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
  }
  .alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
  }
  .alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
  }
  .alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
  }
  .slider{
    overflow: hidden;text-align: center;position: relative;
  }
  .s-title{
    text-align: left;position: absolute;bottom: 0;background: url(images/catPanelBackgroundBottom.png) right bottom no-repeat;padding: 0px 60px 0 15px;color:#fff ;opacity: 0.9;
  }
  .w-full{width: 100%;}

.main-nav{
  display: block;
  width: 100%;
  background: #000;
  z-index: 2;
  position: fixed;
  position: relative;
  height: 60px;
  z-index: 1;
}
.home{
  z-index: 1;
  position: inherit;
}
  
.main-menu{
  background: #5B3329;
  box-shadow: 0 2px 5px 1px rgba(0,0,0,0.3);
  position: relative; 
  z-index: 1;
}
ul.nav{
  list-style-type: none;
  position: absolute;  
  z-index: 2;
  text-align: left;
  line-height: 50px;
  width: 100%;
  padding: 0 20px;
  margin: 0;
}
li.nav {
    display:inline-block;    
    margin-right: 1px;
}
li.nav a {
    font-size: 15px;
    color:#fff;
    font-weight: 400;
    display:block;
    padding: 7px 14px;    
    text-align: center;
    line-height: 25px;            
    text-decoration: none;   
}
li.nav a:hover {
  background: rgba(0,0,0,0.2);
}
li.nav:hover ul.nav a {      
    line-height: 40px;
}
li.nav ul.nav {
    display: none;    
    background: #fff;
    border: 1.4px solid #eee;   
    border-bottom: 1.9px solid #eee;
    box-shadow: 0 1px 1px rgba(200, 200, 200,0.3);
    padding: 7px 0;
    position: absolute;
      width: auto;
}
li.nav ul.nav li.nav {
    display: block;
    float: none;    
}
li.nav ul.nav li.nav a {        
    color: #030303;
    padding: 0px 25px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
}
li.nav ul.nav li.nav a:hover {        
    color: #000;
    background: #eee;   
    width: 100%;
    text-align: left;
    
}
ul.hidden.nav{
  padding: 0px;  

}
ul.nav li.nav a:hover + .nav.hidden, .nav.hidden:hover {
  display: block;
}
.show-menu {    
    text-decoration: none;        
    text-align: left;
    display: none;
    position: absolute;
    left: 0;
    top: 20%;
    color:#fff;
    background: #000;
    transition: 0.3s;
}
.show-menu:hover{
  color:#000;
  background: #fff;
}
.show-menu i{
  font-size: 20px;    
  border: 2px solid #000;
  padding: 4px 8px;
}

#show-menu{
    display: none;
}


.space-menu{
  transform: rotate(90deg);
  display: inline-block;
  font-size: 12px;
}

#menu{
  
  position: inherit;
}

@media screen and (max-width : 760px){
  .logo{
    text-align:center
  }
  .navigasi>#menu{
    height: 0;   
    transition: 0.3s;
    transition: all 0.4s; 
    display: block;    
  }
  #show-menu:checked ~ .navigasi>#menu{
    display: block;    
    height: auto;
  }
  

  .space-menu{
      display: none;
    }
    .navigasi{
      max-height: 100%;
      overflow-y: auto;
      overflow-x: hidden;      
      z-index: 0;
      position: relative;
      background: #000;      
    }
    .navigasi ul.nav {
        position: static;
          
    }    
    .navigasi li.nav {
        margin-bottom: 1px;
    }    
    .navigasi ul.nav li.nav, li.nav a {
        width: 100%;      
    }
    .navigasi li.nav ul.nav li.nav a {    
      text-align: center;
    }
    .show-menu {
        display:block;
    }
    ul.nav li.nav a:hover + .nav.hidden, .nav.hidden:hover {
      display: block;
      position: relative;
    }
    
    
}

.sub-menu{
  text-align: right;
  background: #111517;
  height: auto;
}

.sub-menu .menu ul{
  padding: 0;
  list-style: none;
  display: inline-flex;
  margin: 25px;
}
.sub-menu .menu ul li a{
  text-decoration: none;
  padding: 11px 7px;
  transition: 0.3s;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 10px;
}
.sub-menu .menu ul li a:hover{
  color: #000;
  background: #fff;
}

.pull-right{
  float: right;
}


.form-group {
  margin-bottom: 1rem;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  outline: 0;  
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.head-menu{
  min-height: 70px;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover, .btn:focus {
  text-decoration: none;
  outline: none;
  cursor: pointer;
  background: #000;
  color: #fff;
  font-weight: 400
}

.btn-default{
  background: #000;
  text-decoration: none;
  color:#fff;
  font-weight: 700;
  border: 1px solid #14A3F2;
  border-bottom: 1.5px solid #14A3F2;
}
.btn-default:hover{
  color: #000;
  background:#fff;
  border: 1px solid #000;
  border-bottom: 1.5px solid #000;
}

.text-center{
  text-align:center;
}
.text-right{
  text-align:right;
}
.text-left{
  text-align:left;
}

footer{
  background: #111517;
  color:#888888;
  padding-top: 75px;
  padding-bottom: 100px;
  
}
.footer-list{
  margin-bottom: 15px;
}

.footer-list .icon{
  font-size: 20px;
  moz-animation:bounce 0.5s infinite;
  -webkit-animation:bounce 0.5s infinite;
  transition: 2s
}

.footer-list .logo{
  border-radius:100%;
  max-width: 200px;
  display: block;
  
}

.margin-right{
  margin-right: 10px;  
}

a{
  text-decoration: none;
  color: #000;
  transition:0.3s;
}
a:hover{
  color:#367dac

}

.footer-list .scm{
  border: 1px solid;
  border-radius: 4px;
  padding: 5px 7px;
  margin-right: 10px;
  display: ruby; 
}
.footer-list .scm:hover{
  background: #000;
  color:#fff;
}

.footer-list ul{
  padding:0;
  list-style: none;
}

.footer-list ul li{
  margin-bottom: 8px;
}
.footer-list ul li a{
  color:#000;
  font-size:14.5px;
}

.footer-list ul li a:hover{
  color:#367dac
}


.copyright{
  border-top: 0.01px solid #292929;
  padding: 15px;
  text-align: center;
  margin-top: 20px;
  display: block;
}
.backtotop{
  right: 40px;
  padding: 7px 12px;
  background: #484848;
  bottom: 20px;
  position: fixed;
  color: #fff;
  font-size: 18px;
}
main{
  margin-bottom: 100px;
}
.wrapper{
  padding:23px 0 1px 0;
}
.block-title{
  text-align: left;
  margin-bottom: 10px;
}
.block-title h1{
  background: #fff;
  display: inline-block;
  padding-right: 20px;
}
.block-title:after{
  content: "";
  height: 1px;
  z-index: -1;
  margin: 0;
  top: 20px;
  border: 0;
      border-top-color: currentcolor;
      border-top-style: none;
      border-top-width: 0px;
  border-top: 1px solid #eee;
  display: block;
  position: relative;
  top: -37px;
}
.wrapper-list{
  /* border-top: 4px solid #000; */
}
.list-1{
  background: #fff; 
  font-size:14.5px;
  box-shadow:0 1px 15px rgba(0,0,0,0.1);
  border: 1.5px solid rgba(0,0,0,0.1);
  margin-bottom: 15px;
  transition: 0.1s;
  position: relative;
}
.list-1:hover{
  
}
.list-1 .title{
  text-decoration: none;
  text-align: left;
  position: absolute;
  bottom: 0;
  background: url(../image/catPanelBackgroundBottom.png) right bottom no-repeat;
  padding: 0px 60px 0 15px;
  color: #fff;
  transition: 0.3s;
  opacity: 0.9;
  
}
.no-padding{
  padding:0;
}
.no-margin{
  margin:0;
}
.list-1 a,.list-1 a img{
  display: block;
}

.list-1 .desc{
  padding: 10px 8px;
  box-shadow: 0px -12px 6px -9px rgba(0,0,0,0.3);
  position: relative;  
}
.list-1 .desc .title{
  margin: 0;
  font-size:18px;
}

.profile{
  padding-bottom: 70px;
}
.profile .title{
  font-size:30px;
  margin-bottom: 15px;
  margin: auto;
}

.profile .block{
  font-size: 17px;
  line-height: 1.5;
  
}

.profile .image{
  display: block;  
  box-shadow: 0 12px 25px rgba(0,0,0,0.2);
}


.contact{
  font-size: 15px;
  margin-top: 20px;
  
}
.contact .caption{
  border-left: 2px solid #000;
  padding:0 7px;
  position: relative;
  bottom: 5px;
}

.contact-img img{  
  width: 28px;
  
}

.footer-item .title{
  color: #fff;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 19px;
  text-transform: uppercase;
}
.footer-desc{
  font-size: 15px;
  
}

.footer-list{
  font-size: 16px;
  padding-left: 15px;
  list-style-type: disclosure-closed;
}
.footer-list li{
  margin-bottom: 6px;
}
.footer-list li a{
  color: #888888;
}
.footer-copyright{
  margin-top: 35px;
}
.review{
  padding-bottom:40px;
}

.review .title{
  margin: 5px 0px;
}
.review .ratting i{
  font-size: 20px;
}

.review .ratting .fill{
  color: #e6b831
}

.button{
  background: #000;
  color:#fff;
  padding:9px 19px;
  border:1.5px solid #000;
  transition:0.3s;
  cursor: pointer;
}
.button:hover{
  background:#fff;
  color: #000;
}
.button2{
  background: #fff;
  color:#000;
  padding:7px 19px;
  border:1.5px solid #000;
  transition:0.3s;
  cursor: pointer;
}
.button2:hover{
  background:#000;
  color: #fff;
}
.sidebar{
  background: #F6F6F6;
  padding: 1px 17px;
  margin-bottom: 15px;
  border-left: 2px solid #f5f5f5;
  border-radius: 3px;
}
.sidebar .category{
  display: block;
  padding: 6px 16px;
  border: 2px solid;
  text-align: left;
  margin-bottom: 6px;
  font-size: 16px;
}
.sidebar .title{
  font-weight: 400;
  margin: 0px;
  border-bottom: 2px solid #ededed;
  padding: 7px 0;    
  padding-top: 10px;
  color: #444;
  font-size: 19px;
}
.sidebar ul{
  font-size: 15px;
  padding-left: 0px;
  list-style: none;
}
.sidebar ul li{
  
  padding:3px 0;
}
.sidebar ul li img{
  flex: 0 0 35%;
}
.sidebar ul li a{
  padding: 5px 10px;
  transition: 0.3s;
  display: table-cell;
  margin: auto;
}
.sidebar ul li a:hover{
  
}

.form-search{
  margin: auto 0;
  position: relative;
  display: block;
  width: 100%
}

.form-search .form-control{
  border:1.5px solid #000;
  border-radius: 0px;
  padding:10px 20px;
  padding-left: 50px;
  font-size: 13px;
}
.form-search i{
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 26px;
}

.head-contact{
  
}

.head-contact img{
  
  border-radius: 100%;
  width: 30px;
}
.contact .caption-head{
  margin-bottom: 5px;
  font-style: italic
}
.m-auto{
  margin: auto;
}
.m-h-10{
  margin: 10px auto;
}
.list-title{
  font-size:30px;
  text-align:center;
  font-weight: 400;
}

.bredcrumb{
  background: #F6F6F6;
  border-bottom: 2px solid #f3f3f3;
  padding: 8px 15px;
  font-size: 12.5px;
}

.bredcrumb ul{  
  list-style: none;
}

.bredcrumb span{
  color:#6b6767
}

.list-2{

  background: #fff; 
  font-size:14.5px;  
  margin-bottom: 15px;
  transition: 0.1s;

}
.list-2:hover{
  border-bottom:0;
}

.list-2 a img{
  display: block;
  border-radius: 3px;
}

.list-2 .ratting{
  margin-bottom: 21px;
}
.list-2 .ratting i{
  font-size: 20px;
}
.list-2 .ratting i.fill{
  color: #e9e749;
}

.list-2 .desc{
  padding: 10px 0px;
  box-shadow: 0px -12px 6px -9px rgba(0,0,0,0.3);
  position: relative;  
}
.list-2 .desc .title{
  margin: 0;
  margin-bottom: 12px;
  font-size: 18px;
}

.list-2 .button{
  padding-top: 5px;
  text-transform: uppercase;
  padding-bottom: 5px;
  display: inline;
  font-size: 14px; 
}
.list-2 .button i{
  position: relative;
  top: 0px;
  font-size: 17px;
  line-height: 17px;
  margin-left: 5px;
}
.list-3{
  background: #fff; 
  font-size:14.5px;  
  margin-bottom: 15px;
  transition: 0.1s;
  border:2px solid #000;
}

.list-3 a,.list-3 a img{
  display: block;
}

.list-3 .desc{
  padding: 10px 8px;
  box-shadow: 0px -12px 6px -9px rgba(0,0,0,0.3);
  position: relative;  
}
.list-3 .desc .title{
  margin: 0;
  font-size:18px;
}
.list-3 .button{
  padding: 5px 26px;
  text-transform: uppercase;
  display: inline;
  margin-bottom: 8px;
}
.time{
  margin: 7px 5px;
  font-size:13px;
}

.single-title{
  font-size: 27px;
  text-align: left;
  font-weight: 400;
  margin-top: 10px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  margin-bottom: 12px;

}
.single-title .sub{
  font-size:23px;
  text-align:left;
  font-weight: 400;
  margin-bottom: 5px;
}

.single-image{
  position: relative;  
  width: 100%;
  display: inline-block;
  text-align: center;
}
.single-image img{
  max-width: 100%;
  width:auto;
  display: unset !important;
}
.price{
  
}
.price span{
  font-size: 27px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #414141;
}
.price .caption{
  font-size: 18px;
}
.price .count{
  font-size: 21px;
  font-weight: 700;
  font-style: italic;
}
.single-call-us{  
  text-align: center;  
  padding: 10px 0;
  display: block;
  font-size: 20px;
  margin-top: 20px;
}
.single-call-us img{
  width: 35px;
}
.single-ratting{
  
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.single-ratting .stars{
margin-right: 10px;
}
.single-ratting .stars i{
  font-size: 19px;
}
.single-ratting .stars i.fill{
  font-size: 22px;
  color:#fbef02
}
.single-ratting .view{
  float: right

}
.single-ratting .view i{
  font-size: 20px;
}
.widget{
  border:1px solid #efefef;
  margin-top: 20px;
  font-size: 15px;
}
.widget .box-title{
  background: #EFEFEF;
  text-align: center;
}
.widget .box-title .title{
  margin-top: 0;
  color:#000;
  padding: 3px
}
.give-review{
  
  padding: 10px 0;
  margin-bottom: 40px;
}
.give-review .title{
  font-size: 18px;
  margin: 2px;
  color: #2d2d2d;
  text-transform: uppercase;
}
.give-review .review{
  font-size: 32px;  
  padding-bottom: 0;
}
.give-review .review label.fill{  
  color:#fbef02;
}
.single-contact{
  text-align: right;  
  padding-top:10px;
}
.single-contact .contact-img img{    
  width: 40px;
}
.single-contact .title{
  font-weight: 700;
  font-size: 15.5px;
  position: relative;
  bottom: 10px;
  margin-right: 10px;
}
.form-control{
  border-radius: 0px;
}
.form-review{
border:1px solid #F2F2F2;
  padding: 10px ;
  margin-top:24px;
}

.form-review .reviews{

}
.form-review .reviews .review{
  padding-bottom:0;
}
.form-review .reviews .title{
  position: relative;
  top: 10px;
  margin-right: 20px;
  font-weight: 700;
  background: #000;
  color: #fff;
  display: inline-table;
  padding: 2px 10px;
}
.form-review .reviews .review label{
  font-size: 27px;
}
.form-review .reviews .review label.fill{
  color: #fbef02;
}
.sub-gallery{
  display: inline-flex;
}
.sub-gallery .single-image{
  padding: 0px;
  margin-bottom: 6px;
  display: block;
}
.zoom-button{
  display: initial;
  position: absolute;
  bottom: 6px;
  right: 22px;
  font-size: 24px;
  padding: 0px 9px;
  cursor: pointer;
  background: #d1d1d1;
  border: 1px solid #d1d1d1;
  color: #383535;
  border-radius: 1px;
}

.tag .item{
  background: #000;
  color:#fff;
  border: 1px solid #000;
}
.tag .item:hover{
  background: #fff;
  color:#000;
}

.pagination{
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #fff;
}.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 2;
  color: #000;
  cursor: default;
  border-color: #000;
}
.pointer{
  cursor: pointer;  
  text-shadow: 0px 0px 0px #fbef02;
}
.pointer:hover{  
  color: #e1ec36;
}


@media screen and (max-width : 760px){
  .slider .caption h1{
    font-size:25px;
    line-height: 10px;
  }
  sidebar{-webkit-box-ordinal-group: 14;-ms-flex-order: 13;order: 13;}
}

.share-button {

  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #20b336;
  transition: 0.1s ease-in-out;
  z-index: 10;
  padding: 5px 20px;
  box-shadow: 0 6px 27px rgba(0,0,0,0.4);
  border-radius: 3px;
  border-bottom: 1.5px solid #1aa02d;
}
.share-button:hover {
  background: #34823e;
}
.share-button img {
  width: 19px;
  padding: 2px 0;
  margin-bottom: -5px;
}
.share-button span {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  bottom: 2px;
}