.jssorl-004-double-tail-spin img {
    animation-name: jssorl-004-double-tail-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-004-double-tail-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.jssorb031 {
    position: absolute;
}

.jssorb031 .i {
    position: absolute;
    cursor: pointer;
}

.jssorb031 .i .b {
    fill: rgb(0, 0, 0);
    fill-opacity: 0.6;
    stroke: rgb(255, 255, 255);
    stroke-width: 1600;
    stroke-miterlimit: 10;
    stroke-opacity: 0.8;
}

.jssorb031 .i:hover .b {
    fill: rgb(255, 255, 255);
    fill-opacity: 1;
    stroke: rgb(0, 0, 0);
    stroke-opacity: 1;
}

.jssorb031 .iav .b {
    fill: rgb(255, 255, 255);
    stroke: rgb(0, 0, 0);
    stroke-width: 1600;
    fill-opacity: 0.6;
}

.jssorb031 .i.idn {
    opacity: 0.3;
}

.jssora051 {
    display: block;
    position: absolute;
    cursor: pointer;
}

.jssora051 .a {
    fill: none;
    stroke: rgb(255, 255, 255);
    stroke-width: 360;
    stroke-miterlimit: 10;
}

.jssora051:hover {
    opacity: 0.8;
}

.jssora051.jssora051dn {
    opacity: 0.5;
}

.jssora051.jssora051ds {
    opacity: 0.3;
    pointer-events: none;
}

@font-face {
    font-family: UTMImpact;
    src: local("UTMImpact"), url("fonts/UTMImpact.ttf") format("truetype"), url("fonts/UTMImpact.woff") format("woff"), url("fonts/UTMImpact.eot");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: SVN-ProductSans;
    src: local("SVN-ProductSans"), url("fonts/SVN-ProductSans.ttf") format("truetype"), url("fonts/SVN-ProductSans.woff") format("woff"), url("fonts/SVN-ProductSans.eot");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: SVN-ProductSans;
    src: local("SVN-ProductSansBold"), url("fonts/SVN-ProductSansBold.ttf") format("truetype"), url("fonts/SVN-ProductSansBold.woff") format("woff"), url("fonts/SVN-ProductSansBold.eot");
    font-style: normal;
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: Oswald;
    src: local("Oswald-Regular"), url("fonts/Oswald-Regular.ttf") format("truetype"), url("fonts/Oswald-Regular.woff") format("woff"), url("fonts/Oswald-Regular.eot");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: Oswald;
    src: local("Oswald-Bold"), url("fonts/Oswald-Bold.ttf") format("truetype"), url("fonts/Oswald-Bold.woff") format("woff"), url("fonts/Oswald-Bold.eot");
    font-style: normal;
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: Roboto;
    src: local("RobotoRegular"), url("fonts/RobotoRegular.ttf") format("truetype"), url("fonts/RobotoRegular.woff") format("woff"), url("fonts/RobotoRegular.eot");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: Roboto;
    src: local("RobotoMedium"), url("fonts/RobotoMedium.ttf") format("truetype"), url("fonts/RobotoMedium.woff") format("woff"), url("fonts/RobotoMedium.eot");
    font-style: normal;
    font-weight: 500;
    font-display: block;
}

@font-face {
    font-family: Roboto;
    src: local("RobotoBold"), url("fonts/RobotoBold.ttf") format("truetype"), url("fonts/RobotoBold.woff") format("woff"), url("fonts/RobotoBold.eot");
    font-style: normal;
    font-weight: 700;
    font-display: block;
}

html {
    font-family: sans-serif;
    text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0px;
}

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
    color: rgb(214, 13, 33);
}

a:active, a:hover {
    outline: 0px;
}

abbr[title] {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
}

mark {
    background: rgb(255, 255, 0);
    color: rgb(0, 0, 0);
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0px;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0px;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0px;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

input {
    line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0px;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    appearance: none;
}

fieldset {
    border: 1px solid rgb(192, 192, 192);
    margin: 0px 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0px;
    padding: 0px;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

td, th {
    padding: 0px;
}

@media print {
    *, ::before, ::after {
        color: rgb(0, 0, 0) !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

    a[href]::after {
        content: " (" attr(href) ")";
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]::after, a[href^="javascript:"]::after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid rgb(153, 153, 153);
        break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: rgb(0, 0, 0) !important;
    }

    .label {
        border: 1px solid rgb(0, 0, 0);
    }

    .table {
        border-collapse: collapse !important;
    }

    .table td, .table th {
        background-color: rgb(255, 255, 255) !important;
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid rgb(221, 221, 221) !important;
    }
}

* {
    box-sizing: border-box;
}

::before, ::after {
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: rgb(51, 122, 183);
    text-decoration: none;
}

a:hover, a:focus {
    color: rgb(35, 82, 124);
    text-decoration: underline;
    outline: none;
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

figure {
    margin: 0px;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    transition: 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: rgb(238, 238, 238) currentcolor currentcolor;
    border-image: initial;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    border: 0px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0px;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    margin-top: 0px;
    margin-bottom: 10px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: inherit;
    color: rgb(119, 119, 119);
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 65%;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%;
}

h1, .h1 {
    font-size: 36px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 14px;
}

h6, .h6 {
    font-size: 12px;
}

p {
    margin: 0px 0px 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

small, .small {
    font-size: 85%;
}

mark, .mark {
    padding: 0.2em;
    background-color: rgb(252, 248, 227);
}

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

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

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

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: rgb(119, 119, 119);
}

.text-primary {
    color: rgb(51, 122, 183);
}

a.text-primary:hover, a.text-primary:focus {
    color: rgb(40, 96, 144);
}

.text-success {
    color: rgb(60, 118, 61);
}

a.text-success:hover, a.text-success:focus {
    color: rgb(43, 84, 44);
}

.text-info {
    color: rgb(49, 112, 143);
}

a.text-info:hover, a.text-info:focus {
    color: rgb(36, 82, 105);
}

.text-warning {
    color: rgb(138, 109, 59);
}

a.text-warning:hover, a.text-warning:focus {
    color: rgb(102, 81, 44);
}

.text-danger {
    color: rgb(169, 68, 66);
}

a.text-danger:hover, a.text-danger:focus {
    color: rgb(132, 53, 52);
}

.bg-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(51, 122, 183);
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: rgb(40, 96, 144);
}

.bg-success {
    background-color: rgb(223, 240, 216);
}

a.bg-success:hover, a.bg-success:focus {
    background-color: rgb(193, 226, 179);
}

.bg-info {
    background-color: rgb(217, 237, 247);
}

a.bg-info:hover, a.bg-info:focus {
    background-color: rgb(175, 217, 238);
}

.bg-warning {
    background-color: rgb(252, 248, 227);
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: rgb(247, 236, 181);
}

.bg-danger {
    background-color: rgb(242, 222, 222);
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: rgb(228, 185, 185);
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0px 20px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

ul, ol {
    margin-top: 0px;
    margin-bottom: 10px;
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0px;
}

.list-unstyled {
    padding-left: 0px;
    list-style: none;
}

.list-inline {
    padding-left: 0px;
    list-style: none;
    margin-left: -5px;
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

dl {
    margin-top: 0px;
    margin-bottom: 20px;
}

dt, dd {
    line-height: 1.42857;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0px;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    padding: 10px 20px;
    margin: 0px 0px 20px;
    font-size: 17.5px;
    border-left: 5px solid rgb(238, 238, 238);
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0px;
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: rgb(119, 119, 119);
}

blockquote footer::before, blockquote small::before, blockquote .small::before {
    content: "— ";
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0px;
    text-align: right;
    border-right: 5px solid rgb(238, 238, 238);
    border-left: 0px;
}

.blockquote-reverse footer::before, blockquote.pull-right footer::before, .blockquote-reverse small::before, blockquote.pull-right small::before, .blockquote-reverse .small::before, blockquote.pull-right .small::before {
    content: "";
}

.blockquote-reverse footer::after, blockquote.pull-right footer::after, .blockquote-reverse small::after, blockquote.pull-right small::after, .blockquote-reverse .small::after, blockquote.pull-right .small::after {
    content: " —";
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857;
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: rgb(199, 37, 78);
    background-color: rgb(249, 242, 244);
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: rgb(255, 255, 255);
    background-color: rgb(51, 51, 51);
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px inset;
}

kbd kbd {
    padding: 0px;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0px 0px 10px;
    font-size: 13px;
    line-height: 1.42857;
    color: rgb(51, 51, 51);
    word-break: break-all;
    overflow-wrap: break-word;
    background-color: rgb(245, 245, 245);
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
}

pre code {
    padding: 0px;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0px;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

table {
    background-color: transparent;
}

table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: rgb(119, 119, 119);
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid rgb(221, 221, 221);
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid rgb(221, 221, 221);
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0px;
}

.table > tbody + tbody {
    border-top: 2px solid rgb(221, 221, 221);
}

.table .table {
    background-color: rgb(255, 255, 255);
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid rgb(221, 221, 221);
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid rgb(221, 221, 221);
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: rgb(249, 249, 249);
}

.table-hover > tbody > tr:hover {
    background-color: rgb(245, 245, 245);
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: rgb(245, 245, 245);
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: rgb(232, 232, 232);
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: rgb(223, 240, 216);
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: rgb(208, 233, 198);
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: rgb(217, 237, 247);
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: rgb(196, 227, 243);
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: rgb(252, 248, 227);
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: rgb(250, 242, 204);
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: rgb(242, 222, 222);
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: rgb(235, 204, 204);
}

.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    border: 1px solid rgb(221, 221, 221);
}

.table-responsive > .table {
    margin-bottom: 0px;
}

.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
}

.table-responsive > .table-bordered {
    border: 0px;
}

.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0px;
}

.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0px;
}

.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0px;
}

fieldset {
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

legend {
    display: block;
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: rgb(51, 51, 51);
    border-width: 0px 0px 1px;
    border-style: none none solid;
    border-color: currentcolor currentcolor rgb(229, 229, 229);
    border-image: initial;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type="search"] {
    box-sizing: border-box;
    appearance: none;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0px 0px;
    line-height: normal;
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(85, 85, 85);
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(85, 85, 85);
    background-color: #f2f2f2;
    background-image: none;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 0px;
    /*box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;*/
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
    border-color: rgb(102, 175, 233);
    outline: 0px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px;
}

.form-control::-webkit-input-placeholder {
    color: rgb(153, 153, 153);
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: rgb(238, 238, 238);
    opacity: 1;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px;
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 30px;
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0px;
    font-weight: 400;
    cursor: pointer;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px;
}

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0px;
    margin-left: 10px;
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0px;
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-right: 0px;
    padding-left: 0px;
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm, select[multiple].input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
}

select.input-lg {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg, select[multiple].input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 42.5px;
}

.form-control-feedback {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: rgb(60, 118, 61);
}

.has-success .form-control {
    border-color: rgb(60, 118, 61);
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}

.has-success .form-control:focus {
    border-color: rgb(43, 84, 44);
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(103, 177, 104) 0px 0px 6px;
}

.has-success .input-group-addon {
    color: rgb(60, 118, 61);
    background-color: rgb(223, 240, 216);
    border-color: rgb(60, 118, 61);
}

.has-success .form-control-feedback {
    color: rgb(60, 118, 61);
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: rgb(138, 109, 59);
}

.has-warning .form-control {
    border-color: rgb(138, 109, 59);
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}

.has-warning .form-control:focus {
    border-color: rgb(102, 81, 44);
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(192, 161, 107) 0px 0px 6px;
}

.has-warning .input-group-addon {
    color: rgb(138, 109, 59);
    background-color: rgb(252, 248, 227);
    border-color: rgb(138, 109, 59);
}

.has-warning .form-control-feedback {
    color: rgb(138, 109, 59);
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: rgb(169, 68, 66);
}

.has-error .form-control {
    border-color: rgb(169, 68, 66);
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset;
}

.has-error .form-control:focus {
    border-color: rgb(132, 53, 52);
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(206, 132, 131) 0px 0px 6px;
}

.has-error .input-group-addon {
    color: rgb(169, 68, 66);
    background-color: rgb(242, 222, 222);
    border-color: rgb(169, 68, 66);
}

.has-error .form-control-feedback {
    color: rgb(169, 68, 66);
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0px;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: rgb(115, 115, 115);
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

.btn {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    user-select: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.btn:hover, .btn:focus, .btn.focus {
    color: rgb(51, 51, 51);
    text-decoration: none;
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0px;
    box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
    border-color: rgb(204, 204, 204);
}

.btn-default:focus, .btn-default.focus {
    color: rgb(51, 51, 51);
    background-color: rgb(230, 230, 230);
    border-color: rgb(140, 140, 140);
}

.btn-default:hover {
    color: rgb(51, 51, 51);
    background-color: rgb(230, 230, 230);
    border-color: rgb(173, 173, 173);
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: rgb(51, 51, 51);
    background-color: rgb(230, 230, 230);
    background-image: none;
    border-color: rgb(173, 173, 173);
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    color: rgb(51, 51, 51);
    background-color: rgb(212, 212, 212);
    border-color: rgb(140, 140, 140);
}

.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
    background-color: rgb(255, 255, 255);
    border-color: rgb(204, 204, 204);
}

.btn-default .badge {
    color: rgb(255, 255, 255);
    background-color: rgb(51, 51, 51);
}

.btn-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(51, 122, 183);
    border-color: rgb(46, 109, 164);
}

.btn-primary:focus, .btn-primary.focus {
    color: rgb(255, 255, 255);
    background-color: rgb(40, 96, 144);
    border-color: rgb(18, 43, 64);
}

.btn-primary:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(40, 96, 144);
    border-color: rgb(32, 77, 116);
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(40, 96, 144);
    background-image: none;
    border-color: rgb(32, 77, 116);
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: rgb(255, 255, 255);
    background-color: rgb(32, 77, 116);
    border-color: rgb(18, 43, 64);
}

.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background-color: rgb(51, 122, 183);
    border-color: rgb(46, 109, 164);
}

.btn-primary .badge {
    color: rgb(51, 122, 183);
    background-color: rgb(255, 255, 255);
}

.btn-success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}

.btn-success:focus, .btn-success.focus {
    color: rgb(255, 255, 255);
    background-color: rgb(68, 157, 68);
    border-color: rgb(37, 86, 37);
}

.btn-success:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(68, 157, 68);
    border-color: rgb(57, 132, 57);
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: rgb(255, 255, 255);
    background-color: rgb(68, 157, 68);
    background-image: none;
    border-color: rgb(57, 132, 57);
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 132, 57);
    border-color: rgb(37, 86, 37);
}

.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}

.btn-success .badge {
    color: rgb(92, 184, 92);
    background-color: rgb(255, 255, 255);
}

.btn-info {
    color: rgb(255, 255, 255);
    background-color: rgb(91, 192, 222);
    border-color: rgb(70, 184, 218);
}

.btn-info:focus, .btn-info.focus {
    color: rgb(255, 255, 255);
    background-color: rgb(49, 176, 213);
    border-color: rgb(27, 109, 133);
}

.btn-info:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(49, 176, 213);
    border-color: rgb(38, 154, 188);
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: rgb(255, 255, 255);
    background-color: rgb(49, 176, 213);
    background-image: none;
    border-color: rgb(38, 154, 188);
}

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    color: rgb(255, 255, 255);
    background-color: rgb(38, 154, 188);
    border-color: rgb(27, 109, 133);
}

.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
    background-color: rgb(91, 192, 222);
    border-color: rgb(70, 184, 218);
}

.btn-info .badge {
    color: rgb(91, 192, 222);
    background-color: rgb(255, 255, 255);
}

.btn-warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}

.btn-warning:focus, .btn-warning.focus {
    color: rgb(255, 255, 255);
    background-color: rgb(236, 151, 31);
    border-color: rgb(152, 95, 13);
}

.btn-warning:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(236, 151, 31);
    border-color: rgb(213, 133, 18);
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: rgb(255, 255, 255);
    background-color: rgb(236, 151, 31);
    background-image: none;
    border-color: rgb(213, 133, 18);
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
    color: rgb(255, 255, 255);
    background-color: rgb(213, 133, 18);
    border-color: rgb(152, 95, 13);
}

.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}

.btn-warning .badge {
    color: rgb(240, 173, 78);
    background-color: rgb(255, 255, 255);
}

.btn-danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

.btn-danger:focus, .btn-danger.focus {
    color: rgb(255, 255, 255);
    background-color: rgb(201, 48, 44);
    border-color: rgb(118, 28, 25);
}

.btn-danger:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(201, 48, 44);
    border-color: rgb(172, 41, 37);
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: rgb(255, 255, 255);
    background-color: rgb(201, 48, 44);
    background-image: none;
    border-color: rgb(172, 41, 37);
}

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
    color: rgb(255, 255, 255);
    background-color: rgb(172, 41, 37);
    border-color: rgb(118, 28, 25);
}

.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

.btn-danger .badge {
    color: rgb(217, 83, 79);
    background-color: rgb(255, 255, 255);
}

.btn-link {
    font-weight: 400;
    color: rgb(51, 122, 183);
    border-radius: 0px;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
    color: rgb(35, 82, 124);
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: rgb(119, 119, 119);
    text-decoration: none;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after {
    display: table;
    content: " ";
}

.clearfix::after, .dl-horizontal dd::after, .form-horizontal .form-group::after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0px / 0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0px;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

.panel {
    margin-bottom: 20px;
    background-color: rgb(255, 255, 255);
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px;
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}

.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: inherit;
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: rgb(245, 245, 245);
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0px;
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0px;
    border-radius: 0px;
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0px;
}

.list-group + .panel-footer {
    border-top-width: 0px;
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0px;
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px;
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid rgb(221, 221, 221);
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0px;
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0px;
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0px;
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0px;
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0px;
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0px;
}

.panel > .table-responsive {
    margin-bottom: 0px;
    border: 0px;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0px;
    border-radius: 4px;
}

.panel-group .panel + .panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid rgb(221, 221, 221);
}

.panel-group .panel-footer {
    border-top: 0px;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid rgb(221, 221, 221);
}

.panel-default {
    border-color: rgb(221, 221, 221);
}

.panel-default > .panel-heading {
    color: rgb(51, 51, 51);
    background-color: rgb(245, 245, 245);
    border-color: rgb(221, 221, 221);
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(221, 221, 221);
}

.panel-default > .panel-heading .badge {
    color: rgb(245, 245, 245);
    background-color: rgb(51, 51, 51);
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: rgb(221, 221, 221);
}

.panel-primary {
    border-color: rgb(51, 122, 183);
}

.panel-primary > .panel-heading {
    color: rgb(255, 255, 255);
    background-color: rgb(51, 122, 183);
    border-color: rgb(51, 122, 183);
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(51, 122, 183);
}

.panel-primary > .panel-heading .badge {
    color: rgb(51, 122, 183);
    background-color: rgb(255, 255, 255);
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: rgb(51, 122, 183);
}

.panel-success {
    border-color: rgb(214, 233, 198);
}

.panel-success > .panel-heading {
    color: rgb(60, 118, 61);
    background-color: rgb(223, 240, 216);
    border-color: rgb(214, 233, 198);
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(214, 233, 198);
}

.panel-success > .panel-heading .badge {
    color: rgb(223, 240, 216);
    background-color: rgb(60, 118, 61);
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: rgb(214, 233, 198);
}

.panel-info {
    border-color: rgb(188, 232, 241);
}

.panel-info > .panel-heading {
    color: rgb(49, 112, 143);
    background-color: rgb(217, 237, 247);
    border-color: rgb(188, 232, 241);
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(188, 232, 241);
}

.panel-info > .panel-heading .badge {
    color: rgb(217, 237, 247);
    background-color: rgb(49, 112, 143);
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: rgb(188, 232, 241);
}

.panel-warning {
    border-color: rgb(250, 235, 204);
}

.panel-warning > .panel-heading {
    color: rgb(138, 109, 59);
    background-color: rgb(252, 248, 227);
    border-color: rgb(250, 235, 204);
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(250, 235, 204);
}

.panel-warning > .panel-heading .badge {
    color: rgb(252, 248, 227);
    background-color: rgb(138, 109, 59);
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: rgb(250, 235, 204);
}

.panel-danger {
    border-color: rgb(235, 204, 209);
}

.panel-danger > .panel-heading {
    color: rgb(169, 68, 66);
    background-color: rgb(242, 222, 222);
    border-color: rgb(235, 204, 209);
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: rgb(235, 204, 209);
}

.panel-danger > .panel-heading .badge {
    color: rgb(242, 222, 222);
    background-color: rgb(169, 68, 66);
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: rgb(235, 204, 209);
}

