@charset "UTF-8";

html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }



body { margin: 0; }



article, aside, footer, header, nav, section { display: block; }



h1 { font-size: 2em; margin: 0.67em 0; }



figcaption, figure, main { display: block; }



figure { margin: 1em 40px; }



hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }



pre { font-family: monospace, monospace; font-size: 1em; }



a { background-color: transparent; -webkit-text-decoration-skip: objects; }



abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }



b, strong { font-weight: inherit; }



b, strong { font-weight: bolder; }



code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }



dfn { font-style: italic; }



mark { background-color: #ff0; color: #000; }



small { font-size: 80%; }



sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }



sub { bottom: -0.25em; }



sup { top: -0.5em; }



audio, video { display: inline-block; }



audio:not([controls]) { display: none; height: 0; }



img { border-style: none; }



button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }



button, input { overflow: visible; }



button, select { text-transform: none; }



button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }



button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }



button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }



fieldset { padding: 0.35em 0.75em 0.625em; }



legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }



progress { display: inline-block; vertical-align: baseline; }



textarea { overflow: auto; }



[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }



[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }



[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }



[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }



::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }



details, menu { display: block; }



summary { display: list-item; }



canvas { display: inline-block; }



template { display: none; }



[hidden] { display: none; }



*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }



html { -webkit-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; }



body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



a { text-decoration: none; }



img { vertical-align: middle; }



blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form { margin: 0; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; }



input { border: 0 none; outline: none; -webkit-box-shadow: none; box-shadow: none; }



button { background: none; cursor: pointer; }



button, fieldset, iframe { border: 0; }



fieldset, ul, ol, button, menu { padding: 0; }



ol, ul { list-style: none; }



textarea { resize: vertical; }



table { width: 100%; border-collapse: collapse; border-spacing: 0; }



td { padding: 0; }



svg { width: 1em; height: 1em; font-size: 18px; }



.icon { font-size: 18px; color: currentColor; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 1; }



html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; }



*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }



.container { width: 100%; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }



@media (max-width: 479px) { .container { max-width: 390px; } }



@media (min-width: 480px) { .container { max-width: 600px; } }



@media (min-width: 768px) { .container { max-width: 768px; } }



@media (min-width: 992px) { .container { max-width: 992px; } }



@media (min-width: 1200px) { .container { max-width: 1300px; } }



@media (min-width: 1824px) { .container { max-width: 1300px; } }



.container-fluid { width: 100%; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }



@media (min-width: 1400px) { .container-fluid { padding-left: 50px; padding-right: 50px; } }



@media (min-width: 1824px) { .container-fluid { padding-left: 120px; padding-right: 120px; } }



@media (min-width: 2020px) { .container-fluid { max-width: 2000px; } }



@media (min-width: 992px) and (max-width: 1199px) { .container-fluid { max-width: 992px; } }



@media (min-width: 768px) and (max-width: 991px) { .container-fluid { max-width: 768px; } }



@media (min-width: 480px) and (max-width: 767px) { .container-fluid { max-width: 600px; } }



@media (max-width: 479px) { .container-fluid { max-width: 390px; } }



.row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -10px; margin-right: -10px; }



.no-gutters { margin-left: 0; margin-right: 0; }



.no-gutters > .col, .no-gutters > [class*="col-"] { padding-left: 0; padding-right: 0; }



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-left: 10px; padding-right: 10px; }



.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }



.col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }



.col-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }



.col-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }



.col-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }



.col-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }



.col-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }



.col-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }



.col-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }



.col-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }



.col-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }



.col-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }



.col-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }



.col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }



@media (min-width: 480px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }

  .col-sm-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }

  .col-sm-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }

  .col-sm-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }

  .col-sm-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }

  .col-sm-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }

  .col-sm-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }

  .col-sm-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }

  .col-sm-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }

  .col-sm-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }

  .col-sm-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }

  .col-sm-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }

  .col-sm-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }

  .col-sm-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }



@media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }

  .col-md-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }

  .col-md-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }

  .col-md-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }

  .col-md-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }

  .col-md-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }

  .col-md-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }

  .col-md-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }

  .col-md-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }

  .col-md-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }

  .col-md-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }

  .col-md-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }

  .col-md-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }

  .col-md-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }



@media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }

  .col-lg-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }

  .col-lg-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }

  .col-lg-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }

  .col-lg-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }

  .col-lg-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }

  .col-lg-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }

  .col-lg-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }

  .col-lg-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }

  .col-lg-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }

  .col-lg-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }

  .col-lg-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }

  .col-lg-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }

  .col-lg-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }



@media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }

  .col-xl-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }

  .col-xl-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }

  .col-xl-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }

  .col-xl-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }

  .col-xl-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }

  .col-xl-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }

  .col-xl-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }

  .col-xl-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }

  .col-xl-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }

  .col-xl-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }

  .col-xl-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }

  .col-xl-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }

  .col-xl-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; } }



.d-none { display: none !important; }



.d-inline-block { display: inline-block !important; }



.d-block { display: block !important; }



.d-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }



.d-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; }



@media (max-width: 479px) { .d-sm-none { display: none !important; }

  .d-sm-inline-block { display: inline-block !important; }

  .d-sm-block { display: block !important; }

  .d-sm-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }

  .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } }



@media (max-width: 767px) { .d-md-none { display: none !important; }

  .d-md-inline-block { display: inline-block !important; }

  .d-md-block { display: block !important; }

  .d-md-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }

  .d-md-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } }



@media (max-width: 991px) { .d-lg-none { display: none !important; }

  .d-lg-inline-block { display: inline-block !important; }

  .d-lg-block { display: block !important; }

  .d-lg-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }

  .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } }



@media (max-width: 1199px) { .d-xl-none { display: none !important; }

  .d-xl-inline-block { display: inline-block !important; }

  .d-xl-block { display: block !important; }

  .d-xl-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }

  .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } }



@media print { .d-print-none { display: none !important; }

  .d-print-inline-block { display: inline-block !important; }

  .d-print-block { display: block !important; }

  .d-print-flex { display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; }

  .d-print-inline-flex { display: -ms-inline-flexbox !important; display: -webkit-inline-box !important; display: inline-flex !important; } }



@media (min-width: 1200px) { .gutter { margin-left: -20px; margin-right: -20px; }

  .gutter > .col, .gutter > [class*="col-"] { padding-left: 20px; padding-right: 20px; }

  .gutter-15 { margin-left: -15px; margin-right: -15px; }

  .gutter-15 > .col, .gutter-15 > [class*="col-"] { padding-left: 15px; padding-right: 15px; }

  .gutter-30 { margin-left: -30px; margin-right: -30px; }

  .gutter-30 > .col, .gutter-30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; }

  .gutter-large { margin-left: -50px; margin-right: -50px; }

  .gutter-large > .col, .gutter-large > [class*="col-"] { padding-left: 50px; padding-right: 50px; } }



.gutter-5 { margin-left: -5px !important; margin-right: -5px !important; }



.gutter-5 > .col, .gutter-5 > [class*="col-"] { padding-left: 5px !important; padding-right: 5px !important; }



.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }



.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }



@-webkit-keyframes fadeIn { 0% { opacity: 0; }

  100% { opacity: 1; } }



@keyframes fadeIn { 0% { opacity: 0; }

  100% { opacity: 1; } }



.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }



@-webkit-keyframes fadeInDown { 0% { opacity: 0;

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); }

  100% { opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



@keyframes fadeInDown { 0% { opacity: 0;

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px); }

  100% { opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }



@-webkit-keyframes fadeInLeft { 0% { opacity: 0;

    -webkit-transform: translateX(-50px);

    transform: translateX(-50px); }

  100% { opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes fadeInLeft { 0% { opacity: 0;

    -webkit-transform: translateX(-50px);

    transform: translateX(-50px); }

  100% { opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }



@-webkit-keyframes fadeInRight { 0% { opacity: 0;

    -webkit-transform: translateX(50px);

    transform: translateX(50px); }

  100% { opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes fadeInRight { 0% { opacity: 0;

    -webkit-transform: translateX(50px);

    transform: translateX(50px); }

  100% { opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }



@-webkit-keyframes fadeInUp { 0% { opacity: 0;

    -webkit-transform: translateY(50px);

    transform: translateY(50px); }

  100% { opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



@keyframes fadeInUp { 0% { opacity: 0;

    -webkit-transform: translateY(50px);

    transform: translateY(50px); }

  100% { opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0); } }



.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }



@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }

  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }



@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }

  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }



.bounce { -webkit-animation-name: bounce; animation-name: bounce; }



@-webkit-keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); }

  40% { -webkit-transform: translateY(-30px) translateX(-50%); transform: translateY(-30px) translateX(-50%); }

  60% { -webkit-transform: translateY(-15px) translateX(-50%); transform: translateY(-15px) translateX(-50%); } }



@keyframes bounceArrow { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); }

  40% { -webkit-transform: translateY(-30px) translateX(-50%); transform: translateY(-30px) translateX(-50%); }

  60% { -webkit-transform: translateY(-15px) translateX(-50%); transform: translateY(-15px) translateX(-50%); } }



.bounceArrow { -webkit-animation-name: bounceArrow; animation-name: bounceArrow; }



@-webkit-keyframes swing { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); }

  50% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }

  to { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } }



@keyframes swing { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); }

  50% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }

  to { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } }



@-webkit-keyframes zoomIn { from { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% { opacity: 1; } }



@keyframes zoomIn { from { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  50% { opacity: 1; } }



.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }



@-webkit-keyframes zoomOut { from { opacity: 1; }

  50% { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  to { opacity: 0; } }



@keyframes zoomOut { from { opacity: 1; }

  50% { opacity: 0;

    -webkit-transform: scale3d(0.3, 0.3, 0.3);

    transform: scale3d(0.3, 0.3, 0.3); }

  to { opacity: 0; } }



.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }



@-webkit-keyframes swingIcon { from { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }

  to { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } }



@keyframes swingIcon { from { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }

  to { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } }



@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1);

    opacity: 0; }

  50% { opacity: 1.0; }

  100% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);

    opacity: 0; } }



@keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1);

    opacity: 0; }

  50% { opacity: 1.0; }

  100% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2);

    opacity: 0; } }



@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }



@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }



.fancybox-enabled { overflow: hidden; }



.fancybox-enabled body { overflow: visible; height: 100%; }



.fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; }



.fancybox-container ~ .fancybox-container { z-index: 99992; }



/* Make sure that the first one is on the top */

.fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden; }



.fancybox-container--ready .fancybox-bg { opacity: 0.7; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }



.fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; -webkit-transition: opacity .2s; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr; }



.fancybox-show-controls .fancybox-controls { opacity: 1; }



.fancybox-infobar { display: none; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 100001; width: 100%; }



.fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all; }



.fancybox-infobar__body { display: none; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; }



.fancybox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all; }



.fancybox-button.fancybox-button--thumbs, .fancybox-button.fancybox-button--fullscreen, .fancybox-button.fancybox-button--play { display: none !important; }



.fancybox-show-buttons .fancybox-buttons { display: block; }



.fancybox-slider-wrap { overflow: hidden; direction: ltr; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }



.fancybox-slider { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }



.fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; }



.fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }



.fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }



.fancybox-slide--image { overflow: hidden; }



.fancybox-slide--image::before { display: none; }



.fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; }



.fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; }



.fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: transparent; }



.fancybox-placeholder { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; }



.fancybox-image { border-radius: 20px; overflow: hidden; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }



.fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border: 0; max-width: none; max-height: none; background-size: 100% 100%; }



.fancybox-controls--canzoomOut .fancybox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out; }



.fancybox-controls--canzoomIn .fancybox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in; }



.fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab; }



.fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing; }



.fancybox-spaceball { z-index: 1; }



.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }



.fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default; }



.fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }



.fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; 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: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; -webkit-transition: background .2s; transition: background .2s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; }



.fancybox-close-small:focus:after { outline: 1px dotted #888; }



.fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: transparent; }



.fancybox-close-small:hover:after { color: #555; background: #eee; }



/* Caption */

.fancybox-caption-wrap { position: absolute; bottom: 20px; left: 0; right: 0; display: none; z-index: 99998; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; pointer-events: none; }



.fancybox-show-caption .fancybox-caption-wrap { opacity: 1; }



.fancybox-caption { background: #d70000 none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 14px; padding: 0.8rem 1rem; -webkit-text-size-adjust: none; }



.fancybox-caption a, .fancybox-caption button { pointer-events: all; }



.fancybox-caption a { color: #fff; text-decoration: underline; }



/* Buttons */

.fancybox-button { background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; height: 55px; line-height: 55px; margin: 0; outline: medium none; padding: 0; position: absolute; vertical-align: top; width: 44px; }



.fancybox-button--disabled { cursor: default; pointer-events: none; }



.fancybox-infobar__body { background: #fff; }



.fancybox-button { background: #203d64 none repeat scroll 0 0; }



.fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; border-color: #000; background-color: currentColor; color: currentColor; opacity: 0.9; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; }



.fancybox-button--disabled::before, .fancybox-button--disabled::after { opacity: 0.5; }



.fancybox-button--left::after { left: 18px; top: 21px; width: 15px; height: 15px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }



.fancybox-button--right::after { right: 18px; top: 21px; width: 15px; height: 15px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); }



.fancybox-button--left { left: 0; }



.fancybox-button--right { right: 0; }



.fancybox-button--close { right: 0; top: 0; z-index: 100001; height: 44px; }



.fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); }



.fancybox-button--close::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }



.fancybox-button--close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }



/* Loading spinner */

.fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; }



@-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg);

    transform: rotate(0deg); }

  to { -webkit-transform: rotate(359deg);

    transform: rotate(359deg); } }



@keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg);

    transform: rotate(0deg); }

  to { -webkit-transform: rotate(359deg);

    transform: rotate(359deg); } }



/* Styling for Small-Screen Devices */

@media all and (max-width: 800px) { .fancybox-controls { text-align: left; }

  .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important; }

  .fancybox-caption { padding: 20px 0; margin: 0; } }



/* Fullscreen  */

.fancybox-button--fullscreen::before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: none; }



/* Slideshow button */

.fancybox-button--play::before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: transparent; }



.fancybox-button--pause::before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; background: transparent; }



/* Thumbs */

.fancybox-button--thumbs span { font-size: 23px; }



.fancybox-button--thumbs::before { top: 20px; left: 21px; width: 3px; height: 3px; -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }



.fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 220px; }



.fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }



.fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; }



.fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }



li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); }



.fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }



.fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }



.fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; }



/* Styling for Small-Screen Devices */

@media all and (max-width: 800px) { .fancybox-thumbs { display: none !important; }

  .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 0; } }



.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; }



.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; }



.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; }



.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; }



.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; }



.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; }



.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }



.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }



/* ------------------------------------------------- Datepicker cells ------------------------------------------------- */

.datepicker--cells { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }



.datepicker--cell { border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -ms-flexbox; display: -webkit-box; display: flex; position: relative; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; height: 32px; z-index: 1; }



.datepicker--cell.-focus- { background: #f0f0f0; }



.datepicker--cell.-current- { color: #203d64; }



.datepicker--cell.-current-.-focus- { color: #4a4a4a; }



.datepicker--cell.-current-.-in-range- { color: #203d64; }



.datepicker--cell.-in-range- { background: rgba(92, 196, 239, 0.1); color: #4a4a4a; border-radius: 0; }



.datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, 0.2); }



.datepicker--cell.-disabled- { cursor: default; color: #aeaeae; }



.datepicker--cell.-disabled-.-focus- { color: #aeaeae; }



.datepicker--cell.-disabled-.-in-range- { color: #a1a1a1; }



.datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae; }



.datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 4px 0 0 4px; }



.datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 0 4px 4px 0; }



.datepicker--cell.-range-from-.-range-to- { border-radius: 4px; }



.datepicker--cell.-selected- { color: #fff; border: none; background: #0794aa; }



.datepicker--cell.-selected-.-current- { color: #fff; background: #0794aa; }



.datepicker--cell.-selected-.-focus- { background: #0D7A8A; }



.datepicker--cell:empty { cursor: default; }



.datepicker--days-names { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0 3px; }



.datepicker--day-name { color: #0794aa; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: .8em; }



.datepicker--cell-day { width: 14.28571%; }



.datepicker--cells-months { height: 170px; }



.datepicker--cell-month { width: 33.33%; height: 25%; }



.datepicker--years { height: 170px; }



.datepicker--cells-years { height: 170px; }



.datepicker--cell-year { width: 25%; height: 33.33%; }



.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; }



.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; }



.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; }



.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; }



.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; }



.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; }



.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }



.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }



/* ------------------------------------------------- Datepicker ------------------------------------------------- */

.datepickers-container { position: absolute; left: 0; top: 0; }



@media print { .datepickers-container { display: none; } }



.datepicker { background: #fff; border: 1px solid #dbdbdb; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); border-radius: 4px; -webkit-box-sizing: content-box; box-sizing: content-box; font-family: Tahoma, sans-serif; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; left: -100000px; opacity: 0; transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; z-index: 100; }



.datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px); }



.datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px); }



.datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px); }



.datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px); }



.datepicker.active { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }



.datepicker-inline .datepicker { border-color: #d7d7d7; -webkit-box-shadow: none; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none; }



.datepicker-inline .datepicker--pointer { display: none; }



.datepicker--content { -webkit-box-sizing: content-box; box-sizing: content-box; padding: 4px; }



.-only-timepicker- .datepicker--content { display: none; }



.datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1; }



.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg); }



.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg); }



.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); transform: rotate(315deg); }



.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg); }



.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer { left: 10px; }



.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer { right: 10px; }



.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer { left: calc(50% - 10px / 2); }



.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; }



.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; }



.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 10px / 2); }



.datepicker--body { display: none; }



.datepicker--body.active { display: block; }



.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; }



.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; }



.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; }



.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; }



.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; }



.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; }



.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }



.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }



/* ------------------------------------------------- Navigation ------------------------------------------------- */

.datepicker--nav { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px; }



.-only-timepicker- .datepicker--nav { display: none; }



.datepicker--nav-title, .datepicker--nav-action { display: -ms-flexbox; display: -webkit-box; display: flex; cursor: pointer; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }



.datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }



.datepicker--nav-action:hover { background: #f0f0f0; }



.datepicker--nav-action.-disabled- { visibility: hidden; }



.datepicker--nav-action svg { width: 32px !important; height: 32px !important; }



.datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px; }



.datepicker--nav-title { border-radius: 4px; padding: 0 8px; }



.datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px; }



.datepicker--nav-title:hover { background: #f0f0f0; }



.datepicker--nav-title.-disabled- { cursor: default; background: none; }



.datepicker--buttons { display: -ms-flexbox; display: -webkit-box; display: flex; padding: 4px; border-top: 1px solid #efefef; }



.datepicker--button { color: #203d64; cursor: pointer; border-radius: 4px; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; display: -ms-inline-flexbox; display: -webkit-inline-box; display: inline-flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; height: 32px; }



.datepicker--button:hover { color: #4a4a4a; background: #f0f0f0; }



.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; }



.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; }



.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; }



.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; }



.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; }



.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; }



.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }



.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }



/* ------------------------------------------------- Timepicker ------------------------------------------------- */

.datepicker--time { border-top: 1px solid #efefef; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; padding: 4px; position: relative; }



.datepicker--time.-am-pm- .datepicker--time-sliders { -ms-flex: 0 1 138px; -webkit-box-flex: 0; flex: 0 1 138px; max-width: 138px; }



.-only-timepicker- .datepicker--time { border-top: none; }



.datepicker--time-sliders { -ms-flex: 0 1 153px; -webkit-box-flex: 0; flex: 0 1 153px; margin-right: 10px; max-width: 153px; }



.datepicker--time-label { display: none; font-size: 12px; }



.datepicker--time-current { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px; }



.datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1; }



.datepicker--time-current-hours, .datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1; }



.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { content: ''; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; }



.datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1; }



.datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px; }



.datepicker--time-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; font-size: 11px; height: 17px; background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }



.datepicker--time-row:first-child { margin-bottom: 4px; }



.datepicker--time-row input[type='range'] { background: none; cursor: pointer; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none; }



.datepicker--time-row input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; }



.datepicker--time-row input[type='range']::-ms-tooltip { display: none; }



.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb { border-color: #b8b8b8; }



.datepicker--time-row input[type='range']:hover::-moz-range-thumb { border-color: #b8b8b8; }



.datepicker--time-row input[type='range']:hover::-ms-thumb { border-color: #b8b8b8; }



.datepicker--time-row input[type='range']:focus { outline: none; }



.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb { background: #203d64; border-color: #203d64; }



.datepicker--time-row input[type='range']:focus::-moz-range-thumb { background: #203d64; border-color: #203d64; }



.datepicker--time-row input[type='range']:focus::-ms-thumb { background: #203d64; border-color: #203d64; }



.datepicker--time-row input[type='range']::-webkit-slider-thumb { -webkit-box-sizing: border-box; box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background .2s; transition: background .2s; }



.datepicker--time-row input[type='range']::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -moz-transition: background .2s; transition: background .2s; }



.datepicker--time-row input[type='range']::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -ms-transition: background .2s; transition: background .2s; }



.datepicker--time-row input[type='range']::-webkit-slider-thumb { margin-top: -6px; }



.datepicker--time-row input[type='range']::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; }



.datepicker--time-row input[type='range']::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; }



.datepicker--time-row input[type='range']::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; }



.datepicker--time-row input[type='range']::-ms-fill-lower { background: transparent; }



.datepicker--time-row input[type='range']::-ms-fill-upper { background: transparent; }



.datepicker--time-row span { padding: 0 12px; }



.datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em; }



.datepicker--time-icon:after, .datepicker--time-icon:before { content: ''; background: currentColor; position: absolute; }



.datepicker--time-icon:after { height: .4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%); }



.datepicker--time-icon:before { width: .4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px); }



.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; }



.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; }



.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; }



.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; }



.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; }



.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; }



.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }



.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; }



/* Owl Carousel - Core */

.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }



.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ }



.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }



.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }



.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }



.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }



.owl-carousel .owl-item img { display: block; width: 100%; }



.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }



.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }



.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }



.owl-carousel.owl-loaded { display: block; }



.owl-carousel.owl-loading { opacity: 0; display: block; }



.owl-carousel.owl-hidden { opacity: 0; }



.owl-carousel.owl-refresh .owl-item { visibility: hidden; }



.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }



.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; }



.owl-carousel.owl-rtl { direction: rtl; }



.owl-carousel.owl-rtl .owl-item { float: right; }



/* No Js */

.no-js .owl-carousel { display: block; }



/* Owl Carousel - Animate Plugin */

.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }



.owl-carousel .owl-animated-in { z-index: 0; }



.owl-carousel .owl-animated-out { z-index: 1; }



.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }



@-webkit-keyframes fadeOut { 0% { opacity: 1; }

  100% { opacity: 0; } }



@keyframes fadeOut { 0% { opacity: 1; }

  100% { opacity: 0; } }



/* Owl Carousel - Auto Height Plugin */

.owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }



/* Owl Carousel - Lazy Load Plugin */

.owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ }



.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; }



.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }



.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }



/* Owl Carousel - Video Plugin */

.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }



.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.html") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; }



.owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }



.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }



.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; }



.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }



/* Default theme - Owl Carousel CSS File */

.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }



.owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }



.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }



.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }



.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }



.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }



.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-transform: scale(0.7); transform: scale(0.7); -webkit-transition: .3s; transition: .3s; -webkit-backface-visibility: visible; border-radius: 30px; }



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { -webkit-transform: scale(1); transform: scale(1); background: #869791; }



.owl-nav-style .owl-theme .owl-nav { position: absolute; top: 17px; right: 0; left: 0; }



.owl-nav-style .owl-theme .owl-nav [class*="owl-"] { position: absolute; width: 45px; height: 45px; background: #fab721; border: 1px solid transparent; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: .3s; transition: .3s; }



.owl-nav-style .owl-theme .owl-nav [class*="owl-"]:hover { background: #68013d; }



.owl-nav-style .owl-theme .owl-nav button.owl-prev { left: -30px; }



.owl-nav-style .owl-theme .owl-nav button.owl-next { right: -30px; }



.owl-nav-style.bottom-right .owl-theme .owl-nav { top: inherit; right: 0; bottom: 0; left: inherit; position: relative; text-align: right; }



.owl-nav-style.bottom-right .owl-theme .owl-nav [class*="owl-"] { position: relative; }



.owl-nav-style.bottom-right .owl-theme .owl-nav button { left: inherit; right: inherit; }



.owl-nav-style.bottom-center .owl-theme .owl-nav { position: relative; top: inherit; bottom: inherit; }



.owl-nav-style.bottom-center .owl-theme .owl-nav [class*="owl-"] { position: relative; }



.owl-nav-style.bottom-center .owl-theme .owl-nav button { left: inherit; right: inherit; }



.owl-nav-style.top-right .owl-theme .owl-nav { top: -50px; right: -5px; bottom: inherit; left: inherit; }



.owl-nav-style.top-right .owl-theme .owl-nav [class*="owl-"] { position: relative; }



.owl-nav-style.top-right .owl-theme .owl-nav button { left: inherit; right: inherit; }



.owl-nav-style.mayor-photosc .owl-carousel { z-index: inherit; }



.owl-nav-style.mayor-photosc .owl-theme .owl-nav { top: 50%; margin-top: -50px; }



.owl-nav-style.mayor-photosc .owl-theme .owl-nav [class*="owl-"] { width: 50px; height: 50px; background: transparent; z-index: 2; }



.owl-nav-style.mayor-photosc .owl-theme .owl-nav [class*="owl-"] svg { font-size: 32px; }



.owl-nav-style.mayor-photosc .owl-theme .owl-nav [class*="owl-"] svg path { stroke-width: 2px !important; }



.owl-nav-style.mayor-photosc .owl-theme .owl-nav button.owl-prev { left: 0; }



.owl-nav-style.mayor-photosc .owl-theme .owl-nav button.owl-next { right: 0; }



.owl-nav-style.mayor-visitsc .owl-theme .owl-nav { top: 21px; }



.owl-nav-style.mayor-visitsc .owl-theme .owl-nav [class*="owl-"] { width: 32px; height: 32px; }



.owl-nav-style.mayor-visitsc .owl-theme .owl-nav [class*="owl-"] svg { font-size: 14px; }



.owl-nav-style.mayor-visitsc .owl-theme .owl-nav button.owl-prev { left: -45px; }



@media (max-width: 991px) { .owl-nav-style.mayor-visitsc .owl-theme .owl-nav button.owl-prev { left: -20px; } }



.owl-nav-style.mayor-visitsc .owl-theme .owl-nav button.owl-next { right: -45px; }



@media (max-width: 991px) { .owl-nav-style.mayor-visitsc .owl-theme .owl-nav button.owl-next { right: -20px; } }



.owl-nav-style.announcements-carousel.bottom-right .owl-theme .owl-nav { position: absolute; bottom: -50px; right: -5px; }



.owl-nav-style.projects-carousel.bottom-center .owl-theme .owl-nav { margin-top: 10px; }



.owl-nav-style.projects-carousel.bottom-center .owl-theme .owl-nav [class*="owl-"] { background: transparent; border: 1px solid #425076; width: 50px; height: 50px; -webkit-transition: .3s; transition: .3s; }



.owl-nav-style.projects-carousel.bottom-center .owl-theme .owl-nav [class*="owl-"] svg path { stroke: #112252 !important; }



.owl-nav-style.projects-carousel.bottom-center .owl-theme .owl-nav [class*="owl-"]:hover { background: #112252; }



.owl-nav-style.projects-carousel.bottom-center .owl-theme .owl-nav [class*="owl-"]:hover svg path { stroke: #fff !important; }



.owl-nav-style.friends-carousel.bottom-right .owl-theme .owl-nav { margin-top: 20px; }



@media (max-width: 479px) { .owl-nav-style.friends-carousel.bottom-right .owl-theme .owl-nav { left: 0; text-align: center; } }



.owl-nav-style.friends-carousel.bottom-right .owl-theme .owl-nav [class*="owl-"] { width: 50px; height: 50px; }



@media (max-width: 479px) { .owl-nav-style.logos-carousel .owl-theme .owl-nav { top: 23px; } }



.owl-nav-style.logos-carousel .owl-theme .owl-nav [class*="owl-"] { background: transparent; }



.owl-nav-style.logos-carousel .owl-theme .owl-nav [class*="owl-"] svg { font-size: 28px; }



@media (max-width: 479px) { .owl-nav-style.logos-carousel .owl-theme .owl-nav [class*="owl-"] svg { font-size: 18px; } }



.owl-nav-style.logos-carousel .owl-theme .owl-nav [class*="owl-"] svg path { stroke: #009fb3 !important; stroke-width: 2px !important; }



.owl-nav-style.logos-carousel .owl-theme .owl-nav button.owl-prev { left: -55px; }



@media (max-width: 1199px) { .owl-nav-style.logos-carousel .owl-theme .owl-nav button.owl-prev { left: -10px; } }



.owl-nav-style.logos-carousel .owl-theme .owl-nav button.owl-next { right: -55px; }



@media (max-width: 1199px) { .owl-nav-style.logos-carousel .owl-theme .owl-nav button.owl-next { right: -10px; } }



.headlinenews-carousel .owl-theme .owl-nav { position: absolute; top: 50%; right: 0; left: 0; max-width: 770px; width: 100%; margin: -60px auto 0; }



@media (min-width: 1824px) { .headlinenews-carousel .owl-theme .owl-nav { max-width: 970px; } }



@media (max-width: 767px) { .headlinenews-carousel .owl-theme .owl-nav { margin-top: 0; } }



@media (min-width: 992px) and (max-width: 1199px) { .headlinenews-carousel .owl-theme .owl-nav { max-width: 650px; } }



@media (min-width: 768px) and (max-width: 991px) { .headlinenews-carousel .owl-theme .owl-nav { max-width: 630px; } }



@media (min-width: 480px) and (max-width: 767px) { .headlinenews-carousel .owl-theme .owl-nav { max-width: 580px; top: 120px; } }



@media (max-width: 479px) { .headlinenews-carousel .owl-theme .owl-nav { max-width: 390px; top: 85px; } }



.headlinenews-carousel .owl-theme .owl-nav [class*="owl-"] { position: absolute; width: 45px; height: 45px; background: #432d44; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }



@media (max-width: 479px) { .headlinenews-carousel .owl-theme .owl-nav [class*="owl-"] { width: 40px; height: 40px; }

  .headlinenews-carousel .owl-theme .owl-nav [class*="owl-"] svg { font-size: 14px; } }



.headlinenews-carousel .owl-theme .owl-nav button.owl-prev { left: -30px; }



@media (max-width: 991px) { .headlinenews-carousel .owl-theme .owl-nav button.owl-prev { left: 6px; } }



.headlinenews-carousel .owl-theme .owl-nav button.owl-next { right: -30px; }



@media (max-width: 991px) { .headlinenews-carousel .owl-theme .owl-nav button.owl-next { right: 6px; } }



body { font-family: "Cerebri Sans", sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #5e5e5e; overflow-x: hidden; }



body.bg { background: #eff2f7; }



.components-header { height: 130px; background: #272727; }



@media (max-width: 991px) { .components-header { border-radius: 0 !important; padding: 15px 10px; height: auto; } }



.components-header > div { width: 625px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



@media (min-width: 1200px) and (max-width: 1365px) { .components-header > div { width: 575px; } }



@media (min-width: 992px) and (max-width: 1199px) { .components-header > div { width: 475px; } }



@media (max-width: 991px) { .components-header > div { padding-left: 10px !important; padding-right: 10px !important; width: 100% !important; margin: 0 auto; float: inherit !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } }



@media (max-width: 479px) { .components-header > div { max-width: 390px; } }



@media (min-width: 480px) and (max-width: 767px) { .components-header > div { max-width: 600px; } }



@media (min-width: 768px) and (max-width: 991px) { .components-header > div { max-width: 768px; } }



.components-header.left > div { float: right; padding-right: 40px; }



@media (min-width: 992px) and (max-width: 1199px) { .components-header.left > div { padding-right: 25px; } }



.components-header.right { border-radius: 0 0 0 20px; background: #009fb3; }



.components-header.right > div { float: left; padding-left: 40px; }



@media (min-width: 992px) and (max-width: 1199px) { .components-header.right > div { padding-left: 25px; } }



@media (min-width: 768px) and (max-width: 991px) { .components-header.right > div { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: left; } }



.components-header .title { color: #fff; font-size: 24px; font-family: "Cerebri Sans Heavy", sans-serif; letter-spacing: -0.5px; line-height: 1.25; }



@media (min-width: 992px) and (max-width: 1199px) { .components-header .title { font-size: 18px; } }



.components-wrapper > div { width: 625px; }



@media (min-width: 1200px) and (max-width: 1365px) { .components-wrapper > div { width: 575px; } }



@media (min-width: 992px) and (max-width: 1199px) { .components-wrapper > div { width: 475px; } }



@media (max-width: 991px) { .components-wrapper > div { padding-left: 10px !important; padding-right: 10px !important; width: 100% !important; margin: 0 auto; float: inherit !important; } }



@media (max-width: 479px) { .components-wrapper > div { max-width: 390px; } }



@media (min-width: 480px) and (max-width: 767px) { .components-wrapper > div { max-width: 600px; } }



@media (min-width: 768px) and (max-width: 991px) { .components-wrapper > div { max-width: 768px; } }



/*.components-wrapper.left > div {    margin-left: 65px; }*/



@media (max-width: 991px) { .components-wrapper.left > div { padding-bottom: 30px; } }



.components-wrapper.right > div { float: left; }



.common-row { min-height: 500px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }



@media (min-width: 1824px) { .common-row { min-height: 570px; } }



.common-bg { background: rgba(255, 255, 255, 0.65); border-radius: 20px; }



.common-heading { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; }



.common-heading .heading { font-size: 18px; font-family: "Cerebri Sans Heavy", sans-serif; color: #0d7b8c; letter-spacing: -0.3px; }



@media (max-width: 479px) { .common-heading .heading { font-size: 16px; } }



.common-heading .link { color: #0794aa; font-size: 13px; font-weight: 300; }



@media (max-width: 479px) { .common-heading .link { font-size: 12px; } }



.common-heading .link:hover { text-decoration: underline; }



.common-col { position: relative; padding-left: 15px; padding-right: 15px; }



@media (max-width: 991px) { .common-col { padding-left: 10px; padding-right: 10px; } }



@media (min-width: 1366px) { .common-col:not(:nth-child(2)) { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }

  .common-col:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } }



@media (min-width: 1200px) and (max-width: 1365px) { .common-col { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }



@media (min-width: 992px) and (max-width: 1199px) { .common-col:nth-child(1) { display: none; }

  .common-col:not(:nth-child(1)) { -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; } }



@media (min-width: 768px) and (max-width: 991px) { .common-col:nth-child(1) { display: none; }

  .common-col:not(:nth-child(1)) { -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important; } }



@media (max-width: 767px) { .common-col { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } }



@media (max-width: 767px) { .common-col:not(:last-child) { margin-bottom: 10px; } }



.whatsapp { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 70px; right: 33px; background: #25d366; border: 5px solid #fff; width: 65px; height: 65px; border-radius: 100%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); text-align: center; color: #fff; z-index: 999; -webkit-transition: .3s; transition: .3s; }



.duyduy {

    bottom: 144px;

    background: #203d64;

}



@media (max-width: 767px) { .whatsapp { right: 12px; width: 55px; height: 55px; bottom: 60px; } 



.duyduy {bottom:125px;

  }

}

.inner-page__desc {

  padding-top: 80px;

}

@media (max-width: 992px) { .inner-page__desc { padding-top: 0px; margin-bottom: 50px; } }



.inner-page__desc .title {

  font-size: 22px;

  font-weight: 900;

  color: #203d64;

  letter-spacing: -1px;

}

.inner-page__desc .text {

  font-size: 14px;

  color: #5e5e5e;

}

.inner-page__desc ul {

  padding-top: 20px;

}

.inner-page__desc ul li {

  font-size: 16px;

  color: #acd373;

  display: flex;

  align-items: center;

}

.inner-page__desc ul li .icon {

  font-size: 5px;

  color: #5e5e5e;

  margin-right: 7px;

}



.inner-page__cover {

  width: 100%;

  height: 420px;

  margin-bottom: 50px;

  border-radius: 20px;

  overflow: hidden;

}

@media (max-width: 479px) { .inner-page__cover { height: 300px; } }

@media (min-width: 480px) and (max-width: 767px) { .inner-page__cover { height: 450px; } }

.inner-page__cover img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.whatsapp:before, .whatsapp:after { content: ""; position: absolute; background: rgba(37, 211, 102, 0.1); border-radius: 100%; -webkit-animation: pulsate 1.5s ease-out; animation: pulsate 1.5s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; }

.duyduy:before, .duyduy:after {  background: #6b48a924; }



.whatsapp:before { width: 80px; height: 80px; }



@media (max-width: 767px) { .whatsapp:before { width: 65px; height: 65px; } }



.whatsapp:after { width: 100px; height: 100px; }



@media (max-width: 767px) { .whatsapp:after { width: 75px; height: 75px; } }



.whatsapp .icon { font-size: 28px; }



@media (max-width: 767px) { .whatsapp .icon { font-size: 22px; } }



.whatsapp.is-active { -webkit-transform: translateY(-70px); transform: translateY(-70px); }



@media (max-width: 767px) { .whatsapp.is-active { -webkit-transform: translateY(-60px); transform: translateY(-60px); } }



.header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 280px; margin-right: -13px; }



@media (min-width: 1824px) { .header-nav { margin-left: 270px; margin-right: -15px; } }



@media (min-width: 992px) and (max-width: 1199px) { .header-nav { margin-left: -12px; margin-right: -12px; } }



.header-nav__wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }



.header-nav__item { padding-left: 13px; padding-right: 13px; }



@media (min-width: 1824px) { .header-nav__item { padding-left: 15px; padding-right: 15px; } }



@media (min-width: 992px) and (max-width: 1199px) { .header-nav__item { padding-left: 12px; padding-right: 12px; } }



.header-nav__item._apply > a {  padding-left: 10px; padding-right: 10px; }



.header-nav__item > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: -0.3px; text-transform: uppercase; height: 63px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.2; position: relative; z-index: 1; -webkit-transition: .3s; transition: .3s; }



@media (min-width: 1366px) { .header-nav__item > a { font-size: 16px; } }



@media (min-width: 992px) and (max-width: 1199px) { .header-nav__item > a { font-size: 13px; } }



.header-nav__item > a:before { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: currentColor; width: 0; margin: 0 auto; -webkit-transition: width .3s; transition: width .3s; }



.header-nav__item:hover > a:before { width: 100%; }



.header-nav__item:hover > .header-nav__links { opacity: 1; visibility: visible; }



.header-nav__item:hover > .header-nav__dropdown { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: .4s .4s; transition: .4s .4s; }



.header-nav__links { position: absolute; background: #fff; border-radius: 0 0 10px 10px; min-width: 200px; padding-top: 10px; padding-bottom: 10px; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }



.header-nav__links._right { right: 13px; }



.header-nav__links > li { display: block; }



.header-nav__links > li > a { display: block; font-size: 14px; font-weight: 600; letter-spacing: -0.3px; padding: 10px 25px; color: #239baa; -webkit-transition: .3s; transition: .3s; }



.header-nav__links > li > a:hover { color: #fff; background: #EC972C; }



.header-nav__dropdown { position: absolute; left: 0; right: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(-30px); transform: translateY(-30px); }



.header-nav__dropdown > .container { padding-top: 100px; padding-bottom: 40px; }



.header-nav__dropdown-heading .title { color: #fff; font-size: 42px; font-weight: 800; letter-spacing: -1px; }



.header-nav__dropdown-heading .text { color: #fff; font-size: 14px; font-weight: 300; max-width: 350px; }



.header-nav__dropdown-list ul:hover li a .icon svg { opacity: .5; -webkit-transform: scale(0.7); transform: scale(0.7); }



.header-nav__dropdown-list ul li { margin-bottom: 20px; }



.header-nav__dropdown-list ul li:hover a { background: rgba(255, 255, 255, 0.2); }



.header-nav__dropdown-list ul li:hover a .icon svg { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }



.header-nav__dropdown-list ul li a { border-radius: 10px; background: rgba(255, 255, 255, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-right: 10px; height: 90px; -webkit-transition: .3s; transition: .3s; }



.header-nav__dropdown-list .icon { color: #fff; font-size: 32px; height: 100%; background: rgba(7, 148, 170, 0.5); width: 70px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px 0 0 10px; }



.header-nav__dropdown-list .icon svg { -webkit-transition: .3s; transition: .3s; }



.header-nav__dropdown-list .desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 17px; }



.header-nav__dropdown-list .desc .title { color: #fff; font-size: 14px; font-weight: 700; line-height: 1.3; text-transform: uppercase;}



.header-nav__dropdown-list .desc .text { color: #fff; font-size: 13px; font-weight: 300; }



.header-nav__dropdown .cards .card { margin-bottom: 20px; }



.header-nav__dropdown .cards .card a { background: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.15); }



.header-nav__dropdown .cards-figure { background: rgba(7, 148, 170, 0.5); height: 100px; }



.header-nav__dropdown .cards-figure .icon { color: #fff; font-size: 42px; }



.header-nav__dropdown .cards-footer { height: 65px; padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }



.header-nav__dropdown .cards-footer .title { color: #fff; font-size: 14px; }



.header-nav__dropdown .explore { margin-bottom: 20px; }



.mobile-nav { background-color: #f3f3f3; -webkit-box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.15); display: block; position: fixed; top: 0; left: 0; width: 445px; height: 100%; overflow: hidden; z-index: 2003; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.35s cubic-bezier(0, 0, 0.2, 1); transition: all 0.35s cubic-bezier(0, 0, 0.2, 1); }



.mobile-nav.is-visible { -webkit-transform: translateX(0); transform: translateX(0); }



@media (max-width: 479px) { .mobile-nav { width: 320px; } }



.mobile-nav__wrapper { overflow-y: auto; height: calc(100% - 65px); scrollbar-color: rgba(0, 0, 0, 0.12) #fff; scrollbar-width: thin; }



.mobile-nav__wrapper::-webkit-scrollbar-track { background-color: #fff; }



.mobile-nav__wrapper::-webkit-scrollbar { width: 6px; }



.mobile-nav__wrapper::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.12); }



.mobile-nav__wrapper .buttons-container { text-align: center; padding-top: 40px; padding-bottom: 40px; padding-left: 25px; padding-right: 25px; }



.mobile-nav__wrapper .buttons-container .button.min-width { min-width: 250px; }



.mobile-nav__header { position: relative; background: #f3f3f3; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }



.mobile-nav__header-body { position: relative; height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 25px; padding-right: 20px; }



.mobile-nav__header-logo a { color: #5e5e5e; font-size: 16px; font-weight: 600; }



.mobile-nav__content { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }



.mobile-nav__content.other { padding-top: 20px; padding-bottom: 20px; }



.mobile-nav__content li.heading { padding-left: 25px; padding-right: 25px; padding-top: 20px; padding-bottom: 10px; color: #0794aa; font-size: 13px; letter-spacing: .2em; font-weight: 600; z-index: 1; }



.mobile-nav__content > ul > li:not(.heading):not(.not).is-open > a, .mobile-nav__content > ul > li:not(.heading):not(.not):hover > a { background: #fff; color: #0794aa; }



.mobile-nav__content > ul > li:not(.heading).not > a { color: #999; font-weight: 500; letter-spacing: 0; }



.mobile-nav__content > ul > li:not(.heading).not > a:hover { color: #0794aa; }



.mobile-nav__content > ul > li:not(.heading) > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 25px; padding-right: 25px; padding-top: 10px; padding-bottom: 10px; color: #333; font-size: 14px; letter-spacing: -0.5px; font-weight: 700; position: sticky; top: 0; z-index: 2; -webkit-transition: .3s; transition: .3s; }



.mobile-nav__content > ul > li:not(.heading) > a .icon { opacity: .3; width: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



.mobile-nav__content > ul > li:not(.heading) > a.link { font-size: 21px; font-weight: 700; padding-top: 17px; padding-bottom: 17px; }



.mobile-nav__plus { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; margin-right: 0; color: #5e5e5e; }



.mobile-nav__sub { background: #fff none repeat scroll 0 0; display: none; }



.mobile-nav__sub > li { display: block; }



.mobile-nav__sub > li:last-child { padding-bottom: 20px; }



.mobile-nav__sub > li:last-child a { border-bottom: 0 none; }



.mobile-nav__sub > li > a { color: #5e5e5e; display: block; font-size: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: 10px 40px; position: relative; -webkit-transition: .3s; transition: .3s; }



.mobile-nav__sub > li > a:before { content: ""; position: absolute; top: 50%; left: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: currentColor; opacity: .3; width: 5px; height: 5px; border-radius: 100%; }



.mobile-nav__sub > li > a:hover { color: #0794aa; }



.mobile-nav__sub > li.heading { position: sticky; top: 40px; background: #fff; }



.mobile-nav__close { color: #0794aa; }



.mobile-nav__close .icon { font-size: 28px; }



.mobile-nav__footer { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; height: 65px; background: #fff; -webkit-box-shadow: 8px 12px 25px rgba(0, 0, 0, 0.1); box-shadow: 8px 12px 25px rgba(0, 0, 0, 0.1); }



.mobile-nav__footer a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 65px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; color: #333; opacity: .3; }



.slide, .slide-material, .hero { height: 100vh; }



@media (min-width: 1824px) { .slide, .slide-material, .hero { height: 82vh; } }



@media (min-width: 480px) and (max-width: 767px) { .slide, .slide-material, .hero { height: 600px; } }



@media (max-width: 479px) { .slide, .slide-material, .hero { height: 450px; } }



.slide { background: #203d64; }



.slide-list { position: relative; top: 0; left: 0; }



.slide-list li { display: none; }



.slide-material { overflow: hidden; position: relative; }



.slide-material img { -webkit-transition: -webkit-transform 10s ease-in 0s; transition: -webkit-transform 10s ease-in 0s; transition: transform 10s ease-in 0s; transition: transform 10s ease-in 0s, -webkit-transform 10s ease-in 0s; }



.slide-material img, .slide-material video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.slide-photo > div { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; -webkit-transition: -webkit-transform 10s ease-in 0s; transition: -webkit-transform 10s ease-in 0s; transition: transform 10s ease-in 0s; transition: transform 10s ease-in 0s, -webkit-transform 10s ease-in 0s; opacity: .8; }



.slide-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }



.slide-container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-top: 50px; }



.slide-content { width: 65%; position: relative; z-index: 4; text-align: center; }



@media (min-width: 1824px) { .slide-content { width: 85%; } }



@media (max-width: 1199px) { .slide-content { width: 100%; } }



@media (max-width: 767px) { .slide-content { text-align: center; } }



.slide-content .heading { color: #fff; font-size: 60px; font-family: "Montserrat", sans-serif; font-weight: 100; text-transform: uppercase; line-height: 1.1; letter-spacing: -6px; }



@media (min-width: 1824px) { .slide-content .heading { font-size: 72px; } }



@media (max-width: 479px) { .slide-content .heading { font-size: 38px; letter-spacing: -4px; } }



.slide-content .heading span { font-family: "Cerebri Sans Heavy", sans-serif; font-size: 84px; letter-spacing: -4px; display: block; }



@media (min-width: 1824px) { .slide-content .heading span { font-size: 96px; } }



@media (max-width: 479px) { .slide-content .heading span { font-size: 42px; letter-spacing: -2px; } }



@media (min-width: 480px) and (max-width: 767px) { .slide-content .heading span { font-size: 66px; letter-spacing: -3px; } }



.slide-content .text { color: #fff; font-size: 16px; font-weight: 100; }



.slide-pagination { position: absolute; right: 0; bottom: 20px; left: 0; margin: 0 auto; max-width: 1300px; width: 100%; z-index: 4; text-align: center; display: none; }



@media (max-width: 991px) { .slide-pagination { display: none; } }



.slide-pagination li { display: inline-block; }



.slide-pagination li a { width: 20px; height: 20px; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15); cursor: pointer; display: inline-block; font-size: 0; position: relative; margin: 0 3px; border-radius: 50%; background: #fff; }



.slide-pagination li a:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 8px; height: 8px; border-radius: 50%; background: #0794aa; opacity: 0; visibility: hidden; }



.slide-pagination li.is-active a:before { opacity: 1; visibility: visible; }



.slide-arrows { position: absolute; top: 50%; right: 0; left: 0; margin-top: -20px; text-align: center; }



@media (max-width: 991px) { .slide-arrows { display: none; } }



.slide-arrows a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: absolute; z-index: 4; width: 72px; height: 72px; border-radius: 999px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; color: #fff; -webkit-transition: .3s; transition: .3s; }



.slide-arrows a:last-child { margin-right: 0; }



.slide-arrows a.prev { padding-left: 5px; left: 20px; }



.slide-arrows a.next { padding-right: 5px; right: 20px; }



.slide-arrows a .arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 36px; height: 36px; border-top: 7px solid currentColor; border-right: 7px solid currentColor; }



.slide-arrows a .arrow.left { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }



.slide-arrows a .arrow.right { -webkit-transform: rotate(45deg); transform: rotate(45deg); }



.slide-list li.is-active .slide-material img, .slide-list li.is-active .slide-photo > div { -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); }



.slide-list li.is-active .slide-content .heading, .slide-list li.is-active .slide-content .text, .slide-list li.is-active .slide-content .slide-buttons > div { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }



.slide-content .heading, .slide-content .text { opacity: 0; visibility: hidden; }



.slide-content .heading { -webkit-transform: translateY(-70px); transform: translateY(-70px); -webkit-transition: .9s .1s; transition: .9s .1s; }



.slide-content .text { -webkit-transform: translateY(-90px); transform: translateY(-90px); -webkit-transition: .9s .2s; transition: .9s .2s; }



.form-custom.form-common .send input { width: 180px; }



@media (max-width: 767px) { .form-custom.form-common .send input { width: 100%; } }



.form-custom.form-child .send { padding-left: 5px; padding-right: 5px; margin-top: 30px; }



.form-custom.form-contact .send { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }



.form-custom.form-contact .send.ui-style { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }



.form-custom.form-contact .send.ui-style input { margin-top: 30px; }



@media (max-width: 991px) { .form-custom.form-contact .send { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }



@media (max-width: 991px) { .form-custom.form-contact .send input { margin-top: 20px; } }



.form-custom.form-announcement ul li { margin-bottom: 0; position: relative; }



.form-custom.form-announcement ul li input { padding-right: 150px; }



@media (max-width: 479px) { .form-custom.form-announcement ul li input { padding-right: 20px; } }



@media (min-width: 480px) and (max-width: 767px) { .form-custom.form-announcement ul li input { padding-right: 120px; } }



.form-custom.form-announcement ul li input + .form-error { right: 145px; }



@media (max-width: 767px) { .form-custom.form-announcement ul li input + .form-error { right: 20px; } }



.form-custom.form-announcement ul li .icon { left: 0; font-size: 18px; }



.form-custom.form-announcement .send { padding-left: 0; padding-right: 0; position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }



@media (max-width: 479px) { .form-custom.form-announcement .send { position: relative; right: 0; top: 0; -webkit-transform: inherit; transform: inherit; margin-top: 10px; } }



@media (min-width: 480px) and (max-width: 767px) { .form-custom.form-announcement .send { right: 5px; } }



.form-custom.form-announcement .send input { height: 50px; border-radius: 7px; }



.form-custom.style-1 ul li input, .form-custom.style-1 ul li textarea { background: #fff; border: 2px solid rgba(0, 0, 0, 0.07); }



.form-custom.style-1 ul li input:focus, .form-custom.style-1 ul li textarea:focus { border: 2px solid #0794aa; }



.form-custom.no-icon ul li input { padding-left: 20px; }



.form-custom.no-icon ul li .icon:not(.not) { display: none; }



.form-custom .heading { color: #203d64; text-transform: uppercase; font-weight: 900; font-size: 14px; margin-bottom: 10px; }



.form-custom ul li { margin-bottom: 20px; }



.form-custom ul li.is-error input, .form-custom ul li.is-error textarea, .form-custom ul li.is-error .current, .form-custom ul li.is-error label, .form-custom ul li.is-error select { border: 2px solid red !important; background: rgba(255, 0, 0, 0.02) important; }



.form-custom ul li.is-error .icon, .form-custom ul li.is-error input, .form-custom ul li.is-error textarea, .form-custom ul li.is-error label { color: red; }



.form-custom ul li .note { color: red; background: rgba(255, 0, 0, 0.08); font-size: 10px; font-weight: 600; display: block; border-radius: 7px; padding: 5px 10px; margin-top: 5px; }



.form-custom ul li input, .form-custom ul li textarea { width: 100%; height: 60px; border-radius: 10px; padding-left: 20px; padding-right: 20px; font-family: inherit; color: black; background: #eff2f7; border: 2px solid transparent; font-size: 14px; -webkit-transition: .3s; transition: .3s; }



.form-custom ul li input { padding-left: 60px; }



@media (max-width: 767px) { .form-custom ul li input { font-size: 14px; } }



.form-custom ul li input.price { font-size: 24px; }



.form-custom ul li textarea { padding-top: 20px; height: 150px; }



.form-custom ul li .icon { width: 65px; height: 60px; position: absolute; left: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0794aa; font-size: 16px; pointer-events: none; z-index: 1; }



.form-custom ul li .icon.tl { left: inherit; right: 10px; font-size: 20px; color: black; }



.form-custom ul li .icon.ui-plus { left: inherit; right: 10px; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }



.form-custom .item:not(:last-child) { margin-bottom: 30px; }



.form-custom .send { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; padding-right: 10px; }



.form-custom .send > input { background: #e58a1a; height: 60px; border: 0 none; border-radius: 10px; padding-left: 30px; padding-right: 30px; color: #fff; font-size: 14px; font-weight: 900; font-family: inherit; cursor: pointer; border: 2px solid transparent; -webkit-transition: .3s; transition: .3s; position: relative; width: 100%; }



.form-custom .send > input:hover { background: #5e5e5e; color: #fff; }



@media (max-width: 767px) { .form-custom .send > input { padding-left: 20px; padding-right: 20px; } }



.custom-select { background: #fff; border-radius: 10px; outline: 0; height: 60px; font-size: 14px; position: relative; -webkit-transition: .3s; transition: .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }



.custom-select:before { content: ""; position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; width: 8px; height: 8px; border-right: 2px solid #999; border-bottom: 2px solid #999; }



.custom-select.is-open:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }



.custom-select.is-open .custom-select__list { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }



.custom-select .current { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; padding-right: 20px; color: #5e5e5e; border: 2px solid rgba(0, 0, 0, 0.07); border-radius: 10px; }



.custom-select__list { background: #fff; position: absolute; border-radius: 10px; left: -1px; right: -1px; top: 0; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); -webkit-transition: .3s; transition: .3s; opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); visibility: hidden; z-index: 100; max-height: 300px; overflow-y: auto; scrollbar-color: rgba(0, 0, 0, 0.08) #fff; scrollbar-width: thin; }



.custom-select__list::-webkit-scrollbar-track { background-color: #fff; }



.custom-select__list::-webkit-scrollbar { width: 6px; }



.custom-select__list::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); }



.custom-select__list .notice { padding-top: 20px; padding-bottom: 20px; font-size: 14px; text-align: center; display: block; }



.custom-select__list .option { padding-left: 20px; padding-right: 20px; font-size: 14px; line-height: 1.3; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .3s; transition: .3s; }



.custom-select__list .option:hover { background: #0794aa; color: #fff; }



.custom-select__list .option:first-child { display: none; }



.custom-select__list .option.selected { background: #5e5e5e; color: #fff; }



.form-error { position: absolute; right: 25px; top: 20px; color: red; font-size: 12px; font-weight: 500; }



.form-messages { display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; border-radius: 10px; padding-left: 30px; padding-right: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 600; }



.form-messages.success { color: #3c763d; background-color: #dff0d8; border: 1px solid #d6e9c6; }



.form-messages.error { color: #a94442; background-color: #f2dede; border: 1px solid #ebccd1; }



.popup { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(121, 77, 140, 0.9); z-index: 2000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }



.popup.is-visible { opacity: 1; visibility: visible; }



.popup-wrapper { width: 100%; height: 100%; max-height: 100%; padding: 55px; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; -webkit-transform: translateY(100px); transform: translateY(100px); }



@media (max-width: 767px) { .popup-wrapper { padding: 0; } }



.popup-wrapper.is-visible { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }



.popup-wrapper .cover { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }



.popup-wrapper .cover a { max-width: 90%; height: 100%; text-align: center; padding: 3px; background: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); }



.popup-wrapper .cover img { max-width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; }



.popup-close { position: absolute; top: 30px; right: 30px; width: 1em; height: 1em; font-size: 28px; z-index: 12; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.popup-close:before, .popup-close:after { content: ""; position: absolute; background: #fff; height: 2px; width: 100%; }



.popup-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }



.popup-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }



.buttons-container.center { text-align: center; width: 100%; }



.button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 30px; padding-right: 30px; font-family: inherit; text-align: center; line-height: 1.2; font-size: 13px; font-weight: 900; letter-spacing: .3px; border-radius: 10px; height: 50px; color: #fff; -webkit-transition: .3s; transition: .3s; border: 2px solid transparent; background: #eaa309; }



.button:not(:last-child) { margin-right: 0; }



.button .icon { margin-left: 10px; font-size: 18px; }



.button.min-width { min-width: 230px; }



.button.full-width { width: 100%; }



.button:not(.color-1):hover { background: #112252; }



.button.color-1 { background: #fab721; }



.button.color-1:hover { background: #d3991b; }



.button.color-2 { background: #0D7A8A; color: #fff; }



.button.color-2:hover { background: #0794aa; color: #fff; }



.button.color-3 { background: #25d366; border: 2px solid #25d366; color: #fff; }



.button.color-3 .icon { margin-left: 0; margin-right: 10px; }



.button.color-3:hover { border: 2px solid #25d366; background: #fff; color: #25d366; }



.button-border { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 30px; padding-right: 30px; font-family: inherit; text-align: center; line-height: 1.2; font-size: 13px; font-weight: 900; letter-spacing: .3px; border-radius: 10px; height: 50px; color: #fff; -webkit-transition: .3s; transition: .3s; border: 2px solid white; }



.button-border:not(:last-child) { margin-right: 0; }



.button-border .icon { margin-left: 10px; font-size: 18px; }



.button-border.min-width { min-width: 230px; }



.button-border.full-width { width: 100%; }



.button-border:not(.color-1):hover { background: #fff; color: #5e5e5e; }



.button-border.color-1 { border: 2px solid #0D7A8A !important; color: #0D7A8A !important; }



.button-border.color-1:hover { background: #0D7A8A !important; color: #fff !important; }



.button-border.color-2 { border: 2px solid #0D7A8A !important; color: #0D7A8A !important; }



.button-border.color-2 .icon { margin-left: 0; margin-right: 10px; }



.button-border.color-2:hover { background: #0D7A8A !important; color: #fff !important; }



.button-circle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(7, 148, 170, 0.95); width: 120px; height: 120px; border-radius: 100%; z-index: 2; position: relative; }



@media (max-width: 479px) { .button-circle { width: 90px; height: 90px; } }



.button-circle.pos-1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }



.button-circle:before, .button-circle:after { content: ""; position: absolute; background: rgba(7, 148, 170, 0.2); border-radius: 100%; -webkit-animation: pulsate 1.5s ease-out; animation: pulsate 1.5s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; }



.button-circle:before { width: 150px; height: 150px; }



@media (max-width: 479px) { .button-circle:before { width: 120px; height: 120px; } }



.button-circle:after { width: 180px; height: 180px; }



@media (max-width: 479px) { .button-circle:after { width: 150px; height: 150px; } }



.button-circle .icon { font-size: 32px; color: #fff; position: relative; left: 2px; top: 2px; }



@media (max-width: 479px) { .button-circle .icon { font-size: 24px; } }



.button-line { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); color: #333; font-size: 13px; font-weight: 900; letter-spacing: .3px; position: relative; }



@media (max-width: 479px) { .button-line { font-size: 12px; } }



.button-line.light { border-bottom: 2px solid rgba(255, 255, 255, 0.4); color: #fff; }



.button-line.light .icon { color: #fff; }



.button-line.light:before { background: #fff; }



.button-line .icon { margin-left: 10px; color: #203d64; font-size: 16px; }



.button-line:before { content: ""; position: absolute; right: 0; bottom: -2px; left: 0; background: #203d64; height: 2px; width: 0; -webkit-transition: width .3s; transition: width .3s; }



.button-line:hover:before { width: 100%; }



.app-loading { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; background: rgba(255, 255, 255, 0.7); }



.app-loading.style-1 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 30px; }



.app-loading.small:before { width: 35px; height: 35px; }



.app-loading.is-visible { opacity: 1; visibility: visible; }



.app-loading:before { content: ""; position: absolute; border: 4px solid #fff; border-top: 4px solid #0794aa; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: spin .8s linear infinite; animation: spin .8s linear infinite; }



.app-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; width: 100%; height: 100%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }



.app-overlay.is-visible { opacity: .7; visibility: visible; }



.app-scroll { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; right: 35px; bottom: 70px; background: #022416; width: 60px; height: 60px; border-radius: 50%; text-align: center; color: #fff; z-index: 2002; opacity: 0; visibility: hidden; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: .3s; transition: .3s; }



@media (max-width: 767px) { .app-scroll { width: 50px; height: 50px; right: 15px; bottom: 60px; } }



.app-scroll .icon { font-size: 22px; }



@media (max-width: 767px) { .app-scroll .icon { font-size: 18px; } }



.app-scroll.is-visible { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }



.modal-career { background-color: rgba(0, 0, 0, 0.6); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); visibility: hidden; -webkit-transition: 1s; transition: 1s; }



.modal-career.is-active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; }



.modal-career .career { padding: 70px; position: relative; max-width: 1100px; border-radius: 25px; overflow: hidden; }



.modal-career .career::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; }



.modal-career .career .form-career .send { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }



.modal-career .career .close { position: absolute; right: 30px; top: 30px; font-size: 32px; color: #0794aa; cursor: pointer; }



.js .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }



.inputfile + label { cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; height: 60px; overflow: hidden; padding-left: 25px; padding-right: 25px; text-overflow: ellipsis; white-space: nowrap; width: 100%; }



.no-js .inputfile + label { display: none; }



.inputfile:focus + label, .inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }



.inputfile-1 { display: none; }



.inputfile + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; margin-right: 0.25em; }



.inputfile-1 + label { background-color: #fff; border: 2px solid rgba(94, 94, 94, 0.1); font-weight: 500; color: #5e5e5e; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }



.inputfile-1 + label:hover { border: 2px solid rgba(7, 148, 170, 0.5); color: #0794aa; }



.form-kvk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }



.form-label { background: #fff; padding: 30px; border: 2px solid rgba(0, 0, 0, 0.07); margin-bottom: 30px; border-radius: 10px; }



.form-label label.checkbox { margin-bottom: 0; }



.form-label label.checkbox:not(:last-child) { margin-right: 30px; }



label.checkbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 13px; }



label.checkbox:last-child { margin-bottom: 0; }



label.checkbox input { position: absolute; left: -9999px; }



label.checkbox input:checked + .checkbox { background: rgba(7, 148, 170, 0.2); }



label.checkbox input:checked + .checkbox span { background: #0794aa; left: 20px; }



label.checkbox input:checked + .checkbox + .text { color: #0794aa; }



label.checkbox.is-error .checkbox { background: rgba(255, 0, 0, 0.2); }



label.checkbox.is-error .checkbox span { background: red; }



label.checkbox.is-error .checkbox + .text { color: red; }



label.checkbox .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 13px; font-family: inherit; color: #5e5e5e; position: relative; top: -3px; padding-left: 15px; }



label.checkbox .text a { color: #55acef; font-weight: 600; }



label.checkbox .text a:hover { text-decoration: underline; }



label.checkbox .text._1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }



label.checkbox .checkbox { display: inline-block; width: 40px; height: 14px; border-radius: 14px; background: rgba(0, 0, 0, 0.1); position: relative; -webkit-transition: .3s background; transition: .3s background; }



label.checkbox .checkbox span { width: 20px; height: 20px; position: absolute; top: -3px; left: 0; background: #fff; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); border-radius: 50%; -webkit-transition: .3s left, background; transition: .3s left, background; }



select.selectbox { cursor: pointer; position: relative; width: 100%; height: 60px; border: 2px solid rgba(94, 94, 94, 0.1); border-radius: 10px; font-family: inherit; padding-left: 17px; padding-right: 20px; color: #5e5e5e; font-size: 14px; background: #fff; -webkit-transition: .3s; transition: .3s; }



select.selectbox:focus { outline: 0; border: 2px solid #203d64; }



.section-header { position: relative; }



.section-header.center { text-align: center; }



.section-header.light .small-title, .section-header.light .title { color: #fff; opacity: 1; }



.section-header.light .text { color: rgba(255, 255, 255, 0.7); }



.section-header .small-title { letter-spacing: 3px; color: #999; font-size: 13px; font-weight: 700; margin-bottom: 7px; }



.section-header .title { font-weight: 800; color: #e58a1a; font-size: 42px; line-height: 1.2; letter-spacing: -1px; }



@media (max-width: 479px) { .section-header .title { font-size: 36px; } }



.section-header .title span { color: #333; }



.section-header .text { font-size: 18px; color: #999; font-weight: 300; }



@media (max-width: 479px) { .section-header .text { font-size: 16px; } }



.section-header .text strong { font-weight: 800; }



.section-header img { max-width: 480px; width: 100%; }



.headlinenews-card a { display: block; position: relative; overflow: hidden; border-radius: 30px; }



@media (max-width: 479px) { .headlinenews-card a { border-radius: 20px; } }



.headlinenews-body { position: absolute; right: 0; bottom: 0; left: 0; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 50px 30px 50px; color: #fff; }



@media (max-width: 479px) { .headlinenews-body { padding: 0 25px 20px 25px; } }



.headlinenews-body .title { font-size: 28px; letter-spacing: -0.5px; font-weight: 900; line-height: 1.2; overflow: hidden; max-height: 68px; }



@media (min-width: 1200px) { .headlinenews-body .title { padding-right: 100px; } }



@media (max-width: 479px) { .headlinenews-body .title { font-size: 20px; line-height: 1.3; max-height: 52px; } }



.headlinenews-body .text { font-size: 16px; font-weight: 300; line-height: 1.4; margin-top: 5px; overflow: hidden; max-height: 45px; }



@media (max-width: 479px) { .headlinenews-body .text { font-size: 13px; max-height: 37px; } }



.headlinenews-body .date { margin-top: 5px; font-size: 14px; font-weight: 700; }



@media (max-width: 479px) { .headlinenews-body .date { font-size: 12px; } }



.headlinenews-cover { height: 470px; overflow: hidden; }



@media (min-width: 1824px) { .headlinenews-cover { height: 600px; } }



@media (max-width: 479px) { .headlinenews-cover { height: 350px; } }



.headlinenews-cover.small { height: 90px; border-radius: 15px; background: #fff; padding: 4px; overflow: hidden; cursor: pointer; -webkit-transition: .3s; transition: .3s; }



.headlinenews-cover.small img { overflow: hidden; border-radius: 10px; }



.headlinenews-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.documents-files { display: inline-block; width: 100%; }



.documents-files.style-2 ul li a { border-left: 5px solid #203d64; }



.documents-files.style-2 .documents-icon { color: #203d64; }



.documents-files.style-2 .page-content__heading { color: #203d64; }



.documents-files ul li { margin-bottom: 10px; }



.documents-files ul li:last-child { margin-bottom: 0; }



.documents-files ul li a { background: #eff2f7; padding: 17px 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }



.documents-files ul li a:hover { -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); background: #fff; }



.documents-files ul li a .title { font-size: 18px; font-weight: 800; letter-spacing: -0.5px; color: #333; line-height: 1.25; }



.documents-files ul li a .text { font-size: 16px; font-weight: 300; color: #5e5e5e; }



.documents-files ul li a .date { font-size: 13px; color: #999; }



.documents-files ul li a .icon { position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; color: #000; opacity: .15; }



.documents-files ul li a .number { font-weight: 900; margin-left: 15px; }



.documents-icon { font-size: 32px; color: #203d64; margin-right: 20px; }



.ordered-links ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }



.ordered-links ul li:last-child { border-bottom: 0 none; }



.ordered-links ul li:hover a { padding-left: 10px; }



.ordered-links ul li a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; color: #5e5e5e; font-size: 16px; overflow: hidden; border-radius: 5px; font-weight: 300; padding-top: 15px; padding-bottom: 15px; -webkit-transition: .3s; transition: .3s; }



.ordered-links ul li a:after { content: ""; position: absolute; z-index: 12; top: 50%; right: 20px; width: 9px; height: 9px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 767px) { .ordered-links ul li a:after { display: none; } }



.ordered-list ul li:not(:last-child) { margin-bottom: 10px; }



.ordered-list__card { display: -webkit-box; display: -ms-flexbox; display: flex; background: rgba(172, 211, 115, 0.1); padding: 20px 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }



.ordered-list__card:hover { -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); background: #fff; }



.ordered-list__card .icon { color: #acd373; font-size: 36px; }



.ordered-list__description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px; }



.ordered-list__description .heading { color: #acd373; font-size: 13px; font-weight: 800; text-transform: uppercase; line-height: 1.2; }



.ordered-list__description .text { color: #5e5e5e; font-size: 14px; line-height: 1.3; margin-top: 5px; }



.ordered-list.list-default > ul > li:not(.more) { margin-bottom: 10px; background: #eff2f7; border-radius: 10px; }



.ordered-list.list-default > ul > li:not(.more):last-child { margin-bottom: 0; }



.ordered-list.list-default > ul > li:not(.more):hover > a { -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }



.ordered-list.list-default > ul > li:not(.more):hover > a:after { width: 100%; opacity: 1; }



.ordered-list.list-default > ul > li:not(.more).is-open:hover > a:after { border-radius: 10px 10px 0 0 !important; }



.ordered-list.list-default > ul > li:not(.more).is-open > a { border-radius: 10px 10px 0 0; }



.ordered-list.list-default > ul > li:not(.more) > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 10px; padding: 20px; color: #0794aa; -webkit-transition: .3s; transition: .3s; position: relative; z-index: 1; }



@media (max-width: 767px) { .ordered-list.list-default > ul > li:not(.more) > a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }



.ordered-list.list-default > ul > li:not(.more) > a:after { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; background: white; border-radius: 10px; width: 30%; opacity: 0; -webkit-transition: .3s; transition: .3s; }



.ordered-list.list-default > ul > li:not(.more) > a .icon { margin-right: 10px; font-size: 14px; }



.ordered-list.list-default > ul > li:not(.more) > a .text { font-size: 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.ordered-list.list-default > ul > li:not(.more) > a .date { font-size: 13px; color: #999; }



@media (max-width: 767px) { .ordered-list.list-default > ul > li:not(.more) > a .date { padding-left: 20px; } }



.ordered-list.list-default > ul li.more a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #eff2f7; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; text-transform: uppercase; color: #999; border-radius: 10px; font-size: 14px; font-weight: 600; }



.ordered-list.list-default > ul li.more a:hover { color: #5e5e5e; }



.ordered-list.list-default > ul li.more .icon { margin-right: 10px; font-size: 16px; }



.ordered-list__sub { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07); }



.ordered-list__sub-content { width: 100%; }



.ordered-list__sub-content .page-content__description, .ordered-list__sub-content .page-content__gallery, .ordered-list__sub-content .documents-files { padding: 30px; }



@media (max-width: 767px) { .ordered-list__sub-content .page-content__description, .ordered-list__sub-content .page-content__gallery, .ordered-list__sub-content .documents-files { padding: 20px; } }



.ordered-list__sub-content .page-content__gallery { margin-top: 0; }



.ordered-list__sub-content > img { width: 250px; float: left; margin-right: 20px; margin-bottom: 20px; }



.ordered-list__dropdown > ul > li.is-open > a { -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07); }



.ordered-list__dropdown > ul > li.is-open > a:before { content: "_"; margin-top: -8px; }



.ordered-list__dropdown > ul > li.is-open > a:after { width: 100%; opacity: 1; }



.ordered-list__dropdown > ul > li > a { padding-right: 40px; }



.ordered-list__dropdown > ul > li > a:before { content: "+"; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; font-weight: 200; }



.ordered-list__dropdown > ul > li > a .date { margin-right: 30px; }



.ordered-list__dropdown .ordered-list__sub { display: none; }



.shortcuts-item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 10px; padding-right: 10px; position: relative; }



.shortcuts-item:nth-child(2) .shortcuts-wrapper { background-color: rgba(172, 211, 115, 0.7); }



.shortcuts-item:nth-child(2) .shortcuts-dropdown { background-color: rgba(172, 211, 115, 0.9); }



.shortcuts-item:nth-child(2) .shortcuts-dropdown__list li a:before { background: #739244; }



.shortcuts-item:nth-child(3) .shortcuts-wrapper { background-color: rgba(0, 118, 163, 0.7); }



.shortcuts-item:nth-child(3) .shortcuts-dropdown { background-color: rgba(0, 118, 163, 0.9); }



.shortcuts-item:nth-child(3) .shortcuts-dropdown__list li a:before { background: #004d6b; }



.shortcuts-item:nth-child(4) .shortcuts-wrapper { background-color: rgb(237 151 44 / 72%); }



.shortcuts-item:nth-child(4) .shortcuts-dropdown { background-color: rgb(237 151 44 / 72%); }



.shortcuts-item:nth-child(4) .shortcuts-dropdown__list li a:before { background: #643a0e; }



.shortcuts-item:nth-child(5) .shortcuts-wrapper { background-color: rgba(255, 245, 104, 0.7); }



.shortcuts-item:nth-child(5) .shortcuts-dropdown { background-color: rgba(255, 245, 104, 0.7); }



.shortcuts-item:nth-child(5) .shortcuts-dropdown__list li a:before { background: #a19a39; }



.shortcuts-item:hover .shortcuts-wrapper:before { width: 100%; }



.shortcuts-item:hover .shortcuts-dropdown { opacity: 1; visibility: visible; }



.shortcuts-item:hover .shortcuts-dropdown__list li a .icon { -webkit-transform: scale(1); transform: scale(1); }



.shortcuts-wrapper { background-color: rgba(242, 108, 79, 0.7); height: 90px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 19px; padding-right: 19px; position: relative; border-radius: 15px; overflow: hidden; }



.shortcuts-wrapper:before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.2); height: 4px; width: 0; -webkit-transition: width .3s; transition: width .3s; }



.shortcuts-wrapper .icon { color: #fff; font-size: 24px; }



.shortcuts-wrapper .desc { padding-left: 13px; color: #fff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }



.shortcuts-wrapper .desc .title { font-size: 16px; letter-spacing: -0.5px; font-weight: 900; }



.shortcuts-wrapper .desc .text { font-size: 13px; line-height: 1.3; }



.shortcuts-dropdown { position: absolute; right: 10px; bottom: 95px; left: 10px; background: rgba(242, 108, 79, 0.9); padding: 15px; border-radius: 15px; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }



.shortcuts-dropdown .heading { color: #fff; font-size: 16px; font-weight: 900; letter-spacing: -0.5px; border-bottom: 3px solid rgba(0, 0, 0, 0.35); padding-bottom: 5px; margin-bottom: 10px; }



.shortcuts-dropdown__list li a { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid rgba(255, 255, 255, 0.35); color: #fff; font-size: 13px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 9px; padding-bottom: 9px; position: relative; z-index: 1; }



.shortcuts-dropdown__list li a:before { content: ""; position: absolute; z-index: -1; top: -1px; left: -15px; bottom: -1px; right: -15px; background: #a54530; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }



.shortcuts-dropdown__list li a:hover:before { opacity: 1; visibility: visible; }



.shortcuts-dropdown__list li a .icon { font-size: 13px; margin-right: 7px; width: 18px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: .3s; transition: .3s; }



.announcements { height: 175px; background: #0D7A8A; }



.announcements-wrapper { padding-left: 40px; padding-top: 17px; float: left; width: 513px; }



@media (min-width: 1824px) { .announcements-wrapper { width: 475px; } }



@media (max-width: 1199px) { .announcements-wrapper { padding-left: 10px; padding-right: 10px; margin: 0 auto; width: 100%; float: inherit; } }



@media (max-width: 479px) { .announcements-wrapper { max-width: 390px; } }



@media (min-width: 480px) and (max-width: 767px) { .announcements-wrapper { max-width: 600px; } }



@media (min-width: 768px) and (max-width: 991px) { .announcements-wrapper { max-width: 768px; } }



@media (min-width: 992px) and (max-width: 1199px) { .announcements-wrapper { max-width: 992px; } }



@media (min-width: 1200px) and (max-width: 1365px) { .announcements-wrapper { max-width: 490px; } }



.announcements-heading { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 7px; }



.announcements-heading .heading { font-size: 16px; color: #fff; font-weight: 800; }



.announcements-heading .link { font-size: 13px; font-weight: 300; color: #fff; }



.announcements-heading .link:hover { text-decoration: underline; }



.announcements-carousel .title, .announcements-carousel .text { overflow: hidden; }



.announcements-carousel .title { color: #cc6aa4; font-size: 14px; font-weight: 800; letter-spacing: -0.3px; line-height: 1.3; max-height: 36px; }



.announcements-carousel .text { font-size: 13px; color: #fff; font-weight: 300; line-height: 1.4; max-height: 37px; margin-top: 5px; }



.announcements-carousel .date { color: #cc6aa4; font-size: 12px; font-weight: 700; margin-top: 5px; }



.mayor-photos .owl-mayorp { overflow: hidden; border-radius: 15px; }



.mayor-photos .owl-mayorp a { display: block; position: relative; }



.mayor-photos__cover { height: 424px; overflow: hidden; }



@media (min-width: 1824px) { .mayor-photos__cover { height: 450px; } }



@media (max-width: 479px) { .mayor-photos__cover { height: 300px; } }



@media (min-width: 480px) and (max-width: 767px) { .mayor-photos__cover { height: 250px; } }



@media (min-width: 600px) and (max-width: 767px) { .mayor-photos__cover { height: 300px; } }



.mayor-photos__cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.mayor-photos__overlay { position: absolute; z-index: 1; right: 15px; bottom: 0; left: 15px; height: 90.5%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(158, 0, 93, 0.6))); background: linear-gradient(transparent, rgb(16 138 153 / 60%) 100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; text-align: center; border-radius: 15px; pointer-events: none; }



@media (max-width: 767px) { .mayor-photos__overlay { right: 10px; bottom: 0; left: 10px; } }



.mayor-photos__button { position: absolute; right: 15px; bottom: 30px; left: 15px; width: 230px; margin: 0 auto; text-align: center; z-index: 2; }



@media (max-width: 479px) { .mayor-photos__button { right: 10px; bottom: 20px; left: 10px; } }



.mayor-visits { padding: 20px 25px; height: 220px; }



.mayor-visits a { display: block; position: relative; }



.mayor-visits a:hover .photo img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }



.mayor-visits .photo { height: 135px; overflow: hidden; border-radius: 10px; }



.mayor-visits .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }



.mayor-visits .desc { text-align: center; position: absolute; overflow: hidden; border-radius: 10px; height: 100%; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }



.mayor-visits .desc .title { font-size: 13px; font-weight: 600; color: #fff; overflow: hidden; max-height: 33px; line-height: 1.25; }



.activities-heading { margin: 0 auto; width: 83%; border-radius: 15px 15px 0 0; background: rgb(179 29 18); height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 4px; }



@media (max-width: 479px) { .activities-heading { width: 90%; padding-bottom: 6px; } }



.activities-heading.color-1 { background: #2b689c; }



.activities-heading .heading { color: #fff; font-size: 22px; font-weight: 900; letter-spacing: -0.4px; line-height: 1.2; }



@media (max-width: 479px) { .activities-heading .heading { font-size: 18px; } }



.activities-wrapper { height: 424px; padding: 20px 23px; }



@media (min-width: 1824px) { .activities-wrapper { height: 475px; padding: 30px 33px; } }



@media (max-width: 767px) { .activities-wrapper { height: auto; } }



.activities-other { margin-top: 8px; }



@media (min-width: 1824px) { .activities-other { margin-top: 15px; } }



.activities-other ul li:not(:last-child) { border-bottom: 1px solid rgba(13, 123, 140, 0.2); }



.activities-other ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; padding-bottom: 10px; }



.activities-other .calendar { width: 70px; text-align: center; color: #0D7A8A; line-height: 1.1; }



.activities-other .calendar .number { font-size: 20px; font-weight: 900; letter-spacing: -0.5px; margin-bottom: 2px; }



.activities-other .calendar .month { font-size: 13px; font-weight: 800; letter-spacing: -0.5px; }



.activities-other .calendar .day { font-size: 12px; letter-spacing: -0.5px; }



.activities-other .calendar .time { font-size: 11px; margin-top: 3px; display: none; }



.activities-other .description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; padding-right: 20px; }



@media (min-width: 1824px) { .activities-other .description { padding-left: 20px; padding-right: 20px; } }



.activities-other .description .title { color: #0d7b8c; font-size: 14px; font-weight: 600; line-height: 1.4; }



@media (min-width: 1824px) { .activities-other .description .title { font-size: 16px; } }



@media (max-width: 767px) { .friends-status { margin-top: 20px; } }



.friends-status ul { margin-left: -3px; margin-right: -3px; }



.friends-status ul li { padding-left: 3px; padding-right: 3px; }



.friends-status__card { background: #fff; height: 120px; width: 145px; border-radius: 20px; text-align: center; color: #009fb3; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }



@media (max-width: 479px) { .friends-status__card { width: 135px; } }



.friends-status__card .number { font-family: "sfm-700"; font-size: 72px; letter-spacing: -1px; line-height: 0.8; }



.friends-status__card .text { font-weight: 900; line-height: 1.2; letter-spacing: -0.3px; margin-top: 5px; font-size: 14px; }



.friends-status__card .text span { font-weight: 300; letter-spacing: -0.5px; }



.personnel-list > ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; }



.personnel-list > ul > li:last-child { margin-bottom: 0; }



.personnel-list__photo { width: 40%; height: 370px; overflow: hidden; border-radius: 15px 0 0 15px; }



@media (max-width: 991px) { .personnel-list__photo { width: 100%; height: auto; border-radius: 15px 15px 0 0; } }



.personnel-list__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.personnel-list__description { width: calc(100% - 40%); background: #eff2f7; padding: 35px 40px; position: relative; border-radius: 0 15px 15px 0; }



@media (max-width: 991px) { .personnel-list__description { width: 100%; border-radius: 0 0 15px 15px; } }



@media (max-width: 479px) { .personnel-list__description { padding: 25px 25px 100px 25px; } }



@media (min-width: 480px) and (max-width: 767px) { .personnel-list__description { padding: 35px 40px 100px 40px; } }



@media (min-width: 768px) and (max-width: 991px) { .personnel-list__description { padding: 35px 40px 100px 40px; } }



.personnel-list__description > .title { color: #0794aa; font-size: 32px; letter-spacing: -1px; font-weight: 900; line-height: 1.2; }



@media (max-width: 479px) { .personnel-list__description > .title { font-size: 28px; } }



.personnel-list__description > .text { font-size: 16px; font-weight: 300; line-height: 1.6; color: #5e5e5e; margin-top: 20px; overflow-y: auto; max-height: 240px; }



.personnel-list__description .button-line { position: absolute; right: 35px; bottom: 35px; }



.accordion.no-content .accordion-header { padding-right: 25px; }



.accordion.no-content .accordion-header .icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }



.accordion.v-open .accordion-header { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }



.accordion.v-open .accordion-content { display: block; }



.accordion.title-bold .accordion-header .title { font-weight: 800; }



@media (min-width: 1200px) { .accordion.padding-h { padding-left: 70px; padding-right: 70px; } }



.accordion > ul > li { background: #fff; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 15px; margin-bottom: 15px; overflow: hidden; }



.accordion > ul > li:last-child { margin-bottom: 0; }



.accordion > ul > li.is-open, .accordion > ul > li:hover { -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); border: 1px solid transparent; }



.accordion > ul > li.is-open .accordion-header, .accordion > ul > li:hover .accordion-header { background: #f26c4f; }



.accordion > ul > li.is-open .accordion-header .title, .accordion > ul > li:hover .accordion-header .title { color: #fff; }



.accordion > ul > li.is-open .accordion-right > .icon, .accordion > ul > li:hover .accordion-right > .icon { color: #fff; }



.accordion > ul > li.is-open .accordion-right .date, .accordion > ul > li:hover .accordion-right .date { color: #fff; }



.accordion > ul > li:hover .accordion-right > .icon { -webkit-transform: scale(1.3) translateX(5px) rotate(-90deg); transform: scale(1.3) translateX(5px) rotate(-90deg); }



.accordion > ul > li.is-open .accordion-right > .icon { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }



.accordion-header { display: -webkit-box; display: -ms-flexbox; display: flex; height: 70px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 30px; padding-right: 30px; cursor: pointer; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 479px) { .accordion-header { padding-left: 17px; padding-right: 17px; } }



.accordion-header .title { color: #333; font-size: 16px; font-weight: 700; line-height: 1.2; overflow: hidden; max-height: 39px; }



.accordion-right { margin-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.accordion-right > .icon { color: #999; font-size: 16px; -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1); transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1); -webkit-transition: .3s; transition: .3s; }



.accordion-right .date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 13px; margin-right: 15px; }



.accordion-right .date .icon { font-size: 13px; color: currentColor; margin-right: 7px; }



.accordion-content { padding-left: 30px; padding-right: 30px; padding-bottom: 30px; display: none; }



.accordion-content .page-content__description, .accordion-content .page-content__gallery, .accordion-content .documents-files, .accordion-content .ordered-links, .accordion-content .ordered-list { padding-top: 30px; }



.accordion-content .page-content__gallery { margin-top: 0; }



.accordion-content > img { width: 250px; float: left; margin-right: 20px; margin-bottom: 20px; }



.alo-153 { text-align: center;     margin-left: -15px; margin-bottom: 10px; }



.alo-153 .description .title, .alo-153 .description .text { color: #fff; line-height: 1.2; }



.alo-153 .description .title { font-size: 30px; letter-spacing: -1px; margin-left: 48px; font-family: "Cerebri Sans Heavy", sans-serif; }





.alo-153 .description .text { margin-left: 44px;    font-size: 17px; }



.alo-153 .icon { color: #00ff7e; font-size: 40px; margin-left: 15px; }



.search { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 2000; background: rgba(0, 0, 0, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 10px; padding-right: 10px; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }



.search.is-visible { opacity: 1; visibility: visible; }



.search-wrapper { width: 750px; max-width: 100%; height: 90vh; max-height: 650px; background: #fff; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); border-radius: 15px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-70px); transform: translateY(-70px); -webkit-transition: .3s; transition: .3s; }



@media (max-width: 767px) { .search-wrapper { height: 85vh; } }



.search-wrapper.is-visible { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }



.search-wrapper .row { height: 100%; }



.search-wrapper .row > div { height: 100%; }



.search-header { height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 25px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; }



.search-header .heading { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0794aa; font-weight: 900; font-size: 18px; }



.search-header .heading .icon { font-size: 20px; margin-right: 20px; }



.search-header form { width: 100%; }



.search-header input { font-family: "Cerebri Sans", sans-serif; color: #333; height: 63px; width: 100%; font-size: 16px; }



.search-close { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }



.search-close .icon { color: #0794aa; font-size: 28px; }



.search-nav { background: rgba(7, 148, 170, 0.08); -webkit-box-flex: 0; -ms-flex: 0 0 260px; flex: 0 0 260px; max-width: 260px; position: relative; border-radius: 5px 0 0 5px; }



@media (max-width: 767px) { .search-nav { display: none; } }



.search-nav ul { padding-top: 15px; }



.search-nav ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 25px; color: #0794aa; font-size: 16px; font-weight: 500; -webkit-transition: .3s; transition: .3s; }



.search-nav ul li a:hover { background: #0794aa; color: #fff; }



.search-nav ul li a .icon { width: 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 24px; margin-right: 15px; opacity: .3; }



.search-nav ul li a .text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }



.search-content { width: calc(100% - 260px); }



@media (max-width: 767px) { .search-content { width: 100%; } }



.search-list { height: calc(100% - 65px); overflow-y: auto; scrollbar-color: rgba(0, 0, 0, 0.2) #fff; scrollbar-width: thin; display: block !important; }



.search-list::-webkit-scrollbar-track { background-color: #fff; }



.search-list::-webkit-scrollbar { width: 6px; }



.search-list::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); }



.search-list ul { padding: 10px 25px 10px 25px; }



.search-list ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 1; }



.search-list ul li:before { content: ""; position: absolute; z-index: -1; top: -1px; right: -15px; bottom: -1px; left: -15px; border-radius: 15px; background: rgba(7, 148, 170, 0.08); opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }



.search-list ul li:last-child { border-bottom: 0 none; }



.search-list ul li:hover:before { opacity: 1; visibility: visible; }



.search-list ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }



.search-list__photo { width: 100px; height: 80px; overflow: hidden; border-radius: 10px; padding: 5px; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); background: #fff; }



.search-list__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; }



.search-list__right { padding-left: 15px; width: calc(100% - 100px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Cerebri Sans", sans-serif; }



.search-list__right .title { color: #0794aa; font-size: 16px; font-weight: 700; line-height: 1.3; overflow: hidden; max-height: 42px; }



.search-list__right .text { font-size: 14px; color: #999; }



.modal-weather { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1003; background: rgba(0, 0, 0, 0.7); padding-left: 10px; padding-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: .4s; transition: .4s; }



.modal-weather.is-visible { opacity: 1; visibility: visible; }



.modal-weather__wrapper { max-width: 500px; width: 100%; background: #fff; min-height: 500px; border-radius: 10px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; -webkit-transition: .4s; transition: .4s; }



.modal-weather__wrapper.is-visible { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }



.modal-weather__wrapper-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 60px; border-radius: 10px 10px 0 0; padding-left: 25px; padding-right: 25px; }



.modal-weather__wrapper-header .heading { text-transform: uppercase; color: #0794aa; font-size: 16px; font-family: "Cerebri Sans Heavy", sans-serif; }



.modal-weather__wrapper-header .close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }



.modal-weather__wrapper-header .close:hover .icon { color: #5e5e5e; }



.modal-weather__wrapper-header .icon { color: rgba(94, 94, 94, 0.5); font-size: 20px; -webkit-transition: .3s; transition: .3s; }



.modal-weather__wrapper-body { background: #eff2f7; padding-top: 45px; padding-bottom: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.modal-weather__wrapper-body .status { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }



.modal-weather__wrapper-body .status .number { color: #0794aa; font-size: 120px; font-weight: 900; letter-spacing: -6px; line-height: 0.75; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }



.modal-weather__wrapper-body .status .number span { font-size: 96px; }



.modal-weather__wrapper-body .status .icon { color: rgba(7, 148, 170, 0.5); font-size: 42px; margin-left: 15px; margin-bottom: 15px; }



.modal-weather__wrapper-body .info { margin-top: 15px; }



.modal-weather__wrapper-body .info .text { font-size: 14px; color: #999; text-align: center; line-height: 1.4; }



.modal-weather__wrapper-list ul li { background: #0794aa; }



.modal-weather__wrapper-list ul li:nth-child(1) { background: #0794aa; }



.modal-weather__wrapper-list ul li:nth-child(2) { background: #06879b; }



.modal-weather__wrapper-list ul li:nth-child(3) { background: #067a8d; }



.modal-weather__wrapper-list ul li:nth-child(4) { background: #056e7e; }



.modal-weather__wrapper-list ul li:nth-child(5) { background: #05616f; }



.modal-weather__wrapper-list ul li:nth-child(6) { background: #045461; }



.modal-weather__wrapper-list ul li:nth-child(7) { background: #034752; }



.modal-weather__wrapper-list ul li:last-child { border-radius: 0 0 7px 7px; }



.modal-weather__wrapper-list .item { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 25px; padding-right: 25px; height: 60px; -webkit-transition: .3s; transition: .3s; }



@media (min-width: 768px) and (max-width: 991px) { .modal-weather__wrapper-list .item { padding-left: 25px; padding-right: 25px; } }



@media (max-width: 479px) { .modal-weather__wrapper-list .item { padding-left: 20px; padding-right: 20px; } }



.modal-weather__wrapper-list .item .day { color: #fff; font-size: 16px; font-weight: 900; text-transform: uppercase; }



.modal-weather__wrapper-list .item .right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.modal-weather__wrapper-list .item .right > .icon { margin-right: 15px; color: #fff; font-size: 28px; }



@media (min-width: 768px) and (max-width: 991px) { .modal-weather__wrapper-list .item .right > .icon { margin-right: 0; } }



@media (max-width: 479px) { .modal-weather__wrapper-list .item .right > .icon { margin-right: 0; } }



.modal-weather__wrapper-list .item .right .value { color: #fff; font-size: 16px; font-weight: 800; min-width: 100px; text-align: right; }



@media (max-width: 479px) { .modal-weather__wrapper-list .item .right .value { font-size: 13px; min-width: 85px; } }



.modal-weather__wrapper-list .item .right .value span { margin-left: 8px; margin-right: 10px; }



.modal-weather__wrapper-list .item .right .close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }



.modal-weather__wrapper-list .item .right .close .icon { font-size: 28px; color: #fff; }



.modal-person { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); z-index: 1002; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 10px; padding-right: 10px; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }



.modal-person.is-visible { opacity: 1; visibility: visible; }



.modal-person__close { position: absolute; z-index: 1; right: -20px; top: -20px; outline: 0; width: 40px; height: 40px; border-radius: 50%; background: #0794aa; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; }



@media (max-width: 767px) { .modal-person__close { right: 5px; top: 15px; } }



.modal-person__close .icon { font-size: 20px; }



.modal-person__close:hover { background: #0d7b8c; }



.modal-person__wrapper { background: #fff; border-radius: 20px; padding: 30px 0 30px 30px; max-width: 992px; width: 100%; height: 80%; position: relative; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; -webkit-transform: translateY(100px); transform: translateY(100px); will-change: transform; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 767px) { .modal-person__wrapper { padding: 25px; overflow-y: auto; scrollbar-color: rgba(0, 0, 0, 0.12) #fff; scrollbar-width: thin; }

  .modal-person__wrapper::-webkit-scrollbar-track { background-color: #fff; }

  .modal-person__wrapper::-webkit-scrollbar { width: 6px; }

  .modal-person__wrapper::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.12); } }



@media (min-width: 768px) and (max-width: 991px) { .modal-person__wrapper { max-width: 700px; } }



.modal-person__wrapper.is-visible { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }



.modal-person__wrapper > .row, .modal-person__wrapper > .row > div { height: 100%; }



@media (max-width: 767px) { .modal-person__wrapper > .row, .modal-person__wrapper > .row > div { height: auto; } }



.modal-person__photo { height: 250px; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); background: #fff; padding: 7px; }



@media (max-width: 767px) { .modal-person__photo { height: auto; } }



.modal-person__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; }



.modal-person__info { margin-top: 10px; }



.modal-person__info .title { color: #0794aa; font-size: 18px; font-weight: 800; line-height: 1.3; }



.modal-person__info .rank { color: #999; font-size: 12px; }



.modal-person__content { padding-top: 30px; }



@media (min-width: 768px) { .modal-person__content { padding-right: 30px; height: 100%; overflow-y: auto; scrollbar-color: rgba(0, 0, 0, 0.12) #fff; scrollbar-width: thin; }

  .modal-person__content::-webkit-scrollbar-track { background-color: #fff; }

  .modal-person__content::-webkit-scrollbar { width: 6px; }

  .modal-person__content::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.12); } }



.common-list ul li:not(:last-child) { margin-bottom: 30px; }



.common-list .item { -ms-flex-wrap: wrap; flex-wrap: wrap; }



.common-list__photo { overflow: hidden; height: 300px; width: 35%; background: #fff; border-radius: 10px; padding: 40px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); }



.common-list__photo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }



.common-list__description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



.common-list__description .title { color: #0794aa; font-size: 28px; font-weight: 700; letter-spacing: -1px; }



.common-list__description .text { color: #5e5e5e; font-size: 14px; font-weight: 300; margin-top: 10px; }



.list-advert.single { margin-top: 30px; }



@media (min-width: 480px) and (max-width: 767px) { .list-advert.single { margin-top: 80px; } }



.list-advert.single .list-advert__item { border: 0 none; padding: 0; }



@media (min-width: 480px) and (max-width: 767px) { .list-advert.single .list-advert__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }



.list-advert.single .list-advert__photo { height: 80px; width: 150px; padding: 0; -webkit-box-shadow: none; box-shadow: none; }



@media (min-width: 768px) and (max-width: 991px) { .list-advert.single .list-advert__right { width: 100%; margin-top: 30px; } }



@media (min-width: 480px) and (max-width: 767px) { .list-advert:not(.single) ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } }



.list-advert:not(.single) ul:hover li { -webkit-transform: scale(0.98); transform: scale(0.98); opacity: .5; }



.list-advert:not(.single) ul li { -webkit-transition: .3s; transition: .3s; }



@media (min-width: 480px) and (max-width: 767px) { .list-advert:not(.single) ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; } }



.list-advert:not(.single) ul li:hover { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }



.list-advert:not(.single) ul li:hover .list-advert__item { background: rgba(239, 242, 247, 0.3); }



.list-advert ul li { margin-bottom: 20px; }



.list-advert__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 13px; padding: 15px; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 767px) { .list-advert__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }



.list-advert__item.is-part .type { background: rgba(172, 211, 115, 0.1); color: #acd373; }



.list-advert__item .type { background: rgba(242, 108, 79, 0.1); color: #f26c4f; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 12px; font-weight: 600; padding-left: 7px; padding-right: 7px; border-radius: 5px; }



@media (min-width: 768px) and (max-width: 991px) { .list-advert__item .type { font-size: 11px; } }



.list-advert__item .date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(153, 153, 153, 0.7); font-size: 12px; }



@media (min-width: 768px) and (max-width: 991px) { .list-advert__item .date { font-size: 11px; } }



.list-advert__item .date .icon { font-size: 11px; margin-right: 5px; }



.list-advert__left { position: relative; }



@media (max-width: 767px) { .list-advert__left { width: 100%; } }



.list-advert__photo { width: 175px; height: 140px; border-radius: 10px; padding: 25px; overflow: hidden; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05); background: #fff; }



@media (max-width: 767px) { .list-advert__photo { width: 100% !important; padding: 40px; } }



@media (min-width: 768px) and (max-width: 991px) { .list-advert__photo { width: 120px; height: 90px; padding: 15px; } }



.list-advert__photo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }



.list-advert__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }



@media (min-width: 768px) { .list-advert__content { padding-left: 30px; padding-right: 75px; } }



@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) { .list-advert__content { padding-left: 20px; padding-right: 20px; } }



@media (max-width: 767px) { .list-advert__content { padding-top: 20px; } }



.list-advert__content .heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



@media (min-width: 480px) and (max-width: 767px) { .list-advert__content .heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }



.list-advert__content .heading .title { color: #333; font-size: 20px; font-weight: 600; letter-spacing: -1px; line-height: 1.3; }



@media (min-width: 768px) and (max-width: 991px) { .list-advert__content .heading .title { font-size: 16px; letter-spacing: -0.5px; } }



.list-advert__content .heading .type { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; margin-left: 20px; }



@media (min-width: 480px) and (max-width: 767px) { .list-advert__content .heading .type { margin-left: 0; margin-top: 5px; } }



@media (min-width: 768px) and (max-width: 991px) { .list-advert__content .heading .type { margin-left: 10px; } }



.list-advert__content .desc { font-size: 14px; color: #5e5e5e; font-weight: 300; line-height: 1.5; margin-top: 3px; overflow: hidden; max-height: 41px; }



@media (min-width: 768px) and (max-width: 991px) { .list-advert__content .desc { font-size: 13px; display: none; } }



.list-advert__content .info { margin-top: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; }



.list-advert__content .info .item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.list-advert__content .info .item:not(:last-child) { margin-right: 15px; }



.list-advert__content .info .item .icon { color: rgba(153, 153, 153, 0.5); font-size: 16px; }



@media (min-width: 768px) and (max-width: 991px) { .list-advert__content .info .item .icon { font-size: 14px; } }



.list-advert__content .info .item .text { color: #0794aa; font-size: 14px; margin-left: 5px; }



@media (min-width: 768px) and (max-width: 991px) { .list-advert__content .info .item .text { font-size: 12px; } }



@media (max-width: 767px) { .list-advert__right { padding-top: 30px; } }



.list-advert__right.style-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.list-advert__right.style-1 .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }



.list-advert__right.style-1 .item:not(:last-child) { margin-right: 20px; }



.list-advert__right.style-1 .item .heading { font-size: 10px; font-weight: 600; }



@media (max-width: 479px) { .shortcuts.list-button ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }



.shortcuts.list-button ul li:nth-child(1) .shortcuts-card { background: #266d54; }



.shortcuts.list-button ul li:nth-child(1) .shortcuts-card:before { background: #266d54; }



.shortcuts.list-button ul li:nth-child(2) .shortcuts-card { background: #36325d; }



.shortcuts.list-button ul li:nth-child(2) .shortcuts-card:before { background: #36325d; }



.shortcuts.list-button ul li:nth-child(3) .shortcuts-card { background: #a75303; }



.shortcuts.list-button ul li:nth-child(3) .shortcuts-card:before { background: #a75303; }



.shortcuts.list-button ul li:nth-child(4) .shortcuts-card { background: #2092d5; }



.shortcuts.list-button ul li:nth-child(4) .shortcuts-card:before { background: #2092d5; }



.shortcuts.list-button ul li:nth-child(5) .shortcuts-card { background: #fbb843; }



.shortcuts.list-button ul li:nth-child(5) .shortcuts-card:before { background: #fbb843; }



.shortcuts.list-button.v1:hover .shortcuts-card { -webkit-transform: scale(0.95); transform: scale(0.95); -webkit-filter: blur(1px); filter: blur(1px); }



.shortcuts.list-button.v1 .shortcuts-card { border-radius: 15px; }



.shortcuts.list-button.v1 .shortcuts-card:hover { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); filter: blur(0); }



.shortcuts.list-button.v1 .shortcuts-card:before { display: none; }



.shortcuts.list-button.v1 .shortcuts-card .more { display: none; }



.shortcuts.list-button.v-light ul li:nth-child(n+3) { margin-bottom: 0 !important; }



.shortcuts.list-button.v-light .shortcuts-card { background: #eff2f7 !important; }



.shortcuts.list-button.v-light .shortcuts-card a > .icon { color: #0794aa; }



.shortcuts.list-button.v-light .shortcuts-card a .title { color: #0794aa; }



.shortcuts.list-button.v-border .shortcuts-card { background: none !important; border: 1px solid rgba(255, 255, 255, 0.2); }



.shortcuts.list-button.v-border .shortcuts-card a > .icon { color: #fff; }



.shortcuts.list-button.v-border .shortcuts-card a .title { color: #fff; }



.shortcuts.list-button .shortcuts-card { height: 175px; background: #112252; position: relative; -webkit-transition: .3s; transition: .3s; }



.shortcuts.list-button .shortcuts-card:hover:before { -webkit-transform: translateY(0); transform: translateY(0); border-radius: 0 0 10px 10px; -webkit-transition: .3s; transition: .3s; }



.shortcuts.list-button .shortcuts-card:hover .more { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s .2s; transition: .3s .2s; }



.shortcuts.list-button .shortcuts-card:before { content: ""; position: absolute; z-index: -1; right: 0; bottom: -20px; left: 0; height: 20px; background: #112252; border-radius: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .3s .2s; transition: .3s .2s; }



.shortcuts.list-button .shortcuts-card a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 100%; color: #fff; padding-left: 10px; padding-right: 10px; }



.shortcuts.list-button .shortcuts-card a > .icon { font-size: 48px; }



.shortcuts.list-button .shortcuts-card .title { text-transform: uppercase; font-size: 16px; font-weight: 900; line-height: 1.3; letter-spacing: -0.5px; padding-left: 15px; padding-right: 15px; margin-top: 15px; }



.shortcuts.list-button .shortcuts-card .text { font-size: 13px; font-weight: 300; line-height: 1.3; overflow: hidden; max-height: 34px; padding-left: 3px; padding-right: 3px; margin-top: 5px; display: none; }



.shortcuts.list-button .shortcuts-card .more { position: absolute; bottom: -13px; opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: .3s; transition: .3s; }



@media (max-width: 1199px) { .shortcuts.list-button .shortcuts-card .more { display: none; } }



.shortcuts.list-button .shortcuts-card .more .icon { font-size: 24px; }



@media (max-width: 479px) { .shortcuts.list-body > .row > div:not(:last-child) { margin-bottom: 10px; } }



.shortcuts.list-body .shortcuts-card a { display: block; position: relative; overflow: hidden; border-radius: 15px; }



.shortcuts.list-body .shortcuts-card a:hover .shortcuts-cover img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }



.shortcuts.list-body .shortcuts-cover { height: 230px; overflow: hidden; }



@media (min-width: 1824px) { .shortcuts.list-body .shortcuts-cover { height: 280px; } }



@media (min-width: 768px) and (max-width: 991px) { .shortcuts.list-body .shortcuts-cover { height: 185px; } }



.shortcuts.list-body .shortcuts-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }



.shortcuts.list-body .shortcuts-body { position: absolute; right: 0; bottom: 0; left: 0; height: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; padding: 20px 15px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#49acb9)); background: linear-gradient(transparent, #49acb9); }



.shortcuts.list-body .shortcuts-body .title { line-height: 1.15; color: #fff; font-family: "Cerebri Sans Heavy", sans-serif; font-size: 24px; letter-spacing: -0.5px; }



@media (min-width: 1824px) { .shortcuts.list-body .shortcuts-body .title { font-size: 28px; } }



@media (min-width: 768px) and (max-width: 991px) { .shortcuts.list-body .shortcuts-body .title { font-size: 20px; } }



@media (min-width: 1200px) and (max-width: 1365px) { .shortcuts.list-body .shortcuts-body .title { font-size: 20px; } }



.shortcuts.list-body .shortcuts-body .title span { font-family: "Montserrat", sans-serif; font-weight: 200; }



.shortcuts.list-body .shortcuts-body .icon { position: absolute; left: 17px; bottom: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.5); border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 18px; padding-left: 3px; }



@media (min-width: 480px) and (max-width: 767px) { .shortcuts.list-body .shortcuts-body .icon { display: none; } }



@media (min-width: 768px) and (max-width: 991px) { .shortcuts.list-body .shortcuts-body .icon { display: none; } }



@media (min-width: 992px) and (max-width: 1199px) { .shortcuts.list-body .shortcuts-body .icon { display: none; } }



@media (min-width: 1200px) and (max-width: 1365px) { .shortcuts.list-body .shortcuts-body .icon { display: none; } }



.shortcuts.list-body .shortcuts-body.color-1 { background: -webkit-gradient (linear, left top, left bottom, from(transparent), to(#112252)); background: linear-gradient(transparent, #112252); }



.activities.list > ul { margin-left: -15px; margin-right: -15px; }



.activities.list > ul > li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }



.activities:not(.list-calendar):not(.v-detail) .activities-photo { width: 180px; height: 240px; }



@media (min-width: 1824px) { .activities:not(.list-calendar):not(.v-detail) .activities-photo { height: 245px; } }



@media (max-width: 479px) { .activities:not(.list-calendar):not(.v-detail) .activities-photo { width: 100%; height: auto; } }



.activities:not(.list-calendar):not(.v-detail) .activities-description { width: calc( 100% - 180px); padding-left: 15px; }



@media (min-width: 1824px) { .activities:not(.list-calendar):not(.v-detail) .activities-description { padding-left: 24px; } }



@media (max-width: 479px) { .activities:not(.list-calendar):not(.v-detail) .activities-description { width: 100%; padding-left: 0; padding-top: 20px; padding-bottom: 10px; } }



.activities:not(.list-calendar):not(.v-detail) .activities-description .title { font-size: 16px; max-height: 60px; }



@media (min-width: 1824px) { .activities:not(.list-calendar):not(.v-detail) .activities-description .title { font-size: 18px; max-height: 71px; } }



.activities-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }



.activities-photo { overflow: hidden; border-radius: 15px; }



.activities-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.activities-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



.activities-description .title { color: #0d7b8c; font-weight: 800; line-height: 1.3; overflow: hidden; letter-spacing: -0.3px; }



.activities-info { margin-top: 15px; }



.activities-info ul li { margin-bottom: 2px; }



.activities-info ul li:last-child { margin-bottom: 0; }



.activities-info ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #0d7b8c; position: relative; }



.activities-info ul li a:hover .text { background: #fff; }



.activities-info .icon, .activities-info .text { height: 35px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #dce4eb; }



.activities-info .icon { width: 35px; font-size: 13px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px 0 0 5px; }



.activities-info .text { width: calc( 100% - 35px - 1px); font-size: 13px; font-weight: 300; line-height: 1.1; margin-left: 1px; padding-left: 8px; padding-right: 8px; letter-spacing: -0.3px; border-radius: 0 5px 5px 0; -webkit-transition: .3s; transition: .3s; }



.activities.list-calendar:not(.v-detail) .activities-card__content { padding: 10px; -webkit-transition: .3s; transition: .3s; }



.activities.list-calendar:not(.v-detail) .activities-card__content:hover { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); }



.activities.list-calendar:not(.v-detail) .activities-card__content:hover .activities-description > .icon { -webkit-transform: translateX(5px) scale(1.3); transform: translateX(5px) scale(1.3); }



.activities.list-calendar:not(.v-detail) .activities-photo { width: 150px; height: 220px; }



@media (max-width: 479px) { .activities.list-calendar:not(.v-detail) .activities-photo { width: 55%; height: auto; } }



@media (min-width: 480px) and (max-width: 767px) { .activities.list-calendar:not(.v-detail) .activities-photo { width: 130px; height: 190px; } }



@media (min-width: 992px) and (max-width: 1199px) { .activities.list-calendar:not(.v-detail) .activities-photo { width: 130px; height: 190px; } }



.activities.list-calendar:not(.v-detail) .activities-description { padding-right: 50px; padding-left: 30px; position: relative; }



@media (max-width: 479px) { .activities.list-calendar:not(.v-detail) .activities-description { padding-left: 20px; padding-right: 20px; padding-top: 15px; } }



@media (min-width: 480px) and (max-width: 767px) { .activities.list-calendar:not(.v-detail) .activities-description { padding-left: 15px; padding-right: 15px; } }



@media (min-width: 768px) and (max-width: 991px) { .activities.list-calendar:not(.v-detail) .activities-description { padding-left: 20px; padding-right: 20px; padding-top: 15px; } }



@media (min-width: 992px) and (max-width: 1199px) { .activities.list-calendar:not(.v-detail) .activities-description { padding-left: 15px; padding-right: 15px; } }



.activities.list-calendar:not(.v-detail) .activities-description .title { max-height: 70px; font-size: 18px; }



.activities.list-calendar:not(.v-detail) .activities-description .text { max-height: 62px; font-size: 14px; }



.activities.list-calendar:not(.v-detail) .activities-description > .icon { position: absolute; top: 50%; right: 25px; color: #0794aa; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 1199px) { .activities.list-calendar:not(.v-detail) .activities-description > .icon { display: none; } }



.activities.list-calendar.small ul { counter-reset: dots; }



.activities.list-calendar.small ul li .activities-dot { background: #acd373; }



.activities.list-calendar.small ul li:nth-child(1) .activities-dot { background: #acd373; }



.activities.list-calendar.small ul li:nth-child(2) .activities-dot { background: #a0cd60; }



.activities.list-calendar.small ul li:nth-child(3) .activities-dot { background: #95c74c; }



.activities.list-calendar.small ul li:nth-child(4) .activities-dot { background: #89be3c; }



.activities.list-calendar.small ul li:nth-child(5) .activities-dot { background: #7baa36; }



.activities.list-calendar.small ul li:not(:last-child) { margin-bottom: 10px; }



.activities.list-calendar.small .activities-left { position: relative; }



.activities.list-calendar.small .activities-dot { counter-increment: dots; position: absolute; top: 50%; left: -25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 31px; height: 31px; border: 2px solid #fff; border-radius: 100%; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; font-weight: 900; z-index: 1; }



.activities.list-calendar.small .activities-dot:before { content: counter(dots, decimal-leading-zero) " "; }



.activities.list-calendar.small .activities-calendar { width: 75px; }



.activities.list-calendar.small .activities-calendar .number { font-size: 32px; letter-spacing: -3px; }



.activities.list-calendar.small .activities-calendar .month, .activities.list-calendar.small .activities-calendar .day { font-size: 10px; }



.activities.list-calendar.small .activities-calendar .time { font-size: 10px; margin-top: 5px; }



.activities.list-calendar.small .activities-photo { height: auto; width: 75px; border-radius: 10px; }



.activities.list-calendar.small .activities-description { padding-left: 15px; padding-right: 20px; }



.activities.list-calendar.small .activities-description .title { font-size: 14px; letter-spacing: inherit; }



.activities.list-calendar .activities-card__content { background: #fff; border-radius: 15px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); }



.activities.list-calendar .activities-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.activities.list-calendar .activities-photo { -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); }



.activities.list-calendar .activities-calendar { text-align: center; width: 120px; }



@media (max-width: 479px) { .activities.list-calendar .activities-calendar { width: 45%; } }



@media (min-width: 480px) and (max-width: 767px) { .activities.list-calendar .activities-calendar { max-width: 90px; } }



@media (min-width: 992px) and (max-width: 1199px) { .activities.list-calendar .activities-calendar { max-width: 90px; } }



.activities.list-calendar .activities-calendar > div { line-height: 1.1; }



.activities.list-calendar .activities-calendar .number { color: #333; font-size: 60px; letter-spacing: -4px; line-height: 0.8; font-weight: 900; margin-bottom: 9px; }



@media (max-width: 767px) { .activities.list-calendar .activities-calendar .number { font-size: 42px; } }



.activities.list-calendar .activities-calendar .month, .activities.list-calendar .activities-calendar .day { color: #333; font-size: 13px; text-transform: uppercase; }



@media (max-width: 479px) { .activities.list-calendar .activities-calendar .month, .activities.list-calendar .activities-calendar .day { font-size: 16px; } }



@media (min-width: 480px) and (max-width: 767px) { .activities.list-calendar .activities-calendar .month, .activities.list-calendar .activities-calendar .day { font-size: 11px; } }



@media (min-width: 992px) and (max-width: 1199px) { .activities.list-calendar .activities-calendar .month, .activities.list-calendar .activities-calendar .day { font-size: 11px; } }



.activities.list-calendar .activities-calendar .month { margin-bottom: 2px; }



.activities.list-calendar .activities-calendar .time { color: #999; font-size: 13px; margin-top: 9px; }



@media (min-width: 480px) and (max-width: 767px) { .activities.list-calendar .activities-calendar .time { font-size: 11px; } }



@media (min-width: 992px) and (max-width: 1199px) { .activities.list-calendar .activities-calendar .time { font-size: 11px; } }



.activities.list-calendar .activities-description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }



.activities.list-calendar .activities-description .text { font-weight: 300; line-height: 1.5; overflow: hidden; margin-top: 7px; color: #5e5e5e; }



.activities.v-detail { margin-top: 30px; margin-bottom: 40px; }



.activities.v-detail .activities-card__content { padding: 15px 35px; }



@media (max-width: 479px) { .activities.v-detail .activities-card__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } }



@media (max-width: 479px) { .activities.v-detail .activities-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }



.activities.v-detail .activities-calendar { width: 180px; max-width: inherit; }



@media (min-width: 480px) { .activities.v-detail .activities-calendar { margin-right: 25px; } }



.activities.v-detail .activities-calendar .number { font-size: 132px; letter-spacing: -5px; }



.activities.v-detail .activities-calendar .month, .activities.v-detail .activities-calendar .day { font-size: 18px; }



.activities.v-detail .activities-photo { height: auto; width: 215px; }



@media (max-width: 479px) { .activities.v-detail .activities-photo { margin-top: 30px; } }



.activities.v-detail .activities-description { padding-left: 40px; }



@media (max-width: 479px) { .activities.v-detail .activities-description { text-align: center; } }



@media (max-width: 1199px) { .activities.v-detail .activities-description { padding-left: 0; padding-top: 30px; } }



.activities.v-detail .activities-description .title { font-size: 28px; }



@media (min-width: 992px) { .activities.v-detail .activities-description .title { padding-right: 150px; } }



.activities.v-detail .activities-description .text { font-size: 16px; max-height: 70px; }



.activities.v-detail .activities-action { margin-top: 30px; text-align: center; }



@media (max-width: 479px) { .activities.v-detail .activities-action > div { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }



.activities.v-detail .activities-action .item { -webkit-transition: .3s; transition: .3s; }



.activities.v-detail .activities-action .item:not(:last-child) { margin-right: 40px; }



.activities.v-detail .activities-action .item:hover .icon { -webkit-transform: translateY(-12px); transform: translateY(-12px); }



.activities.v-detail .activities-action .icon { color: #fab721; font-size: 42px; -webkit-transition: .3s; transition: .3s; }



.activities.v-detail .activities-action .heading { color: #0D7A8A; font-family: "Cerebri Sans Heavy", sans-serif; font-size: 18px; line-height: 1; position: relative; z-index: 1; margin-top: -15px; }



.activities.v-detail .activities-action .label { color: #999; font-size: 13px; }



.explore.style-1 .explore-card:hover .explore-action { background: rgba(255, 255, 255, 0.2); }



.explore.style-1 .explore-cover { height: 340px; }



.explore.style-1 .explore-action { background: rgba(255, 255, 255, 0.1); }



.explore.style-1 .explore-action a { color: #fff; }



.explore:not(.style-1) .explore-card:hover .explore-action { background: #4b3600; }



.explore:not(.style-1) .explore-card:hover .explore-action a { color: #fff; }



.explore-card { display: block; position: relative; }



.explore-wrapper { overflow: hidden; border-radius: 20px; position: relative; z-index: 2; }



.explore-cover { height: 400px; overflow: hidden; }



@media (min-width: 768px) and (max-width: 991px) { .explore-cover { height: 300px; } }



@media (min-width: 480px) and (max-width: 767px) { .explore-cover { height: 300px; } }



.explore-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.explore-body { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; padding: 25px 30px 40px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }



@media (min-width: 768px) and (max-width: 991px) { .explore-body { padding: 20px; } }



@media (min-width: 480px) and (max-width: 767px) { .explore-body { padding: 20px; } }



.explore-body:before, .explore-body:after { content: ""; position: absolute; height: 75%; z-index: -1; }



.explore-body:before { top: 0; right: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(transparent)); background: linear-gradient(rgba(0, 0, 0, 0.75), transparent); }



.explore-body:after { right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.85))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.85)); }



.explore-body .title { color: #fff; text-transform: uppercase; font-weight: 900; font-size: 28px; line-height: 1.25; letter-spacing: -0.5px; }



@media (min-width: 768px) and (max-width: 991px) { .explore-body .title { font-size: 24px; } }



@media (min-width: 480px) and (max-width: 767px) { .explore-body .title { font-size: 24px; } }



.explore-list ul:hover li a { -webkit-transform: scale(0.97); transform: scale(0.97); -webkit-filter: blur(1px); filter: blur(1px); }



.explore-list ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 14px; font-weight: 300; -webkit-transition: .3s; transition: .3s; }



@media (min-width: 768px) and (max-width: 991px) { .explore-list ul li a { font-size: 12px; } }



@media (min-width: 480px) and (max-width: 767px) { .explore-list ul li a { font-size: 12px; } }



.explore-list ul li a .icon { font-size: 12px; margin-right: 10px; -webkit-transition: .3s; transition: .3s; }



@media (min-width: 768px) and (max-width: 991px) { .explore-list ul li a .icon { font-size: 10px; } }



@media (min-width: 480px) and (max-width: 767px) { .explore-list ul li a .icon { font-size: 10px; } }



.explore-list ul li a:hover { -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); filter: blur(0); }



.explore-list ul li a:hover .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); }



.explore-action { background: rgba(255, 255, 255, 0.5); margin-top: -30px; height: 80px; padding-top: 30px; border-radius: 0 0 20px 20px; -webkit-transition: .3s; transition: .3s; }



.explore-action a { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; color: #4b3600; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 800; }



.projects.list-thumbs-card a { display: block; position: relative; }



.projects.list-thumbs .photo { height: 197px; border-radius: 15px; overflow: hidden; }



@media (min-width: 992px) and (max-width: 1199px) { .projects.list-thumbs .photo { height: 145px; } }



@media (min-width: 768px) and (max-width: 991px) { .projects.list-thumbs .photo { height: 180px; } }



@media (max-width: 767px) { .projects.list-thumbs .photo { height: 140px; } }



.projects.list-thumbs .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.projects.list-thumbs .description { text-align: center; margin-top: 10px; padding-left: 15px; padding-right: 15px; }



.projects.list-thumbs .description .title { color: #5e5e5e; font-size: 14px; font-weight: 600; line-height: 1.3; overflow: hidden; max-height: 37px; }



.projects.list-single ul li { margin-bottom: 30px; }



.projects.list-single ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; }



.projects.list-single ul li a:hover .description { background: #f26c4f; }



.projects.list-single ul li a:hover .description .title { color: #fff; }



.projects.list-single ul li a:hover .description .icon { -webkit-transform: translateX(7px) scale(1.2); transform: translateX(7px) scale(1.2); color: #fff; }



.projects.list-single .photo { width: 200px; height: 200px; overflow: hidden; border-radius: 10px 0 0 10px; }



@media (max-width: 479px) { .projects.list-single .photo { width: 130px; height: 130px; } }



@media (min-width: 768px) and (max-width: 991px) { .projects.list-single .photo { width: 150px; height: 150px; } }



.projects.list-single .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.projects.list-single .description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #fff; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); border-radius: 0 10px 10px 0; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; border-left: 2px solid #fff; -webkit-transition: .3s; transition: .3s; }



.projects.list-single .description .title { color: #333; text-transform: uppercase; font-weight: 900; font-size: 24px; letter-spacing: -0.5px; line-height: 1.3; }



@media (max-width: 479px) { .projects.list-single .description .title { font-size: 18px; } }



@media (min-width: 768px) and (max-width: 991px) { .projects.list-single .description .title { font-size: 18px; } }



.projects.list-single .description .icon { position: absolute; right: 27px; bottom: 20px; color: #0794aa; font-size: 16px; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 479px) { .projects.list-single .description .icon { right: 20px; bottom: 15px; font-size: 14px; } }



.friends.list-ordered > ul:hover .friends-action .button-border { opacity: .5; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-filter: blur(1px); filter: blur(1px); }



.friends.list-ordered > ul > li { margin-bottom: 40px; }



.friends.list-ordered .friends-card a:hover .friends-action .button-border { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-filter: blur(0); filter: blur(0); }



.friends.list-ordered .friends-cover { height: 270px; }



.friends.list-small ul { counter-reset: dots; }



.friends.list-small ul li .friends-dot { background: #f26c4f; }



.friends.list-small ul li:nth-child(1) .friends-dot { background: #f26c4f; }



.friends.list-small ul li:nth-child(2) .friends-dot { background: #f05837; }



.friends.list-small ul li:nth-child(3) .friends-dot { background: #ee4420; }



.friends.list-small ul li:nth-child(4) .friends-dot { background: #e43611; }



.friends.list-small ul li:nth-child(5) .friends-dot { background: #cc310f; }



.friends.list-small ul li:not(:last-child) { margin-bottom: 20px; }



.friends.list-small ul li a:hover .friends-cover img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); opacity: 1; }



.friends.list-small .friends-cover { height: 160px; background: black; }



.friends.list-small .friends-cover img { -webkit-transition: opacity 0.3s, -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.3s, -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s; transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s, -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); opacity: .8; }



.friends.list-small .friends-dot { counter-increment: dots; position: absolute; top: 50%; left: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; border: 2px solid #fff; border-radius: 100%; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 900; z-index: 1; }



.friends.list-small .friends-dot:before { content: counter(dots, decimal-leading-zero) " "; }



.friends.list-small .friends-description { padding-top: 12px; padding-left: 20px; padding-right: 20px; }



.friends.list-small .friends-description .title { max-height: inherit; font-size: 16px; letter-spacing: 0; }



.friends.list-small .friends-description .text { margin-top: 5px; max-height: 37px; }



.friends-card a { display: block; position: relative; }



.friends-cover { border-radius: 20px; overflow: hidden; height: 300px; }



@media (min-width: 992px) and (max-width: 1199px) { .friends-cover { height: 250px; } }



.friends-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.friends-action { position: absolute; right: 10px; bottom: 0; left: 10px; height: 100%; border-radius: 20px; padding: 20px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }



.friends-action .button-border { border-radius: 13px; padding-left: 20px; padding-right: 20px; }



@media (max-width: 767px) { .friends-description { margin-top: 20px; text-align: center; } }



.friends-description .title { color: #009fb3; font-size: 24px; font-weight: 900; letter-spacing: -0.3px; line-height: 1.3; overflow: hidden; max-height: 63px; }



@media (min-width: 992px) and (max-width: 1199px) { .friends-description .title { font-size: 18px; max-height: 48px; } }



.friends-description .text { text-transform: capitalize; color: #5e5e5e; font-size: 12px; margin-top: 17px; max-height: 115px; overflow: hidden; }



.friends-info { margin-top: 15px; }



.friends-info ul li { text-align: center; }



@media (max-width: 479px) { .friends-info ul li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.333%; } }



.friends-info .icon { color: #fab721; font-size: 48px; }



@media (min-width: 992px) and (max-width: 1199px) { .friends-info .icon { font-size: 32px; } }



.friends-info .heading { color: #0D7A8A; font-family: "Cerebri Sans Heavy", sans-serif; font-size: 18px; line-height: 1; letter-spacing: -0.3px; margin-top: -17px; }



@media (min-width: 992px) and (max-width: 1199px) { .friends-info .heading { font-size: 14px; } }



.friends-info .label { color: #999; line-height: 1; font-size: 13px; margin-top: 5px; }



@media (min-width: 992px) and (max-width: 1199px) { .friends-info .label { font-size: 12px; } }



.logos-card a { border: 2px solid rgba(0, 0, 0, 0.15); display: block; position: relative; border-radius: 10px; overflow: hidden; }



.logos-card a:hover { border: 2px solid #0794aa; }



.logos-card a:hover .logos-photo { border-bottom: 1px solid rgba(7, 148, 170, 0.3); }



.logos-card a:hover .logos-photo img { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }



.logos-photo { height: 100px; padding: 20px; overflow: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }



.logos-photo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .5; -webkit-transition: .3s; transition: .3s; }



.logos-footer { padding-left: 20px; padding-right: 20px; text-align: center; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



.logos-footer .title { color: black; font-weight: 700; line-height: 1.3; font-size: 13px; overflow: hidden; max-height: 35px; }



@media (max-width: 479px) { .gallery-list ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }



@media (max-width: 767px) { .gallery.list ul { margin-left: -5px; margin-right: -5px; } }



.gallery.list ul li { margin-bottom: 20px; }



.gallery.list-large ul li { margin-bottom: 30px; }



@media (max-width: 767px) { .gallery-card { padding-left: 5px; padding-right: 5px; } }



.gallery-card a { display: block; position: relative; }



.gallery-card a:hover .gallery-photo img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); opacity: 1; }



.gallery-card a:hover .gallery-cover img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }



.gallery-card a:hover .gallery-body > .icon { -webkit-transform: translateX(7px) scale(1.2); transform: translateX(7px) scale(1.2); }



.gallery-photo { height: 120px; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); }



@media (min-width: 1824px) { .gallery-photo { height: 140px; } }



@media (max-width: 767px) { .gallery-photo { height: 90px; } }



@media (min-width: 390px) and (max-width: 479px) { .gallery-photo { height: 110px; } }



@media (min-width: 600px) and (max-width: 767px) { .gallery-photo { height: 110px; } }



.gallery-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 0.3s, -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.3s, -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s; transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s, -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }



.gallery-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 20px; border-radius: 10px; background: rgba(0, 0, 0, 0.2); }



.gallery-overlay .icon { color: #fff; font-size: 20px; }



.gallery-footer { padding-top: 10px; }



.gallery-footer .title { color: #fff; font-size: 16px; font-weight: 600; overflow: hidden; max-height: 47px; line-height: 1.4; }



@media (max-width: 767px) { .gallery-footer .title { font-size: 14px; line-height: 1.5; max-height: 41px; } }



.gallery-footer .date { font-family: "Montserrat", sans-serif; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(176, 176, 176, 0.8); font-size: 13px; margin-top: 10px; }



@media (max-width: 767px) { .gallery-footer .date { font-size: 12px; } }



.gallery-footer .date .icon { font-size: 24px; margin-right: 10px; }



.gallery.list-video .gallery-body .title:before { background: #0D7A8A; }



.gallery-cover { height: 250px; overflow: hidden; border-radius: 15px; }



.gallery-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }



.gallery-body { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; padding: 30px 40px; }



@media (max-width: 479px) { .gallery-body { padding: 25px 30px; } }



.gallery-body:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(70%, black)); background: linear-gradient(to left, transparent, black 70%); z-index: -1; border-radius: 15px; opacity: .7; }



.gallery-body .title { text-transform: uppercase; font-size: 20px; font-family: "Cerebri Sans Heavy", sans-serif; letter-spacing: -0.5px; max-width: 155px; color: #fff; line-height: 1.25; position: relative; padding-left: 20px; }



@media (max-width: 479px) { .gallery-body .title { font-size: 24px; } }



@media (min-width: 992px) and (max-width: 1199px) { .gallery-body .title { font-size: 24px; } }



.gallery-body .title:before { content: ""; position: absolute; top: 8px; bottom: 8px; left: 0; width: 5px; background: #acd373; }



.gallery-body .date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.7); font-size: 13px; padding-left: 20px; margin-top: 5px; }



.gallery-body .date .icon { margin-right: 6px; font-size: 13px; }



.gallery-body > .icon { position: absolute; right: 35px; bottom: 25px; color: #fff; font-size: 24px; -webkit-transition: .3s; transition: .3s; }



.personnel.list-single .personnel-card a { display: -webkit-box; display: -ms-flexbox; display: flex; }



@media (max-width: 767px) { .personnel.list-single .personnel-card a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }



.personnel.list-single .personnel-photo { width: 45%; height: 170px; border-radius: 10px 0 0 10px; }



@media (max-width: 479px) { .personnel.list-single .personnel-photo { height: auto; } }



@media (max-width: 767px) { .personnel.list-single .personnel-photo { border-radius: 10px 10px 0 0; width: 100%; } }



@media (min-width: 480px) and (max-width: 767px) { .personnel.list-single .personnel-photo { height: 200px; } }



.personnel.list-ordered .personnel-photo { border-radius: 10px 10px 0 0; }



.personnel ul li { margin-bottom: 30px; }



.personnel-card a:hover .personnel-photo:before { opacity: .1; }



.personnel-card a:hover .personnel-description, .personnel-card a:hover .personnel-footer { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); background: #0794aa; }



.personnel-card a:hover .personnel-description .title, .personnel-card a:hover .personnel-footer .title { color: #fff; }



.personnel-card a:hover .personnel-description .rank, .personnel-card a:hover .personnel-footer .rank { color: rgba(255, 255, 255, 0.5); }



.personnel-card a:hover .personnel-description .icon, .personnel-card a:hover .personnel-footer .icon { -webkit-transform: translateX(5px) scale(1.2); transform: translateX(5px) scale(1.2); color: #fff; }



.personnel-photo { overflow: hidden; position: relative; height: 300px; }



.personnel-photo:before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black)); background: linear-gradient(transparent, black); height: calc(100% - 5px); z-index: 1; opacity: .5; -webkit-transition: .3s; transition: .3s; }



.personnel-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.personnel-description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #fff; border-radius: 0 10px 10px 0; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); padding: 25px; position: relative; border-left: 2px solid #fff; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 767px) { .personnel-description { border-radius: 0 0 10px 10px; } }



.personnel-description .title { color: #333; text-transform: uppercase; font-weight: 900; line-height: 1.3; font-size: 18px; }



.personnel-description .rank { color: #999; margin-top: 5px; font-size: 14px; }



.personnel-description .icon { position: absolute; right: 25px; bottom: 20px; color: #0794aa; font-size: 16px; -webkit-transition: .3s; transition: .3s; }



.personnel-footer { background: #fff; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); padding: 0 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 100px; -webkit-transition: .3s; transition: .3s; }



.personnel-footer .title { color: #333; text-transform: uppercase; font-weight: 900; line-height: 1.3; font-size: 16px; }



.personnel-footer .rank { color: #999; margin-top: 5px; font-size: 14px; }



.personnel-footer .icon { position: absolute; right: 25px; bottom: 20px; color: #0794aa; font-size: 16px; -webkit-transition: .3s; transition: .3s; }



.news.list ul li { margin-bottom: 20px; }



.news.list-ordered ul li.more, .news.list-single ul li.more { padding-left: 10px; padding-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; margin-top: 15px; }



.news.list-ordered ul li.more a, .news.list-single ul li.more a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #eff2f7; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; height: 55px; width: 300px; text-transform: uppercase; color: #999; font-size: 14px; font-weight: 900; letter-spacing: .3px; -webkit-transition: .3s; transition: .3s; }



.news.list-ordered ul li.more a:hover, .news.list-single ul li.more a:hover { color: #5e5e5e; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); background: #fff; -webkit-transform: translateY(-5px); transform: translateY(-5px); }



.news.list-ordered ul li.more .icon, .news.list-single ul li.more .icon { margin-right: 12px; font-size: 16px; }



.news.list-ordered .news-card { display: block; position: relative; }



.news.list-ordered .news-card a:hover .news-photo { -webkit-transform: translateY(-10px); transform: translateY(-10px); }



.news.list-ordered .news-photo { overflow: hidden; height: 200px; border-radius: 15px; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); -webkit-transition: .3s; transition: .3s; }



@media (max-width: 767px) { .news.list-ordered .news-photo { height: auto; } }



.news.list-single ul li.more { margin-top: 50px; }



@media (min-width: 480px) and (max-width: 767px) { .news.list-single ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } }



@media (min-width: 480px) and (max-width: 767px) { .news.list-single ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; } }



.news.list-single ul li:not(:last-child) { margin-bottom: 20px; }



.news.list-single.small .news-photo { width: 110px; height: 100px; }



.news.list-single.small .news-description { padding-left: 20px; padding-right: 20px; }



@media (min-width: 768px) and (max-width: 991px) { .news.list-single.small .news-description { padding-left: 13px; padding-right: 13px; } }



.news.list-single.small .news-description .title { font-size: 16px; max-height: 41px; }



@media (min-width: 768px) and (max-width: 991px) { .news.list-single.small .news-description .title { font-size: 14px; max-height: 36px; letter-spacing: 0; } }



.news.list-single.small .news-description .date { margin-top: 3px; }



.news.list-single .news-card a { display: -webkit-box; display: -ms-flexbox; display: flex; }



@media (max-width: 767px) { .news.list-single .news-card a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }



.news.list-single .news-card a:hover .news-description { background: #203d64; }



.news.list-single .news-card a:hover .news-description .title { color: #fff; }



.news.list-single .news-card a:hover .news-description .text { color: rgba(255, 255, 255, 0.7); }



.news.list-single .news-card a:hover .news-description .date { color: rgba(255, 255, 255, 0.4); }



.news.list-single .news-card a:hover .news-description > .icon { -webkit-transform: translateY(-50%) translateX(10px) scale(1.2); transform: translateY(-50%) translateX(10px) scale(1.2); color: #fff; }



.news.list-single .news-photo { width: 290px; height: 170px; overflow: hidden; border-radius: 10px 0 0 10px; }



@media (max-width: 767px) { .news.list-single .news-photo { width: 100%; height: auto; border-radius: 10px 10px 0 0; } }



@media (min-width: 768px) and (max-width: 991px) { .news.list-single .news-photo { width: 200px; } }



.news.list-single .news-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.news.list-number ul { counter-reset: dots; }



.news.list-number ul li { position: relative; }



.news.list-number ul li .news-dot { background: #0794AA; }



.news.list-number ul li:nth-child(1) .news-dot { background: #0794AA; }



.news.list-number ul li:nth-child(2) .news-dot { background: #0794AA; }



.news.list-number ul li:nth-child(3) .news-dot { background: #0794AA; }



.news.list-number ul li:nth-child(4) .news-dot { background: #0794AA; }



.news.list-number ul li:nth-child(5) .news-dot { background: #0794AA; }



.news.list-number ul li:nth-child(6) .news-dot { background: #0794AA; }



.news.list-number ul li:nth-child(7) .news-dot { background: #0794AA; }



.news.list-number ul li:nth-child(8) .news-dot { background: #0794AA; }



.news.list-number ul li:nth-child(9) .news-dot { background: #0794AA; }



.news.list-number ul li:nth-child(10) .news-dot { background: #0794AA; }



.news.list-number .news-dot { counter-increment: dots; position: absolute; top: 50%; left: -10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 31px; height: 31px; border: 2px solid #fff; border-radius: 100%; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; font-weight: 900; z-index: 1; }



.news.list-number .news-dot:before { content: counter(dots, decimal-leading-zero) " "; }



.news-card a:hover .news-footer .border { width: 90px; }



.news-card a:hover .news-footer .sub > .icon { -webkit-transform: translateX(5px) scale(1.2); transform: translateX(5px) scale(1.2); }



.news-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.news-footer { padding: 30px 20px 0 20px; height: 315px; position: relative; }



@media (min-width: 480px) and (max-width: 767px) { .news-footer { padding: 20px 10px 0 10px; } }



.news-footer .title { color: #333; font-size: 20px; font-weight: 900; line-height: 1.3; letter-spacing: -0.5px; max-height: 52px; overflow: hidden; }



@media (min-width: 480px) and (max-width: 767px) { .news-footer .title { font-size: 18px; max-height: 47px; letter-spacing: 0; } }



.news-footer .border { width: 50px; height: 4px; background: #0794aa; margin-top: 15px; -webkit-transition: width .3s; transition: width .3s; }



.news-footer .text { color: #5e5e5e;  margin-top: 15px; font-size: 16px; font-weight: 500; line-height: 1.5; overflow: hidden; max-height: 118px; }



@media (min-width: 480px) and (max-width: 767px) { .news-footer .text { font-size: 14px; max-height: 105px; } }



.news-footer .sub { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; position: absolute; right: 20px; bottom: 0; left: 20px; }



.news-footer .sub .date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 14px; }



@media (min-width: 480px) and (max-width: 767px) { .news-footer .sub .date { font-size: 12px; } }



.news-footer .sub .date .icon { margin-right: 10px; font-size: 14px; }



@media (min-width: 480px) and (max-width: 767px) { .news-footer .sub .date .icon { font-size: 12px; } }



.news-footer .sub > .icon { color: #0794aa; font-size: 16px; margin-right: 15px; -webkit-transition: .3s; transition: .3s; }



@media (min-width: 480px) and (max-width: 767px) { .news-footer .sub > .icon { font-size: 14px; } }



.news-description { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #fff; border-radius: 0 10px 10px 0; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 35px; padding-right: 35px; position: relative; border-left: 2px solid #fff; -webkit-transition: .3s; transition: .3s; }



@media (min-width: 1200px) { .news-description { padding-right: 150px; } }



@media (max-width: 767px) { .news-description { border-radius: 0 0 10px 10px; padding: 25px 30px; } }



.news-description .title { color: #333; font-weight: 800; font-size: 20px; line-height: 1.3; letter-spacing: -0.5px; max-height: 51px; overflow: hidden; }



.news-description .text { font-size: 14px; font-weight: 500; color: #5e5e5e; overflow: hidden; max-height: 42px; line-height: 1.5; margin-top: 8px; }



.news-description .date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 13px; margin-top: 8px; }



@media (min-width: 768px) and (max-width: 991px) { .news-description .date { font-size: 12px; } }



.news-description .date .icon { margin-right: 7px; font-size: 13px; }



@media (min-width: 768px) and (max-width: 991px) { .news-description .date .icon { display: none; } }



.news-description > .icon { position: absolute; top: 50%; right: 50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #0794aa; font-size: 20px; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 1199px) { .news-description > .icon { display: none; } }



.cards:not(.color-1) .card a:hover .cards-figure { background: #0794aa; }



.cards:not(.color-1) .card a:hover .cards-figure .icon { color: #fff; }



.cards .card { margin-bottom: 30px; }



.cards .card a { padding: 7px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); display: block; position: relative; background: #fff; border-radius: 15px; -webkit-transition: .3s; transition: .3s; }



.cards .card a:hover { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); }



.cards .card a:hover .cards-photo { overflow: hidden; }



.cards .card a:hover .cards-photo img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }



.cards .card a:hover .cards-footer .sub > .icon { -webkit-transform: translateX(5px) scale(1.2); transform: translateX(5px) scale(1.2); }



.cards.no-sub .cards-footer { height: 150px; }



.cards.no-date .cards-footer .sub { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



.cards.no-date .cards-footer .sub > .icon { font-size: 16px; }



.cards.color-1 .card a:hover .cards-figure { background: #203d64; }



.cards.color-1 .card a:hover .cards-figure .icon { color: #fff; }



.cards.color-1 .cards-figure { background: rgba(121, 77, 140, 0.1); }



.cards.color-1 .cards-figure .icon { color: #203d64; }



.cards.color-1 .cards-footer .title { color: #203d64; }



.cards.v-services .card a { height: 100%; }



.cards.v-services .cards-footer { height: auto; padding-bottom: 15px; }



.cards.v-services .cards-footer .text { max-height: inherit; }



.cards-header { position: relative; }



.cards-figure { height: 150px; overflow: hidden; border-radius: 10px; background: rgba(7, 148, 170, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .3s; transition: .3s; }



.cards-figure .icon { color: #0794aa; font-size: 60px; }



.cards-photo { height: 150px; overflow: hidden; border-radius: 10px; position: relative; z-index: 1; border: 3px solid #fff; }



.cards-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }



.cards-footer { padding-left: 15px; padding-right: 15px; padding-top: 15px; height: 190px; position: relative; -webkit-transition: .3s; transition: .3s; }



.cards-footer .title { color: #0794aa; font-size: 16px; font-weight: 800; line-height: 1.4; overflow: hidden; max-height: 44px; }



.cards-footer .text { color: #5e5e5e; font-size: 13px; margin-top: 10px; overflow: hidden; max-height: 61px; }



.cards-footer .sub { position: absolute; right: -7px; bottom: -7px; left: -7px; border-radius: 0 0 15px 15px; border-top: 1px solid rgba(0, 0, 0, 0.08); height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 25px; padding-right: 25px; }



.cards-footer .sub .date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; color: #999; }



.cards-footer .sub .date .icon { font-size: 13px; margin-right: 7px; }



.cards-footer .sub > .icon { color: #0794aa; font-size: 14px; -webkit-transition: .3s; transition: .3s; }



.tourism.list ul li { margin-bottom: 30px; }



.tourism-card a { display: block; position: relative; }



.tourism-card a:hover .tourism-cover img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }



.tourism-card a:hover .tourism-body .icon { -webkit-transform: translateX(7px) scale(1.2); transform: translateX(7px) scale(1.2); }



.tourism-cover { height: 200px; overflow: hidden; border-radius: 15px; }



.tourism-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }



.tourism-body { position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; padding: 30px 40px; }



@media (max-width: 479px) { .tourism-body { padding: 20px 30px; } }



@media (min-width: 992px) and (max-width: 1199px) { .tourism-body { padding: 20px 30px; } }



.tourism-body:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(70%, black)); background: linear-gradient(to left, transparent, black 70%); z-index: -1; border-radius: 15px; opacity: .7; }



.tourism-body .title { text-transform: uppercase; font-size: 28px; font-weight: 900; letter-spacing: -0.5px; max-width: 155px; color: #fff; line-height: 1.3; }



@media (max-width: 479px) { .tourism-body .title { font-size: 24px; } }



@media (min-width: 992px) and (max-width: 1199px) { .tourism-body .title { font-size: 24px; } }



.tourism-body .icon { position: absolute; right: 35px; bottom: 25px; color: #fff; font-size: 24px; -webkit-transition: .3s; transition: .3s; }



.boxes.list ul li { margin-bottom: 30px; }



.boxes ul:hover .boxes-figure .icon { -webkit-transform: scale(0.7); transform: scale(0.7); opacity: .7; -webkit-filter: blur(1px); filter: blur(1px); }



.boxes ul li:hover .boxes-figure .icon { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-filter: blur(0); filter: blur(0); }



.boxes.color-1 .boxes-figure { background: #acd373; }



.boxes.color-2 .boxes-figure { background: #f06eaa; }



.boxes.color-3 .boxes-figure { background: #f26c4f; }



.boxes.list-article .boxes-description { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



.boxes.list-article .boxes-description .title { font-size: 16px; line-height: 1.3; overflow: hidden; max-height: 41px; }



.boxes.no-text .boxes-description .title { max-height: 105px; }



@media (max-width: 479px) { .boxes.no-text .boxes-description .title { max-height: 83px; } }



.boxes-row { display: -webkit-box; display: -ms-flexbox; display: flex; }



.boxes-figure { width: 140px; height: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 15px 0 0 15px; background: #203d64; }



@media (max-width: 479px) { .boxes-figure { width: 120px; height: 120px; } }



.boxes-figure .icon { color: #fff; font-size: 54px; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 479px) { .boxes-figure .icon { font-size: 42px; } }



.boxes-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 0 15px 15px 0; background: #fff; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); padding: 20px 25px 15px 25px; }



@media (max-width: 479px) { .boxes-description { padding: 20px 17px 15px 17px; } }



.boxes-description .title { color: #333; font-size: 18px; font-weight: 800; line-height: 1.2; }



@media (max-width: 479px) { .boxes-description .title { font-size: 14px; } }



@media (min-width: 992px) and (max-width: 1199px) { .boxes-description .title { font-size: 14px; } }



.boxes-description .text { font-size: 13px; color: #5e5e5e; line-height: 1.4; max-height: 54px; overflow: hidden; margin-top: 7px; }



@media (max-width: 479px) { .boxes-description .text { display: none; } }



.boxes-info .item:not(:last-child) { margin-bottom: 5px; }



.boxes-info .item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; color: #5e5e5e; font-size: 13px; font-weight: 600; line-height: 1.4; }



@media (max-width: 479px) { .boxes-info .item a { font-size: 12px; } }



@media (min-width: 992px) and (max-width: 1199px) { .boxes-info .item a { font-size: 12px; } }



.boxes-info .label .icon { margin-right: 10px; color: currentColor; opacity: .5; font-size: 14px; }



.boxes-info .label .icon.mirror { -webkit-transform: scaleX(-1); transform: scaleX(-1); }



.header { position: absolute; top: 0; right: 0; left: 0; z-index: 1001; }



.header-mobile__buttons { display: none; }



@media (max-width: 991px) { .header-mobile__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } }



.header-mobile__buttons button { color: #fff; font-family: inherit; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.header-mobile__buttons button .icon { font-size: 24px; }



.header-mobile__buttons button .text { font-size: 14px; font-weight: 900; letter-spacing: -1px; margin-left: 6px; }



.header-top { background-color: #00000073; height: 105px; }



.header-top > .container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.header-bottom { height: 63px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url("../img/nav-bg.png"); }



@media (max-width: 767px) { .header-bottom { margin-top: 15px; } }



.header-container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }



.header-logo { top: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url("../img/logo-bg.png"); width: 241px; height: 233px; -webkit-transition: .4s; transition: .4s; }



.header-logo.is-visible { -webkit-transform: translateX(-275%) translateY(0); transform: translateX(-275%) translateY(0); }



.header-logo.is-visible img { opacity: 1; visibility: visible; }



@media (max-width: 479px) { .header-logo { width: 120px; height: 115px; margin-left: 280px;} }



@media (min-width: 480px) and (max-width: 767px) { .header-logo { width: 180px; height: 170px; } }



.header-logo a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 76%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.header-logo h1 { margin: 0; font-size: 0; }



.header-logo img { width: 200px; opacity: 0; visibility: hidden; -webkit-transition: .3s .4s; transition: .3s .4s; }



@media (max-width: 479px) { .header-logo img { width: 90px; } }



@media (min-width: 480px) and (max-width: 767px) { .header-logo img { width: 140px; } }



.header-weather { margin-left: 50px; font-family: inherit; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; }



@media (min-width: 992px) and (max-width: 1199px) { .header-weather { margin-left: 20px; } }



.header-weather:hover .text .icon { -webkit-transform: translateX(5px); transform: translateX(5px); }



.header-weather > .icon { margin-right: 8px; font-size: 28px; }



.header-weather .text { font-weight: 900; font-size: 20px; position: relative; }



@media (max-width: 479px) { .header-weather .text { font-size: 18px; } }



.header-weather .text .icon { font-size: 14px; margin-left: -2px; -webkit-transition: .3s; transition: .3s; }



.header-contact a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 50px; border: 2px solid #585857; height: 50px; color: #fff; }



.header-contact a .icon { height: 100%; width: 65px; border-radius: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgb(180 26 16); font-size: 22px; }



.header-contact a .description { height: 100%; padding-left: 10px; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; }



.header-contact a .description .title { text-transform: uppercase; font-size: 10px; }



.header-contact a .description .text { font-size: 16px; font-weight: 900; margin-top: 3px; position: relative; }



.header-links { margin-left: 25px; }



@media (min-width: 992px) and (max-width: 1199px) { .header-links { margin-left: 15px; } }



@media (min-width: 768px) and (max-width: 991px) { .header-links { display: none !important; } }



.header-links a { color: #fff; font-size: 13px; border-radius: 20px; -webkit-transition: .3s; transition: .3s; }



@media (min-width: 992px) and (max-width: 1199px) { .header-links a { font-size: 12px; } }



.header-links a:not(:last-child) { margin-right: 15px; }



.header-links a:hover { background: #fff; color: #0794aa; padding-left: 9px; padding-right: 9px; }



.header-social a { width: 37px; height: 37px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border: 2px solid #585857; border-radius: 50%; color: #fff; font-size: 14px; -webkit-transition: .3s; transition: .3s; }



@media (min-width: 992px) and (max-width: 1199px) { .header-social a { width: 32px; height: 32px; font-size: 13px; } }



.header-social a:not(:last-child) { margin-right: 8px; }



.header-social a:hover { background: #0794aa; border: 1px solid #0794aa; }



.header-button { margin-right: 35px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: inherit; color: #fff; }



.header-button:hover .text:before { width: 100%; }



.header-button .icon { font-size: 24px; margin-right: 13px; }



.header-button .text { font-size: 16px; font-weight: 900; letter-spacing: -0.3px; position: relative; }



.header-button .text:before { content: ""; position: absolute; right: 0; bottom: -5px; left: 0; background: #fff; height: 2px; width: 0; -webkit-transition: width .3s; transition: width .3s; }



.header-overlay { position: absolute; top: 0; right: 0; left: 0; height: 0; overflow: hidden; background: #0794aa; z-index: 1000; -webkit-transition: height .45s; transition: height .45s; }



.header-overlay:before { content: ""; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-blend-mode: multiply; background-color: #000; -webkit-transform: scale(1.1); transform: scale(1.1); height: 100%; opacity: .8; -webkit-filter: blur(3px); filter: blur(3px); }



@media (max-width: 767px) { .footer { margin-bottom: 55px; } }



.footer-shortcuts { margin-top: 50px; }



@media (max-width: 991px) { .footer-shortcuts { margin-bottom: 35px; } }



.footer-shortcuts ul { margin-left: -5px; margin-right: -5px; }



.footer-shortcuts ul li { padding-left: 5px; padding-right: 5px; }



@media (max-width: 479px) { .footer-shortcuts ul li:nth-last-child(n+3) { margin-bottom: 10px; } }



@media (min-width: 480px) and (max-width: 767px) { .footer-shortcuts ul li:nth-last-child(n+4) { margin-bottom: 10px; } }



@media (min-width: 768px) and (max-width: 991px) { .footer-shortcuts ul li:nth-last-child(n+4) { margin-bottom: 10px; } }



.footer-shortcuts.list-button .shortcuts-card { height: 135px; }



.footer-shortcuts.list-button .shortcuts-card a > .icon { font-size: 32px; }



@media (min-width: 768px) and (max-width: 991px) { .footer-shortcuts.list-button .shortcuts-card a > .icon { font-size: 28px; } }



@media (min-width: 992px) and (max-width: 1199px) { .footer-shortcuts.list-button .shortcuts-card a > .icon { font-size: 28px; } }



.footer-shortcuts.list-button .shortcuts-card a .title { font-size: 14px; letter-spacing: 0; }



@media (min-width: 768px) and (max-width: 991px) { .footer-shortcuts.list-button .shortcuts-card a .title { font-size: 13px; } }



@media (min-width: 992px) and (max-width: 1199px) { .footer-shortcuts.list-button .shortcuts-card a .title { font-size: 13px; } }



.footer-top {       background-color:#272727;

 min-height: 444px; position: relative; padding-bottom: 40px; }



.footer-top:before { content: ""; position: absolute; top: 0; right: 0; left: 0; background: rgba(255, 255, 255, 0.4); height: 72px; }



.footer-heading { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 72px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 800; color: #fff; margin-bottom: 20px; }



@media (min-width: 992px) and (max-width: 1199px) { .footer-heading { font-size: 16px; } }



@media (max-width: 479px) { .footer-heading { font-size: 16px; } }



@media (max-width: 479px) { .footer-card { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }



.footer-card ul li a { display: block; color: #ffffff; font-size: 14px; font-weight: 300; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; position: relative; -webkit-transition: .3s; transition: .3s; }



.footer-card ul li a:before { content: ""; position: absolute; left: 0; width: 5px; height: 5px; border-radius: 50%; background: currentColor; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }



.footer-card ul li a:hover { color: #fff; }



.footer-contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end;  }



@media (max-width: 991px) { .footer-contact { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }



.footer-contact__numbers { width: 100%; margin-top: 10px; }



@media (min-width: 1200px) { .footer-contact__numbers { padding-left: 40px; margin-left: -170px; } }



@media (max-width: 991px) { .footer-contact__numbers { padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.15); } }



.footer-contact__numbers ul li { margin-bottom: 20px; }



.footer-contact__numbers ul li:last-child { margin-bottom: 0; }



@media (max-width: 991px) { .footer-contact__numbers ul li { text-align: center; } }



.footer-contact__numbers ul li a { display: block;     margin-right: 15px; position: relative; text-align: right; color: #ffffff; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 991px) { .footer-contact__numbers ul li a { text-align: center; } }



.footer-contact__numbers ul li a:hover { color: #fff; }



.footer-contact__numbers ul li a .title { font-weight: 300; font-size: 30px; margin-bottom: 5px; }



.footer-contact__numbers ul li a .number { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "sfm-400"; font-size: 45px; line-height: .8; }



@media (max-width: 1199px) { .footer-contact__numbers ul li a .number { font-size: 60px; } }



.footer-contact__numbers ul li a .icon { font-size: 48px; margin-right: 20px; }



@media (max-width: 1199px) { .footer-contact__numbers ul li a .icon { font-size: 42px; } }



.footer-contact__info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: right; margin-top: 20px; }



@media (min-width: 768px) and (max-width: 991px) { .footer-contact__info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }



@media (min-width: 480px) and (max-width: 767px) { .footer-contact__info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }



@media (max-width: 991px) { .footer-contact__info { text-align: center; } }



.footer-contact__info a { color: #72cfdd; font-size: 13px; font-weight: 300; display: block; padding-top: 2px; padding-bottom: 2px; -webkit-transition: .3s; transition: .3s; }



@media (min-width: 480px) and (max-width: 767px) { .footer-contact__info a { margin-left: 10px; margin-right: 10px; } }



@media (min-width: 768px) and (max-width: 991px) { .footer-contact__info a { margin-left: 10px; margin-right: 10px; } }



.footer-contact__info a:hover { color: #fff; }



.footer-contact__info a strong { font-weight: 700; }



.footer-logo { background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url("../img/logo-bg.png"); width: 241px; height: 233px; margin-right: -20px; }



@media (max-width: 991px) { .footer-logo { display: none; } }



.footer-logo a { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 91%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.footer-logo img { width: 200px; }



.footer-bottom { background: #333; padding-top: 25px; padding-bottom: 25px; }



@media (max-width: 479px) { .footer-bottom .container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }



.footer-bottom .text { color: #fff; font-size: 13px; }



.footer-bottom .design { color: #009fb3; }



.footer-nav { position: fixed; right: 0; bottom: 0; left: 0; z-index: 200; background: #fff; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); display: none; }



@media (max-width: 767px) { .footer-nav { display: block; } }



.footer-nav ul li a, .footer-nav ul li button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 55px; }



.footer-nav ul li a:not(.btn-search), .footer-nav ul li button:not(.btn-search) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #5e5e5e; font-size: 13px; font-weight: 700; line-height: 1.3; -webkit-transition: .3s; transition: .3s; }



.footer-nav ul li a:not(.btn-search):hover, .footer-nav ul li button:not(.btn-search):hover { background: #f26c4f; color: #fff; }



.footer-nav ul li a:not(.btn-search):hover .icon, .footer-nav ul li button:not(.btn-search):hover .icon { color: #fff; }



.footer-nav ul li a:not(.btn-search) .icon, .footer-nav ul li button:not(.btn-search) .icon { color: #f26c4f; font-size: 16px; margin-bottom: 3px; }



.footer-nav ul li a.btn-search, .footer-nav ul li button.btn-search { margin-top: -15px; width: 55px; height: 55px; background: #f26c4f; color: #fff; border-radius: 50%; }



.footer-nav ul li a.btn-search .icon, .footer-nav ul li button.btn-search .icon { font-size: 22px; }



.hero { position: relative; overflow: hidden; }



.hero:before, .hero:after { content: ""; position: absolute; z-index: 1; height: 400px; }



.hero:before { top: 0; right: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(53, 30, 60, 0.65)), to(transparent)); background: linear-gradient(rgba(53, 30, 60, 0.65), transparent); }



.hero:after { right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(53, 30, 60, 0.65))); background: linear-gradient(transparent, rgba(53, 30, 60, 0.65)); }



.hero-shortcuts__bg { position: absolute; z-index: 2; right: 0; bottom: -15px; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url("../img/shortcuts-bg.png"); height: 142px; }



.section.bg-1 { background: #0D7A8A; min-height: 700px; }



.section.bg-2 { background: #f0f5f9; min-height: 300px; }



.section.bg-2 > .row { padding-bottom: 60px; }



@media (max-width: 479px) { .section.bg-2 > .row { padding-bottom: 50px; } }



.section.bg-cover { position: relative; z-index: 1; }



.section.bg-cover:before { content: ""; position: absolute; z-index: -1; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; }



.section.cover-1:before { background-image: url("../img/section-bg/1920x769.png"); -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .4; }



.section.cover-1:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(255, 255, 255, 0.7))); background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.7) 40%); height: 100%; z-index: -1; }



.section.cover-1 > div { padding-top: 40px; padding-bottom: 70px; }



@media (min-width: 1824px) { .section.cover-1 > div { padding-bottom: 90px; } }



@media (max-width: 479px) { .section.cover-1 > div { padding-bottom: 50px; } }



.section.cover-2 { background-color: #ffb000; }



.section.cover-2:before { background-image: url("../img/section-bg/1920x769.png"); opacity: .15; }



.section-explore .container { padding-top: 60px; padding-bottom: 60px; }



@media (max-width: 479px) { .section-explore .container { padding-top: 50px; padding-bottom: 50px; } }



.section-logos > .container { padding-top: 70px; padding-bottom: 70px; }



@media (max-width: 479px) { .section-logos > .container { padding-top: 50px; padding-bottom: 50px; } }



@media (max-width: 1199px) { .shortcuts:not(.list-button):not(.list-body) { display: none; } }



.shortcuts.style-1 { position: absolute; right: 0; bottom: 30px; left: 0; z-index: 5; }



@media (min-width: 1200px) { .shortcuts .container { max-width: 1175px; } }



.headlinenews-carousel { padding-top: 40px; padding-bottom: 30px; position: relative; z-index: 1; }



.headlinenews-carousel:before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 70%; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.18))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.18)); }



.headlinenews-carousel .owl-item .item { -webkit-transition: .5s; transition: .5s; }



.headlinenews-carousel .owl-item:not(.active) .item { -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-filter: blur(1px); filter: blur(1px); }



@media (min-width: 1200px) { .headlinenews-carousel .container { max-width: 1100px; } }



.headlinenews-thumblist { width: 88%; }



.headlinenews-thumblist .owl-item.current .headlinenews-cover.small { background: #658712; }



.headlinenews-all { position: absolute; right: 10px; bottom: 0; width: 120px; height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #ed972c; color: #fff; line-height: 1; text-transform: uppercase; font-weight: 700; font-size: 16px; letter-spacing: -0.5px; -webkit-transition: .3s; transition: .3s; }



.headlinenews-all span { font-size: 28px; font-weight: 900; letter-spacing: -1px; }



.headlinenews-all:hover { background: rgb(18 107 16 / 80%); }



.explore-carousel { margin-top: 50px; }



.explore-heading .heading { color: #fff; font-size: 32px; font-weight: 900; line-height: 1; margin-top: -10px; }



.friends-carousel .buttons-container { position: absolute; bottom: 6px; }



@media (max-width: 479px) { .friends-carousel .buttons-container { position: relative; text-align: center; bottom: 0; margin-top: 25px; } }



.friends-carousel .buttons-container .button { z-index: 2; position: relative; }



.inner-page__header { position: relative; overflow: hidden; z-index: 1; }



.inner-page__header:before { content: ""; position: absolute; z-index: 1; height: 100%; top: 0; right: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(transparent)); background: linear-gradient(rgba(0, 0, 0, 0.6), transparent); }



.inner-page__photo { overflow: hidden; height: 220px; background: #203d64; }



@media (max-width: 479px) { .inner-page__photo { height: 175px !important; } }



.inner-page__photo.large { height: 500px; }



.inner-page__photo img { width: 100%; height: calc(100% + 50px); -o-object-fit: cover; object-fit: cover; position: absolute; opacity: .5; }



.inner-page__heading { padding-top: 268px; position: relative; z-index: 10; }



.inner-page__heading .ui-career { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 40px; }



.inner-page__heading .ui-career .inner-page__heading-search { margin-top: 0; }



@media (max-width: 479px) { .inner-page__heading { padding-top: 150px; } }



@media (min-width: 480px) and (max-width: 767px) { .inner-page__heading { padding-top: 230px; } }



.inner-page__heading.bg { background: #e58a1a; padding-bottom: 50px; }



.inner-page__heading.bg.height-1 { height: 168px; padding-top: 0; padding-bottom: 0; }



@media (max-width: 767px) { .inner-page__heading.bg.height-1 { height: 78px; } }



.inner-page__heading .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.inner-page__heading .container.ui-esnaf { text-align: center; }



@media (max-width: 767px) { .inner-page__heading .container { text-align: center; } }



.inner-page__heading .title { color: #fff; font-size: 60px; text-transform: uppercase; font-weight: 900; letter-spacing: -3px; line-height: 1; }



.inner-page__heading .title.center { text-align: center; }



.inner-page__heading .title.size-1 { font-size: 54px; }



.inner-page__heading .title.size-2 { letter-spacing: -2px; font-size: 36px; }



@media (max-width: 479px) { .inner-page__heading .title { font-size: 36px !important; letter-spacing: -1px; } }



.inner-page__heading-search { position: relative; margin-top: 40px; max-width: 550px; width: 100%; }



.inner-page__heading-search input { border: 1px solid rgba(255, 255, 255, 0.1); background: none; height: 60px; font-family: inherit; width: 100%; padding-left: 25px; padding-right: 70px; border-radius: 10px; color: #fff; }



@media (max-width: 479px) { .inner-page__heading-search input { font-size: 14px; } }



.inner-page__heading-search input:focus { border: 1px solid rgba(255, 255, 255, 0.5); }



.inner-page__heading-search input::-webkit-input-placeholder { /* Edge */ color: #fff; }



.inner-page__heading-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; }



.inner-page__heading-search input::-moz-placeholder { color: #fff; }



.inner-page__heading-search input::-ms-input-placeholder { color: #fff; }



.inner-page__heading-search input::placeholder { color: #fff; }



.inner-page__heading-search .icon { position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; pointer-events: none; font-size: 24px; }



.inner-page__buttons .ui-btn { margin-right: 10px; }



.inner-page__wrapper .ui-career { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }



.inner-page__wrapper .ui-career .head { font-size: 32px; font-weight: 800; color: #333; letter-spacing: -2px; text-transform: capitalize; }



.inner-page__boxes { width: 100%; background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding-block: 30px; padding-inline: 30px; border-radius: 11px; margin-top: 50px; margin-bottom: 50px; }



.inner-page__boxes .owl-stage-outer { margin-inline: 1px; }



.inner-page__boxes .heading { font-size: 20px; font-weight: 800; color: #203d64; letter-spacing: -1px; margin-top: -15px; margin-bottom: 15px; }



.inner-page__boxes .desc { width: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid rgba(0, 0, 0, 0.1); height: 127px; }



.inner-page__boxes .desc .text { font-size: 14px; font-weight: 800; color: #5e5e5e; line-height: 1.4; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 20px; }



.inner-page__boxes .desc .cover { width: 130px; }



.inner-page__boxes .desc .cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.inner-page__back { border: 2px solid rgba(255, 255, 255, 0.08); padding-left: 20px; padding-right: 20px; height: 45px; border-radius: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: .5px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 13px; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 767px) { .inner-page__back { display: none; } }



.inner-page__back:hover { border: 2px solid rgba(255, 255, 255, 0.2); }



.inner-page__back .icon { color: #0794aa; margin-right: 10px; font-size: 18px; }



.inner-page__back.dark { border: 2px solid rgba(0, 0, 0, 0.08); color: #999; }



.inner-page__back.dark:hover { border: 2px solid rgba(0, 0, 0, 0.2); }



.inner-page__hero { position: absolute; top: 0; right: 0; left: 0; }



.inner-page__hero:before { content: ""; position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; height: 70%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(white)); background: linear-gradient(transparent, white); }



.inner-page__hero .hero:after { display: none; }



.inner-page__hero .slide, .inner-page__hero .slide-material, .inner-page__hero .hero { height: 700px; }



@media (max-width: 479px) { .inner-page__hero .slide, .inner-page__hero .slide-material, .inner-page__hero .hero { height: 450px; } }



@media (min-width: 480px) and (max-width: 767px) { .inner-page__hero .slide, .inner-page__hero .slide-material, .inner-page__hero .hero { height: 600px; } }



.inner-page__wrapper { position: relative; z-index: 10; margin-top: 40px; margin-bottom: 70px; }



@media (max-width: 767px) { .inner-page__wrapper { margin-top: 30px; } }



.inner-page__wrapper.mt-0 { margin-top: 0; }



.inner-page__wrapper.mb-0 { margin-bottom: 0; }



.inner-page__content { min-height: 900px; height: auto; }



.inner-page__content.no-height { min-height: inherit; }



.inner-page__content.bg, .inner-page__content.bg-large { background: rgba(255, 255, 255, 0.75); border-radius: 15px; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }



.inner-page__content.bg { padding: 25px 30px; }



@media (max-width: 479px) { .inner-page__content.bg { padding: 20px 25px; } }



.inner-page__content.bg-large { padding: 45px; }



@media (max-width: 767px) { .inner-page__content.bg-large { padding: 25px; } }



.inner-page__content.is-page-nav { padding-top: 0; }



.inner-page__row { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }



@media (max-width: 767px) { .inner-page__row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }



.col-article { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding-left: 10px; padding-right: 10px; }



@media (min-width: 992px) and (max-width: 1199px) { .col-article { -webkit-box-flex: 0; -ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; } }



@media (min-width: 768px) and (max-width: 991px) { .col-article { -webkit-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%; } }



@media (max-width: 767px) { .col-article { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } }



@media (min-width: 1200px) { .col-article { padding-right: 20px; }

  .col-article.gutter-large-right { padding-right: 35px; } }



.page-content__header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; }



@media (max-width: 991px) { .page-content__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }



.page-content__header.style-1 { margin-top: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }



.page-content__header.style-1 .title { text-transform: inherit; color: #333; font-size: 36px; font-weight: 800; letter-spacing: -1px; }



@media (min-width: 1200px) { .page-content__header.style-1 .title { padding-right: 100px; } }



@media (max-width: 479px) { .page-content__header.style-1 .title { font-size: 24px; letter-spacing: -0.5px; } }



.page-content__header.style-1 .date { margin-top: 10px; }



.page-content__header.style-2 { margin-top: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }



.page-content__header.style-2 .photo { width: 175px; height: 100px; border-radius: 10px; padding: 25px; overflow: hidden; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); background: #fff; }



.page-content__header.style-2 .photo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }



.page-content__header.style-2 .desc .title { text-transform: inherit; color: #333; font-size: 28px; font-weight: 800; letter-spacing: -1.5px; }



@media (min-width: 1200px) { .page-content__header.style-2 .desc .title { padding-right: 100px; } }



@media (max-width: 479px) { .page-content__header.style-2 .desc .title { font-size: 24px; letter-spacing: -0.5px; } }



.page-content__header.style-2 .desc .location { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; }



.page-content__header.style-2 .desc .location .icon { color: rgba(153, 153, 153, 0.5); font-size: 18px; }



.page-content__header.style-2 .desc .location .text { color: #0794aa; font-size: 16px; margin-left: 10px; }



.page-content__header .title { color: #0794aa; font-size: 24px; letter-spacing: -0.5px; text-transform: uppercase; font-weight: 900; line-height: 1.3; }



.page-content__header .date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 13px; font-weight: 500; }



@media (max-width: 991px) { .page-content__header .date { margin-top: 15px; } }



.page-content__header .date .icon { margin-right: 10px; font-size: 13px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #0794aa; width: 35px; height: 35px; align-items: center; background: rgba(7, 148, 170, 0.1); border-radius: 50%; font-size: 13px; }



.page-content__heading { color: #5e5e5e; font-weight: 800; font-size: 16px; padding-bottom: 10px; text-transform: uppercase; }



.page-content__heading.small { font-size: 14px; padding-bottom: 5px; letter-spacing: 0; }



.page-content__heading.color-1 { color: #203d64; }



.page-content__heading.color-2 { color: #0794aa; }



.page-content__heading.color-3 { color: #0D7A8A; }



.page-content__photo { overflow: hidden; height: 300px; float: left; margin-right: 30px; margin-bottom: 30px; width: 50%; position: relative; border-radius: 15px; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); position: relative; padding: 8px; background: rgba(255, 255, 255, 0.3); }



@media (min-width: 768px) and (max-width: 991px) { .page-content__photo { margin-right: 0; width: 100%; } }



@media (max-width: 767px) { .page-content__photo { height: auto !important; margin-right: 0; width: 100%; margin-bottom: 30px; } }



.page-content__photo.small, .page-content__photo.small-2, .page-content__photo.large { width: 100%; float: inherit; margin-right: 0; }



.page-content__photo.small { height: 175px; margin-bottom: 0; background-color: #d8dde5;}



.page-content__photo.small-2 { height: 300px; }



.page-content__photo.large { height: 450px; }



@media (min-width: 768px) and (max-width: 991px) { .page-content__photo.large { height: 300px; } }



.page-content__photo.auto { height: auto; }



.page-content__photo img { width: 100%; height: 100%; overflow: hidden; -o-object-fit: cover; object-fit: cover; border-radius: 10px; }



.page-content__photo-body { position: absolute; right: 8px; bottom: 8px; left: 8px; height: calc(100% - 16px); background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); border-radius: 10px; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }



@media (max-width: 991px) { .page-content__photo-body { display: none; } }



.page-content__photo-body > div { width: 100%; }



.page-content__photo-body .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 10px; background: rgba(172, 211, 115, 0.8); width: 100px; height: 100px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 54px; color: #fff; }



.page-content__photo-body .title { line-height: 1.15; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 30px; text-transform: uppercase; font-size: 42px; letter-spacing: -2px; max-width: 400px; font-weight: 800; color: #fff; }



.page-content__video { position: absolute; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.9)); padding: 100px 25px 25px 25px; z-index: 1; }



.page-content__video a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }



.page-content__video .icon { background: rgba(7, 148, 170, 0.8); width: 55px; height: 55px; border-radius: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 16px; margin-right: 20px; }



.page-content__video .title { color: #fff; font-size: 20px; font-weight: 600; }



.page-content__spot { margin-bottom: 20px; font-size: 18px; color: #333; font-weight: 700; }



.page-content__spot span { color: #0794aa; }



.page-content__spot.large { font-size: 24px; font-weight: 800; }



.page-content__spot.style-1 { font-weight: 300; font-size: 22px; }



@media (max-width: 479px) { .page-content__spot.style-1 { font-size: 18px; } }



.page-content__description { color: #5e5e5e !important; font-size: 16px; font-weight: 300; line-height: 1.9; font-family: "Cerebri Sans", sans-serif !important; }



@media (min-width: 1200px) { .page-content__description.padding-h { padding-left: 150px; padding-right: 150px; } }



.page-content__description.kvkk table { margin-bottom: 30px; }



.page-content__description.center { /* text-align: center; */}



.page-content__description.size-1 { font-size: 20px; }



.page-content__description.v-list ul, .page-content__description.v-list ol { padding-left: 0; }



.page-content__description.v-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; }



.page-content__description.v-list ul li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }



.page-content__description.v-list ul.flex-2 li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }



.page-content__description.v-list ul.flex-3 li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }



.page-content__description.v-list ul li { margin-bottom: 5px; font-size: 16px; list-style: none; }



.page-content__description.v-list ul li span { background: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); padding: 20px 25px; display: block; position: relative; font-size: 16px; -webkit-transition: .3s; transition: .3s; line-height: 1.6; font-weight: 700; }



.page-content__description h3 { font-weight: 800; font-size: 24px; }



.page-content__description h5 { font-weight: 700; font-size: 14px; }



.page-content__description > p { margin-bottom: 30px; }



.page-content__description a { color: #55acef; font-weight: 600; }



.page-content__description a:hover { text-decoration: underline; }



.page-content__description strong { font-weight: 700; }



.page-content__description img { max-width: 100%; }



.page-content__description ul, .page-content__description ol { padding-left: 20px; }



.page-content__description ul li { list-style: disc; }



.page-content__description ol li { list-style: decimal; }



.page-content__description table { width: 100% !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; }



.page-content__description table tbody tr { border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; }



.page-content__description table tbody tr td, .page-content__description table tbody tr th { padding: 10px 20px !important; border-right: 1px solid rgba(0, 0, 0, 0.08) !important; line-height: 1.5; }



.page-content__description table tbody tr td:last-child, .page-content__description table tbody tr th:last-child { border-right: 0 none !important; }



.page-content__description blockquote { font-size: 24px; font-weight: 700; color: #333; line-height: 1.6; position: relative; }



@media (min-width: 1200px) { .page-content__description blockquote { padding-left: 100px; padding-right: 100px; } }



.page-content__description blockquote:before { content: ""; position: absolute; margin-left: -20px; top: 5px; bottom: 5px; background: #0794aa; width: 5px; }



.page-content__gallery { margin-top: 50px; display: inline-block; width: 100%; }



@media (max-width: 479px) { .page-content__gallery .gallery-card { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }



.page-content__news { margin-top: 40px; }



.page-content__news a { display: -webkit-box; display: -ms-flexbox; display: flex; }



@media (max-width: 479px) { .page-content__news a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }



.page-content__news a:hover .description { background: #203d64; }



.page-content__news a:hover .description .small-title { color: rgba(255, 255, 255, 0.5); }



.page-content__news a:hover .description .title { color: #fff; }



.page-content__news a:hover .description .icon { -webkit-transform: translateY(-50%) translateX(10px) scale(1.2); transform: translateY(-50%) translateX(10px) scale(1.2); color: #fff; }



.page-content__news .photo { width: 230px; height: 130px; border-radius: 10px 0 0 10px; overflow: hidden; }



@media (max-width: 479px) { .page-content__news .photo { width: 100%; border-radius: 10px 10px 0 0; height: auto; } }



@media (min-width: 480px) and (max-width: 767px) { .page-content__news .photo { width: 40%; } }



@media (min-width: 768px) and (max-width: 991px) { .page-content__news .photo { width: 40%; } }



.page-content__news .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.page-content__news .description { padding-left: 30px; padding-right: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); background: #fff; border-radius: 0 10px 10px 0; border-left: 2px solid #fff; position: relative; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 479px) { .page-content__news .description { padding: 25px 30px; border-radius: 0 0 10px 10px; } }



@media (min-width: 480px) and (max-width: 767px) { .page-content__news .description { padding-right: 30px; padding-left: 20px; } }



@media (min-width: 768px) and (max-width: 991px) { .page-content__news .description { padding-right: 30px; padding-left: 20px; } }



.page-content__news .description .small-title { color: #999; font-size: 14px; font-weight: 500; }



@media (min-width: 480px) and (max-width: 767px) { .page-content__news .description .small-title { font-size: 12px; } }



.page-content__news .description .title { color: #333; font-weight: 800; font-size: 24px; line-height: 1.3; letter-spacing: -0.5px; margin-top: 3px; }



@media (min-width: 480px) and (max-width: 767px) { .page-content__news .description .title { font-size: 18px; letter-spacing: 0; } }



@media (min-width: 768px) and (max-width: 991px) { .page-content__news .description .title { font-size: 18px; letter-spacing: 0; } }



@media (min-width: 992px) and (max-width: 1199px) { .page-content__news .description .title { font-size: 20px; } }



.page-content__news .description .icon { position: absolute; top: 50%; right: 50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #0794aa; font-size: 20px; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 991px) { .page-content__news .description .icon { display: none; } }



.page-content__other { margin-top: 30px; }



.page-content__form { background: #fff; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); border-radius: 15px; padding: 20px; position: relative; overflow: hidden; }



@media (min-width: 768px) { .page-content__form > .row > div { position: inherit; } }



.page-content__form > .row > div:first-child { position: relative; text-align: center; padding-top: 2px; padding-right: 15px; }



@media (max-width: 767px) { .page-content__form > .row > div:first-child { display: none; } }



.page-content__form .icon { color: #0794aa; font-size: 50px; }



.page-content__nav { margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }



.page-content__nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



.page-content__nav ul li:hover a, .page-content__nav ul li.is-active a { color: #0794aa; }



.page-content__nav ul li.is-active a:before { width: 100%; color: #0794aa; }



.page-content__nav ul li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-left: 20px; padding-right: 20px; height: 85px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #5e5e5e; font-size: 18px; font-weight: 800; position: relative; -webkit-transition: .3s; transition: .3s; }



.page-content__nav ul li a:before { content: ""; position: absolute; right: 0; bottom: -1.5px; left: 0; background: #0794aa; height: 3px; width: 0; margin: 0 auto; -webkit-transition: width .3s; transition: width .3s; }



.page-content__note { background: rgba(121, 77, 140, 0.1); color: #203d64; border-radius: 10px; padding: 30px; font-size: 16px; font-weight: 800; margin-bottom: 30px; letter-spacing: -0.5px; }



.page-content__link { margin-top: 40px; }



.page-content__link a { color: #203d64; font-size: 18px; font-weight: 700; letter-spacing: -0.5px; }



@media (min-width: 1200px) { .page-content__logo { padding-left: 100px; padding-right: 100px; } }



.page-content__logo .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.page-content__logo .photo { height: 250px; }



.page-content__logo .photo img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }



.col-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-left: 10px; padding-right: 10px; position: relative; z-index: 1; }



@media (min-width: 992px) and (max-width: 1199px) { .col-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 28%; flex: 0 0 28%; max-width: 28%; } }



@media (min-width: 768px) and (max-width: 991px) { .col-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%; } }



@media (max-width: 767px) { .col-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 25px; } }



.col-sidebar > div { margin-bottom: 30px; }



.col-sidebar > div:last-child { margin-bottom: 0; }



.col-sidebar__nav.ui-info ul li:not(.heading) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-inline: 30px; padding-block: 20px; }



.col-sidebar__nav.ui-info ul li .ico { font-size: 22px; color: #203d64; margin-right: 15px; }



.col-sidebar__nav.ui-info ul li .desc { line-height: 1; }



.col-sidebar__nav.ui-info ul li .desc .title { font-size: 14px; font-weight: 700; letter-spacing: -0.5px; color: #999; margin-bottom: 5px; }



.col-sidebar__nav.ui-info ul li .desc .text { font-size: 16px; color: #333; font-weight: 800; letter-spacing: -0.5px; }



.col-sidebar__nav ul { border-radius: 15px; overflow: hidden; background: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }



.col-sidebar__nav ul li:not(.heading):hover a { padding-left: 30px; background: #0794aa; color: #fff; }



.col-sidebar__nav ul li:not(.heading):hover a:after { -webkit-transform: translateY(-50%) rotate(45deg) scale(1.5); transform: translateY(-50%) rotate(45deg) scale(1.5); }



.col-sidebar__nav ul li input { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 13px; text-transform: uppercase; font-weight: 800; padding: 17px 50px 17px 25px; width: 100%; color: #5e5e5e; background: rgba(255, 255, 255, 0.4); }



.col-sidebar__nav ul li .icon { font-size: 16px; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }



.col-sidebar__nav ul li.heading a { background: #fff; color: #0794aa; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); font-size: 18px; font-weight: 900; }



.col-sidebar__nav ul li.heading a:after { display: none; }



.col-sidebar__nav ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 13px; line-height: 1.4; text-transform: uppercase; font-weight: 800; padding: 17px 50px 17px 25px; color: #5e5e5e; position: relative; -webkit-transition: .3s; transition: .3s; }



.col-sidebar__nav ul li a:after { content: ""; position: absolute; top: 50%; right: 25px; z-index: 12; width: 8px; height: 8px; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-top: 1px solid currentColor; border-right: 1px solid currentColor; opacity: .5; -webkit-transition: .3s; transition: .3s; }



.col-sidebar__mayor-header { position: relative; overflow: hidden; border-radius: 15px 15px 0 0; }



.col-sidebar__mayor-photo { overflow: hidden; height: 300px; }



@media (min-width: 768px) and (max-width: 991px) { .col-sidebar__mayor-photo { height: 200px; } }



@media (min-width: 992px) and (max-width: 1199px) { .col-sidebar__mayor-photo { height: 220px; } }



.col-sidebar__mayor-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.col-sidebar__mayor-body { position: absolute; right: 0; bottom: 0; left: 0; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(transparent)); background: linear-gradient(rgba(0, 0, 0, 0.8), transparent); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 25px 30px; }



@media (min-width: 768px) and (max-width: 991px) { .col-sidebar__mayor-body { padding: 20px 25px; } }



.col-sidebar__mayor-body .title { color: #fff; font-size: 20px; letter-spacing: -0.5px; font-weight: 900; text-transform: uppercase; line-height: 1.2; }



.col-sidebar__mayor-body .tag { color: rgba(255, 255, 255, 0.7); font-size: 13px; }



.col-sidebar__mayor-social { margin-top: 10px; }



.col-sidebar__mayor-social a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 14px; width: 30px; height: 30px; display: inline-flex; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 15px; -webkit-transition: .3s; transition: .3s; }



.col-sidebar__mayor-social a:not(:last-child) { margin-right: 10px; }



.col-sidebar__mayor-social a:hover { background: #fff; color: #5e5e5e; }



.col-sidebar__mayor-footer { background: #eff2f7; border-radius: 0 0 15px 15px; padding: 20px 25px; }



.col-sidebar__mayor-footer ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }



.col-sidebar__mayor-footer ul li { margin-right: 12px; }



.col-sidebar__mayor-footer ul li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0794aa; font-size: 13px; font-weight: 700; position: relative; padding-top: 4px; padding-bottom: 4px; -webkit-transition: .3s; transition: .3s; }



.col-sidebar__mayor-footer ul li a:before { content: ""; display: block; background: currentColor; width: 6px; height: 6px; margin-right: 8px; opacity: .3; -webkit-transform: rotate(45deg); transform: rotate(45deg); }



.col-sidebar__mayor-footer ul li a:hover { color: #0D7A8A; }



.col-sidebar__buttons .shortcuts.list-button ul li:nth-last-child(n+2) { margin-bottom: 10px; }



@media (min-width: 768px) and (max-width: 991px) { .col-sidebar__buttons .shortcuts.list-button .shortcuts-card { height: 140px; } }



@media (min-width: 992px) and (max-width: 1199px) { .col-sidebar__buttons .shortcuts.list-button .shortcuts-card { height: 140px; } }



@media (min-width: 768px) and (max-width: 991px) { .col-sidebar__buttons .shortcuts.list-button .shortcuts-card a > .icon { font-size: 32px; } }



@media (min-width: 992px) and (max-width: 1199px) { .col-sidebar__buttons .shortcuts.list-button .shortcuts-card a > .icon { font-size: 32px; } }



@media (min-width: 768px) and (max-width: 991px) { .col-sidebar__buttons .shortcuts.list-button .shortcuts-card .title { font-size: 14px; padding-left: 10px; padding-right: 10px; } }



@media (min-width: 992px) and (max-width: 1199px) { .col-sidebar__buttons .shortcuts.list-button .shortcuts-card .title { font-size: 14px; padding-left: 10px; padding-right: 10px; } }



.col-sidebar__videos ul li:not(:last-child) { margin-bottom: 20px; }



.col-sidebar__videos ul li a:hover .col-sidebar__videos-photo img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); opacity: .8; }



.col-sidebar__videos-header { position: relative; }



.col-sidebar__videos-header .date { position: absolute; right: 7px; bottom: 7px; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 11px; padding: 3px 12px; border-radius: 5px; }



.col-sidebar__videos-header .icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background: linear-gradient(45deg, rgb(7 148 170) 0, rgb(7 148 170) 100%); width: 64px; height: 64px; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 28px; }



.col-sidebar__videos-photo { overflow: hidden; height: 175px; border-radius: 15px; background: black; }



.col-sidebar__videos-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: .5; -webkit-transition: opacity 0.3s, -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.3s, -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s; transition: transform 1s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s, -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1); }



.col-sidebar__videos-footer { padding-top: 10px; padding-left: 15px; padding-right: 15px; }



.col-sidebar__videos-footer .title { color: #333; font-size: 18px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.3; }



@media (max-width: 991px) { .col-sidebar__categories { margin-top: 20px; } }



@media (min-width: 480px) and (max-width: 767px) { .col-sidebar__categories { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } }



.col-sidebar__category { background: #fff; padding: 20px 25px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); border-radius: 10px; }



.col-sidebar__category:not(:last-child) { margin-bottom: 20px; }



@media (min-width: 480px) and (max-width: 767px) { .col-sidebar__category { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; } }



.col-sidebar__category .heading { color: #0794aa; font-size: 16px; font-weight: 900; }



.col-sidebar__category ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }



.col-sidebar__category ul li:last-child { border-bottom: 0 none; }



.col-sidebar__category ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; color: #5e5e5e; font-size: 14px; font-weight: 300; padding-top: 8px; padding-bottom: 8px; -webkit-transition: .2s; transition: .2s; position: relative; z-index: 1; }



.col-sidebar__category ul li a:before { content: ""; position: absolute; z-index: -1; top: -1px; right: -25px; bottom: -1px; left: -25px; background: #eff2f7; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }



.col-sidebar__category ul li a:hover:before { opacity: 1; visibility: visible; }



.col-sidebar__contact { margin-bottom: 30px; }



.col-sidebar__contact-buttons:hover .btn { opacity: .6; -webkit-transform: scale(0.98); transform: scale(0.98); }



.col-sidebar__contact-buttons .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; padding: 8px; font-family: inherit; text-align: left; width: 100%; -webkit-transition: .3s; transition: .3s; will-change: transform, opacity; }



.col-sidebar__contact-buttons .btn:not(:last-child) { margin-bottom: 10px; }



.col-sidebar__contact-buttons .btn:hover { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }



.col-sidebar__contact-buttons .btn .icon { width: 55px; height: 55px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 22px; background: #fff; color: #f26c4f; border-radius: 5px; }



.col-sidebar__contact-buttons .btn .desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 15px; line-height: 1.2; }



.col-sidebar__contact-buttons .btn .desc .heading { font-size: 12px; font-weight: 600; }



.col-sidebar__contact-buttons .btn .desc .text { font-size: 18px; font-weight: 800; margin-top: 3px; letter-spacing: -0.5px; }



.col-sidebar__contact-buttons .btn:not(._border) { background: #f26c4f; }



.col-sidebar__contact-buttons .btn:not(._border) .desc { color: #fff; }



.col-sidebar__contact-buttons .btn._wp { background: #25d366; }



.col-sidebar__contact-buttons .btn._wp .icon { color: #25d366; }



.col-sidebar__contact-buttons .btn._border { border: 2px solid rgba(153, 153, 153, 0.15); }



.col-sidebar__contact-buttons .btn._border .icon { background: #eff2f7; color: #999; }



.col-sidebar__contact-buttons .btn._border .desc { color: #999; }



@media (max-width: 767px) { .breadcrumb { display: none; } }



.breadcrumb.light ul li a { color: #fff; }



.breadcrumb.bg { background: #eff2f7; border-radius: 10px; padding: 20px 25px; margin-top: 40px; }



.breadcrumb ul li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }



.breadcrumb ul li a { font-size: 12px; color: #5e5e5e; display: inline-block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; letter-spacing: .5px; text-transform: uppercase; max-width: 600px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: .3s; transition: .3s; }



@media (min-width: 768px) and (max-width: 991px) { .breadcrumb ul li a { max-width: 400px; } }



.breadcrumb ul li a:after { content: ""; display: inline-block; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 8px; margin-right: 13px; position: relative; top: -1px; }



.breadcrumb ul li a:hover { text-decoration: underline; }



.breadcrumb ul li a .icon { font-size: 13px; }



.breadcrumb ul li:last-child a:after { display: none; }



.contact-address ul li { position: relative; }



@media (max-width: 479px) { .contact-address ul li { margin-bottom: 40px; }

  .contact-address ul li:last-child { margin-bottom: 0; } }



@media (min-width: 480px) and (max-width: 767px) { .contact-address ul li { margin-bottom: 40px; }

  .contact-address ul li:nth-last-child(-n+2) { margin-bottom: 0; } }



.contact-address .icon { margin-right: 0; background: #e58a1a; border-radius: 5px; width: 40px; height: 40px; position: absolute; top: 16px; right: 20px; right: 25px; top: -16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 18px; }



.contact-address__info { background: #eff2f7; border-radius: 10px; padding-left: 25px; padding-right: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100px; }



.contact-address__info .title { text-transform: uppercase; color: #333; font-size: 16px; font-weight: 800; }



.contact-address__info .text { color: #999; font-size: 13px; padding-top: 5px; line-height: 1.4; padding: 1px 0; }



.contact-address__cards .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



@media (max-width: 767px) { .contact-address__cards .row > div { margin-bottom: 20px; }

  .contact-address__cards .row > div:last-child { margin-bottom: 0; } }



.contact-address__wrapper { background: #eff2f7; padding: 20px; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 350px; }



.contact-address__wrapper > .icon { width: 80px; height: 80px; border-radius: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 32px; color: #203d64; background: #fff; }



.contact-address__summary .title { color: #333; font-size: 18px; font-weight: 800; margin-top: 20px; margin-bottom: 15px; }



.contact-address__summary .address { font-size: 14px; margin-bottom: 20px; color: #999; }



.contact-address__summary .text { font-size: 14px; font-weight: 600; color: #5e5e5e; display: block; padding: 1px 0; }



.contact-form__summary { padding-top: 40px; }



.contact-social__content { background-image: url("../img/slide/1.jpg"); background-blend-mode: multiply; background-color: #e58a1a; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 181px; border-radius: 10px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



.contact-social__content a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 48px; border-radius: 10px; width: 80px; height: 80px; margin-top: 10px; margin-bottom: 10px; border: 1px solid transparent; -webkit-transition: .3s; transition: .3s; }



@media (max-width: 479px) { .contact-social__content a { font-size: 32px; width: 60px; height: 60px; } }



.contact-social__content a:hover { border: 1px solid #fff; }



.contact-map { background: #fff; padding: 40px 20px 15px 20px; border-radius: 10px; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); }



.contact-map iframe { height: 500px; width: 100%; border-radius: 10px; }



@media (max-width: 767px) { .contact-map iframe { height: 300px; } }



.mayor { -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); margin-bottom: 70px; }



@media (max-width: 991px) { .mayor > .row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }



.mayor-photo { overflow: hidden; height: 585px; }



@media (max-width: 991px) { .mayor-photo { height: auto; } }



.mayor-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.mayor-wrapper { float: right; max-width: 640px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }



@media (min-width: 992px) and (max-width: 1199px) { .mayor-wrapper { max-width: 490px; } }



@media (max-width: 991px) { .mayor-wrapper { margin: 0 auto; float: inherit; padding: 30px 10px; } }



@media (min-width: 480px) and (max-width: 767px) { .mayor-wrapper { max-width: 600px; } }



@media (max-width: 479px) { .mayor-wrapper { max-width: 390px; } }



@media (max-width: 991px) { .mayor-content { text-align: center; } }



.mayor-content .title { color: #333; font-size: 60px; letter-spacing: -4px; font-weight: 900; text-transform: uppercase; line-height: 1; }



@media (min-width: 992px) and (max-width: 1199px) { .mayor-content .title { font-size: 48px; letter-spacing: -1px; } }



@media (min-width: 480px) and (max-width: 767px) { .mayor-content .title { font-size: 48px; letter-spacing: -1px; } }



@media (max-width: 479px) { .mayor-content .title { font-size: 36px; letter-spacing: -1px; } }



.mayor-content .rank { color: #999; font-weight: 300; font-size: 18px; line-height: 1.2; letter-spacing: 3px; margin-top: 5px; text-transform: uppercase; }



@media (min-width: 992px) and (max-width: 1199px) { .mayor-content .rank { font-size: 24px; letter-spacing: 1.5px; } }



@media (min-width: 480px) and (max-width: 767px) { .mayor-content .rank { font-size: 24px; letter-spacing: 1.5px; } }



@media (max-width: 479px) { .mayor-content .rank { font-size: 16px; letter-spacing: 1.5px; } }



.mayor-links { margin-top: 30px; }



@media (max-width: 479px) { .mayor-links ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } }



.mayor-links ul li a { background: #fff; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); position: relative; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-transform: uppercase; font-size: 16px; letter-spacing: -0.5px; line-height: 1.3; color: #999; font-weight: 700; padding-left: 20px; padding-right: 20px; }



.mayor-links ul li a:hover { color: #0794aa; }



@media (min-width: 768px) and (max-width: 991px) { .mayor-social { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }



@media (max-width: 767px) { .mayor-social { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }



.mayor-social .page-content__heading { padding-bottom: 0; }



.mayor-social__links { margin-left: 30px; }



@media (max-width: 767px) { .mayor-social__links { margin-left: 0; margin-top: 5px; } }



.mayor-social__links a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 45px; height: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 2px solid rgba(0, 0, 0, 0.1); color: #5e5e5e; border-radius: 5px; -webkit-transition: .3s; transition: .3s; }



.mayor-social__links a:not(:last-child) { margin-right: 8px; }



.mayor-social__links a:hover { background: #0794aa; color: #fff; }



.person-profile { margin-bottom: 30px; position: relative; }



@media (max-width: 991px) { .person-profile { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }



.person-left { position: relative; margin-left: 40px; }



@media (max-width: 991px) { .person-left { margin-left: 0; } }



.person-photo { margin-top: -40px; width: 170px; -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; height: 200px; background: #fff; padding: 8px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); border-radius: 10px; }



.person-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 7px; }



.person-info { padding-left: 25px; padding-top: 25px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }



@media (max-width: 991px) { .person-info { padding-left: 0; width: 100%; } }



.person-info .name { font-weight: 800; color: #5e5e5e; font-size: 18px; line-height: 1.3; }



.person-info .rank { color: #999; font-size: 13px; margin-bottom: 15px; }



.person-info__contact .text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 15px; color: #0794aa; font-size: 14px; position: relative; outline: 0; -webkit-transition: .3s; transition: .3s; }



.person-info__contact .text:last-child { margin-right: 0; }



.person-info__contact .text:hover { color: #0D7A8A; }



.person-info__contact .icon { margin-right: 10px; font-size: 14px; opacity: .4; }



.person-button { background: #cc6aa4; height: 30px; border-radius: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: inherit; color: #fff; font-weight: 700; font-size: 14px; position: absolute; right: 0; bottom: 13px; left: 0; margin: 0 auto; width: 120px; font-size: 12px; font-weight: 700; -webkit-transition: .3s; transition: .3s; }



.person-button:hover { background: #0D7A8A; }



.person-button .icon { margin-right: 10px; font-size: 12px; }



.video-detail__wrapper { background: #0d7b8c; min-height: 600px; padding-top: calc( 168px + 60px); padding-bottom: 80px; }



@media (max-width: 767px) { .video-detail__wrapper { padding-top: 120px; } }



.video-detail__header { margin-top: 20px; margin-bottom: 20px; }



.video-detail__header .title { color: #fff; font-size: 42px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.2; }



@media (max-width: 479px) { .video-detail__header .title { font-size: 32px; } }



@media (max-width: 991px) { .video-detail__player { -ms-flex-preferred-size: inherit; flex-basis: inherit; } }



.video-detail__player iframe { width: 100%; height: 550px; border-radius: 20px 0 0 20px; }



@media (max-width: 767px) { .video-detail__player iframe { height: auto; } }



@media (min-width: 768px) and (max-width: 991px) { .video-detail__player iframe { height: 400px; } }



@media (max-width: 991px) { .video-detail__player iframe { border-radius: 10px 10px 0 0; } }



.video-detail__other-videos { -webkit-box-flex: 0; -ms-flex: 0 0 28%; flex: 0 0 28%; width: 28%; }



@media (max-width: 991px) { .video-detail__other-videos { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } }



.video-detail__other-videos .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #0794aa; height: 65px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px; padding-right: 20px; color: #fff; font-size: 18px; font-weight: 800; }



.video-detail__other-videos .heading .all-videos { text-transform: capitalize; font-size: 13px; color: #fff; opacity: .7; font-weight: 400; }



.video-detail__other-videos .heading .all-videos:hover { text-decoration: underline; }



.video-detail__list { height: calc(550px - 65px); border-bottom: 2px solid rgba(255, 255, 255, 0.07); overflow-y: auto; scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.1); scrollbar-width: thin; }



.video-detail__list::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.1); }



.video-detail__list::-webkit-scrollbar { width: 6px; }



.video-detail__list::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.5); }



@media (min-width: 768px) and (max-width: 991px) { .video-detail__list { height: 340px; } }



.video-detail__list li { padding-top: 11px; padding-bottom: 11px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); -webkit-transition: .3s; transition: .3s; }



.video-detail__list li:last-child { border-bottom: 0 none; }



.video-detail__list li:hover { background: rgba(0, 0, 0, 0.15); }



.video-detail__list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }



.video-detail__list .video-left { width: 125px; height: 75px; position: relative; margin-left: 10px; margin-right: 10px; padding-left: 0; padding-right: 0; border-radius: 10px; overflow: hidden; }



.video-detail__list .video-left img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.video-detail__list .video-left .icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 32px; }



.video-detail__list .video-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 5px; padding-right: 20px; }



.video-detail__list .video-right .title { color: #fff; font-size: 16px; font-weight: 700; line-height: 1.3; overflow: hidden; max-height: 63px; }



.personnel-detail { margin-top: 30px; }



.personnel-cover { overflow: hidden; border-radius: 15px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px rgba(0, 0, 0, 0.1); padding: 10px; height: 500px; }



@media (max-width: 767px) { .personnel-cover { height: auto; } }



.personnel-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; overflow: hidden; border-radius: 10px; }



.personnel-summary { padding-top: 50px; }



@media (min-width: 1200px) { .personnel-summary { padding-left: 20px; } }



.personnel-summary .title { font-size: 32px; font-weight: 900; letter-spacing: -0.5px; color: #203d64; margin-bottom: 30px; line-height: 1.2; }



.personnel-field { margin-bottom: 13px; }



.personnel-field:last-child { margin-bottom: 0; }



.personnel-field .text, .personnel-field .detail { font-size: 18px; }



.personnel-field .text { float: left; color: #333; font-weight: 700; margin-right: 7px; }



.personnel-field .detail { color: #5e5e5e; -webkit-transition: .3s; transition: .3s; font-weight: 300; }



.personnel-field a:hover { color: #0794aa; }



.personnel-social { margin-top: 40px; }



.personnel-social a { color: #333; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 20px; -webkit-transition: .3s; transition: .3s; }



.personnel-social a:hover { color: #203d64; }



.personnel-social a:last-child { margin-right: 0; }



.personnel-social a .icon { font-size: 20px; }



.tourism-detail { margin-top: 30px; }



.tourism-detail__cover { height: 450px; overflow: hidden; border-radius: 10px 0 0 10px; }



@media (max-width: 767px) { .tourism-detail__cover { height: auto; border-radius: 10px 10px 0 0; } }



@media (min-width: 768px) and (max-width: 991px) { .tourism-detail__cover { height: 350px; } }



.tourism-detail__cover.is-active img { -webkit-transform: scale3d(1.35, 1.35, 1.35); transform: scale3d(1.35, 1.35, 1.35); -webkit-filter: blur(2px); filter: blur(2px); }



.tourism-detail__cover a { display: block; position: relative; height: 100%; }



.tourism-detail__cover a:hover img { -webkit-transform: scale3d(1.15, 1.15, 1.15); transform: scale3d(1.15, 1.15, 1.15); }



.tourism-detail__cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-filter 0.3s; transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-filter 0.3s; transition: transform 1s cubic-bezier(0, 0, 0.2, 1), filter 0.3s; transition: transform 1s cubic-bezier(0, 0, 0.2, 1), filter 0.3s, -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-filter 0.3s; }



.tourism-detail__description { height: 100%; border-radius: 0 10px 10px 0; background: #fff; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); padding: 30px 35px; }



@media (max-width: 479px) { .tourism-detail__description { padding: 20px 25px; } }



@media (max-width: 767px) { .tourism-detail__description { border-radius: 0 0 10px 10px; } }



@media (min-width: 768px) and (max-width: 991px) { .tourism-detail__description { padding: 20px 25px; } }



.tourism-detail__description .title { color: #333; font-weight: 800; font-size: 28px; letter-spacing: -0.5px; line-height: 1.3; }



@media (min-width: 768px) and (max-width: 991px) { .tourism-detail__description .title { font-size: 20px; } }



.tourism-detail__description .text { font-size: 14px; line-height: 1.3; margin-top: 5px; }



.tourism-detail__action { margin-top: 25px; }



@media (min-width: 768px) and (max-width: 991px) { .tourism-detail__action { margin-top: 18px; } }



.tourism-detail__action ul li:not(:last-child) { margin-bottom: 7px; }



.tourism-detail__action ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #eff2f7; border-radius: 10px; padding: 7px; -webkit-transition: .3s; transition: .3s; }



.tourism-detail__action ul li a:hover { background: #68407b; }



.tourism-detail__action ul li a:hover .label { color: #fff; }



.tourism-detail__action ul li a:hover .label .icon { -webkit-transform: translateY(-50%) translateX(5px) scale(1.2); transform: translateY(-50%) translateX(5px) scale(1.2); color: #fff; }



.tourism-detail__action ul li a > .icon { height: 50px; width: 60px; background: #203d64; border-radius: 7px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 24px; }



@media (min-width: 768px) and (max-width: 991px) { .tourism-detail__action ul li a > .icon { height: 40px; width: 50px; font-size: 20px; } }



.tourism-detail__action .label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px; color: #333; font-size: 16px; font-weight: 700; line-height: 1.3; position: relative; }



@media (min-width: 768px) and (max-width: 991px) { .tourism-detail__action .label { font-size: 14px; padding-left: 15px; } }



.tourism-detail__action .label .icon { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #203d64; font-size: 14px; -webkit-transition: .3s; transition: .3s; }



.friends-detail { margin-top: 30px; margin-bottom: 50px; }



.friends-detail__cover { height: 400px; overflow: hidden; border-radius: 20px; }



@media (max-width: 767px) { .friends-detail__cover { height: auto; } }



.friends-detail__cover a { display: block; position: relative; height: 100%; }



.friends-detail__cover a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



@media (max-width: 991px) { .friends-detail__description { margin-top: 20px; } }



.friends-detail__description .title { color: #009fb3; font-size: 32px; font-weight: 900; letter-spacing: -0.3px; line-height: 1.3; overflow: hidden; overflow: 83px; }



.friends-detail__description .text { text-transform: capitalize; color: #5e5e5e; font-size: 14px; font-weight: 300; margin-top: 25px; max-height: 87px; overflow: hidden; }



.friends-detail__description .button-border { margin-top: 25px; }



.friends-detail__info { margin-top: 25px; }



.friends-detail__info ul li { text-align: center; }



@media (max-width: 479px) { .friends-detail__info ul li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } }



.friends-detail__info .icon { color: #fab721; font-size: 60px; }



.friends-detail__info .heading { color: #0D7A8A; font-family: "Cerebri Sans Heavy", sans-serif; font-size: 24px; line-height: 1; letter-spacing: -0.5px; margin-top: -20px; }



.friends-detail__info .label { color: #999; line-height: 1; font-size: 16px; margin-top: 5px; }



.detail-advert .list-advert ul li { border-bottom: 1px solid rgba(94, 94, 94, 0.08); padding-bottom: 40px; margin-bottom: 40px; }



.detail-advert__other { margin-top: 50px; }



.career-heading { margin-bottom: 30px; position: relative; }



.career-heading::before { content: ""; position: absolute; background-color: #fff; top: -25px; left: -30px; right: -30px; height: 60px; border-radius: 15px 15px 0 0; z-index: -1; -webkit-box-shadow: 0 10px 20px rgba(51, 51, 51, 0.1); box-shadow: 0 10px 20px rgba(51, 51, 51, 0.1); }



.career-heading ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



.career-heading ul li .title { font-size: 18px; font-weight: 800; letter-spacing: -0.5px; color: #203d64; }



.career-buttons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; }



.career-buttons .ui-btn { margin-right: 15px; }



.career-wrapper { -webkit-transition: .4s; transition: .4s; }



.career-wrapper:hover a { opacity: .6; -webkit-transform: scale(0.98); transform: scale(0.98); }



.career-wrapper a { display: block; -webkit-transition: .4s; transition: .4s; background-color: #fff; width: 100%; border-radius: 8px; overflow: hidden; }



.career-wrapper a:not(:last-child) { margin-bottom: 20px; }



.career-wrapper a:hover { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }



.career-wrapper a:nth-child(even) { background-color: rgba(238, 238, 238, 0.4) !important; }



.career-wrapper ul { padding-inline: 20px; padding-block: 40px; }



.career-wrapper ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.career-wrapper__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.career-wrapper__left .cover { width: 100px; }



.career-wrapper__left .cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }



.career-wrapper__left .desc { padding-left: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }



.career-wrapper__left .desc .title { font-size: 18px; font-weight: 800; color: #333; letter-spacing: -0.5px; line-height: 1.4; }



.career-wrapper__left .desc .text { font-size: 13px; color: #999; line-height: 1.4; margin-top: 5px; margin-right: 15px; }



.career-wrapper__left .desc .text .icon { font-size: 13px; margin-right: 5px; color: #0D7A8A; }



.career-wrapper__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }



.career-wrapper__right .time { background-color: rgba(121, 77, 140, 0.06); border: 1px solid #203d64; color: #203d64; font-size: 13px; font-weight: 600; padding: 5px 12px; border-radius: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 10px; }



.career-wrapper__right .time.ui-style { background-color: rgba(7, 148, 170, 0.06); border: 1px solid #0794aa; color: #0794aa; }



.career-wrapper__date { font-size: 13px; font-weight: 500; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.career-wrapper__date .icon { font-size: 14px; margin-right: 5px; }



.career-wrapper.ui-detail { margin-bottom: 30px; }



.career-wrapper.ui-detail ul { background-color: #fff; border-radius: 8px; }



.no-scroll { overflow: hidden; }



.no-scroll-y { overflow-y: hidden; }



.no-scroll-x { overflow-x: hidden; }



.pos-relative { position: relative; }



.pos-inherit { position: inherit; }



.pos-sticky { position: sticky; top: 20px; }



.text-center { text-align: center; }



.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }



.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }



.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }



.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }



.align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }



.align-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }



.align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }



.align-between { -webkit-box-align: space-between; -ms-flex-align: space-between; align-items: space-between; }



.z-index { position: relative; z-index: 9; }



.hidden { display: none; }



@media (max-width: 479px) { .xs-hidden { display: none; } }



@media (max-width: 767px) { .sm-hidden { display: none; } }



@media (max-width: 991px) { .md-hidden { display: none; } }



.pv-5px { margin-top: 5px; margin-bottom: 5px; }



.pv-10px { margin-top: 10px; margin-bottom: 10px; }



.pv-20px { margin-top: 20px; margin-bottom: 20px; }



.pv-30px { margin-top: 30px; margin-bottom: 30px; }



.pv-40px { margin-top: 40px; margin-bottom: 40px; }



.pv-50px { margin-top: 50px; margin-bottom: 50px; }



.pv-60px { margin-top: 60px; margin-bottom: 60px; }



.pv-70px { margin-top: 70px; margin-bottom: 70px; }



.pv-80px { margin-top: 80px; margin-bottom: 80px; }



.pv-90px { margin-top: 90px; margin-bottom: 90px; }



.pv-100px { margin-top: 100px; margin-bottom: 100px; }



.py-0 { padding-top: 0; padding-bottom: 0; }



.pt-0 { padding-top: 0; }



.pb-0 { padding-bottom: 0; }



.pt-5px { padding-top: 5px; }



.pt-10px { padding-top: 10px; }



.pt-20px { padding-top: 20px; }



.pt-30px { padding-top: 30px; }



.pt-40px { padding-top: 40px; }



.pt-50px { padding-top: 50px; }



.pt-60px { padding-top: 60px; }



.pt-70px { padding-top: 70px; }



.pt-80px { padding-top: 80px; }



.pt-90px { padding-top: 90px; }



.pt-100px { padding-top: 100px; }



.pb-5px { padding-bottom: 5px; }



.pb-10px { padding-bottom: 10px; }



.pb-20px { padding-bottom: 20px; }



.pb-30px { padding-bottom: 30px; }



.pb-40px { padding-bottom: 40px; }



.pb-50px { padding-bottom: 50px; }



.pb-60px { padding-bottom: 60px; }



.pb-70px { padding-bottom: 70px; }



.pb-80px { padding-bottom: 80px; }



.pb-90px { padding-bottom: 90px; }



.pb-100px { padding-bottom: 100px; }



.mv-5px { margin-top: 5px; margin-bottom: 5px; }



.mv-10px { margin-top: 10px; margin-bottom: 10px; }



.mv-20px { margin-top: 20px; margin-bottom: 20px; }



.mv-30px { margin-top: 30px; margin-bottom: 30px; }



.mv-40px { margin-top: 40px; margin-bottom: 40px; }



.mv-50px { margin-top: 50px; margin-bottom: 50px; }



.mv-60px { margin-top: 60px; margin-bottom: 60px; }



.mv-70px { margin-top: 70px; margin-bottom: 70px; }



.mv-80px { margin-top: 80px; margin-bottom: 80px; }



.mv-90px { margin-top: 90px; margin-bottom: 90px; }



.mv-100px { margin-top: 100px; margin-bottom: 100px; }



.my-0 { margin-top: 0; margin-bottom: 0; }



.mt-0 { margin-top: 0 !important; }



.mb-0 { margin-bottom: 0 !important; }



.ml-0 { margin-left: 0 !important; }



.mr-0 { margin-right: 0 !important; }



.mt-5px { margin-top: 5px; }



.mt-10px { margin-top: 10px; }



.mt-20px { margin-top: 20px; }



.mt-30px { margin-top: 30px; }



.mt-40px { margin-top: 40px; }



.mt-50px { margin-top: 50px; }



.mt-60px { margin-top: 60px; }



.mt-70px { margin-top: 70px; }



.mt-80px { margin-top: 80px; }



.mt-90px { margin-top: 90px; }



.mt-100px { margin-top: 100px; }



.mb-5px { margin-bottom: 5px; }



.mb-10px { margin-bottom: 10px; }



.mb-20px { margin-bottom: 20px; }



.mb-30px { margin-bottom: 30px; }



.mb-40px { margin-bottom: 40px; }



.mb-50px { margin-bottom: 50px; }



.mb-60px { margin-bottom: 60px; }



.mb-70px { margin-bottom: 70px; }



.mb-80px { margin-bottom: 80px; }



.mb-90px { margin-bottom: 90px; }



.mb-100px { margin-bottom: 100px; }



.modal-warning { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 1005; padding-left: 10px; padding-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }



.modal-warning._failed .icon { color: #d83734; }



.modal-warning__content { background: #fff; padding: 50px 40px; max-width: 400px; width: 100%; border-radius: 13px; }



.modal-warning__content .icon { color: #55b250; font-size: 60px; }



.modal-warning__content .title { color: #333; font-size: 18px; font-weight: 800; margin-top: 25px; }



.modal-warning__content .text { font-size: 16px; color: #49525b; font-size: 14px; margin-top: 10px; }



.modal-warning__content .btn { margin-top: 30px; }