iframe[frameborder="0"], iframe[frameborder="no" i] {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

embed[align="left" i], iframe[align="left" i], img[align="left" i], input[type="image" i][align="left" i], object[align="left" i] {
    float: left;
}

embed[align="right" i], iframe[align="right" i], img[align="right" i], input[type="image" i][align="right" i], object[align="right" i] {
    float: right;
}

embed[align="top" i], iframe[align="top" i], img[align="top" i], input[type="image" i][align="top" i], object[align="top" i] {
    vertical-align: top;
}

embed[align="baseline" i], iframe[align="baseline" i], img[align="baseline" i], input[type="image" i][align="baseline" i], object[align="baseline" i] {
    vertical-align: baseline;
}

embed[align="texttop" i], iframe[align="texttop" i], img[align="texttop" i], input[type="image" i][align="texttop" i], object[align="texttop" i] {
    vertical-align: text-top;
}

embed[align="absmiddle" i], iframe[align="absmiddle" i], img[align="absmiddle" i], input[type="image" i][align="absmiddle" i], object[align="absmiddle" i], embed[align="abscenter" i], iframe[align="abscenter" i], img[align="abscenter" i], input[type="image" i][align="abscenter" i], object[align="abscenter" i] {
    vertical-align: middle;
}

embed[align="bottom" i], iframe[align="bottom" i], img[align="bottom" i], input[type="image" i][align="bottom" i], object[align="bottom" i] {
    vertical-align: bottom;
}

body {
    font-family: Poppins, sans-serif;
    margin: 0px auto;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 14px;
    color: rgb(51, 51, 51);
    background: rgb(255, 255, 255);
}

.container {
    margin: 0px auto;
    padding: 0px 15px;
    position: relative;
    max-width: 1280px;
}

@media screen and (max-width: 992px) {
    .container {
        max-width: 768px;
    }
}

.section-main {
    padding-top: 0px;
    /*padding-bottom: 50px;*/
}

img.error {
    max-width: 100%;
}

.img-center {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

.img-full {
    width: 100%;
    height: auto;
}

ul {
    padding-left: 10px;
    margin: 0px 0px 10px 10px;
}

a {
    color: rgb(214, 13, 33);
    text-decoration: none;
}

a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.17em;
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: 0.83em;
}

h6 {
    font-size: 0.75em;
}

.clearfix::before, .clearfix::after, .nav::before, .nav::after, .row::before, .row::after, .container-fluid::before, .container-fluid::after, .container-full::before, .container-full::after {
    content: " ";
    display: table;
}

.clearfix::after, .nav::after, .row::after, .container-fluid::after, .container-full::after {
    clear: both;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.oppp {
    font-size: 18px;
    color: rgb(255, 32, 0);
    font-weight: bold;
}

.noidung :not(iframe):not(object) {
    max-width: 100% !important;
    height: auto !important;
}

.noidung iframe, .noidung object {
    max-width: 100% !important;
}

.noidung table {
    width: 100%;
}

.overflow-hidden {
    overflow: hidden;
}

.full {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 3;
}

.flex-box {
    display: flex;
    flex-wrap: wrap;
}

.table-responsive {
    overflow-x: auto;
}

.bg {
    background-position: center center;
    background-size: cover;
}

.wow {
    visibility: hidden;
}

img:not(.initial) {
    transition: 0.45s;
}

img.initial, img.loaded, img.error {
    opacity: 1;
}

img:not([src]) {
    visibility: hidden;
}

.aspect-ratio-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.aspect-ratio-box-inside {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    top: 0px;
}

.container-full {
    position: relative;
    max-width: 1366px;
    margin: 0px auto;
}

.container-fluid {
    max-width: 1396px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-flex-1, .col-flex-2, .col-flex-3, .col-flex-4, .col-flex-5, .col-flex-6, .col-flex-7, .col-flex-8, .col-flex-9, .col-flex-10, .col-flex-11, .col-flex-12, .col-flex, .col-flex-auto, .col-flex-sm-1, .col-flex-sm-2, .col-flex-sm-3, .col-flex-sm-4, .col-flex-sm-5, .col-flex-sm-6, .col-flex-sm-7, .col-flex-sm-8, .col-flex-sm-9, .col-flex-sm-10, .col-flex-sm-11, .col-flex-sm-12, .col-flex-sm, .col-flex-sm-auto, .col-flex-md-1, .col-flex-md-2, .col-flex-md-3, .col-flex-md-4, .col-flex-md-5, .col-flex-md-6, .col-flex-md-7, .col-flex-md-8, .col-flex-md-9, .col-flex-md-10, .col-flex-md-11, .col-flex-md-12, .col-flex-md, .col-flex-md-auto, .col-flex-lg-1, .col-flex-lg-2, .col-flex-lg-3, .col-flex-lg-4, .col-flex-lg-5, .col-flex-lg-6, .col-flex-lg-7, .col-flex-lg-8, .col-flex-lg-9, .col-flex-lg-10, .col-flex-lg-11, .col-flex-lg-12, .col-flex-lg, .col-flex-lg-auto, .col-flex-xl-1, .col-flex-xl-2, .col-flex-xl-3, .col-flex-xl-4, .col-flex-xl-5, .col-flex-xl-6, .col-flex-xl-7, .col-flex-xl-8, .col-flex-xl-9, .col-flex-xl-10, .col-flex-xl-11, .col-flex-xl-12, .col-flex-xl, .col-flex-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-flex {
    flex-basis: 0px;
    flex-grow: 1;
    max-width: 100%;
}

.col-flex-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-flex-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-flex-2 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
}

.col-flex-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-flex-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.col-flex-5 {
    flex: 0 0 41.6667%;
    max-width: 41.6667%;
}

.col-flex-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-flex-7 {
    flex: 0 0 58.3333%;
    max-width: 58.3333%;
}

.col-flex-8 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
}

.col-flex-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-flex-10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
}

.col-flex-11 {
    flex: 0 0 91.6667%;
    max-width: 91.6667%;
}

.col-flex-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-flex-1 {
    margin-left: 8.33333%;
}

.offset-flex-2 {
    margin-left: 16.6667%;
}

.offset-flex-3 {
    margin-left: 25%;
}

.offset-flex-4 {
    margin-left: 33.3333%;
}

.offset-flex-5 {
    margin-left: 41.6667%;
}

.offset-flex-6 {
    margin-left: 50%;
}

.offset-flex-7 {
    margin-left: 58.3333%;
}

.offset-flex-8 {
    margin-left: 66.6667%;
}

.offset-flex-9 {
    margin-left: 75%;
}

.offset-flex-10 {
    margin-left: 83.3333%;
}

.offset-flex-11 {
    margin-left: 91.6667%;
}

@media (min-width: 576px) {
    .col-flex-sm {
        flex-basis: 0px;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-flex-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-flex-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-flex-sm-2 {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }

    .col-flex-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-flex-sm-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .col-flex-sm-5 {
        flex: 0 0 41.6667%;
        max-width: 41.6667%;
    }

    .col-flex-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-flex-sm-7 {
        flex: 0 0 58.3333%;
        max-width: 58.3333%;
    }

    .col-flex-sm-8 {
        flex: 0 0 66.6667%;
        max-width: 66.6667%;
    }

    .col-flex-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-flex-sm-10 {
        flex: 0 0 83.3333%;
        max-width: 83.3333%;
    }

    .col-flex-sm-11 {
        flex: 0 0 91.6667%;
        max-width: 91.6667%;
    }

    .col-flex-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-flex-sm-0 {
        margin-left: 0px;
    }

    .offset-flex-sm-1 {
        margin-left: 8.33333%;
    }

    .offset-flex-sm-2 {
        margin-left: 16.6667%;
    }

    .offset-flex-sm-3 {
        margin-left: 25%;
    }

    .offset-flex-sm-4 {
        margin-left: 33.3333%;
    }

    .offset-flex-sm-5 {
        margin-left: 41.6667%;
    }

    .offset-flex-sm-6 {
        margin-left: 50%;
    }

    .offset-flex-sm-7 {
        margin-left: 58.3333%;
    }

    .offset-flex-sm-8 {
        margin-left: 66.6667%;
    }

    .offset-flex-sm-9 {
        margin-left: 75%;
    }

    .offset-flex-sm-10 {
        margin-left: 83.3333%;
    }

    .offset-flex-sm-11 {
        margin-left: 91.6667%;
    }
}

@media (min-width: 769px) {
    .col-flex-md {
        flex-basis: 0px;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-flex-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-flex-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-flex-md-2 {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }

    .col-flex-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-flex-md-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .col-flex-md-5 {
        flex: 0 0 41.6667%;
        max-width: 41.6667%;
    }

    .col-flex-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-flex-md-7 {
        flex: 0 0 58.3333%;
        max-width: 58.3333%;
    }

    .col-flex-md-8 {
        flex: 0 0 66.6667%;
        max-width: 66.6667%;
    }

    .col-flex-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-flex-md-10 {
        flex: 0 0 83.3333%;
        max-width: 83.3333%;
    }

    .col-flex-md-11 {
        flex: 0 0 91.6667%;
        max-width: 91.6667%;
    }

    .col-flex-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-flex-md-0 {
        margin-left: 0px;
    }

    .offset-flex-md-1 {
        margin-left: 8.33333%;
    }

    .offset-flex-md-2 {
        margin-left: 16.6667%;
    }

    .offset-flex-md-3 {
        margin-left: 25%;
    }

    .offset-flex-md-4 {
        margin-left: 33.3333%;
    }

    .offset-flex-md-5 {
        margin-left: 41.6667%;
    }

    .offset-flex-md-6 {
        margin-left: 50%;
    }

    .offset-flex-md-7 {
        margin-left: 58.3333%;
    }

    .offset-flex-md-8 {
        margin-left: 66.6667%;
    }

    .offset-flex-md-9 {
        margin-left: 75%;
    }

    .offset-flex-md-10 {
        margin-left: 83.3333%;
    }

    .offset-flex-md-11 {
        margin-left: 91.6667%;
    }
}

@media (min-width: 993px) {
    .col-flex-lg {
        flex-basis: 0px;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-flex-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-flex-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-flex-lg-2 {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }

    .col-flex-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-flex-lg-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .col-flex-lg-5 {
        flex: 0 0 41.6667%;
        max-width: 41.6667%;
    }

    .col-flex-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-flex-lg-7 {
        flex: 0 0 58.3333%;
        max-width: 58.3333%;
    }

    .col-flex-lg-8 {
        flex: 0 0 66.6667%;
        max-width: 66.6667%;
    }

    .col-flex-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-flex-lg-10 {
        flex: 0 0 83.3333%;
        max-width: 83.3333%;
    }

    .col-flex-lg-11 {
        flex: 0 0 91.6667%;
        max-width: 91.6667%;
    }

    .col-flex-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-flex-lg-0 {
        margin-left: 0px;
    }

    .offset-flex-lg-1 {
        margin-left: 8.33333%;
    }

    .offset-flex-lg-2 {
        margin-left: 16.6667%;
    }

    .offset-flex-lg-3 {
        margin-left: 25%;
    }

    .offset-flex-lg-4 {
        margin-left: 33.3333%;
    }

    .offset-flex-lg-5 {
        margin-left: 41.6667%;
    }

    .offset-flex-lg-6 {
        margin-left: 50%;
    }

    .offset-flex-lg-7 {
        margin-left: 58.3333%;
    }

    .offset-flex-lg-8 {
        margin-left: 66.6667%;
    }

    .offset-flex-lg-9 {
        margin-left: 75%;
    }

    .offset-flex-lg-10 {
        margin-left: 83.3333%;
    }

    .offset-flex-lg-11 {
        margin-left: 91.6667%;
    }
}

@media (min-width: 1200px) {
    .col-flex-xl {
        flex-basis: 0px;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-flex-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-flex-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .col-flex-xl-2 {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }

    .col-flex-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-flex-xl-4 {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .col-flex-xl-5 {
        flex: 0 0 41.6667%;
        max-width: 41.6667%;
    }

    .col-flex-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-flex-xl-7 {
        flex: 0 0 58.3333%;
        max-width: 58.3333%;
    }

    .col-flex-xl-8 {
        flex: 0 0 66.6667%;
        max-width: 66.6667%;
    }

    .col-flex-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-flex-xl-10 {
        flex: 0 0 83.3333%;
        max-width: 83.3333%;
    }

    .col-flex-xl-11 {
        flex: 0 0 91.6667%;
        max-width: 91.6667%;
    }

    .col-flex-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-flex-xl-0 {
        margin-left: 0px;
    }

    .offset-flex-xl-1 {
        margin-left: 8.33333%;
    }

    .offset-flex-xl-2 {
        margin-left: 16.6667%;
    }

    .offset-flex-xl-3 {
        margin-left: 25%;
    }

    .offset-flex-xl-4 {
        margin-left: 33.3333%;
    }

    .offset-flex-xl-5 {
        margin-left: 41.6667%;
    }

    .offset-flex-xl-6 {
        margin-left: 50%;
    }

    .offset-flex-xl-7 {
        margin-left: 58.3333%;
    }

    .offset-flex-xl-8 {
        margin-left: 66.6667%;
    }

    .offset-flex-xl-9 {
        margin-left: 75%;
    }

    .offset-flex-xl-10 {
        margin-left: 83.3333%;
    }

    .offset-flex-xl-11 {
        margin-left: 91.6667%;
    }
}

.pagination {
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    position: relative;
    flex-wrap: wrap;
    display: flex;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

.pagination > li {
    position: relative;
    z-index: 1;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: rgb(0, 0, 0);
    overflow: hidden;
    padding: 0px 2px;
    margin-bottom: 4px;
}

.pagination > li.last > a, .pagination > li.next > a, .pagination > li.prev > a, .pagination > li.first > a, .pagination > li.dot > a {
    padding: 7px 0px 6px;
    line-height: 18px;
}

.pagination > li:hover > a, .pagination > li.active > a {
    background: rgb(74, 74, 74);
    color: rgb(255, 255, 255);
    box-shadow: rgb(74, 74, 74) 0px 0px 0px 1px inset;
}

.pagination > li > a {
    display: block;
    text-align: center;
    color: rgb(0, 0, 0);
    padding: 5px;
    min-width: 31px;
    background: rgb(255, 255, 255);
    box-shadow: rgb(230, 230, 230) 0px 0px 0px 1px inset;
}

.container-breadcrumb {
    /*margin-bottom: 50px;*/
    background: rgb(242, 242, 242);
}

.breadcrumb {
    padding: 15px 0px;
    list-style: none;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background: none;
}

.breadcrumb > li {
    color: rgb(51, 51, 51);
    display: inline;
    font-size: 14px;
    font-weight: 400;
}

.breadcrumb > li a {
    color: rgb(51, 51, 51);
    font-size: 14px;
    font-weight: 700;
}

.breadcrumb > li + li::before {
    padding: 0px 3px;
    color: rgb(51, 51, 51);
    content: "/";
    margin: 0px 4px;
    font-weight: 400;
}

.breadcrumb > li:hover a {
    color: rgb(240, 138, 0);
}

@media screen and (max-width: 992px) {
    .breadcrumb {
        margin-bottom: 0px;
    }
}

.primary-menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: flex-start;
}

.primary-menu li {
    position: relative;
}

.primary-menu li a {
    font-size: 14px;
    color: rgb(51, 51, 51);
    display: block;
}

.primary-menu > li {
    text-align: center;
}

.primary-menu > li > a {
    font-weight: 700;
    font-size: 14px;
    white-space: nowrap;
    padding: 20px 28px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    position: relative;
}

.primary-menu > li > a > span {
    display: block;
}

.primary-menu > li:hover > a, .primary-menu > li.active > a {
    background: linear-gradient(179deg, rgb(255, 214, 77) 0%, rgb(247, 183, 51) 16%, rgb(240, 138, 0) 100%);
}

.primary-menu > li:hover > .sub-menu {
    transform: rotate3d(0, 0, 0, 0deg);
}

.primary-menu > li > .sub-menu {
    border-top: 3px solid rgb(240, 138, 0);
    left: 0px;
    top: 100%;
}

.primary-menu > li > .sub-menu li {
    position: relative;
}

.primary-menu > li > .sub-menu li:not(:first-child) {
    border-top: 1px solid rgb(236, 240, 241);
}

@media screen and (max-width: 1200px) {
    .primary-menu > li > a {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1050px) {
    .primary-menu > li > a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.sub-menu {
    margin: 0px;
    width: 220px;
    list-style: none;
    padding-left: 0px;
    background: rgb(255, 255, 255);
    position: absolute;
    z-index: 999;
    border-top: 3px solid rgb(240, 138, 0);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px;
    transform: rotate3d(1, 0, 0, -90deg);
    transform-origin: 0px 0px 0px;
    transition: 0.5s;
}

.sub-menu li {
    position: relative;
    text-align: left;
}

.sub-menu li + li {
    border-top: 1px solid rgb(236, 240, 241);
}

.sub-menu li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: rgb(51, 51, 51);
    font-weight: 400;
}

.sub-menu li ul {
    left: 100%;
    top: -3px;
    margin-left: 0px;
    margin-top: 0px;
    transform: rotate3d(0, 1, 0, 90deg);
}

.sub-menu li:hover > a {
    background: rgba(0, 0, 0, 0.1);
}

.sub-menu li:hover > ul {
    transform: rotate3d(0, 0, 0, 0deg);
}

.nav-menu {
    flex: 0 0 calc(100% - 240px);
    max-width: calc(100% - 240px);
}

.block-search {
    flex: 0 0 240px;
    max-width: 240px;
}

#form-search {
    position: relative;
}

#form-search input {
    width: 100%;
    height: 40px;
    background: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    outline: none;
    padding-left: 25px;
    padding-right: 40px;
    font-family: Roboto;
    color: rgb(128, 128, 128);
    font-size: 13px;
    font-weight: normal;
    border-radius: 8px;
}

#form-search input::-webkit-input-placeholder {
    font-family: Roboto;
    color: rgb(128, 128, 128);
    font-size: 13px;
    font-weight: normal;
    text-transform: inherit;
    font-style: italic;
}

#form-search button {
    width: 40px;
    height: 40px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    outline: none;
    background: linear-gradient(179deg, rgb(255, 214, 77) 0%, rgb(247, 183, 51) 16%, rgb(231, 166, 78) 100%);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.hotline {
    font-family: Oswald;
    padding-left: 55px;
    text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) -2px 0px 0px, rgb(255, 255, 255) 0px 2px 0px, rgb(255, 255, 255) 0px -2px 0px, rgb(255, 255, 255) 1px 1px, rgb(255, 255, 255) -1px -1px 0px, rgb(255, 255, 255) 1px -1px 0px, rgb(255, 255, 255) -1px 1px 0px;
    background: url("../images/hotline.png") left center no-repeat;
}

.hotline p {
    font-weight: bold;
    margin: 0px;
    text-transform: uppercase;
    font-size: 14px;
    color: rgb(56, 56, 56);
}

.hotline strong {
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: rgb(237, 28, 36);
}

.block-head {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 25px 0px;
}

.block-head .container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.logo img {
    mix-blend-mode: multiply;
}

#fix {
    height: 66px;
}

.block-menu {
    z-index: 1000;
    top: 0px;
    left: 0px;
    width: 100%;
    position: relative;
    background: linear-gradient(92deg, rgb(182, 0, 5) 0%, rgb(237, 28, 36) 100%);
}

.block-menu.sticky {
    position: fixed;
}

.block-menu > .container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.banner {
    padding-left: 15px;
    padding-right: 15px;
}

.btn-open-mmenu {
    display: none;
    color: rgb(255, 255, 255);
}

@media screen and (max-width: 992px) {
    #fix {
        height: 50px;
    }

    .block-menu {
        padding: 5px 0px;
    }

    .btn-open-mmenu {
        display: block;
    }

    .nav-menu {
        display: none;
    }

    .hotline {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .block-head {
        padding: 10px 0px;
    }

    .block-head .container {
        flex-wrap: wrap;
    }

    .logo, .banner {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .logo img, .banner img {
        display: block;
        margin: 0px auto;
    }

    .banner {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.container-tin-tuc {
    padding-top: 40px;
    padding-bottom: 40px;
}

.block-tin-tuc {
    float: left;
    width: 60.9244%;
}

.block-video {
    float: left;
    width: 36.5546%;
    margin-left: 2.52101%;
}

#player {
    width: 100%;
    display: block;
    height: 380px;
    margin-bottom: 10px;
}

#cbo_video {
    height: 40px;
    border-radius: 0px;
}

.first_news {
    margin-bottom: 15px;
}

.first_news:hover img {
    transform: scale(1.1);
}

.first_news:hover h2 a {
    color: rgb(240, 138, 0);
}

.first_news figure {
    overflow: hidden;
    position: relative;
    float: left;
    width: 360px;
}

.first_news div {
    padding-left: 20px;
    float: left;
    width: calc(100% - 360px);
}

.first_news h2 a {
    display: block;
    font-weight: 700;
    color: rgb(51, 51, 51);
    font-size: 20px;
    line-height: 25px;
    max-height: 50px;
    overflow: hidden;
}

.first_news span {
    display: block;
    font-weight: 500;
    color: rgb(230, 130, 0);
    font-size: 13px;
    margin-bottom: 10px;
}

.first_news p {
    font-size: 13px;
    color: rgb(76, 76, 76);
    margin-bottom: 0px;
    line-height: 22px;
    max-height: 88px;
    overflow: hidden;
}

.tin-tuc-small:hover img {
    transform: scale(1.1);
}

.tin-tuc-small:hover h2 a {
    color: rgb(240, 138, 0);
}

.tin-tuc-small figure {
    position: relative;
    overflow: hidden;
}

.tin-tuc-small h2 {
    margin-top: 18px;
    margin-bottom: 0px;
}

.tin-tuc-small h2 a {
    font-weight: 700;
    font-size: 14px;
    color: rgb(51, 51, 51);
    display: block;
    line-height: 25px;
    max-height: 50px;
    overflow: hidden;
}

.slick-tin-tuc-small {
    margin: 0px -7px;
}

.slick-tin-tuc-small .slick-slide > div {
    padding: 0px 7px;
}

.title-2 {
    margin-bottom: 20px;
}

.title-2 h3 {
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 26px;
    font-family: Oswald;
    color: rgb(241, 30, 35);
}

.title-2 h3 span {
    padding-bottom: 10px;
    display: inline-block;
    border-bottom: 1px solid rgb(241, 30, 35);
}

.container-san-pham {
    padding-top: 25px;
    padding-bottom: 15px;
}

.home-title {
    margin-bottom: 20px;
    text-align: center;
    padding-bottom: 26px;
    background: url("images/title.png") center bottom no-repeat;
}

.home-title h3 {
    text-transform: uppercase;
    font-size: 32px;
    line-height: 32px;
    font-family: Oswald;
    color: rgb(241, 30, 35);
    margin-bottom: 15px;
}

.home-title p {
    margin: 0px;
    font-size: 14px;
    color: rgb(26, 26, 26);
    line-height: 23px;
}

.container-icon .home-title {
    background-image: none;
}

.container-icon .home-title h3 {
    color: rgb(255, 255, 255);
}

.container-icon .home-title p {
    color: rgb(255, 255, 255);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.container-dich-vu {
    padding-top: 50px;
    padding-bottom: 20px;
}

.slick-dich-vu {
    margin: 0px -15px;
}

.slick-dich-vu .slick-slide > div {
    padding: 0px 15px;
}

.container-icon {
    padding-top: 45px;
    padding-bottom: 55px;
}

.slick-icon {
    margin: 0px -15px;
}

.slick-icon .slick-slide > div {
    padding: 0px 15px;
}

.icon {
    color: rgb(255, 255, 255);
}

.icon:hover figure {
    background: rgb(255, 165, 101);
}

.icon figure {
    width: 86px;
    background: rgb(255, 132, 0);
    border-radius: 50%;
    margin: 0px auto;
    transition: 0.3s;
}

.icon h3 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    font-family: SVN-ProductSans;
    margin-top: 20px;
    padding-bottom: 18px;
    margin-bottom: 18px;
    position: relative;
}

.icon h3::after {
    content: "";
    width: 24px;
    height: 2px;
    background: rgb(255, 132, 0);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.icon p {
    text-align: justify;
    text-align-last: center;
}

.container-gioi-thieu {
    padding-top: 55px;
    padding-bottom: 50px;
}

.gioi-thieu-content {
    padding-top: 20px;
    flex: 0 0 38.6555%;
    max-width: 38.6555%;
}

.gioi-thieu-content > h2 {
    margin-bottom: 20px;
}

.gioi-thieu-content > h2 > a {
    display: block;
    font-weight: normal;
    color: rgb(214, 13, 33);
    font-size: 30px;
    line-height: 30px;
    padding-top: 5px;
    font-family: Oswald;
}

.gioi-thieu-content > a {
    display: block;
    width: 140px;
    line-height: 44px;
    padding-top: 1px;
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 14px;
    font-family: SVN-ProductSans;
    margin-top: 30px;
    transition: 0.3s;
}

.gioi-thieu-content > a:hover {
    background: rgb(221, 99, 13);
}

.gioi-thieu-photo {
    margin-left: 5.04202%;
    flex: 0 0 56.3025%;
    max-width: 56.3025%;
}

.item-gioi-thieu:nth-child(2n) .gioi-thieu-photo {
    margin-left: 0px;
    margin-right: 5.04202%;
}

@media (min-width: 769px) {
    .item-gioi-thieu:nth-child(2n) .gioi-thieu-photo {
        order: 1;
    }

    .item-gioi-thieu:nth-child(2n) .gioi-thieu-content {
        order: 2;
    }
}

.item-gioi-thieu + .item-gioi-thieu {
    margin-top: 50px;
}

@media screen and (max-width: 992px) {
    .gioi-thieu-photo {
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .gioi-thieu-content {
        padding-top: 0px;
        padding-right: 30px;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .item-gioi-thieu:nth-child(2n) .gioi-thieu-content {
        padding-right: 0px;
        padding-left: 30px;
    }

    .block-video {
        margin-top: 20px;
        margin-left: 0px;
        width: 100%;
    }

    .block-tin-tuc {
        width: 100%;
    }

    .slick-dich-vu {
        margin: 0px -10px;
    }

    .slick-dich-vu .slick-slide > div {
        padding: 0px 10px;
    }
}

@media screen and (max-width: 768px) {
    .item-gioi-thieu {
        flex-wrap: wrap;
    }

    .gioi-thieu-photo {
        order: 1;
        margin-bottom: 20px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .gioi-thieu-content {
        order: 2;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .container-gioi-thieu {
        padding-top: 25px;
    }

    .gioi-thieu-content > h2 > a {
        font-size: 20px;
        line-height: 20px;
    }

    #player {
        height: 255px;
    }
}

@media screen and (max-width: 720px) {
    .first_news figure {
        width: 40%;
    }

    .first_news h2 {
        margin-bottom: 5px;
    }

    .first_news h2 a {
        font-size: 14px;
        line-height: 20px;
        max-height: 40px;
    }

    .first_news span {
        margin-bottom: 5px;
    }

    .first_news div {
        width: 60%;
    }
}

@media screen and (max-width: 400px) {
    .first_news figure {
        width: 100%;
    }

    .first_news div {
        width: 100%;
        padding-left: 0px;
        margin-top: 10px;
    }

    .home-title h3 {
        font-size: 25px;
    }
}

footer#footer {
    color: rgb(255, 255, 255);
}

#back_to_top {
    width: 50px;
    height: 50px;
    line-height: 61px;
    color: rgb(255, 255, 255);
    text-align: center;
    position: fixed;
    right: 20px;
    bottom: 60px;
    border-radius: 50%;
    background: rgb(214, 13, 33);
    font-size: 1.5em;
    z-index: 1000;
    transition: 0.3s;
}

#back_to_top:hover {
    background: rgb(255, 132, 0);
}

.block-footer {
    padding-top: 45px;
    padding-bottom: 50px;
}

.footer {
    margin: 0px -15px;
    display: flex;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.footer > div {
    width: 100%;
    padding: 0px 15px;
}

.footer-4 {
    flex: 0 0 37.8151%;
    max-width: 37.8151%;
}

.footer-2 {
    flex: 0 0 200px;
    max-width: 200px;
}

.footer-3 {
    flex: 0 0 160px;
    max-width: 160px;
}

.footer-4 {
    flex: 0 0 31.0924%;
    max-width: 31.0924%;
}

.footer-title {
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

.footer-title::after {
    content: "";
    width: 40px;
    height: 3px;
    background: rgb(255, 255, 255);
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.footer-permalink {
    text-transform: capitalize;
    font-size: 13px;
    color: rgb(255, 255, 255);
    display: block;
    margin-bottom: 12px;
}

.footer-permalink:hover {
    color: rgb(255, 255, 0);
}

.site_name {
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
    font-family: UTMImpact;
    margin-bottom: 20px;
}

.site_name a {
    color: rgb(255, 255, 255);
}

.socialfooter {
    font-size: 13px;
    margin-top: 15px;
}

.socialfooter img {
    margin-left: 10px;
}

.copyright {
    padding: 14.5px 0px;
    background: rgb(7, 115, 27);
}

.copyright > .container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.copyright h2, .copyright p {
    margin: 0px;
    font-weight: normal;
    font-size: 13px;
}

.copyright a {
    color: rgb(255, 255, 255);
}

.copyright span {
    margin: 0px 10px;
}

.phone_mobi {
    display: none;
    background: linear-gradient(92deg, rgb(182, 0, 5) 0%, rgb(237, 28, 36) 100%);
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 45px;
    line-height: 45px;
    color: rgb(255, 255, 255);
    z-index: 50;
}

.phone_mobi ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    height: 100%;
}

.phone_mobi ul li {
    flex: 0 0 25%;
    max-width: 25%;
    width: 100%;
}

.phone_mobi ul li a {
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 11px;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    letter-spacing: 1px;
    line-height: 2;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 3px;
}

.phone_mobi ul li a i {
    font-size: 19px;
}

.phone_mobi img {
    display: block;
    margin: 0px auto;
    height: 19px;
    max-width: 100%;
}

.blink_me {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes blinker {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@media screen and (max-width: 992px) {
    .phone_mobi {
        display: block;
    }

    /*footer#footer {
        padding-bottom: 45px;
    }*/

    .footer {
        flex-wrap: wrap;
    }

    .footer-1 {
        margin-bottom: 20px;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .copyright > .container {
        display: block;
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .site_name {
        font-size: 20px;
    }

    .footer > div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer > div + div {
        margin-top: 20px;
    }
}

.mr-top-30 {
    margin-top: 30px;
}

.contact hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: rgb(221, 221, 221) currentcolor currentcolor;
    border-image: initial;
    box-sizing: content-box;
}

#form-lienhe .form-group {
    margin-bottom: 10px;
    margin-left: -5px;
    margin-right: -5px;
    display: flex;
}

#form-lienhe .form-group > div {
    padding-left: 5px;
    padding-right: 5px;
}

#form-lienhe input {
    height: 44px;
    /*background: rgb(255, 255, 255);*/
}

#form-lienhe textarea {
    min-width: 100%;
    max-width: 100%;
    /*background: rgb(255, 255, 255);*/
}

.divInput {
    padding: 0px;
}

.btns {
    background: rgb(241, 30, 35);
    width: 200px;
    height: 45px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    outline: none;
    color: rgb(255, 255, 255);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    transition: 0.3s;
}

.btns:hover, .btns:focus {
    background: linear-gradient(179deg, rgb(255, 214, 77) 0%, rgb(247, 183, 51) 16%, rgb(240, 138, 0) 100%);
}

.zalo-share-button {
    margin-left: 10px;
}

.iframe_wrapper {
    height: 100%;
}

.iframe_wrapper iframe, .iframe_wrapper object {
    width: 100%;
    height: 355px;
}

.wrapper-lien-he {
    margin-bottom: 15px;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px;
}

.map-contact {
    margin-top: 30px;
}

.map-contact iframe {
    display: block;
    width: 100%;
    height: 300px;
}

.col-contact {
    margin-bottom: 10px;
}

.mr-top {
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .iframe_wrapper iframe {
        height: 255px;
    }
}

.col-dich-vu {
    margin-bottom: 30px;
}

.dich-vu:hover img {
    transform: scale(1.1);
}

.dich-vu .aspect-ratio-box {
    overflow: hidden;
    padding-bottom: calc(66.6667%);
}

.dich-vu h2 {
    color: rgb(51, 51, 51);
    font-size: 20px;
    /*font-family: Oswald, sans-serif;*/
    font-weight: bold;
    line-height: 25px;
    max-height: 50px;
    overflow: hidden;
}

.dich-vu h2 a {
    color: inherit;
}

.dich-vu p {
    margin: 0px 0px 15px;
    color: rgb(51, 51, 51);
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
}

.dich-vu > a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: rgb(214, 13, 33);
    text-transform: uppercase;
    padding-top: 1px;
    line-height: 39px;
    position: relative;
}

.dich-vu > a::after, .dich-vu > a::before {
    content: "";
    width: 35px;
    height: 1px;
    background: rgb(210, 210, 210);
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}

.dich-vu > a::after {
    bottom: 0px;
}

.dich-vu > a::before {
    top: 0px;
}

.wrapper-single {
    margin-left: auto;
    margin-right: auto;
}

.article-detail {
    padding-left: 110px;
    position: relative;
}

.article-detail::after {
    content: "";
    width: 80px;
    height: 1px;
    border-top: 2px solid rgb(240, 138, 0);
    position: absolute;
    top: 15px;
    left: 0px;
    z-index: 1;
}

.date-created {
    text-align: left;
    margin-bottom: 20px;
    color: rgb(51, 51, 51);
    font-size: 13px;
}

.the_title {
    font-size: 20px;
    line-height: 25px;
    color: rgb(51, 51, 51);
    margin-top: 0px;
    text-align: left;
    font-weight: 700;
    margin-bottom: 5px;
}

.title-al {
    margin-bottom: 10px;
}

.title-al h3 {
    padding: 5px 0px;
    color: rgb(51, 51, 51);
    text-transform: uppercase;
    margin: 0px;
}

.tin-khac li a {
    font-size: 15px;
    display: block;
    padding: 10px 0px;
    color: rgb(51, 51, 51);
}

.tin-khac li + li {
    border-top: 1px solid rgb(221, 221, 221);
}

.tin-khac li:hover a, .tin-khac li.active a {
    color: rgb(255, 0, 0);
}

.hvr {
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.hvr span {
    width: 51px;
    height: 51px;
    position: relative;
    margin: 0px auto;
    border-radius: 50%;
    border: 1px solid rgb(255, 255, 255);
}

.hvr span::after {
    content: "";
    width: 1px;
    height: 25px;
    left: 50%;
    top: 50%;
    background: rgb(255, 255, 255);
    position: absolute;
    transform: translate(-50%, -50%);
}

.hvr span::before {
    content: "";
    height: 1px;
    width: 25px;
    left: 50%;
    top: 50%;
    background: rgb(255, 255, 255);
    position: absolute;
    transform: translate(-50%, -50%);
}

.hvr_hinhanh {
    overflow: hidden;
    position: relative;
}

.hvr_hinhanh:hover .hvr {
    visibility: visible;
    opacity: 1;
}

.title-hinh-anh {
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
}

.video h3 {
    margin-top: 10px;
    font-weight: normal;
    font-size: 14px;
}

@media screen and (max-width: 992px) {
    .grid-dich-vu {
        margin-left: -10px;
        margin-right: -10px;
    }

    .col-dich-vu {
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 360px) {
    .col-dich-vu {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.item-small {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 3px;
    padding: 3px;
}

.item-small.mz-thumb-selected {
    border-color: rgb(240, 138, 0);
}

.item-small-image .aspect-ratio-box {
    width: 100%;
    padding-bottom: 100%;
}

.btn-custom-arrow {
    font-size: 40px;
    cursor: pointer;
    width: 35px;
    height: 40px;
    top: 50%;
    text-align: center;
    position: absolute;
    z-index: 900;
    background: rgba(255, 255, 255, 0.5);
    line-height: 34px;
    color: rgb(51, 51, 51);
    transition: 0.45s;
    transform: translateY(-50%);
}

.btn-custom-arrow.prevArrow {
    left: 0px;
}

.btn-custom-arrow.nextArrow {
    right: -4px;
}

.col-product {
    margin-bottom: 20px;
}

.slick-san-pham {
    margin: 0px -15px;
}

.slick-san-pham .slick-slide > div {
    padding: 0px 15px;
}

.san-pham:hover img {
    transform: scale(1.1);
}

.san-pham:hover h2 a {
    color: rgb(240, 138, 0);
}

.san-pham figure {
    position: relative;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);
}

.san-pham .aspect-ratio-box {
    padding-bottom: 100%;
}

.san-pham h2 {
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: center;
}

.san-pham h2 a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: rgb(52, 52, 52);
    font-weight: 500;
}

.san-pham .gia {
    text-align: center;
    margin: 0px;
    color: rgb(52, 52, 52);
    font-weight: 500;
}

.san-pham .gia strong {
    font-weight: 500;
    color: rgb(214, 13, 33);
}

.san-pham .gia a {
    color: inherit;
}

.san-pham-content {
    text-align: center;
}

.title4 {
    border-bottom: 1px solid rgb(204, 204, 204);
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 20px;
    margin-top: 40px;
}

.block-breadcrumb {
    background: rgb(239, 239, 239);
    box-shadow: rgb(204, 204, 204) 0px 2px 0px 0px;
}

.block-breadcrumb .breadcrumb {
    padding: 0px 0px 5px;
}

.slick-custom-arrow {
    position: absolute;
    width: 54px;
    height: 54px;
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
    border-radius: 50%;
    z-index: 2;
    cursor: pointer;
    text-align: center;
    line-height: 52px;
    top: 160px;
    font-size: 2em;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px 0px;
}

.slick-custom-arrow.prevArrow {
    left: -10px;
    text-indent: -2px;
}

.slick-custom-arrow.nextArrow {
    right: -10px;
    text-indent: 2px;
}

.tabs-pane {
    background: rgb(255, 255, 255);
    padding: 15px;
    border: 1px solid rgb(221, 221, 221);
}

.tabs-content {
    display: none;
}

.tabs-content.active {
    display: block;
}

.tabs {
    margin-bottom: -1px;
}

.tabs a {
    border-radius: 8px 8px 0px 0px;
    border: 1px solid rgb(221, 221, 221);
    font-size: 14px;
    color: rgb(102, 102, 102);
    padding: 7px 15px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    text-transform: capitalize;
    position: relative;
    background: rgb(244, 244, 244);
    transition: 0.3s;
}

.tabs a:hover, .tabs a.active {
    background: rgb(255, 255, 255);
    color: rgb(240, 138, 0);
    border-bottom: 1px solid transparent;
}

.product_detail {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.product_detail li {
    padding: 10px 0px;
}

.product_detail li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.product_detail li.gia {
    color: rgb(102, 102, 102);
}

.product_detail li.gia p {
    margin: 0px;
}

.product_detail li.gia strong, .product_detail li.gia a {
    font-weight: 700;
    font-size: 20px;
    color: rgb(240, 138, 0);
    line-height: 16px;
}

.product_detail li.gia del {
    font-weight: 400;
    color: rgb(102, 102, 102);
    font-size: 15px;
    margin-left: 10px;
}

.product_detail h1 {
    margin: 0px 0px 5px;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: rgb(51, 51, 51);
}

.tabs-content {
    display: none;
}

.tabs-content.active {
    display: block;
}

.block-tab {
    margin-top: 10px;
}

.large-item {
    padding: 10px;
    border: 1px solid rgb(221, 221, 221);
    position: relative;
    margin-bottom: 10px;
}

.item-asnav .thumbnail {
    cursor: pointer;
    padding: 5px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 3px;
}

.slick-current .item-asnav .thumbnail {
    border-color: rgb(240, 138, 0);
}

.slider-for {
    overflow: hidden;
    margin-bottom: 10px;
}

.slider-for {
    overflow: hidden;
    margin-bottom: 10px;
}

.block-slick-asnav {
    position: relative;
}

.product_thumbnail_mobile {
    margin-bottom: 20px;
}

.slick-asnav {
    margin: 0px -5px;
}

.slick-asnav .slick-slide > div {
    padding: 0px 5px;
}

@media screen and (max-width: 992px) {
    .grid-product {
        margin-left: -10px;
        margin-right: -10px;
    }

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

    .san-pham h2 {
        margin-top: 10px;
        margin-bottom: 7px;
    }

    .san-pham h2 a {
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width: 768px) {
    .product_thumbnail_mobile {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
}

.fancybox-enabled {
    overflow: hidden;
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%;
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

.fancybox-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-tap-highlight-color: transparent;
    backface-visibility: hidden;
    transform: translateZ(0px);
}

.fancybox-container ~ .fancybox-container {
    z-index: 99992;
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    position: absolute;
    inset: 0px;
}

.fancybox-outer {
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s, visibility 0.25s linear;
    box-sizing: border-box;
}

.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s, visibility;
}

.fancybox-infobar {
    top: 0px;
    left: 50%;
    margin-left: -79px;
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: rgb(221, 221, 221);
    background-color: rgba(30, 30, 30, 0.7);
    pointer-events: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-toolbar {
    top: 0px;
    right: 0px;
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    transform: translateZ(0px);
}

.fancybox-slide {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    display: none;
    backface-visibility: hidden;
    transition-property: transform, opacity, -webkit-transform;
    transform-style: preserve-3d;
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block;
}

.fancybox-slide--image {
    overflow: visible;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
    background: rgb(0, 0, 0);
}

.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
    background: rgb(229, 227, 223);
}

.fancybox-slide--next {
    z-index: 99995;
}

.fancybox-slide > div {
    display: inline-block;
    position: relative;
    padding: 40px 25px;
    margin: 44px 0px;
    border-width: 0px;
    vertical-align: middle;
    text-align: left;
    background-color: rgb(255, 255, 255);
    overflow: auto;
    box-sizing: border-box;
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    z-index: 99995;
    background: 0% 0% / 100% 100% no-repeat transparent;
    cursor: default;
    overflow: visible;
    transform-origin: left top;
    backface-visibility: hidden;
    user-select: none;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: grabbing;
}

.fancybox-image, .fancybox-spaceball {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px;
    max-width: none;
    max-height: none;
    user-select: none;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0px;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: rgb(255, 255, 255);
}

.fancybox-iframe {
    display: block;
    padding: 0px;
    border: 0px;
    height: 100%;
}

.fancybox-error, .fancybox-iframe {
    margin: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default;
}

.fancybox-error p {
    margin: 0px;
    padding: 0px;
    color: rgb(68, 68, 68);
    font: 16px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.fancybox-close-small {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 44px;
    height: 44px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}

.fancybox-close-small::after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 300 20px / 30px Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: rgb(136, 136, 136);
    text-align: center;
    border-radius: 50%;
    border-width: 0px;
    background: rgb(255, 255, 255);
    transition: background 0.25s;
    box-sizing: border-box;
    z-index: 2;
}

.fancybox-close-small:focus::after {
    outline: rgb(136, 136, 136) dotted 1px;
}

.fancybox-close-small:hover::after {
    color: rgb(85, 85, 85);
    background: rgb(238, 238, 238);
}

.fancybox-slide--iframe .fancybox-close-small {
    top: 0px;
    right: -44px;
}

.fancybox-slide--iframe .fancybox-close-small::after {
    background: transparent;
    font-size: 35px;
    color: rgb(170, 170, 170);
}

.fancybox-slide--iframe .fancybox-close-small:hover::after {
    color: rgb(255, 255, 255);
}

.fancybox-caption-wrap {
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 60px 30px 0px;
    background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
    pointer-events: none;
}

.fancybox-caption {
    padding: 30px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(255, 255, 255);
    line-height: 20px;
    text-size-adjust: none;
}

.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
    pointer-events: all;
}

.fancybox-caption a {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

.fancybox-button {
    display: inline-block;
    position: relative;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: transparent;
    color: rgb(221, 221, 221);
    border-radius: 0px;
    cursor: pointer;
    vertical-align: top;
    outline: none;
}

.fancybox-button[disabled] {
    cursor: default;
    pointer-events: none;
}

.fancybox-button, .fancybox-infobar__body {
    background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover:not([disabled]) {
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.8);
}

.fancybox-button::after, .fancybox-button::before {
    content: "";
    pointer-events: none;
    position: absolute;
    background-color: currentcolor;
    color: currentcolor;
    opacity: 0.9;
    box-sizing: border-box;
    display: inline-block;
}

.fancybox-button[disabled]::after, .fancybox-button[disabled]::before {
    opacity: 0.3;
}

.fancybox-button--left::after, .fancybox-button--right::after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid;
    border-right: 2px solid;
}

.fancybox-button--left::after {
    left: 20px;
    transform: rotate(-135deg);
}

.fancybox-button--right::after {
    right: 20px;
    transform: rotate(45deg);
}

.fancybox-button--left {
    border-bottom-left-radius: 5px;
}

.fancybox-button--right {
    border-bottom-right-radius: 5px;
}

.fancybox-button--close::after, .fancybox-button--close::before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px);
}

.fancybox-button--close::before {
    transform: rotate(45deg);
}

.fancybox-button--close::after {
    transform: rotate(-45deg);
}

.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0px 0px;
    height: 100px;
    width: 54px;
    padding: 0px;
    border: 0px;
    outline: none;
    background: none;
    cursor: pointer;
    z-index: 99995;
    opacity: 0;
    user-select: none;
    transition: opacity 0.25s;
}

.fancybox-arrow::after {
    content: "";
    position: absolute;
    top: 28px;
    width: 44px;
    height: 44px;
    background-color: rgba(30, 30, 30, 0.8);
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: 50% center;
    background-size: 24px 24px;
}

.fancybox-arrow--right {
    right: 0px;
}

.fancybox-arrow--left {
    left: 0px;
    transform: scaleX(-1);
}

.fancybox-arrow--left::after, .fancybox-arrow--right::after {
    left: 0px;
}

.fancybox-show-nav .fancybox-arrow {
    opacity: 0.6;
}

.fancybox-show-nav .fancybox-arrow[disabled] {
    opacity: 0.3;
}

.fancybox-slide > .fancybox-loading {
    border-width: 6px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.6) rgba(99, 99, 99, 0.4) rgba(99, 99, 99, 0.4);
    border-image: initial;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    animation: 0.8s linear 0s infinite normal none running a;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999;
}

@-webkit-keyframes a {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@keyframes a {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    transform: translate3d(-100%, 0px, 0px);
    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
    transform: translate3d(100%, 0px, 0px);
    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
    transform: translateZ(0px);
    opacity: 1;
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    transform: scaleX(1);
    opacity: 1;
}

.fancybox-fx-rotate.fancybox-slide--previous {
    transform: rotate(-1turn);
    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
    transform: rotate(1turn);
    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
    transform: rotate(0deg);
    opacity: 1;
}

.fancybox-fx-circular.fancybox-slide--previous {
    transform: scale3d(0, 0, 0) translate3d(-100%, 0px, 0px);
    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
    transform: scale3d(0, 0, 0) translate3d(100%, 0px, 0px);
    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
    transform: scaleX(1) translateZ(0px);
    opacity: 1;
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0px, 0px) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0px, 0px) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0px) scale(1);
}

@media (max-width: 800px) {
    .fancybox-infobar {
        left: 0px;
        margin-left: 0px;
    }

    .fancybox-button--left, .fancybox-button--right {
        display: none !important;
    }

    .fancybox-caption {
        padding: 20px 0px;
        margin: 0px;
    }
}

.fancybox-button--fullscreen::before {
    width: 15px;
    height: 11px;
    left: calc(50% - 7px);
    top: calc(50% - 6px);
    border: 2px solid;
    background: none;
}

.fancybox-button--pause::before, .fancybox-button--play::before {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    background: transparent;
}

.fancybox-button--play::before {
    width: 0px;
    height: 0px;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px;
}

.fancybox-button--pause::before {
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0px 2px;
}

.fancybox-button--thumbs, .fancybox-thumbs {
    display: none;
}

@media (min-width: 800px) {
    .fancybox-button--thumbs {
        display: inline-block;
    }

    .fancybox-button--thumbs span {
        font-size: 23px;
    }

    .fancybox-button--thumbs::before {
        width: 3px;
        height: 3px;
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        box-shadow: 0px -4px 0px, -4px -4px 0px, 4px -4px 0px, 0px 0px 0px 32px inset, -4px 0px 0px, 4px 0px 0px, 0px 4px 0px, -4px 4px 0px, 4px 4px 0px;
    }

    .fancybox-thumbs {
        position: absolute;
        inset: 0px 0px 0px auto;
        width: 220px;
        margin: 0px;
        padding: 5px 5px 0px 0px;
        background: rgb(255, 255, 255);
        word-break: normal;
        -webkit-tap-highlight-color: transparent;
        box-sizing: border-box;
        z-index: 99995;
    }

    .fancybox-show-thumbs .fancybox-thumbs {
        display: block;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 220px;
    }

    .fancybox-thumbs > ul {
        list-style: none;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow: hidden auto;
        font-size: 0px;
    }

    .fancybox-thumbs > ul > li {
        float: left;
        overflow: hidden;
        max-width: 50%;
        padding: 0px;
        margin: 0px;
        width: 105px;
        height: 75px;
        position: relative;
        cursor: pointer;
        outline: none;
        border-width: 0px 0px 5px 5px;
        border-style: solid;
        border-color: transparent;
        border-image: initial;
        -webkit-tap-highlight-color: transparent;
        backface-visibility: hidden;
        box-sizing: border-box;
    }

    li.fancybox-thumbs-loading {
        background: rgba(0, 0, 0, 0.1);
    }

    .fancybox-thumbs > ul > li > img {
        position: absolute;
        top: 0px;
        left: 0px;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        user-select: none;
    }

    .fancybox-thumbs > ul > li::before {
        content: "";
        position: absolute;
        inset: 0px;
        border-radius: 2px;
        border: 4px solid rgb(78, 167, 249);
        z-index: 99991;
        opacity: 0;
        transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .fancybox-thumbs > ul > li.fancybox-thumbs-active::before {
        opacity: 1;
    }
}

.animated._2s {
    animation-duration: 2s;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    opacity: 1;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}

html:not(.lt-ie10) .not-animated {
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

.pulse {
    animation-name: pulse;
}

.zoomIn {
    animation-name: zoomIn;
}

@-webkit-keyframes pulse {
    0% {
        transform: scaleX(1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        transform: scaleX(1);
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0px, 100%, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0px, 100%, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0px, -100%, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0px, -100%, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-50%, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-50%, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0px, 0px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0px, -100%, 0px);
        visibility: visible;
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0px, -100%, 0px);
        visibility: visible;
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0px, 0px);
        visibility: visible;
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0px, 0px);
        visibility: visible;
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0px, 0px);
        visibility: visible;
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0px, 0px);
        visibility: visible;
    }

    100% {
        transform: translate3d(0px, 0px, 0px);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }

    100% {
        visibility: hidden;
        transform: translate3d(0px, 100%, 0px);
    }
}

@keyframes slideOutDown {
    0% {
        transform: translate3d(0px, 0px, 0px);
    }

    100% {
        visibility: hidden;
        transform: translate3d(0px, 100%, 0px);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@-webkit-keyframes fadeBoth-small {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 0.7;
    }
}

@keyframes fadeBoth-small {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 0.7;
    }
}

.fadeInRightSmall {
    animation-name: fadeInRightSmall;
}

@-webkit-keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}

@-webkit-keyframes fadeInLeftSmall {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInLeftSmall {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall;
    transform-origin: 50% 100%;
}

@-webkit-keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        transform: translateY(60px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        transform: translateY(60px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.slideInUpSmall {
    animation-name: slideInUpSmall;
    transform-origin: 50% 100%;
}

@-webkit-keyframes slideInUpSmall {
    0% {
        transform: translateY(60px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes slideInUpSmall {
    0% {
        transform: translateY(60px);
    }

    100% {
        transform: translateY(0px);
    }
}

.fadeInRightSmall-v2 {
    animation-name: fadeInRightSmall-v2;
}

@-webkit-keyframes fadeInRightSmall-v2 {
    0% {
        opacity: 0;
        transform: translateX(45px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInRightSmall-v2 {
    0% {
        opacity: 0;
        transform: translateX(45px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fadeInLeftSmall-v2 {
    animation-name: fadeInLeftSmall-v2;
}

@-webkit-keyframes fadeInLeftSmall-v2 {
    0% {
        opacity: 0;
        transform: translateX(-45px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInLeftSmall-v2 {
    0% {
        opacity: 0;
        transform: translateX(-45px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    100% {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

.slick-slider * {
    outline: none !important;
}

.slick-slide:focus {
    outline: none !important;
}

.slick-slide:focus a {
    outline: none !important;
}

.slick-slide > div {
    display: flex;
}

.slick-slide a {
    outline: none !important;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0px;
    padding: 0px;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0px, 0px, 0px);
}

.slick-track {
    position: relative;
    left: 0px;
    top: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track::before, .slick-track::after {
    content: "";
    display: table;
}

.slick-track::after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: url("../images/ajax-loader.gif") center center no-repeat rgb(255, 255, 255);
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 0;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    transform: translate(0px, -50%);
    padding: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    outline: none;
}

.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover::before, .slick-next:hover::before, .slick-prev:focus::before, .slick-next:focus::before {
    opacity: 1;
}

.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
    opacity: 0.25;
}

.slick-prev::before, .slick-next::before {
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: slick;
    font-weight: normal;
    font-style: normal;
    src: url("fonts/slick.woff") format("woff"), url("fonts/slick.ttf") format("truetype");
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev::before {
    content: "";
}

[dir="rtl"] .slick-prev::before {
    content: "";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next::before {
    content: "";
}

[dir="rtl"] .slick-next::before {
    content: "";
}

.slick-dotted .slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: right;
    padding: 0px;
    margin: 0px;
    width: 100%;
    top: inherit;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0px 3px;
    padding: 0px;
    cursor: pointer;
}

.slick-dots li button {
    transition: transform 0.45s;
    border-radius: 50%;
}

.slick-dots li:hover button, .slick-dots li.slick-active button {
    background: rgb(240, 138, 0);
    border-color: rgb(240, 138, 0);
}

.slick-dots li button {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: rgb(255, 255, 255);
    display: block;
    height: 10px;
    width: 10px;
    outline: none;
    line-height: 0;
    font-size: 0px;
    color: transparent;
    padding: 3px;
    cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover::before, .slick-dots li button:focus::before {
    background: rgb(240, 138, 0);
}

.slick-dots li.slick-active button::before {
    color: black;
    opacity: 0.75;
}

@font-face {
    font-display: block;
    font-family: FontAwesome;
    src: url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-language-override: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.fa-long-arrow-right::before {
    content: "";
}

.fa-envelope-o::before {
    content: "";
}

.fa-angle-down::before {
    content: "";
}

.fa-commenting-o::before {
    content: "";
}

.fa-facebook-f::before, .fa-facebook::before {
    content: "";
}

.fa-star::before {
    content: "";
}

.fa-home::before {
    content: "";
}

.fa-user-circle::before {
    content: "";
}

.fa-wechat::before, .fa-weixin::before {
    content: "";
}

.fa-facebook-official::before {
    content: "";
}

.fa-whatsapp::before {
    content: "";
}

.fa-eye::before {
    content: "";
}

.fa-download::before {
    content: "";
}

.fa-envelope::before {
    content: "";
}

.fa-envelope-o::before {
    content: "";
}

.fa-caret-down::before {
    content: "";
}

.fa-calendar::before {
    content: "";
}

.fa-phone::before {
    content: "";
}

.fa-comment::before {
    content: "";
}

.fa-map-marker::before {
    content: "";
}

.fa-remove::before, .fa-close::before, .fa-times::before {
    content: "";
}

.fa-clock-o::before {
    content: "";
}

.fa-chevron-up::before {
    content: "";
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571em;
    text-align: center;
}

.fa-ul {
    padding-left: 0px;
    margin-left: 2.14286em;
    list-style-type: none;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.142857em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714em;
}

.fa-border {
    padding: 0.2em 0.25em 0.15em;
    border: 0.08em solid rgb(238, 238, 238);
    border-radius: 0.1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: 0.3em;
}

.fa.fa-pull-right {
    margin-left: 0.3em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: 0.3em;
}

.fa.pull-right {
    margin-left: 0.3em;
}

.fa-search::before {
    content: "";
}

.fa-spin {
    animation: 2s linear 0s infinite normal none running fa-spin;
}

.fa-pulse {
    animation: 1s steps(8) 0s infinite normal none running fa-spin;
}

@-webkit-keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    transform: rotate(90deg);
}

.fa-rotate-180 {
    transform: rotate(180deg);
}

.fa-rotate-270 {
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0px;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: rgb(255, 255, 255);
}

.fa-angle-left::before {
    content: "";
}

.fa-angle-right::before {
    content: "";
}

.fa-shopping-cart::before {
    content: "";
}

.fa-plus::before {
    content: "";
}

.fa-minus::before {
    content: "";
}

.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
    content: "";
}

.fa-angle-double-left::before {
    content: "";
}

.fa-angle-double-right::before {
    content: "";
}

.fa-angle-up::before {
    content: "";
}

.fa-arrow-up::before {
    content: "";
}

.fa-caret-right::before {
    content: "";
}

.MagicZoom, .mz-figure, .mz-lens, .mz-zoom-window, .mz-loading, .mz-hint, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage, .mz-expand .mz-expand-stage .mz-image-stage .mz-caption, .mz-thumb img, .mz-expand-thumbnails, .mz-expand-controls, .mz-button {
    box-sizing: border-box;
}

.MagicZoom, .mz-figure {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin: 0px auto;
    vertical-align: middle;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    backface-visibility: hidden;
    outline: 0px !important;
    font-size: 0px !important;
    line-height: 100% !important;
    direction: ltr !important;
}

.MagicZoom {
    transform: translate3d(0px, 0px, 0px);
    touch-action: pan-y;
}

figure.mz-figure {
    overflow: hidden;
    transform-style: preserve-3d;
    margin: 0px !important;
}

.MagicZoom img, .mz-figure img {
    border: 0px !important;
    margin: 0px !important;
    outline: 0px !important;
    padding: 0px !important;
}

.MagicZoom > img, .mz-figure > img {
    width: 100%;
    height: auto;
}

.ie8-magic .MagicZoom > img, .ie8-magic .mz-figure > img {
    width: 100%;
    max-width: none !important;
}

.mz-figure.mz-no-zoom.mz-no-expand, .mz-expand .mz-figure.mz-no-zoom {
    cursor: default !important;
}

.mz-figure.mz-active, .mz-expand {
    touch-action: none;
}

.mz-lens, .mz-zoom-window {
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.mz-lens img, .mz-zoom-window img {
    position: absolute !important;
    max-width: none !important;
    max-height: none !important;
}

.mz-lens img {
    transition: none !important;
}

.mz-zoom-window {
    z-index: 2000000000;
    transform: translate3d(0px, 0px, 0px);
}

.mz-zoom-window.mz-magnifier {
    mask-image: -webkit-radial-gradient(center center, circle cover, white, black);
    cursor: none;
}

.mz-figure.mz-active .mz-zoom-window.mz-magnifier {
    pointer-events: auto !important;
    cursor: inherit !important;
}

.mz-zoom-window.mz-magnifier.mz-expanded {
    z-index: 2147483647;
}

.mz-zoom-window img {
    width: auto;
    height: auto;
    inset: -1000%;
    margin: auto !important;
    transition: none !important;
    transform-origin: 50% 50% !important;
}

.mz-zoom-window.mz-preview img {
    inset: 0px !important;
    margin: 0px !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
}

.lt-ie9-magic .mz-zoom-window img {
    margin: 0px !important;
}

.mz-expand-controls {
    z-index: 2147483647;
}

.mz-fade {
    transition: opacity 0.25s;
}

.mz-hidden {
    opacity: 0;
}

.mz-visible {
    opacity: 1;
}

.mobile-magic .mz-expand .mz-expand-bg {
    transform-style: flat !important;
}

.mobile-magic .mz-expand-controls.mz-fade {
    transition: none !important;
}

.mobile-magic .mz-expand > .mz-zoom-window {
    top: 0px !important;
    left: 0px !important;
}

@media not screen and (max-device-width: 767px) {
    .mz-expanded-view-open, .mz-expanded-view-open body {
        overflow: hidden !important;
    }

    .mz-expanded-view-open body {
        height: auto !important;
    }
}

@media screen and (max-device-width: 767px) {
    :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua="safari"]), :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua="safari"]) body {
        overflow: hidden !important;
    }

    :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua="safari"]) body {
        height: auto !important;
    }
}

.mz-figure.mz-active {
    background: transparent;
}

.mz-figure.mz-no-zoom, .mz-figure.mz-click-zoom, .mz-figure.mz-active {
    cursor: zoom-in;
}

.mz-figure.mz-active.mz-no-expand {
    cursor: crosshair;
}

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    cursor: zoom-out;
}

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
    cursor: none;
}

.mz-figure.mz-magnifier-zoom.mz-active {
    overflow: visible !important;
}

.mz-figure.mz-active > img {
    filter: grayscale(80%) opacity(60%);
}

.no-cssfilters-magic .mz-figure.mz-active > img {
    opacity: 0.6;
}

.lt-ie10-magic .mz-figure.mz-active > img {
    opacity: 1;
}

.mz-expand .mz-figure.mz-active.mz-inner-zoom, :not(.mz-expand) .mz-figure.mz-active.mz-inner-zoom > img {
    opacity: 0;
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img {
}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent;
}

.mz-lens {
    border: 1px solid rgba(170, 170, 170, 0.7);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
    cursor: none;
    z-index: 10;
    opacity: 0;
}

.mz-figure.mz-active .mz-lens {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s;
}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    opacity: 0;
    cursor: none;
}

.mz-zoom-window {
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px;
}

.mz-zoom-window.mz-magnifier {
    border-radius: 100%;
    border: 0px;
    background: rgba(255, 255, 255, 0.3);
}

.mz-zoom-window.mz-magnifier::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0px;
    border-radius: 100%;
    border: 1px solid rgba(170, 170, 170, 0.7);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px 1px inset;
    background: transparent;
    z-index: 1;
}

.mz-zoom-window.mz-magnifier.mz-square, .mz-zoom-window.mz-magnifier.mz-square::before {
    border-radius: 0px !important;
}

.lt-ie9-magic .mz-zoom-window {
    border: 1px solid rgb(229, 229, 229);
}

.mz-zoom-window.mz-inner {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    box-shadow: none;
}

.mz-zoom-window.mz-inner:not(.mz-expanded) {
    z-index: 80;
}

.mz-zoom-window .mz-caption {
    background: rgb(119, 119, 119);
    color: rgb(255, 255, 255);
    font-size: 10pt;
    opacity: 0.8;
    position: absolute;
    top: 0px;
    z-index: 150;
    padding: 3px;
    width: 100%;
    line-height: normal !important;
    text-align: center !important;
}

.lt-ie9-magic .mz-zoom-window .mz-caption {
}

.mz-zoom-window.caption-bottom .mz-caption {
    top: auto;
    bottom: 0px;
}

.mz-zoom-window.mz-expanded > .mz-caption {
    display: none;
}

.mz-zoom-window.mz-deactivating, .mz-zoom-window.mz-activating {
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-deactivating {
    transition-duration: 0.25s, 0.25s, 0.25s;
}

.mz-zoom-window.mz-p-right, .mz-zoom-window.mz-p-left, .mz-zoom-window.mz-p-top, .mz-zoom-window.mz-p-bottom {
    opacity: 0;
    z-index: -100;
}

.mz-zoom-window.mz-p-right {
    transform: translate3d(-20%, 0px, 0px);
}

.mz-zoom-window.mz-p-left {
    transform: translate3d(20%, 0px, 0px);
}

.mz-zoom-window.mz-p-top {
    transform: translate3d(0px, 20%, 0px);
}

.mz-zoom-window.mz-p-bottom {
    transform: translate3d(0px, -20%, 0px);
}

.mz-zoom-window > img {
    transform: translate3d(0px, 0px, 0px) scale(1);
    backface-visibility: hidden;
}

.mz-zoom-window.mz-p-inner.mz-deactivating > img, .mz-zoom-window.mz-p-inner.mz-activating > img {
    transition: transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
}

.mz-zoom-window.mz-p-magnifier {
    transform: scale(0.1);
}

.mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-preview.mz-activating, .mz-zoom-window.mz-custom.mz-deactivating, .mz-zoom-window.mz-custom.mz-activating {
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-custom.mz-deactivating {
    transition-duration: 0.2s;
}

.mz-zoom-window.mz-p-preview, .mz-zoom-window.mz-p-custom {
    opacity: 0;
}

.mz-hint, .mz-loading {
    color: rgb(238, 238, 238);
    background: rgba(49, 51, 61, 0.7);
    font: 12px / 1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0px;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    transition: opacity 0.25s;
}

.mz-hint {
    bottom: 8px;
    left: 0px;
    right: 0px;
    padding: 0px 10%;
    background-color: transparent;
    transition: opacity 0.4s, z-index 0.4s;
}

.mz-hint-message {
    display: inline-block;
    background: rgba(49, 51, 61, 0.7);
    border-radius: 2em;
    padding: 0.7em 1.1em;
}

.mz-hint-message::before {
    content: "⊕";
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
}

.mobile-magic .mz-hint-message::before {
    display: none;
}

.mz-hint-hidden {
    opacity: 0;
    z-index: -1;
    transition-delay: 0.6s;
}

.mz-expand .mz-hint {
    font-size: 18px;
    line-height: 1.1em;
    top: 50%;
    bottom: auto;
    margin: 0px;
    transform: translate(0px, -50%);
}

.mz-expand .mz-hint-message {
    padding: 1.1em;
}

.mz-expand .mz-hint-message::before {
    display: none;
}

.mz-expand .mz-hint-hidden {
    opacity: 0;
    transition-delay: 1.5s;
}

.mz-loading {
    font-size: 0px;
    border-radius: 100%;
    opacity: 0;
    padding: 0px;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mz-loading::after {
    content: "";
    position: absolute;
    inset: 0px;
    width: 24px;
    height: 24px;
    margin: auto;
    text-indent: -9999em;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255);
    border-image: initial;
    box-sizing: border-box;
}

.mz-loading.shown {
    opacity: 1;
    z-index: 1;
    transition: opacity;
}

.mz-loading.shown::after {
    animation: 0.9s linear 0s infinite normal none running spin-loading;
}

@-webkit-keyframes spin-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.lt-ie10-magic .mz-loading {
    border-radius: 2em;
    font-size: 12px;
    padding: 0.7em 1.1em;
    width: auto;
    height: auto;
}

.lt-ie10-magic .mz-loading::after {
    content: "Loading...";
    text-indent: 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    position: relative;
}

.lt-ie9-magic .mz-loading {
    right: 0px;
    left: 0px;
    width: 126px;
    margin: auto;
}

.lt-ie9-magic .mz-hint-message, .lt-ie9-magic .mz-loading.shown {
    background: transparent !important;
}

.lt-ie9-magic .mz-hint-hidden {
}

.mz-expand, .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg, .mz-expand .mz-expand-stage {
    position: absolute;
    inset: 0px;
}

.mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg {
    width: auto !important;
    height: auto !important;
}

.mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > svg {
    min-width: 100% !important;
    min-height: 100% !important;
}

.mz-expand {
    background-color: rgb(0, 0, 0);
    text-align: center;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    z-index: 2100000000;
    position: fixed;
    width: auto;
    height: auto;
    perspective: 600px;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.mz-expand .mz-expand-bg {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    z-index: -100;
    background-repeat: no-repeat;
    background-size: cover;
    perspective: 600px;
    transform: translate3d(0px, 0px, 0px) scale(10) rotate(0.01deg);
    max-width: none !important;
    max-height: none !important;
}

:root:not([data-magic-ua="safari"]) .mz-expand .mz-expand-bg {
    filter: blur(20px) brightness(60%);
}

.mz-expand .mz-expand-bg > img {
    margin: auto;
    transform: translate3d(0px, 0px, 0px);
    backface-visibility: hidden;
}

[data-magic-ua="safari"] .mz-expand .mz-expand-bg > img {
    filter: blur(20px) brightness(60%);
}

.mz-expand .mz-expand-bg > svg {
    margin: auto;
    opacity: 0.6;
}

[data-magic-ua="edge"] .mz-expand .mz-expand-bg, .lt-ie10-magic .mz-expand .mz-expand-bg {
    display: none !important;
}

.lt-ie9-magic .mz-expand {
    background: rgb(31, 31, 31);
}

[data-magic-ua="edge"] .mz-expand {
    background-color: rgba(31, 31, 31, 0.96);
}

.mz-expand.plain-bg .mz-expand-bg, .mz-expand.dark-bg .mz-expand-bg, .mz-expand.white-bg .mz-expand-bg {
    display: none !important;
}

.mz-expand.dark-bg {
    background-color: rgba(31, 31, 31, 0.96);
}

.mz-expand.white-bg {
    background-color: rgb(255, 255, 255);
}

.mz-expand .mz-expand-stage {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 0px;
    z-index: 2100000000;
}

.mz-expand .mz-expand-stage .mz-image-stage {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    position: relative;
    margin: 0px;
    padding: 20px 0px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    backface-visibility: hidden;
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    left: 0px;
    right: 0px;
    padding: 0px !important;
}

.mz-expand .mz-image-stage > figure {
    position: relative;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    overflow: hidden;
}

.mz-expand .mz-figure {
    overflow: visible;
    max-width: 100% !important;
}

.mz-expand .mz-figure > img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.mz-expand .mz-zoom-in .mz-image-stage > figure, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active {
    -webkit-box-flex: 1;
    flex: 1 0 0%;
    width: 100%;
    height: 100%;
}

.mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active > img {
    pointer-events: none;
}

.mz-expand .mz-figure {
    cursor: zoom-in;
}

.mz-expand .mz-figure.mz-active {
    cursor: zoom-out;
}

.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img {
    z-index: 1;
    position: absolute !important;
    inset: -5000px !important;
    margin: auto !important;
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img {
}

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden;
}

.mz-expand .mz-caption {
    -webkit-box-flex: 0;
    flex: 0 0 0%;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 0px 46px;
    padding: 10px 30px;
    font: 10pt / 1.25 "Lucida Grande", "Lucida Sans Unicode", Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
    opacity: 0;
}

.mz-expand .mz-caption.mz-show {
    transition: opacity 0.15s ease-out;
    opacity: 1;
}

.mz-expand .mz-zoom-in .mz-image-stage .mz-caption {
    display: none;
}

.mz-expand .mz-caption a {
    color: inherit;
    cursor: pointer;
}

.mz-expand.white-bg .mz-caption {
    color: rgb(85, 85, 85);
    text-shadow: none;
}

.lt-ie9-magic .mz-expand .mz-caption {
    top: 100%;
}

.mz-expand .mz-zoom-window {
    box-shadow: none;
    background: transparent;
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
    border: 0px;
}

@media screen and (max-device-width: 767px) {
    .mobile-magic .mz-expand .mz-image-stage .mz-caption {
        display: none !important;
    }
}

.mz-nav-controls, .mz-expand-controls, button.mz-button {
    margin: 0px !important;
    padding: 0px !important;
    outline: 0px !important;
}

.mz-nav-controls {
    z-index: 2100000000;
}

button.mz-button {
    font-size: 0px;
    cursor: pointer;
    text-align: center;
    speak: none;
    color: rgba(180, 180, 180, 0.6) !important;
    z-index: 2100000000 !important;
    background-color: transparent !important;
    border: 0px solid transparent !important;
    border-radius: 100% !important;
    box-shadow: none !important;
    position: absolute !important;
    text-transform: none !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 0px !important;
    min-height: 0px !important;
    max-width: none !important;
    max-height: none !important;
    transition: color 0.25s, background-color 0.25s !important;
}

button.mz-button::before {
    display: block;
    position: static;
    height: 100%;
    transform: scale(0.9);
    transition: transform 0.25s, -webkit-transform 0.25s !important;
}

:root:not(.mobile-magic) button.mz-button:hover, button.mz-button:active {
    color: rgb(180, 180, 180) !important;
}

button.mz-button:active::before {
    transform: scale(0.7) !important;
}

.mobile-magic .mz-expand button.mz-button:active {
    background-color: rgba(49, 51, 61, 0.7) !important;
}

button.mz-button.mz-button-prev, button.mz-button.mz-button-next {
    margin: auto 10px !important;
    top: 0px !important;
    bottom: 0px !important;
    overflow: hidden !important;
}

button.mz-button.mz-button-prev {
    left: 0px !important;
    transform: rotateZ(180deg) !important;
}

button.mz-button.mz-button-next {
    right: 0px !important;
}

button.mz-button.mz-button-close {
    margin: 10px !important;
    top: 0px !important;
    right: 0px !important;
    z-index: 95 !important;
}

button.mz-button.mz-button-close::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

button.mz-button.mz-button-prev::before, button.mz-button.mz-button-next::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

@supports (((-webkit-mask-image: url()) or (mask-image:url())) and((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and((-webkit-mask-position:center) or (mask-position:center)) and((-webkit-mask-size:cover) or (mask-size:cover))) {
    button.mz-button::before {
        background-color: currentcolor;
        background-image: none;
        mask-repeat: no-repeat;
        mask-position: center center;
        mask-size: cover;
        content: "" !important;
    }

    button.mz-button.mz-button-close::before {
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    }

    button.mz-button.mz-button-prev::before, button.mz-button.mz-button-next::before {
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    }
}

@media screen and (max-device-width: 767px) {
    button.mz-button-prev, button.mz-button-next {
        display: none !important;
    }

    .mobile-magic .mz-expand button.mz-button.mz-button-close {
        width: 50px !important;
        height: 50px !important;
        color: rgb(180, 180, 180) !important;
    }

    .mobile-magic .mz-expand button.mz-button::before {
        transform: scale(0.8);
    }
}

.lt-ie9-magic button.mz-button {
    border: 0px;
}

.lt-ie9-magic button.mz-button:hover {
}

.mz-figure .mz-nav-controls button.mz-button {
    display: none;
    width: 32px !important;
    height: 56px !important;
    margin: auto 0px !important;
    padding: 0px !important;
    border: 0px !important;
}

.mz-figure.mz-show-arrows .mz-nav-controls button.mz-button {
    display: block;
}

a[data-zoom-id], .mz-thumb, .mz-thumb:focus {
    display: inline-block;
    line-height: 0;
    outline: none;
}

a[data-zoom-id] img, .mz-thumb img {
}

.mz-thumb:not(.mz-thumb-selected):hover img {
    border-bottom-color: rgba(180, 180, 180, 0.3);
}

.mz-thumb.mz-thumb-selected img {
    border-bottom-color: rgb(180, 180, 180);
}

.mz-expand-thumbnails {
    -webkit-box-flex: 0;
    flex: 0 0 80px;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    padding: 10px 0px;
    z-index: 50;
    overflow: hidden;
}

.ios-magic[data-magic-engine="webkit"][data-magic-engine-ver="603.1"] .mz-expand-thumbnails, :root[data-magic-ua="firefox"] .mz-expand-thumbnails {
    height: 80px;
}

.mz-expand-thumbnails .magic-thumb > img {
    cursor: pointer;
    padding-bottom: 4px;
    border-width: 0px 0px 2px;
    border-style: none none solid;
    border-color: currentcolor currentcolor transparent;
    border-image: initial;
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img {
    border-bottom-color: rgba(180, 180, 180, 0.3);
}

.mz-expand-thumbnails .magic-thumb.magic-thumb-selected img {
    border-bottom-color: rgb(180, 180, 180);
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
    box-shadow: none;
}

@media not screen and (max-device-width: 767px) and (orientation: portrait) {
    .mz-expand.expand-thumbnails-left .mz-expand-stage {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }

    .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
        padding: 0px 10px;
        height: 100%;
        overflow: hidden;
    }

    .ios-magic[data-magic-engine="webkit"][data-magic-engine-ver="603.1"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails, :root[data-magic-ua="firefox"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails {
        width: 80px;
        height: 100%;
    }

    @media not screen and (max-device-width: 767px) {
        .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical {
            height: calc(100% - 40px);
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }

    @media screen and (max-device-width: 767px) {
        .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical.no-buttons {
            height: calc(100% - 40px);
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }
}

.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
    display: none;
}

.thumbnails-style-shaded.mz-thumb img {
    padding-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px 0px;
    border: 0px !important;
}

.thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
    filter: brightness(0.7);
}

.thumbnails-style-shaded.mz-thumb-selected img {
    filter: brightness(0.7) opacity(0.7);
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb > img {
    border: 0px;
    padding-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 1px;
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover {
    filter: brightness(0.75);
}

.thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img {
    filter: brightness(0.7) opacity(0.7);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover, .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected, .no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover, .no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected {
    background: rgb(0, 0, 0);
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: 0.75;
}

.no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img {
    opacity: 0.7;
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
    opacity: 0.75;
}

.no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img {
    opacity: 0.7;
}

.ie9-magic .thumbnails-style-shaded.mz-thumb img {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px 0px;
}

.magic-thumbs, .magic-thumbs .magic-thumbs-wrapper, .magic-thumbs ul, .magic-thumbs li, .magic-thumbs li::before, .magic-thumbs li::after, .magic-thumbs li img, .magic-thumbs .magic-thumbs-button {
    margin: 0px;
    padding: 0px;
    outline: 0px;
    box-sizing: border-box;
}

.magic-thumbs {
    direction: ltr;
    overflow: visible;
    z-index: 100;
    position: relative;
    left: 0px;
    top: 0px;
    padding: 0px 40px;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: none;
}

.magic-thumbs {
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.magic-thumbs.no-buttons {
    padding: 0px !important;
}

.magic-thumbs-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.magic-thumbs ul {
    list-style: none;
    font-size: 0px;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    white-space: nowrap;
}

.magic-thumbs.no-buttons ul {
    left: 0px !important;
    padding: 0px !important;
    transition: none !important;
    transform: none !important;
}

.magic-thumbs ul li {
    margin: 0px 4px;
    height: 100%;
    width: auto;
    vertical-align: top;
    line-height: 0;
    display: inline-block;
}

.magic-thumbs ul li::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
}

.magic-thumbs ul li > img {
    width: auto;
    height: auto;
    vertical-align: middle;
    max-width: none !important;
    max-height: 100% !important;
}

.ie8-magic .magic-thumbs ul li > img {
    max-width: none !important;
    max-height: none !important;
}

.magic-thumbs.magic-thumbs-vertical {
    height: 100%;
}

.magic-thumbs-vertical {
    padding: 40px 0px;
}

.magic-thumbs-vertical ul {
    height: auto;
    width: 100%;
    white-space: normal;
}

.magic-thumbs-vertical ul li {
    width: 100%;
    height: auto;
}

.magic-thumbs-vertical ul li {
    margin: 4px 0px;
}

.magic-thumbs-vertical ul li > img {
    max-width: 100% !important;
    max-height: none !important;
}

.ie8-magic .magic-thumbs-vertical ul li > img {
    width: 100%;
}

.magic-thumbs button.magic-thumbs-button {
    font-size: 0px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: none;
    border: 0px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    speak: none;
    text-align: center;
    width: 33px;
    height: 33px;
    top: 0px;
    bottom: 0px;
    margin: auto 3px;
    color: rgba(180, 180, 180, 0.6) !important;
    z-index: 90 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-transform: none !important;
    min-width: 0px !important;
    min-height: 0px !important;
    max-width: none !important;
    max-height: none !important;
    transition: color 0.25s, background-color 0.25s !important;
}

.magic-thumbs button.magic-thumbs-button::before {
    display: block;
    position: static;
    height: 100%;
    transform: scale(1);
    transition: transform 0.25s, -webkit-transform 0.25s !important;
}

.mobile-magic .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled), :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):hover, .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
    color: rgb(180, 180, 180) !important;
}

.magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active::before {
    transform: scale(0.7) !important;
}

.mobile-magic .mz-expand .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active {
    background-color: rgba(49, 51, 61, 0.7) !important;
}

.magic-thumbs .magic-thumbs-button-prev {
    left: 0px;
    transform: rotateZ(180deg) !important;
}

.magic-thumbs .magic-thumbs-button-next {
    right: 0px;
}

.magic-thumbs-vertical button.magic-thumbs-button {
    inset: auto 0px;
    margin: 3px auto;
}

.magic-thumbs-vertical button.magic-thumbs-button-prev {
    top: 0px;
    transform: rotateZ(-90deg) !important;
}

.magic-thumbs-vertical button.magic-thumbs-button-next {
    bottom: 0px;
    transform: rotateZ(90deg) !important;
}

.magic-thumbs .magic-thumbs-button-prev::before, .magic-thumbs .magic-thumbs-button-next::before {
    content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
}

@supports (((-webkit-mask-image: url()) or (mask-image:url())) and((-webkit-mask-repeat:no-repeat) or (mask-repeat:no-repeat)) and((-webkit-mask-position:center) or (mask-position:center)) and((-webkit-mask-size:cover) or (mask-size:cover))) {
    .magic-thumbs button.magic-thumbs-button::before {
        background-color: currentcolor;
        background-image: none;
        mask-repeat: no-repeat;
        mask-position: center center;
        mask-size: cover;
        content: "" !important;
    }

    .magic-thumbs .magic-thumbs-button-prev::before, .magic-thumbs .magic-thumbs-button-next::before {
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=");
    }
}

.magic-thumbs.no-buttons .magic-thumbs-button {
    display: none !important;
}

.magic-thumbs-button-disabled {
    opacity: 0.2;
}

.mz-thumb-selected img, .mz-thumb:hover img {
}

.mm-hidden {
    display: none !important;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    padding: 0px;
    margin: 0px;
    position: absolute;
    inset: 0px;
    z-index: 0;
}

.mm-panels, .mm-panels > .mm-panel {
    background: inherit;
    border-color: inherit;
    box-sizing: border-box;
    margin: 0px;
    position: absolute;
    inset: 0px;
    z-index: 0;
}

.mm-panels {
    overflow: hidden;
}

.mm-panel {
    transform: translate3d(100%, 0px, 0px);
    transition: transform 0.4s, -webkit-transform 0.4s;
    transform-origin: left top;
}

.mm-panel.mm-opened {
    transform: translate3d(0px, 0px, 0px);
}

.mm-panel.mm-subopened {
    transform: translate3d(-30%, 0px, 0px);
}

.mm-panel.mm-highest {
    z-index: 1;
}

.mm-panel.mm-noanimation {
    transition: none !important;
}

.mm-panel.mm-noanimation.mm-subopened {
    transform: translate3d(0px, 0px, 0px);
}

.mm-panels > .mm-panel {
    overflow: hidden auto;
    padding: 0px 20px;
}

.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px;
}

.mm-panels > .mm-panel:not(.mm-hidden) {
    display: block;
}

.mm-panels > .mm-panel::after, .mm-panels > .mm-panel::before {
    content: "";
    display: block;
    height: 20px;
}

.mm-vertical .mm-panel {
    transform: none !important;
}

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0px 10px 10px;
}

.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child::after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child::after {
    border-color: transparent;
}

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
    display: block;
}

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
    box-sizing: border-box;
    height: 40px;
    bottom: auto;
}

.mm-listview > li.mm-vertical.mm-opened > .mm-next::after, .mm-vertical .mm-listview > li.mm-opened > .mm-next::after {
    transform: rotate(225deg);
    right: 19px;
}

.mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.mm-clear::after, .mm-clear::before, .mm-close::after, .mm-close::before {
    content: "";
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    transform: rotate(-45deg);
}

.mm-clear::before, .mm-close::before {
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    right: 18px;
}

.mm-clear::after, .mm-close::after {
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    right: 25px;
}

.mm-next::after, .mm-prev::before {
    content: "";
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
}

.mm-prev::before {
    transform: rotate(-45deg);
    left: 23px;
    right: auto;
}

.mm-next::after {
    transform: rotate(135deg);
    right: 23px;
    left: auto;
}

.mm-navbar {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0px 40px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

.mm-navbar > * {
    display: block;
    padding: 10px 0px;
}

.mm-navbar a, .mm-navbar a:hover {
    text-decoration: none;
}

.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mm-navbar .mm-btn:first-child {
    left: 0px;
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    right: 0px;
}

.mm-panel .mm-navbar {
    display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block;
}

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0px;
    margin: 0px;
}

.mm-listview {
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-size-adjust: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-language-override: inherit;
    font-size: 14px;
    line-height: 20px;
}

.mm-listview a, .mm-listview a:hover {
    text-decoration: none;
}

.mm-listview > li {
    position: relative;
}

.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next::before, .mm-listview > li::after {
    border-color: inherit;
}

.mm-listview > li > a, .mm-listview > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0px;
}

.mm-listview > li:not(.mm-divider)::after {
    content: "";
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.mm-listview > li:not(.mm-divider)::after {
    left: 20px;
}

.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 2;
}

.mm-listview .mm-next::before {
    content: "";
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

.mm-listview .mm-next + a, .mm-listview .mm-next + span {
    margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen::before {
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
}

.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
    padding-right: 50px;
    margin-right: 0px;
}

.mm-panels > .mm-panel > .mm-listview {
    margin: 20px -20px;
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: -20px;
}

.mm-menu {
    background: rgb(243, 243, 243);
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-listview > li .mm-next::after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0, 0, 0, 0.05);
}

.mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05);
}

.mm-page {
    box-sizing: border-box;
    position: relative;
}

.mm-slideout {
    transition: transform 0.4s, -webkit-transform 0.4s;
    z-index: 1;
}

html.mm-opened {
    overflow-x: hidden;
    position: relative;
}

html.mm-blocking {
    overflow: hidden;
}

html.mm-blocking body {
    overflow: hidden;
}

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2;
}

html.mm-blocking #mm-blocker {
    display: block;
}

.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
    position: fixed;
}

.mm-menu.mm-offcanvas.mm-opened {
    display: block;
}

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened {
    z-index: 10;
}

.mm-menu.mm-offcanvas {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}

html.mm-opening .mm-menu ~ .mm-slideout {
    transform: translate3d(80%, 0px, 0px);
}

@media (max-width: 175px) {
    html.mm-opening .mm-menu ~ .mm-slideout {
        transform: translate3d(140px, 0px, 0px);
    }
}

@media (min-width: 550px) {
    html.mm-opening .mm-menu ~ .mm-slideout {
        transform: translate3d(440px, 0px, 0px);
    }
}

.mm-sronly {
    border: 0px !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0px !important;
    overflow: hidden !important;
    position: absolute !important;
}

.mm-navbars-bottom, .mm-navbars-top {
    background: inherit;
    border-color: inherit;
    border-width: 0px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 3;
}

.mm-navbars-bottom > .mm-navbar, .mm-navbars-top > .mm-navbar {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 0px;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
}

.mm-navbars-top {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    top: 0px;
}

.mm-navbars-bottom {
    border-top-style: solid;
    border-top-width: 1px;
    bottom: 0px;
}

.mm-navbar.mm-hasbtns {
    padding: 0px 40px;
}

.mm-navbar[class*="mm-navbar-content-"] > * {
    box-sizing: border-box;
    display: block;
    float: left;
}

.mm-navbar .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: auto hidden;
    text-align: left;
    padding: 0px 0px 0px 17px;
}

.mm-navbar .mm-breadcrumbs > * {
    display: inline-block;
    padding: 10px 3px;
}

.mm-navbar .mm-breadcrumbs > a {
    text-decoration: underline;
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px;
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
    margin-left: 0px;
    padding-left: 0px;
}

.mm-hasnavbar-top-1 .mm-panels {
    top: 40px;
}

.mm-hasnavbar-top-2 .mm-panels {
    top: 80px;
}

.mm-hasnavbar-top-3 .mm-panels {
    top: 120px;
}

.mm-hasnavbar-top-4 .mm-panels {
    top: 160px;
}

.mm-hasnavbar-bottom-1 .mm-panels {
    bottom: 40px;
}

.mm-hasnavbar-bottom-2 .mm-panels {
    bottom: 80px;
}

.mm-hasnavbar-bottom-3 .mm-panels {
    bottom: 120px;
}

.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px;
}

.mm-navbar-size-2 {
    height: 80px;
}

.mm-navbar-size-3 {
    height: 120px;
}

.mm-navbar-size-4 {
    height: 160px;
}

.mm-navbar-content-2 > * {
    width: 50%;
}

.mm-navbar-content-3 > * {
    width: 33.33%;
}

.mm-navbar-content-4 > * {
    width: 25%;
}

.mm-navbar-content-5 > * {
    width: 20%;
}

.mm-navbar-content-6 > * {
    width: 16.67%;
}

#panel-language i.fa {
    width: 15px;
    text-align: left;
    margin-right: 5px;
}

.mm-custom-tab {
    border-bottom: 1px solid rgb(218, 218, 218);
    & + & {
        border-left: 1px solid rgb(218, 218, 218);
    }

    &.mm-navbar__tab_selected {
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    }
}

.mm-navbars-top {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    & .mm-navbar {
        background: rgb(255, 255, 255);
    }
}

.mm-navbar__tab_selected {
    background: rgb(243, 243, 243);
}

#header {
    background: url("../images/bg_header.jpg") center center / cover no-repeat;
}

footer#footer {
    color: rgb(51, 51, 51);
    border-top: 12px solid rgb(224, 21, 29);
}

.pccc-ft {
    background: rgb(255, 255, 255);
    padding: 40px 0px 35px;
}

.pccc-ft__grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.pccc-ft__col {
    padding: 0px 15px;
    box-sizing: border-box;
}

.pccc-ft__col--brand {
    flex: 0 0 32%;
    max-width: 32%;
}

.pccc-ft__col--policy, .pccc-ft__col--menu {
    flex: 0 0 30%;
    max-width: 30%;
}

.pccc-ft__col--social {
    flex: 0 0 24%;
    max-width: 24%;
}

.pccc-ft__logo {
    margin-bottom: 25px;
}

.pccc-ft__logo img {
    display: block;
    max-width: 120px;
    height: auto;
}

.pccc-ft__company {
    margin: 0px 0px 10px;
    color: rgb(214, 13, 33);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-ft__desc {
    margin: 0px 0px 18px;
    color: rgb(51, 51, 51);
    font-size: 13px;
    line-height: 1.6;
}

.pccc-ft__contact {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.pccc-ft__contact li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.5;
    color: rgb(51, 51, 51);
}

.pccc-ft__contact li:last-child {
    margin-bottom: 0px;
}

.pccc-ft__icon {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    border-radius: 50%;
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.pccc-ft__contact a {
    color: rgb(214, 13, 33);
    text-decoration: none;
}

.pccc-ft__contact a:hover {
    text-decoration: underline;
}

.pccc-ft__title {
    margin: 0px 0px 18px;
    color: rgb(214, 13, 33);
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-ft__title--cert {
    margin-top: 22px;
}

.pccc-ft__links {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.pccc-ft__links li {
    margin-bottom: 10px;
}

.pccc-ft__links li:last-child {
    margin-bottom: 0px;
}

.pccc-ft__links a {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    color: rgb(51, 51, 51);
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none;
    text-transform: capitalize;
}

.pccc-ft__links a::before {
    content: ">";
    position: absolute;
    left: 0px;
    top: 0px;
    color: rgb(214, 13, 33);
    font-weight: 700;
}

.pccc-ft__links a:hover {
    color: rgb(214, 13, 33);
}

.pccc-ft__fb {
    margin-bottom: 6px;
    overflow: hidden;
}

.pccc-ft__cert img {
    display: block;
    max-width: 180px;
    height: auto;
}

.pccc-ft__bar {
    border-top: 3px solid rgb(255, 132, 0);
    background: linear-gradient(rgb(184, 10, 28) 0%, rgb(214, 13, 33) 100%);
    padding: 14px 0px;
    text-align: center;
}

.pccc-ft__bar p {
    margin: 0px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 1.5;
}

.pccc-ft__bar a {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

.pccc-ft__bar a:hover {
    opacity: 0.85;
}

@media screen and (max-width: 1199px) {
    .pccc-ft__col--brand {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 28px;
    }

    .pccc-ft__col--policy, .pccc-ft__col--menu {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 24px;
    }

    .pccc-ft__col--social {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .pccc-ft {
        padding: 30px 0px 25px;
    }

    .pccc-ft__col--brand, .pccc-ft__col--policy, .pccc-ft__col--menu, .pccc-ft__col--social {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 22px;
    }

    .pccc-ft__col--social {
        margin-bottom: 0px;
    }

    .pccc-ft__company {
        font-size: 14px;
    }

    .pccc-ft__title--cert {
        margin-top: 16px;
    }

    .pccc-ft__bar {
        padding: 12px 0px;
    }

    .pccc-ft__bar p {
        font-size: 12px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-ft__logo img {
        max-width: 100px;
    }

    .pccc-ft__contact li, .pccc-ft__desc, .pccc-ft__links a {
        font-size: 12px;
    }

    .pccc-ft__icon {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
        font-size: 11px;
    }
}

.pccc-404 {
    max-width: 720px;
    margin: 30px auto 50px;
    padding: 40px 20px;
    text-align: center;
}

.pccc-404__code {
    margin: 0px 0px 10px;
    color: rgb(214, 13, 33);
    font-size: 96px;
    line-height: 1;
    font-weight: 700;
    font-family: UTMImpact, Arial, sans-serif;
}

.pccc-404__title {
    margin: 0px 0px 15px;
    color: rgb(51, 51, 51);
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-404__desc {
    margin: 0px 0px 28px;
    color: rgb(102, 102, 102);
    font-size: 15px;
    line-height: 1.7;
}

.pccc-404__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 30px;
}

.pccc-404__btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 4px;
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    transition: background 0.2s;
}

.pccc-404__btn:hover {
    background: rgb(184, 10, 28);
    color: rgb(255, 255, 255);
}

.pccc-404__btn--outline {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(214, 13, 33);
    color: rgb(214, 13, 33);
}

.pccc-404__btn--outline:hover {
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
}

.pccc-404__search {
    max-width: 520px;
    margin: 0px auto;
}

.pccc-404__form {
    display: flex;
    align-items: stretch;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    overflow: hidden;
    background: rgb(255, 255, 255);
}

.pccc-404__input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0px;
    border: 0px;
    padding: 12px 14px;
    font-size: 14px;
    outline: none;
}

.pccc-404__submit {
    flex: 0 0 auto;
    border: 0px;
    padding: 0px 18px;
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

.pccc-404__submit:hover {
    background: rgb(184, 10, 28);
}

.pccc-404__submit i {
    margin-right: 6px;
}

@media screen and (max-width: 767px) {
    .pccc-404 {
        margin: 20px auto 35px;
        padding: 25px 15px;
    }

    .pccc-404__code {
        font-size: 72px;
    }

    .pccc-404__title {
        font-size: 22px;
    }

    .pccc-404__desc {
        font-size: 14px;
    }

    .pccc-404__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .pccc-404__btn {
        width: 100%;
        box-sizing: border-box;
    }

    .pccc-404__form {
        flex-direction: column;
    }

    .pccc-404__submit {
        padding: 12px 18px;
    }
}


.pccc-news-page__head {
    margin: 10px 0px 28px;
    text-align: center;
}

.pccc-news-page__title {
    margin: 0px 0px 12px;
    color: rgb(51, 51, 51);
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    font-family: UTMImpact, Arial, sans-serif;
}

.pccc-news-page__intro {
    max-width: 760px;
    margin: 0px auto;
    color: rgb(102, 102, 102);
    font-size: 15px;
    line-height: 1.7;
}

.pccc-news-page__intro p:last-child {
    margin-bottom: 0px;
}

.pccc-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 24px;
}

.pccc-news-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(238, 238, 238);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 18px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.pccc-news-card:hover {
    transform: translateY(-4px);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 28px;
}

.pccc-news-card__thumb {
    display: block;
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: rgb(243, 243, 243);
}

.pccc-news-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s;
}

.pccc-news-card:hover .pccc-news-card__thumb img {
    transform: scale(1.05);
}

.pccc-news-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgb(245, 245, 245) 0%, rgb(232, 232, 232) 100%);
}

.pccc-news-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 18px 18px 20px;
}

.pccc-news-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.4;
}

.pccc-news-card__cat {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(214, 13, 33, 0.1);
    color: rgb(214, 13, 33);
    font-weight: 600;
    text-decoration: none;
}

.pccc-news-card__cat:hover {
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
}

.pccc-news-card__date {
    color: rgb(136, 136, 136);
}

.pccc-news-card__title {
    margin: 0px 0px 10px;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
}

.pccc-news-card__title a {
    color: rgb(51, 51, 51);
    text-decoration: none;
    transition: color 0.2s;
}

.pccc-news-card__title a:hover {
    color: rgb(214, 13, 33);
}

.pccc-news-card__excerpt {
    flex: 1 1 auto;
    margin: 0px 0px 14px;
    color: rgb(102, 102, 102);
    font-size: 14px;
    line-height: 1.65;
}

.pccc-news-card__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    color: rgb(214, 13, 33);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.pccc-news-card__more:hover {
    color: rgb(184, 10, 28);
}

.pccc-news-page__pagination {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.pccc-news-pagination {
    margin: 0px;
}

.pccc-news-pagination li a, .pccc-news-pagination li span {
    min-width: 36px;
    text-align: center;
}

.pccc-news-pagination li.active a {
    background: rgb(214, 13, 33);
    border-color: rgb(214, 13, 33);
}

.pccc-news-empty {
    padding: 40px 20px;
    text-align: center;
    color: rgb(102, 102, 102);
}

.pccc-article-page {
    padding-bottom: 45px;
}

.pccc-article {
    margin: 0px auto 40px;
}

.pccc-article__head {
    margin: 10px 0px 24px;
    text-align: center;
}

.pccc-article__cats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 14px;
}

.pccc-article__cat {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(214, 13, 33, 0.1);
    color: rgb(214, 13, 33);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.pccc-article__cat:hover {
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
}

.pccc-article__title {
    margin: 0px 0px 16px;
    color: rgb(34, 34, 34);
    font-size: 34px;
    line-height: 1.35;
    font-weight: 700;
}

.pccc-article__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
    color: rgb(119, 119, 119);
    font-size: 14px;
}

.pccc-article__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pccc-article__meta-item i {
    color: rgb(214, 13, 33);
}

.pccc-article__featured {
    margin: 0px 0px 28px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 28px;
}

.pccc-article__featured img {
    display: block;
    width: 100%;
    height: auto;
}

.pccc-article__content {
    padding: 28px 32px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(238, 238, 238);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 18px;
    color: rgb(68, 68, 68);
    font-size: 16px;
    line-height: 1.8;
}

.pccc-article__content p {
    margin-bottom: 1em;
}

.pccc-article__content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

.pccc-article__content h2, .pccc-article__content h3, .pccc-article__content h4 {
    margin: 1.4em 0px 0.6em;
    color: rgb(34, 34, 34);
    line-height: 1.35;
}

.pccc-article__content ul, .pccc-article__content ol {
    margin: 0px 0px 1em 1.4em;
}

.pccc-article__content blockquote {
    margin: 1.2em 0px;
    padding: 14px 18px;
    border-left: 4px solid rgb(214, 13, 33);
    background: rgb(250, 250, 250);
    color: rgb(85, 85, 85);
}

.pccc-article__pages {
    margin-top: 20px;
    font-size: 14px;
}

.pccc-article__pages-label {
    margin-right: 8px;
    font-weight: 600;
}

.pccc-article-related {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgb(238, 238, 238);
}

.pccc-article-related__title {
    margin: 0px 0px 22px;
    color: rgb(51, 51, 51);
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

@media screen and (max-width: 991px) {
    .pccc-news-grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        gap: 20px;
    }

    .pccc-news-page__title {
        font-size: 28px;
    }

    .pccc-article__title {
        font-size: 28px;
    }

    .pccc-article__content {
        padding: 22px 20px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-news-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pccc-news-page__title {
        font-size: 24px;
    }

    .pccc-article__title {
        font-size: 24px;
    }

    .pccc-article__meta {
        flex-direction: column;
        align-items: center;
    }

    .pccc-article-related__title {
        font-size: 20px;
    }
}

.pccc-why {
    padding: 50px 0px 55px;
    background: rgb(253, 248, 244);
}

.pccc-why__head {
    max-width: 820px;
    margin: 0px auto 36px;
    text-align: center;
}

.pccc-why__label {
    display: inline-block;
    margin-bottom: 12px;
    color: rgb(214, 13, 33);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pccc-why__label::before {
    content: "— ";
}

.pccc-why__title {
    margin: 0px 0px 14px;
    color: rgb(34, 34, 34);
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-why__desc {
    margin: 0px;
    color: rgb(102, 102, 102);
    font-size: 15px;
    line-height: 1.75;
}

.pccc-why__grid {
    display: flex;
    flex-wrap: wrap;
    background: rgb(255, 255, 255);
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 8px 32px;
    overflow: hidden;
}

.pccc-why__item {
    flex: 1 1 25%;
    min-width: 0px;
    padding: 32px 24px 36px;
    text-align: center;
    border-right: 1px solid rgb(238, 238, 238);
}

.pccc-why__item:last-child {
    border-right: 0px;
}

.pccc-why__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 18px;
    border-radius: 10px;
    background: rgba(214, 13, 33, 0.1);
    color: rgb(214, 13, 33);
    font-size: 24px;
    line-height: 1;
}

.pccc-why__icon img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.pccc-why__item-title {
    margin: 0px 0px 12px;
    color: rgb(34, 34, 34);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-why__item-desc {
    margin: 0px;
    color: rgb(119, 119, 119);
    font-size: 13px;
    line-height: 1.7;
}

@media screen and (max-width: 991px) {
    .pccc-why__item {
        flex: 1 1 50%;
        border-bottom: 1px solid rgb(238, 238, 238);
    }

    .pccc-why__item:nth-child(2n) {
        border-right: 0px;
    }

    .pccc-why__item:nth-last-child(-n+2) {
        border-bottom: 0px;
    }

    .pccc-why__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-why {
        padding: 36px 0px 40px;
    }

    .pccc-why__grid {
        flex-direction: column;
    }

    .pccc-why__item {
        flex: 1 1 auto;
        border-right: 0px;
        border-bottom: 1px solid rgb(238, 238, 238);
        padding: 26px 20px 28px;
    }

    .pccc-why__item:last-child {
        border-bottom: 0px;
    }

    .pccc-why__title {
        font-size: 24px;
    }
}

.pccc-services {
    padding: 50px 0px 55px;
    background: rgb(255, 255, 255);
}

.pccc-services__head {
    max-width: 820px;
    margin: 0px auto 36px;
    text-align: center;
}

.pccc-services__label {
    display: inline-block;
    margin-bottom: 12px;
    color: rgb(214, 13, 33);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pccc-services__label::before, .pccc-services__label::after {
    content: "— ";
}

.pccc-services__title {
    margin: 0px 0px 14px;
    color: rgb(34, 34, 34);
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-services__desc {
    margin: 0px;
    color: rgb(102, 102, 102);
    font-size: 15px;
    line-height: 1.75;
}

.pccc-services__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 24px;
}

.pccc-services__card {
    position: relative;
    min-height: 400px;
    border-radius: 24px;
    overflow: hidden;
    background-color: rgb(51, 51, 51);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.pccc-services__card--placeholder {
    background-image: linear-gradient(135deg, rgb(74, 74, 74) 0%, rgb(42, 42, 42) 100%);
}

.pccc-services__card::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.45) 45%, rgba(0, 0, 0, 0.05) 100%);
    pointer-events: none;
}

.pccc-services__card-link {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 400px;
    padding: 30px 28px 32px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.pccc-services__badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 6px;
    margin-bottom: 16px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pccc-services__badge .fa {
    font-size: 13px;
}

.pccc-services__card-title {
    margin: 0px 0px 12px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-services__card-excerpt {
    display: -webkit-box;
    margin: 0px 0px 18px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
    line-height: 1.65;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pccc-services__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 600;
}

.pccc-services__card-link:hover .pccc-services__more {
    color: rgb(255, 208, 213);
}

.pccc-services__more .fa {
    font-size: 16px;
    transition: transform 0.2s;
}

.pccc-services__card-link:hover .pccc-services__more .fa {
    transform: translateX(4px);
}

@media screen and (max-width: 991px) {
    .pccc-services__title {
        font-size: 28px;
    }

    .pccc-services__card, .pccc-services__card-link {
        min-height: 340px;
    }
}

@media screen and (max-width: 767px) {
    .pccc-services {
        padding: 36px 0px 40px;
    }

    .pccc-services__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pccc-services__title {
        font-size: 24px;
    }

    .pccc-services__card-title {
        font-size: 17px;
    }
}

.pccc-products {
    padding: 50px 0px;
    background: rgb(255, 255, 255);
}

.pccc-products__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px 30px;
    margin-bottom: 32px;
}

.pccc-products__head-text {
    flex: 1 1 0px;
    min-width: 0px;
    max-width: 720px;
}

.pccc-products__label {
    display: inline-block;
    margin-bottom: 10px;
    color: rgb(214, 13, 33);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pccc-products__label::before, .pccc-products__label::after {
    content: "— ";
}

.pccc-products__title {
    margin: 0px 0px 10px;
    color: rgb(34, 34, 34);
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-products__desc {
    margin: 0px;
    color: rgb(102, 102, 102);
    font-size: 15px;
    line-height: 1.75;
}

.pccc-products__all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: rgb(214, 13, 33);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.pccc-products__all:hover {
    color: rgb(184, 10, 28);
}

.pccc-products__all .fa {
    font-size: 16px;
    transition: transform 0.2s;
}

.pccc-products__all:hover .fa {
    transform: translateX(4px);
}

.pccc-products__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 22px;
}

.pccc-products__card {
    min-width: 0px;
}

.pccc-products__thumb {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    overflow: hidden;
    background: rgb(238, 238, 238);
}

.pccc-products__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s;
}

.pccc-products__thumb:hover img {
    transform: scale(1.05);
}

.pccc-products__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgb(236, 236, 236) 0%, rgb(216, 216, 216) 100%);
}

.pccc-products__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.2;
}

.pccc-products__name {
    margin: 14px 0px 8px;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-products__name a {
    color: rgb(34, 34, 34);
    text-decoration: none;
}

.pccc-products__name a:hover {
    color: rgb(214, 13, 33);
}

.pccc-products__price {
    margin: 0px;
    color: rgb(136, 136, 136);
    font-size: 14px;
    line-height: 1.5;
}

.pccc-products__price strong {
    color: rgb(214, 13, 33);
    font-weight: 700;
}

.pccc-products__price strong a {
    color: rgb(214, 13, 33);
    text-decoration: none;
}

.pccc-products__price strong a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 991px) {
    .pccc-products__grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        gap: 18px;
    }

    .pccc-products__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-products {
        padding: 36px 0px 40px;
    }

    .pccc-products__head {
        flex-direction: column;
        align-items: flex-start;
    }

    .pccc-products__title {
        font-size: 24px;
    }

    .pccc-products__grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        gap: 14px;
    }

    .pccc-products__name {
        font-size: 12px;
    }
}

.pccc-news-home {
    padding: 50px 0px;
    background: rgb(253, 248, 244);
}

.pccc-news-home__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px 30px;
    margin-bottom: 32px;
}

.pccc-news-home__head-text {
    flex: 1 1 0px;
    min-width: 0px;
}

.pccc-news-home__label {
    display: inline-block;
    margin-bottom: 10px;
    color: rgb(214, 13, 33);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pccc-news-home__label::before, .pccc-news-home__label::after {
    content: "— ";
}

.pccc-news-home__title {
    margin: 0px;
    color: rgb(34, 34, 34);
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-news-home__all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: rgb(214, 13, 33);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.pccc-news-home__all:hover {
    color: rgb(184, 10, 28);
}

.pccc-news-home__all .fa {
    font-size: 16px;
    transition: transform 0.2s;
}

.pccc-news-home__all:hover .fa {
    transform: translateX(4px);
}

.pccc-news-home__body {
    display: grid;
    grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr);
    gap: 22px;
    align-items: stretch;
}

.pccc-news-home__featured {
    position: relative;
    min-height: 520px;
    border-radius: 20px;
    overflow: hidden;
    background-color: rgb(51, 51, 51);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.pccc-news-home__featured--placeholder {
    background-image: linear-gradient(135deg, rgb(74, 74, 74) 0%, rgb(42, 42, 42) 100%);
}

.pccc-news-home__featured::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.35) 55%, rgba(0, 0, 0, 0.05) 100%);
    pointer-events: none;
}

.pccc-news-home__featured-link {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 520px;
    padding: 28px 26px 30px;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.pccc-news-home__featured-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0px 0px 12px;
    color: rgb(255, 179, 71);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pccc-news-home__dot {
    opacity: 0.85;
}

.pccc-news-home__featured-title {
    margin: 0px 0px 16px;
    color: rgb(255, 255, 255);
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-news-home__featured-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 600;
}

.pccc-news-home__featured-link:hover .pccc-news-home__featured-more {
    color: rgb(255, 208, 213);
}

.pccc-news-home__featured-more .fa {
    transition: transform 0.2s;
}

.pccc-news-home__featured-link:hover .pccc-news-home__featured-more .fa {
    transform: translateX(4px);
}

.pccc-news-home__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    grid-template-rows: repeat(2, minmax(0px, 1fr));
    gap: 18px;
}

.pccc-news-home__card {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 24px;
    overflow: hidden;
}

.pccc-news-home__card-link {
    display: block;
    height: 100%;
    padding: 20px 18px 22px;
    text-decoration: none;
}

.pccc-news-home__card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1.4;
}

.pccc-news-home__card-cat {
    color: rgb(214, 13, 33);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pccc-news-home__card-date {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: rgb(153, 153, 153);
}

.pccc-news-home__card-date .fa {
    font-size: 12px;
}

.pccc-news-home__card-title {
    margin: 0px 0px 10px;
    color: rgb(34, 34, 34);
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-news-home__card--highlight .pccc-news-home__card-title {
    color: rgb(214, 13, 33);
}

.pccc-news-home__card-link:hover .pccc-news-home__card-title {
    color: rgb(214, 13, 33);
}

.pccc-news-home__card-excerpt {
    display: -webkit-box;
    margin: 0px;
    overflow: hidden;
    color: rgb(119, 119, 119);
    font-size: 13px;
    line-height: 1.65;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 991px) {
    .pccc-news-home__body {
        grid-template-columns: 1fr;
    }

    .pccc-news-home__featured, .pccc-news-home__featured-link {
        min-height: 380px;
    }

    .pccc-news-home__title {
        font-size: 28px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-news-home {
        padding: 36px 0px 40px;
    }

    .pccc-news-home__head {
        flex-direction: column;
        align-items: flex-start;
    }

    .pccc-news-home__title {
        font-size: 24px;
    }

    .pccc-news-home__grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .pccc-news-home__featured-title {
        font-size: 18px;
    }
}

.pccc-cta {
    padding: 50px 0px;
    background: rgb(255, 255, 255);
}

.pccc-cta__box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px 30px;
    padding: 36px 40px;
    border-radius: 18px;
    background: linear-gradient(90deg, rgb(184, 10, 28) 0%, rgb(214, 13, 33) 48%, rgb(232, 90, 32) 100%);
    box-shadow: rgba(214, 13, 33, 0.28) 0px 12px 36px;
    color: rgb(255, 255, 255);
}

.pccc-cta__content {
    flex: 1 1 320px;
    min-width: 0px;
    max-width: 640px;
}

.pccc-cta__label {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.95;
}

.pccc-cta__label::before {
    content: "— ";
}

.pccc-cta__title {
    margin: 0px 0px 10px;
    color: rgb(255, 255, 255);
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-cta__desc {
    margin: 0px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 15px;
    line-height: 1.7;
}

.pccc-cta__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.pccc-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0px 22px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s;
}

.pccc-cta__btn--phone {
    background: rgb(255, 255, 255);
    color: rgb(184, 10, 28);
}

.pccc-cta__btn--phone:hover {
    background: rgb(255, 245, 245);
    color: rgb(214, 13, 33);
    transform: translateY(-1px);
}

.pccc-cta__btn--phone .fa {
    font-size: 15px;
}

.pccc-cta__btn--outline {
    border: 2px solid rgb(255, 255, 255);
    background: transparent;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.pccc-cta__btn--outline:hover {
    background: rgba(255, 255, 255, 0.12);
    color: rgb(255, 255, 255);
    transform: translateY(-1px);
}

@media screen and (max-width: 991px) {
    .pccc-cta__title {
        font-size: 26px;
    }

    .pccc-cta__box {
        padding: 30px 28px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-cta {
        padding-bottom: 36px;
    }

    .pccc-cta__box {
        flex-direction: column;
        align-items: stretch;
        padding: 26px 20px;
    }

    .pccc-cta__content{
        flex: 1 1;
    }

    .pccc-cta__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .pccc-cta__btn {
        width: 100%;
    }

    .pccc-cta__title {
        font-size: 22px;
    }
}

.pccc-home-about {
    padding: 96px 0px;
    background: rgb(253, 248, 244);
}

.pccc-home-about__grid, .pccc-home-cap__grid, .pccc-home-equip__grid {
    display: grid;
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
    gap: 36px;
    align-items: center;
}

.pccc-home-equip__media img {
    border-radius: 20px;
}

.pccc-home-about__media, .pccc-home-cap__media, .pccc-home-equip__media {
    position: relative;
}

.pccc-home-about__image, .pccc-home-cap__image, .pccc-home-equip__image {
    display: block;
    width: 100%;
    min-height: 380px;
    border-radius: 20px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.pccc-home-about__image {
    position: relative;
    overflow: hidden;
    min-height: 380px;
    aspect-ratio: 4 / 3;
}

.pccc-home-about__image img {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.pccc-home-about__image--placeholder {
    background: linear-gradient(135deg, rgb(90, 90, 90) 0%, rgb(47, 47, 47) 100%);
}

.pccc-home-cap__image--placeholder {
    background: linear-gradient(135deg, rgb(61, 52, 41) 0%, rgb(31, 26, 20) 100%);
}

.pccc-home-equip__image--placeholder {
    background: linear-gradient(135deg, rgb(42, 42, 42) 0%, rgb(17, 17, 17) 100%);
}

.pccc-home-about__badge {
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgb(245, 184, 0);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    box-shadow: rgba(245, 184, 0, 0.35) 0px 8px 24px;
}

.pccc-home-about__badge .fa {
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 18px;
}

.pccc-home-about__label, .pccc-home-svc__label, .pccc-home-equip__label {
    display: inline-block;
    margin-bottom: 10px;
    color: rgb(214, 13, 33);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pccc-home-about__label::before, .pccc-home-svc__label::before, .pccc-home-equip__label::before {
    content: "— ";
}

.pccc-home-about__title, .pccc-home-svc__title, .pccc-home-equip__title {
    margin: 0px 0px 14px;
    color: rgb(34, 34, 34);
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-home-about__content p, .pccc-home-equip__content p {
    margin: 0px 0px 14px;
    color: rgb(85, 85, 85);
    font-size: 15px;
    line-height: 1.75;
}

.pccc-home-about__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 14px;
    margin: 22px 0px 18px;
}

.pccc-home-about__stat {
    padding: 18px 16px;
    border-radius: 12px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 18px;
    text-align: center;
}

.pccc-home-about__stat strong {
    display: block;
    margin-bottom: 6px;
    color: rgb(214, 13, 33);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.pccc-home-about__stat span {
    color: rgb(136, 136, 136);
    font-size: 12px;
    line-height: 1.4;
    text-transform: uppercase;
}

.pccc-home-about__more, .pccc-home-svc__all, .pccc-home-svc__card a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgb(214, 13, 33);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.pccc-home-about__more:hover, .pccc-home-svc__all:hover, .pccc-home-svc__card a:hover {
    color: rgb(184, 10, 28);
}

.pccc-home-cap {
    padding: 50px 0px;
    color: rgb(255, 255, 255);
    background: rgb(255, 255, 255);
}

.pccc-home-cap__grid {
    gap: 0px;
    align-items: stretch;
}

.pccc-home-cap__media {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.pccc-home-cap__image {
    position: relative;
    flex: 1 1 auto;
    overflow: hidden;
    width: 100%;
    min-height: 380px;
    border-radius: 20px;
}

.pccc-home-cap__image img {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.pccc-home-cap__overlay {
    position: absolute;
    left: 24px;
    bottom: 24px;
    margin: 0px;
    padding: 10px 14px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.55);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 600;
}

.pccc-home-cap__content {
    padding: 48px 40px 48px 28px;
}

.pccc-home-cap__label {
    display: inline-block;
    margin-bottom: 10px;
    color: rgb(245, 184, 0);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pccc-home-cap__label::before {
    content: "— ";
}

.pccc-home-cap__title {
    margin: 0px 0px 14px;
    color: rgb(34, 34, 34);
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-home-cap__content p {
    margin: 0px 0px 16px;
    color: rgb(34, 34, 34);
    font-size: 15px;
    line-height: 1.75;
}

.pccc-home-cap__list {
    margin: 0px 0px 24px;
    padding: 0px;
    list-style: none;
}

.pccc-home-cap__list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 28px;
    color: rgb(34, 34, 34);
    font-size: 14px;
    line-height: 1.6;
}

.pccc-home-cap__list li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    font-family: FontAwesome;
    color: rgb(245, 184, 0);
    font-size: 14px;
}

.pccc-home-cap__btn, .pccc-home-equip__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0px 24px;
    border-radius: 999px;
    background: rgb(245, 184, 0);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.pccc-home-cap__btn:hover {
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
}

.pccc-home-svc {
    padding: 50px 0px;
    background: rgb(253, 248, 244);
}

.pccc-home-svc__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px 30px;
    margin-bottom: 28px;
}

.pccc-home-svc__head-text {
    flex: 1 1 0px;
    min-width: 0px;
    max-width: 720px;
}

.pccc-home-svc__desc {
    margin: 0px;
    color: rgb(102, 102, 102);
    font-size: 15px;
    line-height: 1.7;
}

.pccc-home-svc__all {
    flex-shrink: 0;
    white-space: nowrap;
}

.pccc-home-svc__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 18px;
}

.pccc-home-svc__card {
    position: relative;
    padding: 24px 20px 22px;
    border-radius: 16px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(238, 238, 238);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 24px;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.pccc-home-svc__card:hover {
    border-color: rgb(245, 184, 0);
    box-shadow: rgba(245, 184, 0, 0.18) 0px 10px 30px;
    transform: translateY(-3px);
}

.pccc-home-svc__num {
    position: absolute;
    top: 8px;
    right: 14px;
    color: rgb(240, 240, 240);
    font-size: 56px;
    line-height: 1;
    font-weight: 700;
    pointer-events: none;
}

.pccc-home-svc__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 16px;
    border-radius: 10px;
    background: rgb(245, 184, 0);
    color: rgb(255, 255, 255);
    font-size: 18px;
}

.pccc-home-svc__card h3 {
    margin: 0px 0px 10px;
    color: rgb(34, 34, 34);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-home-svc__card p {
    margin: 0px 0px 16px;
    color: rgb(119, 119, 119);
    font-size: 13px;
    line-height: 1.65;
}

.pccc-home-equip {
    padding: 50px 0px;
    background: rgb(255, 255, 255);
}

.pccc-home-equip__list ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 8px 20px;
    margin: 0px 0px 24px;
    padding: 0px;
    list-style: none;
}

.pccc-home-equip__list li {
    position: relative;
    padding-left: 22px;
    color: rgb(85, 85, 85);
    font-size: 14px;
    line-height: 1.6;
}

.pccc-home-equip__list li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    font-family: FontAwesome;
    color: rgb(214, 13, 33);
    font-size: 12px;
}

.pccc-home-equip__btn {
}

.pccc-home-equip__btn:hover {
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
}

@media screen and (max-width: 991px) {
    .pccc-home-about__grid, .pccc-home-equip__grid {
        grid-template-columns: 1fr;
    }

    .pccc-home-cap__grid {
        grid-template-columns: 1fr;
    }

    .pccc-home-cap__image {
        min-height: 280px;
    }

    .pccc-home-cap__content {
        padding: 32px 20px 40px;
    }

    .pccc-home-svc__grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }

    .pccc-home-about__title, .pccc-home-svc__title, .pccc-home-equip__title, .pccc-home-cap__title {
        font-size: 26px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-home-about, .pccc-home-svc, .pccc-home-equip {
        padding: 36px 0px;
    }

    .pccc-home-about__image, .pccc-home-equip__image {
        min-height: 260px;
    }

    .pccc-home-about__stats, .pccc-home-svc__grid, .pccc-home-equip__list {
        grid-template-columns: 1fr;
    }

    .pccc-home-svc__head {
        flex-direction: column;
        align-items: flex-start;
    }

    .pccc-home-about__title, .pccc-home-svc__title, .pccc-home-equip__title, .pccc-home-cap__title {
        font-size: 22px;
    }
}

.pccc-about-page .container-breadcrumb {
    margin-bottom: 0px;
}

.pccc-about-hero {
    position: relative;
    padding: 100px 0px 100px;
    overflow: hidden;
}

.pccc-about-hero__bg {
    position: absolute;
    inset: 0px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.pccc-about-hero__bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 70% 120% at 88% 50%, rgba(255, 140, 0, 0.62) 0%, rgba(214, 13, 33, 0.25) 42%, transparent 68%),
        radial-gradient(ellipse 50% 80% at 100% 40%, rgba(245, 184, 0, 0.35) 0%, transparent 55%);
    pointer-events: none;
}

.pccc-about-hero__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to right, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.78) 28%, rgba(80, 0, 0, 0.62) 52%, rgba(160, 20, 0, 0.45) 72%, rgba(255, 100, 0, 0.28) 100%),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, transparent 38%, transparent 62%, rgba(0, 0, 0, 0.5) 100%);
    pointer-events: none;
}

.pccc-about-hero__bg--placeholder {
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(135deg, rgb(58, 58, 58) 0%, rgb(26, 26, 26) 100%);
}

.pccc-about-hero__inner {
    position: relative;
    z-index: 1;
    /*max-width: 760px;*/
    margin: 0px auto;
    /*text-align: center;*/
    color: rgb(255, 255, 255);
}

.pccc-about-hero__crumb {
    margin-bottom: 18px;
}

.pccc-about-hero__crumb .breadcrumb {
    padding: 0;
    margin: 0;
}

.pccc-about-hero__crumb .breadcrumb > li {
    color: rgba(255, 255, 255, 0.92);
    font-size: 14px;
    font-weight: 400;
}

.pccc-about-hero__crumb .breadcrumb > li a {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.2s ease;
}

.pccc-about-hero__crumb .breadcrumb > li:first-child > a::before {
    content: "\f015";
    margin-right: 8px;
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 1;
}

.pccc-about-hero__crumb .breadcrumb > li + li::before {
    padding: 0 10px;
    color: rgba(255, 255, 255, 0.7);
    content: "\f105";
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: 400;
}

.pccc-about-hero__crumb .breadcrumb > li a:hover {
    color: #f5b800;
}

.pccc-about-hero__crumb .breadcrumb > li:last-child {
    color: #fff;
    font-weight: 400;
}

.pccc-about-hero__label {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.95;
}

.pccc-about-hero__label::before {
    content: "— ";
}

.pccc-about-hero__title {
    margin: 0px 0px 14px;
    color: rgb(255, 255, 255);
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-about-hero__title span {
    color: rgb(245, 184, 0);
}

.pccc-about-hero__desc {
    margin: 0px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 16px;
    line-height: 1.75;
}

.pccc-about-intro {
    padding: 50px 0px;
    background: rgb(253, 248, 244);
}

.pccc-about-intro__grid {
    display: grid;
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
    gap: 36px;
    align-items: center;
}

.pccc-about-intro__media {
    position: relative;
}

.pccc-about-intro__image {
    position: relative;
    overflow: hidden;
    min-height: 380px;
    /*aspect-ratio: 4 / 3;*/
    border-radius: 20px;
}

.pccc-about-intro__image--placeholder {
    /*background: linear-gradient(135deg, rgb(90, 90, 90) 0%, rgb(47, 47, 47) 100%);*/
}

.pccc-about-intro__image img {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.pccc-about-intro__badge {
    position: absolute;
    left: 20px;
    bottom: 20px;
    max-width: calc(100% - 40px);
    padding: 14px 16px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgb(214, 13, 33) 0%, rgb(232, 90, 32) 100%);
    color: rgb(255, 255, 255);
    box-shadow: rgba(214, 13, 33, 0.35) 0px 8px 24px;
}

.pccc-about-intro__badge strong {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 1.3;
}

.pccc-about-intro__badge span {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    opacity: 0.95;
}

.pccc-about-intro__label, .pccc-about-equip__label {
    display: inline-block;
    margin-bottom: 10px;
    color: rgb(214, 13, 33);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pccc-about-intro__label::before, .pccc-about-equip__label::before {
    content: "— ";
}

.pccc-about-intro__title, .pccc-about-equip__title {
    margin: 0px 0px 14px;
    color: rgb(34, 34, 34);
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-about-intro__title span, .pccc-about-equip__title span {
    color: rgb(214, 13, 33);
}

.pccc-about-intro__content p, .pccc-about-equip__content p {
    margin: 0px 0px 14px;
    color: rgb(85, 85, 85);
    font-size: 15px;
    line-height: 1.75;
}

.pccc-about-intro__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 14px;
    margin: 22px 0px 20px;
}

.pccc-about-intro__card {
    padding: 18px 16px;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 12px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 18px;
}

.pccc-about-intro__card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: rgba(245, 184, 0, 0.45);
    color: rgb(245, 184, 0);
    font-size: 18px;
}

.pccc-about-intro__card h3 {
    margin: 0px 0px 8px;
    color: rgb(34, 34, 34);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-about-intro__card p {
    margin: 0px;
    color: rgb(119, 119, 119);
    font-size: 13px;
    line-height: 1.6;
}

.pccc-about-intro__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0px 22px;
    border-radius: 999px;
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.pccc-about-intro__btn:hover {
    background: rgb(184, 10, 28);
    color: rgb(255, 255, 255);
}

.pccc-about-cap {
    padding: 50px 0px;
    background: #FFF;
    color: rgb(255, 255, 255);
}

.pccc-about-cap__grid {
    display: grid;
    grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
    gap: 36px;
    align-items: center;
    margin-bottom: 28px;
}

.pccc-about-cap__media {
    position: relative;
}

.pccc-about-cap__image {
    position: relative;
    overflow: hidden;
    min-height: 340px;
    border-radius: 16px;
}

.pccc-about-cap__image--placeholder {
    /*background: linear-gradient(135deg, rgb(61, 52, 41) 0%, rgb(31, 26, 20) 100%);*/
}

.pccc-about-cap__image img {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pccc-about-cap__overlay {
    position: absolute;
    left: 20px;
    bottom: 20px;
    margin: 0px;
    padding: 10px 14px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.55);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 600;
}

.pccc-about-cap__label {
    display: inline-block;
    margin-bottom: 10px;
    color: rgb(245, 184, 0);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pccc-about-cap__label::before {
    content: "— ";
}

.pccc-about-cap__title {
    margin: 0px 0px 14px;
    color: #222;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-about-cap__content > p {
    margin: 0px 0px 16px;
    color: #222;
    font-size: 15px;
    line-height: 1.75;
}

.pccc-about-cap__list p{
    color: #222;
}
.pccc-about-cap__list ul {
    margin: 0px 0px 22px;
    padding: 0px;
    list-style: none;
}

.pccc-about-cap__list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 28px;
    color: #222;
    font-size: 14px;
    line-height: 1.6;
}

.pccc-about-cap__list li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    font-family: FontAwesome;
    color: rgb(245, 184, 0);
    font-size: 14px;
}

.pccc-about-cap__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0px 22px;
    border-radius: 999px;
    background: rgb(255, 255, 255);
    color: rgb(34, 34, 34);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.pccc-about-cap__btn:hover {
    background: rgb(245, 184, 0);
    color: rgb(255, 255, 255);
}

.pccc-about-cap__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 16px;
}

.pccc-about-cap__stat {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 16px;
    border: 1px solid rgba(245, 184, 0, 0.25);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
}

.pccc-about-cap__stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(245, 184, 0, 0.15);
    color: rgb(245, 184, 0);
    font-size: 18px;
}

.pccc-about-cap__stat strong {
    display: block;
    margin-bottom: 4px;
    color: #222;
    font-size: 16px;
    line-height: 1.3;
}

.pccc-about-cap__stat span {
    color: #222;
    font-size: 11px;
    line-height: 1.4;
    text-transform: uppercase;
}

.pccc-about-svc {
    padding: 50px 0px;
    background: rgb(253, 248, 244);
}

.pccc-about-svc__head {
    max-width: 720px;
    margin: 0px auto 32px;
    text-align: center;
}

.pccc-about-svc__title {
    margin: 0px 0px 12px;
    color: rgb(34, 34, 34);
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-about-svc__desc {
    margin: 0px;
    color: rgb(102, 102, 102);
    font-size: 15px;
    line-height: 1.75;
}

.pccc-about-svc__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 18px;
}

.pccc-about-svc__card {
    position: relative;
    padding: 24px 20px 22px;
    border: 1px solid rgb(238, 238, 238);
    border-radius: 16px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 24px;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

.pccc-about-svc__card:hover {
    border-color: rgb(245, 184, 0);
    box-shadow: rgba(245, 184, 0, 0.18) 0px 10px 30px;
    transform: translateY(-3px);
}

.pccc-about-svc__num {
    position: absolute;
    top: 8px;
    right: 14px;
    color: rgb(240, 240, 240);
    font-size: 56px;
    line-height: 1;
    font-weight: 700;
    pointer-events: none;
}

.pccc-about-svc__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 16px;
    border-radius: 10px;
    background: rgb(245, 184, 0);
    color: rgb(255, 255, 255);
    font-size: 18px;
}

.pccc-about-svc__card h3 {
    margin: 0px 0px 10px;
    color: rgb(34, 34, 34);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-about-svc__card p {
    margin: 0px 0px 16px;
    color: rgb(119, 119, 119);
    font-size: 13px;
    line-height: 1.65;
}

.pccc-about-svc__card a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgb(214, 13, 33);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.pccc-about-svc__card a:hover {
    color: rgb(184, 10, 28);
}

.pccc-about-equip {
    padding: 50px 0px;
    background: rgb(255, 255, 255);
}

.pccc-about-equip__grid {
    display: grid;
    grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 1.05fr);
    gap: 36px;
    align-items: center;
}

.pccc-about-equip__image {
    position: relative;
    overflow: hidden;
    min-height: 380px;
    /*aspect-ratio: 1 / 1;*/
    border-radius: 20px;
}

.pccc-about-equip__image--placeholder {
    /*background: linear-gradient(135deg, rgb(42, 42, 42) 0%, rgb(17, 17, 17) 100%);*/
}

.pccc-about-equip__image img {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pccc-about-equip__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 8px 20px;
    margin: 0px 0px 24px;
    padding: 0px;
    list-style: none;
}

.pccc-about-equip__list li {
    position: relative;
    padding-left: 22px;
    color: rgb(85, 85, 85);
    font-size: 14px;
    line-height: 1.6;
}

.pccc-about-equip__list li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 3px;
    font-family: FontAwesome;
    color: rgb(245, 184, 0);
    font-size: 12px;
}

.pccc-about-equip__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0px 22px;
    border-radius: 999px;
    background: rgb(34, 34, 34);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.pccc-about-equip__btn:hover {
    background: rgb(214, 13, 33);
    color: rgb(255, 255, 255);
}

.pccc-about-cta {
    padding: 0px 0px 50px;
    background: rgb(253, 248, 244);
}

.pccc-about-cta__box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px 30px;
    padding: 36px 40px;
    border-radius: 18px;
    background: linear-gradient(90deg, rgb(184, 10, 28) 0%, rgb(214, 13, 33) 48%, rgb(245, 184, 0) 100%);
    box-shadow: rgba(214, 13, 33, 0.28) 0px 12px 36px;
    color: rgb(255, 255, 255);
}

.pccc-about-cta__content {
    flex: 1 1 320px;
    min-width: 0px;
}

.pccc-about-cta__title {
    margin: 0px 0px 8px;
    color: rgb(255, 255, 255);
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    font-family: UTMImpact, Oswald, Arial, sans-serif;
}

.pccc-about-cta__desc {
    margin: 0px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 15px;
    line-height: 1.6;
}

.pccc-about-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    flex-shrink: 0;
}

.pccc-about-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0px 22px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.pccc-about-cta__btn--phone {
    background: rgb(255, 255, 255);
    color: rgb(184, 10, 28);
}

.pccc-about-cta__btn--phone:hover {
    background: rgb(255, 245, 245);
    color: rgb(214, 13, 33);
}

.pccc-about-cta__btn--outline {
    border: 2px solid rgb(255, 255, 255);
    background: transparent;
    color: rgb(255, 255, 255);
}

.pccc-about-cta__btn--outline:hover {
    background: rgba(255, 255, 255, 0.12);
    color: rgb(255, 255, 255);
}

@media screen and (max-width: 991px) {
    .pccc-about-hero__title {
        font-size: 32px;
    }

    .pccc-about-intro__grid, .pccc-about-cap__grid, .pccc-about-equip__grid {
        grid-template-columns: 1fr;
    }

    .pccc-about-cap__stats, .pccc-about-svc__grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }

    .pccc-about-intro__title, .pccc-about-equip__title, .pccc-about-cap__title, .pccc-about-svc__title {
        font-size: 26px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-about-hero {
        padding: 40px 0px 48px;
    }

    .pccc-about-hero__title {
        font-size: 26px;
    }

    .pccc-about-intro, .pccc-about-cap, .pccc-about-svc, .pccc-about-equip {
        padding: 36px 0px;
    }

    .pccc-about-intro__cards, .pccc-about-cap__stats, .pccc-about-svc__grid, .pccc-about-equip__list {
        grid-template-columns: 1fr;
    }

    .pccc-about-cta__box {
        flex-direction: column;
        align-items: stretch;
        padding: 26px 20px;
    }

    .pccc-about-cta__actions {
        flex-direction: column;
    }

    .pccc-about-cta__btn {
        width: 100%;
    }

    .pccc-about-intro__title, .pccc-about-equip__title, .pccc-about-cap__title, .pccc-about-svc__title, .pccc-about-cta__title {
        font-size: 22px;
    }
}

/* Contact page */
.pccc-contact {
    padding: 48px 0 55px;
    background: #f7f7f7;
}

.pccc-contact__head {
    max-width: 900px;
    margin: 0 auto 36px;
    text-align: center;
}

.pccc-contact__title {
    margin: 0 0 14px;
    color: #222;
    font-size: 28px;
    line-height: 1.35;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-contact__title span {
    color: rgb(245, 184, 0);
}

.pccc-contact__desc {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.75;
}

.pccc-contact__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 24px;
    align-items: start;
    margin-bottom: 28px;
}

.pccc-contact__info {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pccc-contact__card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 16px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}

.pccc-contact__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #d60d21 0%, #f5b800 100%);
    color: #fff;
    font-size: 18px;
}

.pccc-contact__card strong {
    display: block;
    margin-bottom: 6px;
    color: #222;
    font-size: 13px;
    letter-spacing: 0.04em;
}

.pccc-contact__card p {
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.6;
}

.pccc-contact__card a {
    color: #222;
    font-weight: 700;
    text-decoration: none;
}

.pccc-contact__card a:hover {
    color: #d60d21;
}

.pccc-contact__form-box {
    padding: 28px 24px 30px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.07);
}

.pccc-contact__form-label {
    display: inline-block;
    margin-bottom: 8px;
    color: #d60d21;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.pccc-contact__form-label::before {
    content: "— ";
}

.pccc-contact__form-title {
    margin: 0 0 22px;
    color: #222;
    font-size: 26px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Oswald, Arial, sans-serif;
}

.pccc-contact__form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.pccc-contact__field {
    margin-bottom: 14px;
}

.pccc-contact__field label {
    display: block;
    margin-bottom: 6px;
    color: #444;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.pccc-contact__field input,
.pccc-contact__field textarea,
.pccc-contact__form .wpcf7-form-control:not(.wpcf7-submit) {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 0;
    border-radius: 0px;
    /*background: #f3f3f3;*/
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    outline: none;
    transition: box-shadow 0.2s ease, background 0.2s ease;
}

.pccc-contact__field textarea {
    min-height: 130px;
    resize: vertical;
}

.pccc-contact__field input:focus,
.pccc-contact__field textarea:focus,
.pccc-contact__form .wpcf7-form-control:not(.wpcf7-submit):focus {
    background: #fff;
    box-shadow: 0 0 0 1px rgb(247 181 49);
}

.pccc-contact__submit,
.pccc-contact__form .wpcf7-submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 24px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #d60d21 0%, #e85a20 55%, #f5b800 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.pccc-contact__submit:hover,
.pccc-contact__form .wpcf7-submit:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}

.pccc-contact__form .wpcf7-form p {
    margin: 0 0 14px;
}

.pccc-contact__form .wpcf7-form label {
    display: block;
    margin-bottom: 6px;
    color: #444;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pccc-contact__map {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.07);
}

.pccc-contact__map iframe,
.pccc-contact__map-placeholder iframe {
    display: block;
    width: 100%;
    min-height: 380px;
    border: 0;
}

.pccc-contact__map-placeholder {
    background: #e8e8e8;
}

@media screen and (max-width: 991px) {
    .pccc-contact__grid {
        grid-template-columns: 1fr;
    }

    .pccc-contact__title {
        font-size: 24px;
    }

    .pccc-contact__form-title {
        font-size: 22px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-contact {
        padding: 32px 0 40px;
    }

    .pccc-contact__form-row {
        grid-template-columns: 1fr;
    }

    .pccc-contact__title {
        font-size: 20px;
    }

    .pccc-contact__form-box {
        padding: 22px 18px 24px;
    }

    .pccc-contact__map iframe,
    .pccc-contact__map-placeholder iframe {
        min-height: 280px;
    }
}

/* Projects page */
.pccc-project {
    padding: 40px 0 50px;
    background: #f7f7f7;
}

.pccc-project-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.pccc-project-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pccc-project-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

.pccc-project-card__thumb {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #eee;
}

.pccc-project-card__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.pccc-project-card:hover .pccc-project-card__thumb img {
    transform: scale(1.05);
}

.pccc-project-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #ececec 0%, #d8d8d8 100%);
}

.pccc-project-card__year {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 1;
    padding: 5px 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, #d60d21 0%, #f5b800 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.pccc-project-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 20px 22px 22px;
}

.pccc-project-card__title {
    display: -webkit-box;
    margin: 0 0 10px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pccc-project-card__title a {
    color: #222;
    text-decoration: none;
    transition: color 0.2s ease;
}

.pccc-project-card__title a:hover {
    color: #d60d21;
}

.pccc-project-card__location {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 18px;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    min-height: 21px;
}

.pccc-project-card__location .fa {
    flex-shrink: 0;
    color: #d60d21;
    font-size: 14px;
}

.pccc-project-card__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #d60d21;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
}

.pccc-project-card__more:hover {
    color: #b80a1c;
}

.pccc-project-card__more .fa {
    font-size: 16px;
    transition: transform 0.2s ease;
}

.pccc-project-card:hover .pccc-project-card__more .fa {
    transform: translateX(4px);
}

.pccc-project__pagination {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.pccc-project-pagination {
    margin: 0;
}

.pccc-project-pagination li.active a {
    background: #d60d21;
    border-color: #d60d21;
}

.pccc-project__empty {
    padding: 40px 20px;
    text-align: center;
    color: #666;
}

@media screen and (max-width: 991px) {
    .pccc-project-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-project {
        padding: 28px 0 36px;
    }

    .pccc-project-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .pccc-project-card__title {
        font-size: 15px;
    }
}

/* Shop page */
.pccc-shop {
    padding: 40px 0 50px;
    background: #f7f7f7;
}

/*.pccc-shop__layout {
    display: grid;
    grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}*/

.pccc-shop__sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pccc-shop__widget {
    padding: 22px 20px;
    border: 1px solid #eee;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}

.pccc-shop__widget-title {
    margin: 0 0 16px;
    color: #222;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
}

.pccc-shop__cats {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pccc-shop__cats li {
    margin-bottom: 8px;
}

.pccc-shop__cats li:last-child {
    margin-bottom: 0;
}

.pccc-shop__cats a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    color: #444;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
}

.pccc-shop__cats a .fa {
    flex-shrink: 0;
    color: #d60d21;
    font-size: 13px;
}

.pccc-shop__cats li.is-active a,
.pccc-shop__cats a:hover {
    background: rgba(214, 13, 33, 0.08);
    color: #d60d21;
}

.pccc-shop__search {
    display: flex;
    align-items: stretch;
    border: 1px solid #e8e8e8;
    border-radius: 999px;
    overflow: hidden;
    background: #f8f8f8;
}

.pccc-shop__search input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    border: 0;
    padding: 12px 14px;
    background: transparent;
    color: #333;
    font-size: 14px;
    outline: none;
}

.pccc-shop__search button {
    flex: 0 0 auto;
    border: 0;
    padding: 0 16px;
    background: transparent;
    color: #888;
    cursor: pointer;
}

.pccc-shop__search button:hover {
    color: #d60d21;
}

.pccc-shop__main {
    min-width: 0;
}

.pccc-shop__grid.pccc-products__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.pccc-shop__pagination {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.pccc-shop-pagination {
    margin: 0;
}

.pccc-shop-pagination li.active a {
    background: #d60d21;
    border-color: #d60d21;
}

.pccc-shop__empty {
    padding: 40px 20px;
    border-radius: 12px;
    background: #fff;
    text-align: center;
    color: #666;
}

/* Services page — horizontal list */
.pccc-services-page .pccc-services {
    padding: 40px 0 50px;
    background: #fdf8f4;
}

.pccc-service-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pccc-service-card {
    display: grid;
    grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr);
    min-height: 240px;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.pccc-service-card--highlight {
    border-color: #d60d21;
}

.pccc-service-card:hover {
    border-color: #d60d21;
    box-shadow: 0 10px 28px rgba(214, 13, 33, 0.12);
    transform: translateY(-2px);
}

.pccc-service-card__thumb {
    display: block;
    position: relative;
    min-height: 100%;
    overflow: hidden;
    background: #eee;
}

.pccc-service-card__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 240px;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.pccc-service-card:hover .pccc-service-card__thumb img {
    transform: scale(1.04);
}

.pccc-service-card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 240px;
    background: linear-gradient(135deg, #ececec 0%, #d8d8d8 100%);
}

.pccc-service-card__body {
    display: flex;
    flex-direction: column;
    padding: 24px 28px;
}

.pccc-service-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 18px;
    margin-bottom: 14px;
    color: #888;
    font-size: 13px;
    line-height: 1.4;
}

.pccc-service-card__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pccc-service-card__meta-item .fa {
    font-size: 13px;
    color: #999;
}

.pccc-service-card__meta-item--cat .fa {
    color: #d60d21;
}

.pccc-service-card__title {
    display: -webkit-box;
    margin: 0 0 12px;
    overflow: hidden;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pccc-service-card__title a {
    color: #d60d21;
    text-decoration: none;
}

.pccc-service-card__title a:hover {
    color: #b80a1c;
}

.pccc-service-card__excerpt {
    display: -webkit-box;
    flex: 1 1 auto;
    margin: 0 0 18px;
    overflow: hidden;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.pccc-service-card__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    color: #d60d21;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.pccc-services__pagination {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.pccc-services-pagination li.active a {
    background: #d60d21;
    border-color: #d60d21;
}

.pccc-services__empty {
    padding: 40px 20px;
    text-align: center;
    color: #666;
}

@media screen and (max-width: 991px) {
    .pccc-shop__layout {
        grid-template-columns: 1fr;
    }

    .pccc-shop__grid.pccc-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pccc-service-card {
        grid-template-columns: minmax(0, 0.45fr) minmax(0, 0.55fr);
    }
}

@media screen and (max-width: 767px) {
    .pccc-shop {
        padding: 28px 0 36px;
    }

    .pccc-shop__grid.pccc-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .pccc-service-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .pccc-service-card__thumb img,
    .pccc-service-card__placeholder {
        min-height: 200px;
    }

    .pccc-service-card__body {
        padding: 20px 18px 22px;
    }
}

@media screen and (max-width: 575px) {
    .pccc-shop__grid.pccc-products__grid {
        grid-template-columns: 1fr;
    }
}

/* Single product page */
.pccc-product {
    padding: 36px 0 50px;
    background: #f7f7f7;
}

.pccc-product__top {
    display: grid;
    grid-template-columns: minmax(0, 0.46fr) minmax(0, 0.54fr);
    gap: 36px;
    align-items: start;
    margin-bottom: 36px;
}

.pccc-product__gallery {
    min-width: 0;
}

.pccc-product__main-image {
    margin-bottom: 0;
}

.pccc-product__zoom-wrap {
    overflow: hidden;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.pccc-product__zoom-wrap .MagicZoom,
.pccc-product__zoom-wrap .mz-figure,
.pccc-product__zoom-wrap img {
    display: block;
    width: 100% !important;
    max-width: 100%;
    border-radius: 14px;
}

.pccc-product__placeholder {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    background: linear-gradient(135deg, #ececec 0%, #d8d8d8 100%);
}

.pccc-product__thumbs {
    margin-top: 14px;
}

.pccc-product__thumbs .btn-custom-arrow {
    top: 50%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    color: #333;
    line-height: 34px;
    text-align: center;
}

.pccc-product__thumbs .slick-asnav {
    margin: 0 -6px;
}

.pccc-product__thumbs .slick-asnav .slick-slide > div {
    padding: 0 6px;
}

.pccc-product__thumbs .item-small {
    display: block;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 12px;
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pccc-product__thumbs .item-small img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 10px;
}

.pccc-product__thumbs .item-small.mz-thumb-selected,
.pccc-product__thumbs .item-small:hover {
    border-color: #d60d21;
    box-shadow: 0 4px 14px rgba(214, 13, 33, 0.15);
}

.pccc-product__summary {
    min-width: 0;
}

.pccc-product__label {
    display: inline-block;
    margin-bottom: 10px;
    color: #d60d21;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pccc-product__label::before {
    content: "— ";
}

.pccc-product__title {
    margin: 0 0 18px;
    color: #222;
    font-size: clamp(22px, 2.4vw, 30px);
    line-height: 1.35;
    font-weight: 800;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
}

.pccc-product__price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin-bottom: 22px;
}

.pccc-product__price-label {
    color: #333;
    font-size: 15px;
    font-weight: 600;
}

.pccc-product__price-value {
    color: #d60d21;
    font-size: 20px;
    font-weight: 800;
}

.pccc-product__contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 999px;
    background: #f5b800;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}

.pccc-product__contact-btn:hover {
    background: #e0a700;
    color: #fff;
    transform: translateY(-1px);
}

.pccc-product__features {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.pccc-product__features li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    color: #444;
    font-size: 14px;
    line-height: 1.65;
}

.pccc-product__features li:last-child {
    margin-bottom: 0;
}

.pccc-product__feature-icon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    border-radius: 50%;
    background: #f5b800;
    color: #fff;
    font-size: 12px;
}

.pccc-product__trust {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 22px;
}

.pccc-product__trust-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 88px;
    padding: 12px 8px;
    border: 1px solid #e4dcd8;
    border-radius: 12px;
    background: #fff;
    text-align: center;
}

.pccc-product__trust-item .fa {
    color: #d60d21;
    font-size: 22px;
}

.pccc-product__trust-item span {
    color: #333;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
}

.pccc-product__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.pccc-product__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 12px 18px;
    border-radius: 3.40282e38px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.pccc-product__btn--phone {
    background: rgb(184, 10, 28);
    color: #fff;
}

.pccc-product__btn--phone:hover {
    background: rgb(245, 184, 0);
    color: #fff;
    transform: translateY(-1px);
}

.pccc-product__btn--quote {
    border: 2px solid rgb(184, 10, 28);
    background: #fff;
    color: rgb(184, 10, 28);
}

.pccc-product__btn--quote:hover {
    border-color: #d60d21;
    color: #d60d21;
    transform: translateY(-1px);
}

/*.pccc-product__bottom {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    gap: 24px;
    align-items: start;
}*/

.pccc-product__detail-box,
.pccc-product__specs-box {
    padding: 26px 24px;
    border-radius: 14px;
}

.pccc-product__detail-box {
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

.pccc-product__specs-box {
    background: #efefef;
}

.pccc-product__box-title {
    margin: 0 0 18px;
    color: #222;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
}

.pccc-product__detail-content {
    color: #444;
    font-size: 14px;
    line-height: 1.75;
}

.pccc-product__detail-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pccc-product__detail-content ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 28px;
}

.pccc-product__detail-content ul li:last-child {
    margin-bottom: 0;
}

.pccc-product__detail-content ul li::before {
    content: "\f06d";
    position: absolute;
    left: 0;
    top: 2px;
    color: #d60d21;
    font-family: FontAwesome;
    font-size: 14px;
}

.pccc-product__specs-table {
    width: 100%;
    border-collapse: collapse;
}

.pccc-product__specs-table tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.55);
}

.pccc-product__specs-table tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.25);
}

.pccc-product__specs-table th,
.pccc-product__specs-table td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    vertical-align: top;
}

.pccc-product__specs-table th {
    width: 42%;
    color: #666;
    font-weight: 600;
}

.pccc-product__specs-table td {
    color: #222;
    font-weight: 700;
}

.pccc-product__related {
    margin-top: 100px;
}

.pccc-product__related-title {
    margin: 0 0 22px;
    color: #222;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
}

@media screen and (max-width: 991px) {
    .pccc-product__top,
    .pccc-product__bottom {
        grid-template-columns: 1fr;
    }

    .pccc-product__trust {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .pccc-product {
        padding: 24px 0 36px;
    }

    .pccc-product__top {
        gap: 24px;
    }

    .pccc-product__trust {
        grid-template-columns: 1fr;
    }

    .pccc-product__actions {
        grid-template-columns: 1fr;
    }

    .pccc-product__detail-box,
    .pccc-product__specs-box {
        padding: 20px 18px;
    }
}

/* Single project page */
.pccc-project-single-page {
    background: #f7f7f7;
}

.pccc-project-single {
    padding: 36px 0 50px;
}

.pccc-project-single__article {
    margin-bottom: 100px;
}

.pccc-project-single__head {
    margin-bottom: 28px;
}

.pccc-project-single__label {
    display: inline-block;
    margin-bottom: 10px;
    color: #d60d21;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pccc-project-single__label::before {
    content: "— ";
}

.pccc-project-single__title {
    margin: 0 0 18px;
    color: #222;
    font-size: clamp(24px, 2.8vw, 34px);
    line-height: 1.35;
    font-weight: 800;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
}

.pccc-project-single__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
}

.pccc-project-single__meta-item {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    color: #444;
    font-size: 14px;
    line-height: 1.5;
}

.pccc-project-single__meta-item .fa {
    color: #d60d21;
    font-size: 15px;
}

.pccc-project-single__meta-item strong {
    color: #222;
    font-weight: 700;
}

/*.pccc-project-single__meta-item--year {
    background: linear-gradient(135deg, rgba(214, 13, 33, 0.08) 0%, rgba(245, 184, 0, 0.12) 100%);
}*/

.pccc-project-single__gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}

.pccc-project-single__gallery-item {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 12px;
    background: #eee;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.pccc-project-single__gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.pccc-project-single__gallery-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.pccc-project-single__gallery-item:hover img {
    transform: scale(1.04);
}

.pccc-project-single__content {
    padding: 28px 26px;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    color: #444;
    font-size: 15px;
    line-height: 1.8;
}

.pccc-project-single__content-title {
    margin: 0 0 18px;
    color: #222;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
}

.pccc-project-single__content p {
    margin-bottom: 16px;
}

.pccc-project-single__content p:last-child {
    margin-bottom: 0;
}

.pccc-project-single__content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.pccc-project-single__related-title {
    margin: 0 0 24px;
    color: #222;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    font-family: Oswald,sans-serif;
}

@media screen and (max-width: 767px) {
    .pccc-project-single {
        padding: 24px 0 36px;
    }


    .pccc-project-single__gallery {
        grid-template-columns: 1fr;
    }

    .pccc-project-single__content {
        padding: 22px 18px;
    }
}