/*-----------------------------------------------------------------------------------

    Theme Name: Nerox - Agency & Portfolio Template
    Author: Theme Pure
    Support: basictheme@gmail.com
    Description: Nerox - Agency & Portfolio Template
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

    01. THEME DEFAULT CSS
    02. HEADER CSS
    03. MEANMENU CSS
    04. HERO CSS
    05. ABOUT CSS
    06. BLOG CSS
    07. SERVICES CSS
    08. VIDEO CSS
    09. PROJECT CSS
    10. TESTIMONIAL CSS
    11. BRAND CSS
    12. CTA CSS
    13. SLIDER CSS
    14. FACT CSS
    15. TEAM CSS
    16. EVENT CSS
    17. CONTACT CSS
    18. PRICING CSS
    19. FAQ CSS
    20. PRIVACY CSS
    21. JOB CSS
    22. SHOP CSS
    23. CART CSS
    24. FOOTER CSS
    25. DARK LIGHT CSS



**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Forte:wght@300;400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap");
:root {
    /**
  @font family declaration
  */
    --tp-ff-body: 'Roboto', sans-serif;
    --tp-ff-heading: 'Roboto', sans-serif;
    --tp-ff-p: 'Roboto', sans-serif;
    --tp-ff-fontawesome: "Font Awesome 6 Pro";
    --swiper-navigation-size: 32px; /* --swiper-navigation-color: var(--swiper-theme-color); */
    /**
  @color declaration
  */
    --tp-common-white: #ffffff;
    --tp-common-black: #000000;
    --tp-common-black-soft: #181818;
    --tp-common-black-2: #141515;
    --tp-heading-primary: #141515;
    --tp-grey-1: #ECEFF4;
    --tp-grey-2: #F7F7F9;
    --tp-grey-3: #A4A6AA;
    --tp-grey-4: #C4C4C4;
    --tp-grey-5: #A0A2A4;
    --tp-purpule-1: #7644FF;
    --tp-purpule-2: #A584FF;
    --tp-blue-1: #1C99FE;
    --tp-text-body: #777B83;
    --tp-text-1: #777B83;
    --tp-theme-1: #425ba6;
    --tp-border-1: #E7E9EE;
    --tp-border-2: #D9DDE8;
    --tp-border-3: #313333;
    --tp-border-4: #2C2F2F;
    /**
  @font weight declaration
  */
    --tp-fw-normal: normal;
    --tp-fw-elight: 200;
    --tp-fw-light: 300;
    --tp-fw-regular: 400;
    --tp-fw-medium: 500;
    --tp-fw-sbold: 600;
    --tp-fw-bold: 700;
    --tp-fw-ebold: 800;
    --tp-fw-black: 900;
    /**
  @font size declaration
  */
    --tp-fz-body: 14px;
    --tp-fz-p: 14px;
    --tp-fz-h1: 40px;
    --tp-fz-h2: 36px;
    --tp-fz-h3: 24px;
    --tp-fz-h4: 20px;
    --tp-fz-h5: 16px;
    --tp-fz-h6: 14px;
}
.br {
    border-right: 1px solid #e9e8e8;
}
.bl {
    border-left: 1px solid #e9e8e8;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*---------------------------------
    typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: var(--tp-fz-body);
  font-weight: normal;
  color: var(--tp-text-body);
  line-height: 26px;
}

body:not(.modal-open) {
  padding-right: 0px !important;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: var(--tp-heading-primary);
  margin-top: 0px;
  font-weight: var(--tp-fw-bold);
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  font-size: var(--tp-fz-h1);
}

h2 {
  font-size: var(--tp-fz-h2);
}

h3 {
  font-size: var(--tp-fz-h3);
}

h4 {
  font-size: var(--tp-fz-h4);
}

h5 {
  font-size: var(--tp-fz-h5);
}

h6 {
  font-size: var(--tp-fz-h6);
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-family: var(--tp-ff-p);
  font-size: 16px;
  font-weight: var(--tp-fw-normal);
  color: var(--tp-text-body);
  margin-bottom: 15px;
  line-height: 28px;
}

a,
.btn,
button,
span,
p,
i,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {

}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

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

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
  border: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}

*::placeholder {
  color: var(--tp-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}
::-webkit-scrollbar {
    width: 10px;
    background-color: aliceblue;
    border-left: 1px solid #ccc;
}

::-webkit-scrollbar-thumb {
    background-color: #425ba6;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #1e4a71;
    }
/*---------------------------------
    common classes css start 
---------------------------------*/
.w-img img {
  width: 100%;
}

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

.img, img {
  max-width: 100%;
  transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.z-index-1 {
  z-index: 1;
}

.z-index-11 {
  z-index: 11;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

.b-radius {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: #000000;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.body-overlay:hover {
  cursor: pointer;
}

.body-overlay.opened {
  opacity: 0.6;
  visibility: visible;
}
.banner-area {
    padding: 15px 0 0 240px;
}
.banner-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 22.29%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
.banner-bg {
    padding: 100px 115px;
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 10px 0 0 10px;
    z-index: 0;
    min-height: 708px;
    display: flex;
    align-items: center;
}
    .banner-bg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 17.52%, rgba(0, 0, 0, 0) 100.54%);
        border-radius: 10px 0px 0px 10px;
        z-index: -1;
    }
.banner-content {
    width: 48%;
    flex: 0 0 auto;
}
    .banner-content .title {
        font-size: 56px;
        margin-bottom: 30px;
        color: #fff;
    }
    .banner-content p {
        font-size: 20px;
        margin-bottom: 45px;
        color: #fff;
        font-weight: 400;
        font-family: var(--tg-heading-font-family);
    }
.banner-tooltip-wrap {
    position: relative;
    width: 52%;
    flex: 0 0 auto;
    min-height: 440px;
}
.tooltip-item {
    position: absolute;
}
    .tooltip-item:nth-child(1) {
        top: 0;
        right: 60%;
    }
    .tooltip-item:nth-child(2) {
        right: 18%;
        bottom: 40%;
    }
    .tooltip-item:nth-child(3) {
        left: 15%;
        bottom: 14%;
    }
.tooltip-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background: var(--tg-primary-color);
    color: var(--tg-white);
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}
.pulse::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    background: var(--tg-primary-color);
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-border 1500ms ease-out infinite;
    opacity: .5;
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.tooltip-item.top .tooltip-content {
    bottom: auto;
    top: 75px;
}
.tooltip-content {
    width: 315px;
    background: var(--tg-white);
    padding: 20px 25px;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 75px;
    opacity: 0;
    visibility: hidden;
    transition: .3s linear;
}
.tooltip-item.top .tooltip-content::before {
    bottom: auto;
    top: -18px;
    transform: translateX(-50%) rotate(180deg);
}
    .tooltip-content::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -18px;
        border-style: solid;
        border-width: 18px 17px 0px 17px;
        border-color: #fff transparent transparent;
    }
.tooltip-content .title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}
.tooltip-content p {
    margin-bottom: 0;
}
.brand-area {
    background: var(--tg-gray);
    z-index: -1;
    padding: 46.5px 0;
}
.brand-inner {
    margin-left: 85px;
}
/*----------------------------------------
    Progress Wrap
-----------------------------------------*/
@media (max-width: 575px) {
  .progress-wrap {
    right: 15px;
    bottom: 15px;
  }
}

.basic-pagination ul li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.basic-pagination ul li:last-child {
  margin-right: 0;
}
    .basic-pagination ul li a, .basic-pagination ul li span {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 39px;
        text-align: center;
        border: 2px solid #f1f1f1;
        font-size: 14px;
        font-weight: 500;
    }
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {
  background: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}

@media (min-width: 1700px) {
  .custom-container {
    max-width: 1750px;
  }
}

@media (min-width: 1700px) {
  .custom-container-4 {
    max-width: 1680px;
  }
}

@media (min-width: 1600px) {
  .custom-container-3 {
    max-width: 1590px;
  }
}

/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: var(--tp-grey-1);
}

.grey-bg-2 {
  background: var(--tp-grey-2);
}

.white-bg {
  background: var(--tp-common-white);
}

.black-bg {
  background: var(--tp-heading-primary);
}

.black-bg-dark {
  background: var(--tp-common-black);
}

.black-bg-2 {
  background: var(--tp-common-black-2);
}

/*--
    - Spacing
-----------------------------------------*/
.mb-22 {
  margin-bottom: 22px;
}

.pt-215 {
  padding-top: 215px;
}

.pt-290 {
  padding-top: 290px;
}

.box-plr-85 {
  padding-left: 85px;
  padding-right: 85px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .box-plr-85 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .box-plr-85 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .box-plr-85 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .box-plr-85 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.box-plr-90 {
  padding-left: 90px;
  padding-right: 90px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .box-plr-90 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .box-plr-90 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .box-plr-90 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .box-plr-90 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.box-plr-155 {
  padding-left: 155px;
  padding-right: 155px;
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
  .box-plr-155 {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .box-plr-155 {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .box-plr-155 {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .box-plr-155 {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .box-plr-155 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .box-plr-155 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.widget-M {
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    border-radius:15px;
}
    .widget-M .widget_title-M {
        display: flex;
        padding: 20px 20px 0;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
    }
        .widget-M .widget_title-M b {
            color: var(--tp-theme-1);
            font-size: 18px;
        }
    .widget-M .widget_inner-M {
        position: relative;
        padding: 20px 20px 20px;
    }
    .widget-M .widget_title-M a {
        color: var(--tp-theme-1);
        font-size: 14px;
    }
/* pulse btn */
.pulse-btn {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: var(--tp-common-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: var(--tp-common-black);
  animation: pulse 2s infinite;
}
.pulse-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.pulse-btn i {
  padding-left: 2px;
}

/* hambur btn */
.hamurger-btn {
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  background: transparent;
  border: 0;
  outline: 0;
}
.hamurger-btn span {
  display: inline-block;
  width: 100%;
  background: var(--tp-common-black);
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  opacity: 1;
  left: 0;
  z-index: 1;
}
.hamurger-btn span:nth-child(1) {
  top: 0;
}
.hamurger-btn span:nth-child(2) {
  top: 10px;
}
.hamurger-btn span:nth-child(3) {
  top: 20px;
}

.tp-solid-btn {
  color: var(--tp-common-white);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 13px 34px;
  border-radius: 500px;
  display: inline-block;
  font-weight: var(--tp-fw-bold);
  transition: all 0.4s ease-in-out;
  background: var(--tp-theme-1);
  border: 2px solid transparent;
  text-align: center;
}
.tp-solid-btn:hover {
  background: transparent;
  color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}

.tp-border-btn {
    color: #1e4a71;
    font-size: 14px;
    /* text-transform: uppercase; */
    letter-spacing: 2px;
    padding: 8px 60px;
    border-radius: 13px;
    display: inline-block;
    font-weight: var(--tp-fw-bold);
    transition: all 0.4s ease-in-out;
    background: transparent;
    border: 1px solid #1e4a71;
}
.tp-border-btn:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

.tp-grd-btn {
  padding: 15px 54px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% 100%;
  color: var(--tp-common-white);
  font-size: 14px;
  font-weight: var(--tp-fw-sbold);
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 30px;
  display: inline-block;
  background-image: linear-gradient(260.16deg, #1C99FE 9.94%, #7644FF 54.82%, #FD4766 95.56%);
}
.tp-grd-btn:hover {
  background-position: 100% 50%;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.tp-white-btn {
  color: var(--tp-common-white);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 13px 34px;
  border-radius: 500px;
  display: inline-block;
  font-weight: var(--tp-fw-bold);
  transition: all 0.4s ease-in-out;
  background: transparent;
  border: 1px solid #C0C3CC;
}
.tp-white-btn:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

.tpbs-btn {
  color: var(--tp-heading-primary);
  font-size: 14px;
  font-weight: var(--tp-fw-bold);
  text-transform: uppercase;
}
.tpbs-btn i {
  margin-left: 8px;
}
.tpbs-btn:hover {
  color: var(--tp-theme-1);
}

.tpbs-btn-2 {
  color: var(--tp-heading-primary);
  font-size: 14px;
  font-weight: var(--tp-fw-bold);
  text-transform: uppercase;
  letter-spacing: 2px;
}
.tpbs-btn-2 i {
  margin-left: 8px;
  color: var(--tp-theme-1);
}
.tpbs-btn-2:hover {
  color: var(--tp-theme-1);
}

.tpcr-btn {
  color: var(--tp-heading-primary);
  font-size: 22px;
  font-weight: var(--tp-fw-bold);
  text-transform: uppercase;
  letter-spacing: 2px;
}
.tpcr-btn i {
  margin-left: 8px;
  color: var(--tp-theme-1);
}
.tpcr-btn:hover {
  color: var(--tp-theme-1);
}

.tp-ts-btn {
  font-size: 14px;
  font-weight: var(--tp-fw-bold);
  text-transform: uppercase;
  display: inline-block;
  color: var(--tp-theme-1);
  letter-spacing: 1px;
}
.tp-ts-btn i {
  margin-left: 10px;
}
.tp-ts-btn:hover {
  color: var(--tp-heading-primary);
}

.tp-solid-btn-square {
    color: var(--tp-common-white);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 17px;
    display: inline-block;
    font-weight: var(--tp-fw-bold);
    transition: all 0.4s ease-in-out;
    background: #1553a4;
    border: 2px solid transparent;
    text-align: center;
}
.tp-solid-btn-square:hover {
  background: transparent;
  color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}

.tp-sqbtn-border {
    color: #1553a4;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 17px;
    display: inline-block;
    font-weight: var(--tp-fw-bold);
    transition: all 0.4s ease-in-out;
    border: 2px solid #1553a4;
    text-align: center;
}
.tp-sqbtn-border:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

.tp-sqbtn-active {
  color: var(--tp-common-white);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 16px 25px;
  display: inline-block;
  font-weight: var(--tp-fw-bold);
  transition: all 0.4s ease-in-out;
  border: 2px solid var(--tp-theme-1);
  text-align: center;
  background: var(--tp-theme-1);
}
.tp-sqbtn-active:hover {
  border-color: var(--tp-theme-1);
  background: none;
  color: var(--tp-heading-primary);
}

.tp-sqbtn-border-2 {
  color: var(--tp-heading-primary);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 13px 25px;
  display: inline-block;
  font-weight: var(--tp-fw-bold);
  transition: all 0.4s ease-in-out;
  border: 2px solid var(--tp-border-1);
  text-align: center;
}
.tp-sqbtn-border-2:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

.tp-sqbtn-active-2 {
  color: var(--tp-common-white);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 13px 25px;
  display: inline-block;
  font-weight: var(--tp-fw-bold);
  transition: all 0.4s ease-in-out;
  border: 2px solid var(--tp-theme-1);
  text-align: center;
  background: var(--tp-theme-1);
}
.tp-sqbtn-active-2:hover {
  border-color: var(--tp-theme-1);
  background: none;
  color: var(--tp-heading-primary);
}

/* custome carousel nav dot css */
.tp-arrow-style button.slick-arrow {
  background: var(--tp-common-white);
  height: 60px;
  width: 60px;
  line-height: 58px;
  font-size: 18px;
  color: var(--tp-common-black-2);
  border-radius: 50%;
  border: none;
  outline: none;
  border: 1px solid #ECEFF4;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  margin: 0px;
  vertical-align: middle;
  transition: all 0.3s ease-out 0s;
  position: absolute;
  left: -100px;
  transition: 0.3s;
  z-index: 1;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-arrow-style button.slick-arrow {
    left: -35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-arrow-style button.slick-arrow {
    left: -25px;
  }
}
.tp-arrow-style button.slick-arrow:hover {
  background: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.tp-arrow-style button.slick-arrow.tp-slick-next {
  left: auto;
  right: -100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-arrow-style button.slick-arrow.tp-slick-next {
    right: -35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-arrow-style button.slick-arrow.tp-slick-next {
    right: -25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-arrow-style button.slick-arrow {
    display: none !important;
  }
}

.tp-dot-style .slick-dots {
  text-align: center;
  list-style: none;
}
.tp-dot-style .slick-dots li {
  display: inline-block;
}

.tp-dot-style .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
.tp-dot-style .slick-dots li {
  margin: 0 0.25rem;
}
.tp-dot-style .slick-dots button {
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  border: none;
  border-radius: 100%;
  background-color: #CFCFCF;
  text-indent: -9999px;
}
.tp-dot-style .slick-dots li.slick-active button {
  background-color: var(--tp-heading-primary);
  position: relative;
  transform: scale(2);
  box-shadow: inset 0 0 0 1px var(--tp-common-black-2);
  background-color: transparent;
}

.tpbs-area.tp-dot-style.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  bottom: 50px;
}

.trfrn-arrow-style {
  font-size: 50px;
  color: #B9B9B9;
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 1;
  text-align: center;
  margin: 0px;
  vertical-align: middle;
  transition: all 0.3s ease-out 0s;
}
.trfrn-arrow-style:hover {
  color: var(--tp-heading-primary);
}

.tpfrn-arrow-wrap {
  text-align: right;
}

.tp-slick-prev.trfrn-arrow-style {
  left: -35px;
  position: relative;
}

.tpfrn-ts-slider-active .slick-list {
  margin: 0 -70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tpfrn-ts-slider-active .slick-list {
    margin: 0 -40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpfrn-ts-slider-active .slick-list {
    margin: 0 -25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpfrn-ts-slider-active .slick-list {
    margin: 0 -15px;
  }
}
@media (max-width: 575px) {
  .tpfrn-ts-slider-active .slick-list {
    margin: 0 -10px;
  }
}
.tpfrn-ts-slider-active .slick-slide {
  padding-left: 100px;
  padding-right: 100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tpfrn-ts-slider-active .slick-slide {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpfrn-ts-slider-active .slick-slide {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpfrn-ts-slider-active .slick-slide {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tpfrn-ts-slider-active .slick-slide {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.tpfrn-ts-slider-active .slick-list {
  margin-left: -100px;
  margin-right: -100px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tpfrn-ts-slider-active .slick-list {
    margin-left: -50px;
    margin-right: -50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpfrn-ts-slider-active .slick-list {
    margin-left: -70px;
    margin-right: -70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpfrn-ts-slider-active .slick-list {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tpfrn-ts-slider-active .slick-list {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (max-width: 575px) {
  .trfrn-arrow-display, .trfrn-arrow-display2 {
    display: none;
  }
}

/* 14. ========= search-modal ========== */
#search-modal {
  background: rgba(0, 0, 0, 0.65);
}
#search-modal button span {
  color: #fff;
  top: 50px;
  right: 50px;
  position: absolute;
  font-size: 50px;
  transition: 0.3s;
}
#search-modal button span:hover {
  transform: rotate(90deg);
  color: #FD4766;
}
#search-modal .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: none;
  outline: 0;
}
#search-modal .modal-dialog .modal-content {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
#search-modal .modal-dialog .modal-content form {
  max-width: 555px;
  position: relative;
}
#search-modal .modal-dialog .modal-content form input {
  width: 100%;
  font-size: 36px;
  border: none;
  border-bottom: 3px solid rgba(255, 255, 255, 0.938);
  background: 0 0;
  color: #fff;
  padding-bottom: 12px;
  padding-right: 40px;
  outline: none;
  transition: 0.3s;
}
#search-modal .modal-dialog .modal-content form input:focus {
  border-color: #FD4766;
}
#search-modal .modal-dialog .modal-content form input::-webkit-input-placeholder {
  font-size: 35px;
  color: rgba(255, 255, 255, 0.938);
}
#search-modal .modal-dialog .modal-content form input:-ms-input-placeholder {
  font-size: 35px;
  color: rgba(255, 255, 255, 0.938);
}
#search-modal .modal-dialog .modal-content form input::-ms-input-placeholder {
  font-size: 35px;
  color: rgba(255, 255, 255, 0.938);
}
#search-modal .modal-dialog .modal-content form input::placeholder {
  font-size: 35px;
  color: rgba(255, 255, 255, 0.938);
}
#search-modal .modal-dialog .modal-content form button {
  position: absolute;
  right: 0;
  margin-bottom: 3px;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.938);
  background: 0 0;
  border: none;
  cursor: pointer;
  top: 11px;
  transition: 0.3s;
}
#search-modal .modal-dialog .modal-content form button:hover {
  color: #FD4766;
}

.sidebar__area {
    position: fixed;
    right: -485px;
    top: 0;
    width: 465px;
    height: 100%;
    background: #1e4a71 none repeat scroll 0 0;
    overflow-y: scroll;
    -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    z-index: 999;
    transition: all 0.5s ease-out;
}
@media (max-width: 575px) {
  .sidebar__area {
    width: 290px;
  }
}
.sidebar__area.sidebar-opened {
  right: 0px;
}
.sidebar__wrapper {
  position: relative;
  padding: 45px;
}
@media (max-width: 575px) {
  .sidebar__wrapper {
    padding: 20px;
  }
}
.sidebar__close {
  position: absolute;
  top: 48px;
  right: 45px;
}
@media (max-width: 575px) {
  .sidebar__close {
    top: 22px;
    right: 20px;
  }
}
.sidebar__close-btn {
  display: inline-block;
  font-size: 16px;
  height: 45px;
  width: 45px;
  line-height: 49px;
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-radius: 50%;

}
.sidebar__close-btn:hover {
  background: var(--tp-theme-1);
}
.sidebar__logo {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--tp-border-1);
}
.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  background: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--tp-border-1);
  font-size: 14px;
}
.sidebar__search input::placeholder {
  color: var(--tp-text-body);
}
.sidebar__search input:focus {
  border-color: var(--tp-theme-1);
}
.sidebar__search button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: var(--tp-text-body);
}
.sidebar__search button:hover {
  color: var(--tp-theme-1);
}
.sidebar__text p {
  margin-bottom: 25px;
}
.sidebar__contact h4 {
  font-size: 22px;
  margin-bottom: 20px;
  color: white
}
.sidebar__contact ul li:not(:last-child) {
  margin-bottom: 20px;
}
.sidebar__contact ul li:hover i {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}
.sidebar__contact ul li:hover a {
  color: var(--tp-theme-1);
}
.sidebar__contact-icon i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid var(--tp-border-1);
  color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
.sidebar__contact-text a {
  font-size: 15px;
  font-weight: 400;
  color:#fff;
}
.sidebar__map iframe {
  width: 100%;
  height: 200px;
  border: none;
}
.sidebar__social{
  display: inline-flex;
}
    .sidebar__social .sosy {
        display: inline-grid;
        
    }
.sidebar__social .sosy:not(:last-child) {
  margin-right: 5px;
}
.sidebar__social .sosy a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: var(--tp-grey-1);
  color: var(--tp-theme-1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.side-haber {
    position: absolute;
    right: 28px;
    min-height: 500px;
    top: calc(50% - 160px);
    width: 300px;
}
/*.header__bottom_menu_old {
    right: 0;
    margin-right: 7%;
    margin-top: -2%;
    position: absolute;
    align-items: center;
    justify-content: space-between;
    display: flex;
    z-index: 4;
}
.header__bottom_menu {
    left: 0;
    right: 0;
    padding-left: 500px;
    padding-right: 163px;
    margin-right: 6%;
    margin-top: 1.5%;
    position: absolute;
    align-items: center;
    justify-content: space-between;
    display: flex;
    z-index: 4;
}
    .header__bottom_menu .item {
        display: flex;
        margin-right: 8px;
        border-radius: 16px;
        width: 8.5rem;
        position: relative;
        background: #fff;
        box-shadow: 0 2px 13px 0 #22222230;
        justify-content: center;
        align-items: center;
    }
    .header__bottom_menu .item a {
        display: block;
        text-align: center;
        padding: 5px 0px 0px 0px;
        color: #727272;
        letter-spacing: -0.5px;
        font-size: 13px;
        transition: all 0.2s ease-out;
        height: 5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
}
        .header__bottom_menu .item a .img {
            margin-bottom: 5px;
            transition: all 0.2s ease-out;
            width: 35%;
        }
        .header__bottom_menu .item a i {
            font-size: x-large;
            color: #dc3545;
        }
        .header__bottom_menu .item a .tit {
            font-weight: 600;
            font-size: 11px;
            color: #dc3545;
        }*/
.bg__butt {
    margin-left: 40%;
    margin-top: -2%;
    position: absolute;
}

    .bg__butt ul li {
        display: inline-block;
    }

        .bg__butt ul li a {
            display: inline-block;
            width: 220px;
            height: 55px;
            line-height: 55px;
            text-align: center;
            background: #fff;
            font-size: 19px;
            font-weight: 500;
            color: #425ba6;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 10px;
        }/*
.header__iletisim {
    margin-left: 2%;
    margin-top: -1.5%;
    position: absolute;
}
.header__iletisim ul li {
    display: inline-block;
}
.header__iletisim ul li a {
    display: inline-block;
    width: 220px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #fff;
    font-size: 21px;
    font-weight:600;
    color: #425ba6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 50px;
    box-shadow: 0 2px 13px 0 rgb(66 91 166 / 19%);
}
    .header__iletisim ul li a span {
        display: block;
        font-size: 11px;
        line-height: 0px;
        position: absolute;
        left: 90px;
        top: 10px;
        font-weight:300 !important;
    }
    .header__social {
    margin-left: 14.2%;
    margin-top: -1.5%;
    position: absolute;
}
.header__social ul li a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.header__social ul li {
    display: inline-block;
}
    .header__social ul li:not(:last-child) {
        margin-right: 5px;
    }
    .header__social ul li a {
        display: inline-block;
        width: 55px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        background: #fff;
        font-size:large;
        color: #425ba6;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 100px;
        box-shadow: 0 2px 13px 0 rgb(66 91 166 / 19%)
    }
        .header__social ul li a:hover {
            background: #425ba6;
            color: var(--tp-common-white);
        }
*/
.baskan_fot {
    display: flex;
    justify-content: space-between;
}
.baskan__social {
    text-align: left;
    margin-top: -3%;
}
.baskan__social ul li a:hover {
background: var(--tp-theme-1);
color: var(--tp-common-white);
}
.baskan__social ul li {
display: inline-block;
}
.baskan__social ul li:not(:last-child) {
    margin-right: 5px;
}
    .baskan__social ul li a {
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        background: #fff;
        font-size: larger;
        color: #425ba6;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 100px;
        box-shadow: 0 2px 13px 0 rgb(66 91 166 / 19%)
    }
    .baskan__social ul li a:hover {
     background: #425ba6;
     color: var(--tp-common-white);
    }
.baskan__gal {
    text-align: right;
    margin-top: -3%;
}
.baskan__gal a {
    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    font-size: larger;
    font-weight:600;
    color: #425ba6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 100px;
    box-shadow: 0 2px 13px 0 rgb(66 91 166 / 19%)
}
    .baskan__gal i {
    padding-right:6%;
    }
        .baskan__gal a:hover {
        background: #425ba6;
        color: var(--tp-common-white);
    }
/*----------------------------------------*/
/*  00. Section title CSS START
/*----------------------------------------*/
.tp-sub-title {
  font-size: 16px;
  font-weight: var(--tp-fw-bold);
  text-transform: uppercase;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  letter-spacing: 0.1em;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-sub-title {
    font-size: 15px;
  }
}
@media (min-width: 576px) {
    .sidebar__contact__info, .navigation {
        display: none;
    }
}
    @media (max-width: 575px) {
       

        .tp-sub-title {
            font-size: 14px;
        }
    }

    .tp-sub-title-df {
        color: var(--tp-common-white);
    }

    .tp-sub-title-2 {
        color: var(--tp-common-white);
        display: inline-block;
        background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
        border-radius: 5px;
        padding: 6px 12px;
        line-height: 15px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: var(--tp-fw-medium);
    }

    .tpsec-title {
        font-size: 45px;
        line-height: 1.2;
    }

    .tpsec-title-2 {
        font-size: 45px;
        line-height: 1.2;
        font-family: Forte;
        font-weight: 500;
        color: #425ba6;
        transform: rotate(-5deg);
    }

    .tpsec-title-2-sub {
        font-size: 18px;
        font-weight: 300;
        transform: rotate(-5deg);
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpsec-title .tpsec-title-2 {
            font-size: 35px;
        }
    }

    .tp-title {
        font-size: 45px;
        line-height: 1.2;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-title {
            font-size: 40px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-title {
            font-size: 35px;
        }

            .tp-title br {
                display: none;
            }
    }

    @media (max-width: 575px) {
        .tp-title {
            font-size: 32px;
        }

            .tp-title br {
                display: none;
            }
    }

    .tp-title-df {
        color: var(--tp-common-white);
        line-height: 1.3;
        font-family: forte;
        font-weight: 300;
        transform: rotate(-5deg);
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-title-df {
            font-size: 35px;
        }
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-title-df br {
            display: none;
        }
    }

    .sec-quote-text {
        font-size: 18px;
        line-height: 30px;
        font-weight: var(--tp-fw-medium);
    }

    .separator {
        position: relative;
    }

        .separator::before {
            position: absolute;
            content: "";
            width: 2px;
            height: 88px;
            top: -15px;
            left: 95%;
            transform: translateX(-95%);
            background: linear-gradient(189.82deg, #1C99FE 0%, #7644FF 44.68%, #FD4766 85.24%);
        }

    .tpbs-sub-title {
        font-size: 16px;
        font-weight: var(--tp-fw-bold);
        color: var(--tp-grey-3);
        text-transform: uppercase;
        letter-spacing: 1px;
        display: inline-block;
    }

    .tpbs-title {
        font-size: 17px;
        line-height: 1.;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
        .tpbs-title {
            font-size: 15px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpbs-title {
            font-size: 14px;
        }

            .tpbs-title br {
                display: none;
            }
    }

    .tpbs-title span {
        font-weight: var(--tp-fw-light);
    }

    .tpbs-title-df {
        font-size: 80px;
        position: relative;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpbs-title-df {
            font-size: 65px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpbs-title-df {
            font-size: 60px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpbs-title-df {
            font-size: 50px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpbs-title-df {
            font-size: 45px;
        }
    }

    @media (max-width: 575px) {
        .tpbs-title-df {
            font-size: 25px;
        }
    }

    .tpbs-title-df span {
        font-weight: var(--tp-fw-light);
    }

    .tpbs-title-df::before {
        position: absolute;
        content: "";
        width: 10%;
        height: 2px;
        background: var(--tp-heading-primary);
        bottom: -1px;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        visibility: hidden;
        opacity: 0;
    }

    .tpbs-title-df:hover::before {
        width: 71%;
        visibility: visible;
        opacity: 1;
    }

    .tpbs-title-2 {
        color: var(--tp-common-white);
    }

    .tpds-title {
        font-size: 45px;
        line-height: 1.3;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
        .tpds-title {
            font-size: 40px;
        }

            .tpds-title br {
                display: none;
            }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpds-title {
            font-size: 35px;
        }

            .tpds-title br {
                display: none;
            }
    }

    .tpds-title span {
        font-weight: 300;
    }

    /*----------------------------------------*/
    /*  24. BREADCRUMB CSS START
/*----------------------------------------*/
    .inner-page__heading {
        background-color: #1e4a71;
    }

    @media (max-width: 575px) {
        .breadcrumb__area {
            padding: 80px 0;
        }
    }

    .breadcrumb__title {
        font-size: 1.2rem;
        line-height: 1.3;
        color: var(--tp-common-white);
        text-transform: uppercase;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .breadcrumb__title {
            font-size: 1.2rem;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .breadcrumb__title {
            font-size: 1.0rem;
        }
    }

    .breadcrumb__list span {
        font-size: 13px;
        opacity: .85;
        color: var(--tp-common-white);
        font-weight: var(--tp-fw-medium);
        padding-right: 3px;
        margin-right: 3px;
        text-transform: capitalize;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .breadcrumb__list span {
            font-size: 9px;
        }
    }

    .breadcrumb__list span a:hover {
        color: var(--tp-theme-1);
    }

    .breadcrumb__list span i {
        font-size: 10px;
    }

    .breadcrumb__list .tp-current {
        color: #ffffff;
        position: relative;
        display: inline;
        background-image: linear-gradient(#FD4766, #FD4766), linear-gradient(#FD4766, #FD4766);
        background-size: 0% 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        transition: background-size 0.4s linear;
    }

        .breadcrumb__list .tp-current:hover {
            background-size: 0 2px, 100% 2px;
        }

    .breadcrumb__overlay {
        position: relative;
    }

        .breadcrumb__overlay::after {
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 3, 32, 0.06);
        }

    .tpbs-scroll-5 {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        bottom: -20%;
        z-index: 1;
    }

    /*--
    - Animation keyframes
-----------------------------------------*/
    @-webkit-keyframes pulse {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        }

        70% {
            -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        }
    }

    @keyframes pulse {
        0% {
            -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        }

        70% {
            -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
        }

        100% {
            -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        }
    }
    /*. ========= sticky-animation ========== */
    @keyframes sticky {
        0% {
            transform: translateY(-100%);
        }

        100% {
            transform: translateY(0%);
        }
    }
    /* 00. ========= FadeIn custom ========== */
    @-webkit-keyframes fadeInUp2 {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes fadeInUp2 {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .fadeInUp2 {
        -webkit-animation-name: fadeInUp2;
        animation-name: fadeInUp2;
    }

    /* 00. ========= ripple animation ========== */
    @keyframes popupBtn {
        0% {
            transform: scale(1);
            opacity: 0.6;
        }

        50% {
            transform: scale(1.6);
            opacity: 0.3;
        }

        100% {
            transform: scale(2.2);
            opacity: 0;
        }
    }
    /*===== Preloader Style =====*/
    .preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 9999;
    }

        .preloader .color-1 {
            background-color: #FD4766 !important;
        }

    .rubix-cube {
        border: 1px solid #FFF;
        width: 48px;
        height: 48px;
        background-color: #FFF;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .rubix-cube .layer {
            width: 14px;
            height: 14px;
            background-color: #07294d;
            border: 1px solid #FFF;
            position: absolute;
        }

        .rubix-cube .layer-1 {
            left: 0px;
            top: 0px;
            -webkit-animation: rubixcube4 2s infinite linear;
            animation: rubixcube4 2s infinite linear;
        }

        .rubix-cube .layer-2 {
            left: 16px;
            top: 0px;
            -webkit-animation: rubixcube3 2s infinite linear;
            animation: rubixcube3 2s infinite linear;
        }

        .rubix-cube .layer-3 {
            left: 32px;
            top: 0px;
        }

        .rubix-cube .layer-4 {
            left: 0px;
            top: 16px;
            -webkit-animation: rubixcube5 2s infinite linear;
            animation: rubixcube5 2s infinite linear;
        }

        .rubix-cube .layer-5 {
            left: 16px;
            top: 16px;
            -webkit-animation: rubixcube2 2s infinite linear;
            animation: rubixcube2 2s infinite linear;
        }

        .rubix-cube .layer-6 {
            left: 32px;
            top: 16px;
            -webkit-animation: rubixcube1 2s infinite linear;
            animation: rubixcube1 2s infinite linear;
        }

        .rubix-cube .layer-7 {
            left: 0px;
            top: 32px;
            -webkit-animation: rubixcube6 2s infinite linear;
            animation: rubixcube6 2s infinite linear;
        }

        .rubix-cube .layer-8 {
            left: 16px;
            top: 32px;
            -webkit-animation: rubixcube7 2s infinite linear;
            animation: rubixcube7 2s infinite linear;
        }

    @-webkit-keyframes rubixcube1 {
        20% {
            top: 16px;
            left: 32px;
        }

        30% {
            top: 32px;
            left: 32px;
        }

        40% {
            top: 32px;
            left: 32px;
        }

        50% {
            top: 32px;
            left: 32px;
        }

        60% {
            top: 32px;
            left: 32px;
        }

        70% {
            top: 32px;
            left: 32px;
        }

        80% {
            top: 32px;
            left: 32px;
        }

        90% {
            top: 32px;
            left: 32px;
        }

        100% {
            top: 32px;
            left: 16px;
        }
    }

    @keyframes rubixcube1 {
        20% {
            top: 16px;
            left: 32px;
        }

        30% {
            top: 32px;
            left: 32px;
        }

        40% {
            top: 32px;
            left: 32px;
        }

        50% {
            top: 32px;
            left: 32px;
        }

        60% {
            top: 32px;
            left: 32px;
        }

        70% {
            top: 32px;
            left: 32px;
        }

        80% {
            top: 32px;
            left: 32px;
        }

        90% {
            top: 32px;
            left: 32px;
        }

        100% {
            top: 32px;
            left: 16px;
        }
    }

    @-webkit-keyframes rubixcube2 {
        30% {
            left: 16px;
        }

        40% {
            left: 32px;
        }

        50% {
            left: 32px;
        }

        60% {
            left: 32px;
        }

        70% {
            left: 32px;
        }

        80% {
            left: 32px;
        }

        90% {
            left: 32px;
        }

        100% {
            left: 32px;
        }
    }

    @keyframes rubixcube2 {
        30% {
            left: 16px;
        }

        40% {
            left: 32px;
        }

        50% {
            left: 32px;
        }

        60% {
            left: 32px;
        }

        70% {
            left: 32px;
        }

        80% {
            left: 32px;
        }

        90% {
            left: 32px;
        }

        100% {
            left: 32px;
        }
    }

    @-webkit-keyframes rubixcube3 {
        30% {
            top: 0px;
        }

        40% {
            top: 0px;
        }

        50% {
            top: 16px;
        }

        60% {
            top: 16px;
        }

        70% {
            top: 16px;
        }

        80% {
            top: 16px;
        }

        90% {
            top: 16px;
        }

        100% {
            top: 16px;
        }
    }

    @keyframes rubixcube3 {
        30% {
            top: 0px;
        }

        40% {
            top: 0px;
        }

        50% {
            top: 16px;
        }

        60% {
            top: 16px;
        }

        70% {
            top: 16px;
        }

        80% {
            top: 16px;
        }

        90% {
            top: 16px;
        }

        100% {
            top: 16px;
        }
    }

    @-webkit-keyframes rubixcube4 {
        50% {
            left: 0px;
        }

        60% {
            left: 16px;
        }

        70% {
            left: 16px;
        }

        80% {
            left: 16px;
        }

        90% {
            left: 16px;
        }

        100% {
            left: 16px;
        }
    }

    @keyframes rubixcube4 {
        50% {
            left: 0px;
        }

        60% {
            left: 16px;
        }

        70% {
            left: 16px;
        }

        80% {
            left: 16px;
        }

        90% {
            left: 16px;
        }

        100% {
            left: 16px;
        }
    }

    @-webkit-keyframes rubixcube5 {
        60% {
            top: 16px;
        }

        70% {
            top: 0px;
        }

        80% {
            top: 0px;
        }

        90% {
            top: 0px;
        }

        100% {
            top: 0px;
        }
    }

    @keyframes rubixcube5 {
        60% {
            top: 16px;
        }

        70% {
            top: 0px;
        }

        80% {
            top: 0px;
        }

        90% {
            top: 0px;
        }

        100% {
            top: 0px;
        }
    }

    @-webkit-keyframes rubixcube6 {
        70% {
            top: 32px;
        }

        80% {
            top: 16px;
        }

        90% {
            top: 16px;
        }

        100% {
            top: 16px;
        }
    }

    @keyframes rubixcube6 {
        70% {
            top: 32px;
        }

        80% {
            top: 16px;
        }

        90% {
            top: 16px;
        }

        100% {
            top: 16px;
        }
    }

    @-webkit-keyframes rubixcube7 {
        80% {
            left: 16px;
        }

        90% {
            left: 0px;
        }

        100% {
            left: 0px;
        }
    }

    @keyframes rubixcube7 {
        80% {
            left: 16px;
        }

        90% {
            left: 0px;
        }

        100% {
            left: 0px;
        }
    }
    /*----------------------------------------*/
    /*  02. HEADER CSS START
/*----------------------------------------*/
    /* logo */
    /*.logo img {
        width: 150px;
    }

    .logo-white {
        display: none;
    }

    .tp-model-logo {
        text-align: center;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-model-logo {
            text-align: left;
        }
    }

    .mega-menu-wrapper {
        position: relative;
    }*/

    /* main menu css */
    /*@media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpmenu {
            margin-left: 30px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpmenu-2 {
            margin-left: 0;
        }
    }

    .tpmenu ul li {
        position: relative;
        list-style: none;
        display: inline-block;
        margin-right: 40px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpmenu ul li {
            margin-right: 20px;
        }
    }

    .tpmenu ul li:last-child {
        margin-right: 0;
    }

    .tpmenu ul li a {
        display: inline-block;
        font-size: 14px;
        color: var(--tp-common-black);
        padding: 40px 0;
        font-weight: var(--tp-fw-bold);
        text-transform: uppercase;
        text-align: left;
        letter-spacing: 1px;
    }

    .tpmenu ul li.has-dropdown > a {
        position: relative;
    }

        .tpmenu ul li.has-dropdown > a::after {
            content: "\f067";
            -webkit-transform: translateY(-1px);
            -moz-transform: translateY(-1px);
            -ms-transform: translateY(-1px);
            -o-transform: translateY(-1px);
            transform: translateY(-1px);
            font-size: 11px;
            color: var(--tp-common-black);
            font-family: var(--tp-ff-fontawesome);
            font-weight: var(--tp-fw-sbold);
            margin-left: 5px;
            display: inline-block;
        }

    .tpmenu ul li .submenu {
        padding: 15px 0;
        position: absolute;
        top: 120%;
        left: 0;
        min-width: 220px;
        background: var(--tp-common-white);
        z-index: 99;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        visibility: hidden;
        opacity: 0;
        -webkit-box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);
        -moz-box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);
        -ms-box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);
        -o-box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);
        box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.08);
        transform-origin: top;
        -webkit-transform: perspective(300px) rotateX(-18deg);
        -moz-transform: perspective(300px) rotateX(-18deg);
        -ms-transform: perspective(300px) rotateX(-18deg);
        -o-transform: perspective(300px) rotateX(-18deg);
        transform: perspective(300px) rotateX(-18deg);
    }

        .tpmenu ul li .submenu li {
            display: block;
            width: 100%;
            margin: 0;
            padding: 0 0;
        }

            .tpmenu ul li .submenu li.has-dropdown > a::after {
                position: absolute;
                top: 50%;
                right: 30px;
                -webkit-transform: translateY(-50%) rotate(-90deg);
                -moz-transform: translateY(-50%) rotate(-90deg);
                -ms-transform: translateY(-50%) rotate(-90deg);
                -o-transform: translateY(-50%) rotate(-90deg);
                transform: translateY(-50%) rotate(-90deg);
            }

            .tpmenu ul li .submenu li a {
                position: relative;
                z-index: 1;
                width: 100%;
                display: block;
                font-size: 14px;
                color: var(--tp-text-body);
                padding: 5px 20px;
                font-weight: 500;
                text-transform: capitalize;
                letter-spacing: 0;
            }

            .tpmenu ul li .submenu li .submenu {
                left: 120%;
                top: 0;
                visibility: hidden;
                opacity: 0;
            }

            .tpmenu ul li .submenu li:hover > a {
                color: var(--tp-theme-1);
                background-color: rgba(150, 144, 162, 0.06);
            }

                .tpmenu ul li .submenu li:hover > a::after {
                    color: var(--tp-theme-1);
                    -webkit-transform: translateY(-50%) rotate(45deg);
                    -moz-transform: translateY(-50%) rotate(45deg);
                    -ms-transform: translateY(-50%) rotate(45deg);
                    -o-transform: translateY(-50%) rotate(45deg);
                    transform: translateY(-50%) rotate(45deg);
                }

            .tpmenu ul li .submenu li:hover > .submenu {
                left: 100%;
                visibility: visible;
                opacity: 1;
            }

    .tpmenu ul li.megamenu-full {
        position: static;
    }

    .tpmenu ul li .megamenu {
        width: 100%;
        position: absolute;
        top: 120%;
        left: 0;
        right: 0;
        background: var(--tp-common-white);
        z-index: 99;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        -webkit-box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);
        -moz-box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);
        -ms-box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);
        -o-box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);
        box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.08);
        transform-origin: top;
        -webkit-transform: perspective(300px) rotateX(-18deg);
        -moz-transform: perspective(300px) rotateX(-18deg);
        -ms-transform: perspective(300px) rotateX(-18deg);
        -o-transform: perspective(300px) rotateX(-18deg);
        transform: perspective(300px) rotateX(-18deg);
        padding: 28px 25px;
        visibility: hidden;
        opacity: 0;
    }

        .tpmenu ul li .megamenu li {
            float: left;
            width: 25%;
            margin: 0;
        }

            .tpmenu ul li .megamenu li a {
                display: block;
                font-size: 14px;
                color: var(--tp-text-body);
                padding: 5px 20px;
                font-weight: 500;
                text-transform: capitalize;
                letter-spacing: 0;
            }

                .tpmenu ul li .megamenu li a:hover {
                    color: var(--tp-theme-1);
                    background-color: rgba(5, 9, 43, 0.06);
                }

            .tpmenu ul li .megamenu li .megamenu-title {
                color: var(--tp-common-black);
            }

                .tpmenu ul li .megamenu li .megamenu-title:hover {
                    color: var(--tp-common-black);
                    background: transparent;
                }

            .tpmenu ul li .megamenu li ul li {
                float: inherit;
                width: 100%;
            }

    .tpmenu ul li:hover > a {
        color: var(--tp-theme-1);
    }

        .tpmenu ul li:hover > a::after {
            color: var(--tp-theme-1);
            -webkit-transform: translateY(-1px) rotate(45deg);
            -moz-transform: translateY(-1px) rotate(45deg);
            -ms-transform: translateY(-1px) rotate(45deg);
            -o-transform: translateY(-1px) rotate(45deg);
            transform: translateY(-1px) rotate(45deg);
        }

    .tpmenu ul li:hover > .submenu, .tpmenu ul li:hover .megamenu {
        top: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transform: perspective(300px) rotateX(0deg);
        -moz-transform: perspective(300px) rotateX(0deg);
        -ms-transform: perspective(300px) rotateX(0deg);
        -o-transform: perspective(300px) rotateX(0deg);
        transform: perspective(300px) rotateX(0deg);
    }*/

    /* header inner css */
    /*@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-header-area-inner {
            padding: 25px 0;
        }
    }

    .inner-border {
        border-bottom: 1px solid #E7E9EE;
    }*/

    /* header action css */
    /*.tp-header-action {
        text-align: right;
    }

        .tp-header-action ul li {
            list-style: none;
            display: inline-block;
            margin-right: 15px;
        }

            .tp-header-action ul li:last-child {
                margin-right: 0;
            }

            .tp-header-action ul li a {
                display: inline-block;
                width: 55px;
                height: 55px;
                line-height: 55px;
                text-align: center;
                border: 1px solid var(--tp-border-2);
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -o-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                font-size: 15px;
                color: var(--tp-heading-primary);
                transition: 0.3s;
            }

                .tp-header-action ul li a:hover {
                    background: var(--tp-theme-1);
                    color: var(--tp-common-white);
                    border-color: var(--tp-theme-1);
                }

                .tp-header-action ul li a i {
                    font-weight: 500;
                }

    .tp-header-action-2 ul li {
        margin-right: 30px;
    }

        .tp-header-action-2 ul li a {
            background: none;
            border: 0;
            height: auto;
            width: auto;
        }

            .tp-header-action-2 ul li a:hover {
                background: none;
                color: var(--tp-theme-1);
            }*/

    /* header sticky */
    /*.header-sticky {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        padding: 0 85px;
        background: var(--tp-common-white);
        z-index: 99;
        animation: sticky 1.3s;
        box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.15);
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .header-sticky {
            padding-left: 40px;
            padding-right: 40px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .header-sticky {
            padding-left: 30px;
            padding-right: 30px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .header-sticky {
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .header-sticky {
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .header-sticky {
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    @media (max-width: 575px) {
        .header-sticky .tp-header-action ul li {
            margin-right: 3px;
        }
    }

    .header-sticky.header-sticky-2 {
        background: var(--tp-heading-primary);
    }

    .header-sticky .tpmenu ul li a {
        padding: 35px 0;
    }

    .tp-header-2 {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

        .tp-header-2 .tpmenu ul li a {
            color: var(--tp-common-white);
        }

        .tp-header-2 .tpmenu ul li.has-dropdown > a::after {
            color: var(--tp-common-white);
        }

        .tp-header-2 .tp-header-action ul li a {
            color: var(--tp-common-white);
        }

    .tp-header-3 .mode-switch-wrapper .label i {
        color: var(--tp-common-black);
    }

        .tp-header-3 .mode-switch-wrapper .label i::after {
            display: none;
        }

    .header-transparent {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9;
    }

        .header-transparent.header-sticky {
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            padding: 0 85px;
            background: #222;
            z-index: 99;
            animation: sticky 1.3s;
            box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.15);
        }

        .header-transparent .tpmenu ul li a {
            color: var(--tp-common-white);
        }

        .header-transparent .tpmenu ul li:hover > a {
            color: var(--tp-theme-1);
        }

            .header-transparent .tpmenu ul li:hover > a::after {
                color: var(--tp-theme-1);
            }

        .header-transparent .tpmenu ul li.has-dropdown > a::after {
            color: var(--tp-common-white);
        }

        .header-transparent .tpmenu ul li.has-dropdown:hover > a::after {
            color: var(--tp-theme-1);
        }

        .header-transparent .tp-header-action ul li a {
            border-color: var(--tp-common-white);
            color: var(--tp-common-white);
        }

            .header-transparent .tp-header-action ul li a:hover {
                color: var(--tp-common-white);
                border-color: var(--tp-theme-1);
            }

    .header-style-9 .mode-switch-wrapper .label i {
        color: var(--tp-common-white);
    }*/

    /*----------------------------------------*/
    /*  03. MEAN MENU CSS START
/*----------------------------------------*/
    /* mean menu customize */
    .mean-container a.meanmenu-reveal {
        display: none;
    }

    .mean-container .mean-nav {
        background: none;
        margin-top: 0;
    }

    .mean-container .mean-bar {
        padding: 0;
        min-height: auto;
        background: none;
    }

    .mean-container .mean-nav > ul {
        padding: 0;
        margin: 0;
        width: 100%;
        list-style-type: none;
        display: block !important;
    }

    .mean-container a.meanmenu-reveal {
        display: none !important;
    }

    .mean-container .mean-nav ul li a {
        width: 100%;
        padding: 10px 0;
        color: var(--tp-common-white);
        border-top: 1px solid #ebebeb;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 700;
    }

        .mean-container .mean-nav ul li a:hover {
            color: var(--tp-theme-1);
        }

        .mean-container .mean-nav ul li a.mean-expand {
            margin-top: 5px;
            padding: 0 !important;
            line-height: 14px;
            border: 1px solid #ebebeb !important;
            height: 30px;
            width: 30px;
            line-height: 30px;
            color: var(--tp-common-white);
            line-height: 30px;
            top: 0;
            font-weight: 400;
        }

            .mean-container .mean-nav ul li a.mean-expand:hover {
                background: var(--tp-theme-1);
                color: var(--tpclr-common-white);
                border-color: var(--tp-theme-1);
            }

    .mean-container .mean-nav ul li > a > i {
        display: none;
    }

    .mean-container .mean-nav ul li > a.mean-expand i {
        display: inline-block;
    }

    .mean-container .mean-nav > ul > li:first-child > a {
        border-top: 0;
    }

    .mean-container .mean-nav ul li a.mean-expand.mean-clicked {
        color: var(--tp-common-black);
    }

        .mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            color: var(--tp-common-black);
        }

    /*----------------------------------------*/
    /*  04. Hero CSS START
/*----------------------------------------*/
    /* personal hero css */
    .tp-minimal__area {
        width: 100%;
    }

    .tp-minimal__design-wrapper-2 {
        margin-left: 75px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-minimal__design-wrapper-2 {
            margin-left: 40px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-minimal__design-wrapper-2 {
            margin-left: 0;
        }
    }

    .tp-minimal__design-title {
        font-size: 120px;
        line-height: 1.2;
        margin-bottom: 30px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-minimal__design-title {
            font-size: 90px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-minimal__design-title {
            font-size: 80px;
        }
    }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-minimal__design-title {
            font-size: 70px;
        }

            .tp-minimal__design-title br {
                display: none;
            }
    }

    .tp-minimal__design-title span {
        color: transparent;
        -webkit-text-stroke: 1.2px var(--tp-heading-primary);
    }

    .tp-minimal__design .tpds-text {
        font-size: 18px;
        line-height: 30px;
        color: var(--tp-heading-primary);
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-minimal__design .tpds-text br {
            display: none;
        }
    }

    .tp-minimal__design .tpds-text-2 {
        font-weight: var(--tp-fw-medium);
        font-size: 18px;
        line-height: 30px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-minimal__design .tpds-text-2 br {
            display: none;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-minimal__design .tpds-text-2 br {
            display: none;
        }
    }

    .tp-minimal__design-social a {
        display: inline-block;
        width: 55px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        font-size: 15px;
        color: var(--tp-heading-primary);
        background: var(--tp-grey-1);
        transition: 0.3s;
        margin-right: 15px;
        color: rgba(20, 21, 21, 0.3);
    }

        .tp-minimal__design-social a:last-child {
            margin-right: 0;
        }

        .tp-minimal__design-social a i {
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        }

        .tp-minimal__design-social a:hover {
            color: var(--tp-heading-primary);
        }

    .tp-minimal__design-thumb {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 50%;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-minimal__design-thumb {
            display: none;
        }
    }

    .tp-minimal__design-thumb-2 {
        left: 0;
        right: auto;
    }

    .tp-minimal__design-2 {
        padding: 185px 0;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-minimal__design-2 {
            padding: 120px 0;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-minimal__design-2 {
            padding: 100px 0;
        }
    }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-minimal__design-2 {
            padding-top: 5px;
        }
    }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-minimal__design-social {
            margin-top: 50px;
        }
    }

    .tpdesign-hero-image {
        position: relative;
        z-index: 1;
    }

        .tpdesign-hero-image img {
            border-radius: 50%;
            height: 175px;
            width: 175px;
        }

        .tpdesign-hero-image::before {
            position: absolute;
            content: "";
            height: 175px;
            width: 175px;
            background: linear-gradient(292.56deg, #1C99FE -0.95%, #7644FF 28.82%, #FD4766 55.84%);
            transform: rotate(-105deg);
            border-radius: 50%;
            top: 5px;
            left: 10px;
            right: 0;
            text-align: center;
            margin: 0 auto;
            z-index: -1;
        }

        .tpdesign-hero-image::after {
            position: absolute;
            content: "";
            height: 175px;
            width: 175px;
            background: linear-gradient(168.44deg, #1C99FE 9.15%, #7644FF 49.39%, #FD4766 85.93%);
            transform: rotate(-105deg);
            border-radius: 50%;
            top: -5px;
            left: -10px;
            right: 0;
            text-align: center;
            margin: 0 auto;
            z-index: -1;
        }

    .tpdesign-sub-title {
        font-size: 30px;
        font-family: var(--tp-ff-heading);
        color: var(--tp-heading-primary);
        font-weight: var(--tp-fw-bold);
        letter-spacing: 1px;
        display: inline-block;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpdesign-sub-title {
            font-size: 28px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpdesign-sub-title {
            font-size: 25px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpdesign-sub-title {
            font-size: 20px;
            margin-bottom: 25px;
        }
    }

    .tpdesign-title {
        font-size: 75px;
        line-height: 1.2;
        background: linear-gradient(260.16deg, #1C99FE 9.94%, #7644FF 54.82%, #FD4766 95.56%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpdesign-title {
            font-size: 70px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpdesign-title {
            font-size: 55px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpdesign-title {
            font-size: 45px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpdesign-title {
            font-size: 30px;
            line-height: 1.4;
        }
    }

    .tphero-area {
        position: relative;
    }

    .tphero__shape {
        position: absolute;
    }

    .tphero__shape-1 {
        left: 10%;
        top: 10%;
    }

    .tphero__shape-2 {
        right: 10%;
        top: 9%;
    }

    .tphero__shape-3 {
        right: 10%;
        bottom: 15%;
    }

    .tphero__shape-4 {
        left: 10%;
        bottom: 15%;
    }

    .down-arrow {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -45px;
    }

        .down-arrow a {
            height: 92px;
            width: 92px;
            color: var(--tp-heading-primary);
            line-height: 92px;
            border-radius: 50%;
            background: var(--tp-common-white);
            display: inline-block;
            font-size: 25px;
            font-weight: var(--tp-fw-sbold);
            z-index: 1;
            position: relative;
            transition: 0.3s;
        }

            .down-arrow a:hover {
                background: linear-gradient(260.16deg, #1C99FE 9.94%, #7644FF 54.82%, #FD4766 95.56%);
                color: var(--tp-common-white);
            }

    .tpfrn-wrapper {
        position: relative;
    }

        .tpfrn-wrapper::before {
            content: "";
            position: absolute;
            top: 0;
            background: rgba(0, 0, 0, 0.5215686275);
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
        }

    .tpfrn-area-2 .tpfrn-wrapper::before {
        display: none;
    }

    .tpfrn-banner-image::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(20, 21, 21, 0.0509803922);
        opacity: 0.6;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfrn-banner-image::before {
            background: rgba(20, 21, 21, 0.7490196078);
        }
    }

    .tpfrn-wrapper {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .s-hero-wrapper {
        margin-right: -165px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .s-hero-wrapper {
            background-position: right;
        }
    }

    @media only screen and (min-width: 1601px) and (max-width: 1700px) {
        .s-hero-wrapper {
            margin-right: -70px;
        }
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .s-hero-wrapper {
            margin-right: -40px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .s-hero-wrapper {
            margin-right: 0;
        }
    }

    .s-hero-wrapper::before {
        display: none;
    }

    .tpfrn-content.s-hero-content {
        margin-right: 150px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfrn-content.s-hero-content {
            margin-right: 0;
        }
    }

    .tpfrn-content-inner {
        padding: 30px;
        padding-bottom: 0;
        z-index: 1;
        position: relative;
/*        background-image: url('../img/banner/alt-bg-1.jpg');
*/        border-radius: 15px;
    }

    .tpfrn-content-inner-img {
        justify-content: right;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpfrn-content-inner {
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfrn-content-inner {
            margin: 0;
            background: #425ba6;
            padding-right: 0;
            text-align: center;
            height: 500px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpfrn-content {
            padding: 0 15px;
        }
    }

    .tpfrn-content p {
        font-size: 15px;
        line-height: 25px;
        color: #fff;
        ;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfrn-content p {
            color: var(--tp-common-white);
            font-size: 13px;
            line-height: 22px;
            text-align: left;
        }
/*
        .header__bottom_menu, .header__social, .header__iletisim {
            display: none;
        }*/
    }


    .tpfrn-content-2 {
        padding-right: 90px;
        padding-left: 180px;
        padding-bottom: 120px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpfrn-content-2 {
            margin: 50px 0;
            padding: 65px 0;
            padding-left: 100px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpfrn-content-2 {
            padding: 50px 0;
            padding-left: 100px;
            margin: 0 0;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfrn-content-2 {
            padding-left: 40px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpfrn-content-2 {
            padding-top: 40px;
        }
    }

    @media (max-width: 575px) {
        .tpfrn-content-2 {
            padding: 65px 40px;
        }
    }

    .tpfrn-content-2 p {
        font-size: 16px;
        line-height: 28px;
        color: var(--tp-text-body);
        margin-bottom: 55px;
    }

    .tpfrn-content-2 .tpfrn-title {
        font-size: 90px;
        margin-bottom: 35px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpfrn-content-2 .tpfrn-title {
            font-size: 70px;
        }
    }

    @media (max-width: 575px) {
        .tpfrn-content-2 .tpfrn-title {
            font-size: 45px;
        }
    }

    .tpfrn-sub-title {
        font-size: 30px;
        font-weight: var(--tp-fw-medium);
        display: block;
        color: var(--tp-heading-primary);
        text-transform: uppercase;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfrn-sub-title {
            font-size: 18px !important;
            margin-bottom: 10px;
            color: var(--tp-common-white);
        }

        .baskan__social {
            bottom: 2px;
        }

        .tpfrn-content-inner-img {
            width: 75%;
            position: absolute;
            bottom: 0;
            right: 0;
            z-index: -1;
        }
    }

    .tpfrn-title {
        font-size: 105px;
        line-height: 1.2;
        background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .tpfrn-title {
            font-size: 90px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpfrn-title {
            font-size: 80px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpfrn-title {
            font-size: 70px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpfrn-title {
            font-size: 60px;
        }
    }

    @media (max-width: 575px) {
        .tpfrn-title {
            font-size: 55px;
        }
    }

    .tpfrn-bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 80%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfrn-bg-image {
            width: 100%;
        }
    }

    .hero-wrapper-6 {
        margin: 0 80px;
        padding-top: 190px;
        padding-bottom: 190px;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .hero-wrapper-6 {
            margin: 0 40px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .hero-wrapper-6 {
            margin: 0 70px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .hero-wrapper-6 {
            padding-top: 0;
            padding-bottom: 0;
        }
    }

    @media (max-width: 575px) {
        .hero-wrapper-6 {
            margin: 0 0;
        }
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-creative-hero__wrapper {
            margin-left: 80px;
        }
    }

    .tp-creative-hero__title {
        font-size: 150px;
        line-height: 1.1;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-creative-hero__title {
            font-size: 120px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-creative-hero__title {
            font-size: 110px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-creative-hero__title {
            font-size: 65px;
        }
    }

    @media (max-width: 575px) {
        .tp-creative-hero__title {
            font-size: 50px;
            line-height: 1.3;
        }
    }

    .tp-creative-hero__title span {
        color: transparent;
        -webkit-text-stroke: 2px var(--tp-heading-primary);
    }

    .tp-creative-hero-image {
        position: absolute;
        top: -7px;
        right: 6%;
        z-index: -1;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-creative-hero-image {
            right: -14%;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-creative-hero-image {
            position: static;
            margin-bottom: 50px;
        }
    }

    .tp-creative-hero-social {
        transform: rotate(270deg);
        bottom: 43%;
        position: absolute;
        left: -10%;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-creative-hero-social {
            left: -13%;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-creative-hero-social {
            left: -15%;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-creative-hero-social {
            bottom: 20%;
            right: -20%;
            left: auto;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-creative-hero-social {
            bottom: 18%;
            right: -25%;
            left: auto;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-creative-hero-social {
            bottom: 25%;
            right: -35%;
            left: auto;
        }
    }

    @media (max-width: 575px) {
        .tp-creative-hero-social {
            display: none;
        }
    }

    .tp-creative-hero-social-3 {
        bottom: 45%;
        left: -5%;
    }

    @media only screen and (min-width: 1701px) and (max-width: 1800px) {
        .tp-creative-hero-social-3 {
            left: -7%;
        }
    }

    @media only screen and (min-width: 1601px) and (max-width: 1700px) {
        .tp-creative-hero-social-3 {
            left: -7%;
        }
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .tp-creative-hero-social-3 {
            bottom: 40%;
            left: -10%;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-creative-hero-social-3 {
            left: -12%;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-creative-hero-social-3 {
            bottom: 16%;
            right: -10%;
            left: auto;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-creative-hero-social-3 {
            bottom: 19%;
            right: -13%;
            left: auto;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-creative-hero-social-3 {
            bottom: 25%;
            right: -18%;
            left: auto;
        }
    }

    .tp-creative-hero-social-wrapper a {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: var(--tp-fw-medium);
        color: #777B83;
        margin-right: 60px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
        .tp-creative-hero-social-wrapper a {
            margin-right: 40px;
        }
    }

    .tp-creative-hero-social-wrapper a:hover {
        color: var(--tp-theme-1);
    }

    .tp-creative-hero-social-wrapper a i {
        margin-right: 10px;
    }

    .tp-creative-hero-social-wrapper a:last-child {
        margin-right: 0;
    }

    @media (max-width: 575px) {
        .creative-button {
            margin-top: 50px;
        }
    }

    .tp-gcreative-title {
        font-size: 70px;
        font-weight: var(--tp-fw-light);
    }

        .tp-gcreative-title b {
            font-weight: var(--tp-fw-bold);
        }

        .tp-gcreative-title span {
            position: relative;
            display: inline;
            background-image: linear-gradient(#141515, #141515), linear-gradient(#141515, #141515);
            background-size: 0% 1px, 0 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            transition: background-size 0.4s linear;
        }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-gcreative-title span br {
            display: none;
        }
    }

    .tp-gcreative-title:hover span {
        background-size: 0 2px, 100% 2px;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-gcreative-title {
            font-size: 65px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-gcreative-title {
            font-size: 60px;
        }

            .tp-gcreative-title br {
                display: none;
            }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-gcreative-title {
            font-size: 50px;
        }

            .tp-gcreative-title br {
                display: none;
            }
    }

    @media (max-width: 575px) {
        .tp-gcreative-title {
            font-size: 45px;
        }

            .tp-gcreative-title br {
                display: none;
            }
    }

    .tp-gcreative-image img {
        border-radius: 50%;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-gcreative-image-2 {
            margin-right: 0;
            margin-bottom: 50px;
        }
    }

    .tp-gcreative-content-2 {
        display: flex;
        align-items: center;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-gcreative-content-2 {
            text-align: center;
            display: block;
        }
    }

    .tp-creative-hero-social-2 {
        right: 0;
        left: auto;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-creative-hero-social-2 {
            right: -50px;
            left: auto;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-creative-hero-social-2 {
            right: -160px;
            bottom: 55%;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-creative-hero-social-2 {
            display: none;
        }
    }

    .tp-photograper-hero-area {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

        .tp-photograper-hero-area::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            right: 0;
            background: rgba(20, 21, 21, 0.4);
            mix-blend-mode: multiply;
            width: 100%;
            height: 100%;
        }

    .tp-photograper-hero-height {
        height: 960px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-photograper-hero-height {
            height: 800px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-photograper-hero-height {
            height: 700px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-photograper-hero-height {
            height: 700px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-photograper-hero-height {
            height: 500px;
        }
    }

    .tp-photograper-wrapper {
        padding-top: 380px;
        padding-bottom: 330px;
        position: relative;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-photograper-wrapper {
            padding-top: 300px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-photograper-wrapper {
            padding-top: 230px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-photograper-wrapper {
            padding-top: 200px;
        }
    }

    @media (max-width: 575px) {
        .tp-photograper-wrapper {
            padding-top: 185px;
        }
    }

    .tp-photograper-title {
        font-size: 120px;
        line-height: 1.3;
        color: var(--tp-common-white);
        letter-spacing: 20px;
        text-transform: uppercase;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-photograper-title {
            font-size: 110px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-photograper-title {
            font-size: 85px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-photograper-title {
            font-size: 60px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-photograper-title {
            font-size: 55px;
            letter-spacing: 8px;
        }
    }

    @media (max-width: 575px) {
        .tp-photograper-title {
            font-size: 35px;
            letter-spacing: 8px;
        }
    }

    @media only screen and (min-width: 480px) and (max-width: 575px) {
        .tp-photograper-title {
            font-size: 35px;
            letter-spacing: 0;
        }
    }

    .tp-photograper__down-btn {
        position: absolute;
        bottom: -45px;
        left: 0;
        right: 0;
        text-align: center;
    }

        .tp-photograper__down-btn a {
            height: 95px;
            width: 95px;
            line-height: 95px;
            background: var(--tp-common-white);
            border-radius: 50%;
            font-size: 30px;
            color: var(--tp-heading-primary);
            transition: 0.3s;
            display: inline-block;
            text-align: center;
            box-shadow: rgba(199, 199, 199, 0.25);
        }

            .tp-photograper__down-btn a:hover {
                background: var(--tp-theme-1);
                color: var(--tp-common-white);
            }

    .tp-photograper-portfolio {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
    }

        .tp-photograper-portfolio::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background-color: rgba(250, 172, 168, 0.0509803922);
            background-image: linear-gradient(19deg, rgba(250, 172, 168, 0.0392156863) 0%, rgba(221, 214, 243, 0.9411764706) 100%);
            z-index: -1;
        }

    .tp-photograper-portfolio-wrapper {
        padding-top: 230px;
        padding-bottom: 175px;
    }

    @media (max-width: 575px) {
        .tp-photograper-portfolio-wrapper {
            padding-top: 180px;
            padding-bottom: 150px;
        }
    }

    .tp-pg-portfoli-ts-text {
        font-size: 130px;
        font-weight: var(--tp-fw-bold);
        color: transparent;
        -webkit-text-stroke: 1.2px var(--tp-common-white);
        display: block;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-pg-portfoli-ts-text {
            font-size: 110px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-pg-portfoli-ts-text {
            font-size: 90px;
        }
    }

    @media (max-width: 575px) {
        .tp-pg-portfoli-ts-text {
            font-size: 60px;
            margin-bottom: 35px;
        }
    }

    .tp-photograper-portfolio-title {
        font-size: 220px;
        color: var(--tp-common-white);
        line-height: 1.2;
        margin-bottom: 0;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-photograper-portfolio-title {
            font-size: 160px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-photograper-portfolio-title {
            font-size: 120px;
        }
    }

    @media (max-width: 575px) {
        .tp-photograper-portfolio-title {
            font-size: 65px;
            line-height: 1.4;
        }
    }

    .tp-photograper-portfolio-text {
        font-size: 35px;
        line-height: 1.2;
        color: var(--tp-common-white);
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-photograper-portfolio-text {
            font-size: 30px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-photograper-portfolio-text {
            font-size: 25px;
        }
    }

    @media (max-width: 575px) {
        .tp-photograper-portfolio-text {
            font-size: 20px;
        }
    }

    .tpmodel-hero-title {
        font-size: 40px;
        font-weight: var(--tp-fw-light);
        line-height: 1.3;
    }

        .tpmodel-hero-title b {
            font-weight: var(--tp-fw-sbold);
        }

        .tpmodel-hero-title a {
            color: var(--tp-theme-1);
            position: relative;
            display: inline;
            background-image: linear-gradient(#FD4766, #FD4766), linear-gradient(#FD4766, #FD4766);
            background-size: 0% 1px, 0 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            transition: background-size 0.4s linear;
        }

        .tpmodel-hero-title:hover a {
            background-size: 0 2px, 100% 2px;
        }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpmodel-hero-title br {
            display: none;
        }
    }

    @media (max-width: 575px) {
        .tpmodel-hero-title {
            font-size: 25px;
        }
    }

    .tpmodel-hero-contcat-info {
        text-align: end;
    }

        .tpmodel-hero-contcat-info a {
            font-size: 26px;
            line-height: 1.3;
            font-weight: var(--tp-fw-sbold);
            color: var(--tp-heading-primary);
            display: block;
            margin-bottom: 10px;
        }

    @media (max-width: 575px) {
        .tpmodel-hero-contcat-info a {
            font-size: 20px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpmodel-hero-contcat-info {
            margin-top: 50px;
            text-align: start;
        }
    }

    .tpfurniture-title {
        font-size: 50px;
        line-height: 1.3;
        font-weight: var(--tp-fw-light);
    }

        .tpfurniture-title b {
            font-weight: var(--tp-fw-bold);
        }

        .tpfurniture-title span {
            position: relative;
            display: inline;
            background-image: linear-gradient(#141515, #141515), linear-gradient(#141515, #141515);
            background-size: 0% 1px, 0 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            transition: background-size 0.4s linear;
        }

        .tpfurniture-title:hover span {
            background-size: 0 2px, 100% 2px;
        }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfurniture-title br {
            display: none;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfurniture-title {
            font-size: 35px;
        }
    }

    .tpfurniture-contact-title {
        font-size: 22px;
        line-height: 1.4;
        font-weight: var(--tp-fw-medium);
    }

    .tpfurniture-contact-info {
        display: flex;
        justify-content: end;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfurniture-contact-info {
            justify-content: start;
            margin-top: 50px;
        }
    }

    .tppoletics-content {
        padding: 70px 0;
        padding-bottom: 90px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tppoletics-content {
            padding-bottom: 75px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tppoletics-content {
            padding-bottom: 80px;
        }
    }

    .tppoletics-title {
        font-size: 120px;
        line-height: 1.1;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tppoletics-title {
            font-size: 105px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tppoletics-title {
            font-size: 64px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tppoletics-title {
            font-size: 100px;
        }
    }

    @media (max-width: 575px) {
        .tppoletics-title {
            font-size: 65px;
        }
    }

    .tppoletics-title-wrapper {
        position: relative;
    }

    .tppoletics-sd-title {
        font-size: 120px;
        line-height: 1.1;
        background-clip: text;
        -webkit-text-stroke: 1.2px var(--tp-heading-primary);
        -webkit-background-clip: text;
        color: transparent;
        background-image: url("../img/bg/text-bg.jpg");
        background-size: cover;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tppoletics-sd-title {
            font-size: 105px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tppoletics-sd-title {
            font-size: 64px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tppoletics-sd-title {
            font-size: 100px;
        }
    }

    @media (max-width: 575px) {
        .tppoletics-sd-title {
            font-size: 65px;
        }
    }

    .tppoletics-text {
        font-size: 22px;
        font-weight: var(--tp-fw-sbold);
        color: var(--tp-heading-primary);
        display: block;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

    @media (max-width: 575px) {
        .tppoletics-text {
            font-size: 20px;
            letter-spacing: 0;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tppoletics-button {
            margin-top: 50px;
        }
    }

    .hero-bg-6 {
        position: relative;
        z-index: 1;
    }

        .hero-bg-6::after {
            position: absolute;
            content: "";
            right: 5%;
            top: 0;
            width: 55%;
            height: 100%;
            background-color: #F2F2F2;
            z-index: -11;
        }

    /*----------------------------------------*/
    /*  05. About CSS START
/*----------------------------------------*/
    .tpabout-pright {
        margin-left: 70px;
    }

    .tpabout__image {
        position: relative;
    }

        .tpabout__image img {
            width: 100%;
        }

    .about-des-text {
        padding: 0 78px;
        margin-bottom: 40px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .about-des-text {
            padding-left: 40px;
            padding-right: 40px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .about-des-text {
            padding: 0 0;
        }
    }

    .tpagency-about-wrapper {
        padding-top: 120px;
        padding-bottom: 210px;
        border-radius: 30px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

        .tpagency-about-wrapper::before {
            position: absolute;
            content: "";
            background: #1e4a71;
            opacity: 0.93;
            border-radius: 20px;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
        }
           .tpagency-mids-wrapper {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

            .tpagency-mids-wrapper::before {
                position: absolute;
                content: "";
                background: #1553a4;
                opacity: 0.93;
                border-radius: 20px;
                top: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
            }

    .tpagency-about {
        position: relative;
        z-index: 1;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpagency-about {
            padding: 0 100px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpagency-about {
            padding: 0 15px;
        }
    }

    .tpagency-about p {
        color: var(--tp-grey-3);
        padding: 0 80px;
    }

    @media only screen and (min-width: 1701px) and (max-width: 1800px) {
        .tpagency-about p {
            padding: 0 70px;
        }
    }

    @media only screen and (min-width: 1601px) and (max-width: 1700px) {
        .tpagency-about p {
            padding: 0 30px;
        }
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .tpagency-about p {
            padding: 0 25px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpagency-about p {
            padding: 0 30px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpagency-about p {
            padding: 0 75px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpagency-about p {
            padding: 0 54px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpagency-about p {
            padding: 0 15px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpagency-about-button a {
            margin: 20px 0;
        }
    }

    .tpfrn-about {
        margin-right: 75px;
    }

    @media (max-width: 575px) {
        .tpfrn-about {
            margin-right: 0;
        }
    }

    .tpfrn-about > p {
        margin-bottom: 35px;
    }

    .tpfrn-about-title {
        font-size: 45px;
        line-height: 1.3;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpfrn-about-title {
            font-size: 35px;
        }
    }

    .tpfrn-about-image .ab-iamge {
        width: 100%;
    }

    .tpbs-about-image {
        position: relative;
    }

        .tpbs-about-image img {
            border-radius: 50%;
            width: 100%;
        }

    .features__list ul li {
        margin-bottom: 10px;
    }

        .features__list ul li:last-child {
            margin-bottom: 0;
        }

        .features__list ul li i {
            display: inline-block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            background: var(--tp-blue-1);
            color: var(--tp-common-white);
            font-size: 10px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
        }

        .features__list ul li p {
            margin-bottom: 0;
            font-size: 16px;
            line-height: 29px;
            color: var(--tp-heading-primary);
            font-weight: var(--tp-fw-medium);
        }

        .features__list ul li:hover i {
            color: var(--tp-common-white);
            background: var(--tp-theme-1);
        }

    .tps-about-wrap {
        margin-left: 100px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tps-about-wrap {
            margin-left: 20px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tps-about-wrap {
            margin-left: 0;
            margin-top: 50px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tps-about-wrap .ab-text br {
            display: none;
        }
    }

    .tpbs-ab-shape {
        position: absolute;
        right: 0;
        bottom: -35%;
        z-index: -1;
    }

    .bio-wrapper {
        padding: 0 130px;
        padding-top: 190px;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .bio-wrapper {
            padding: 0 0;
            padding-top: 190px;
        }
    }

    .biograpy-title {
        font-size: 50px;
        line-height: 1.1;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .biograpy-title {
            font-size: 40px;
        }
    }

    @media (max-width: 575px) {
        .biograpy-title {
            font-size: 35px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .biograpy-image {
            text-align: center;
        }
    }

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

    .vote-title {
        font-size: 60px;
        line-height: 1.4;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .vote-title {
            font-size: 50px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .vote-title {
            font-size: 40px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .vote-title {
            font-size: 35px;
        }
    }

    @media (max-width: 575px) {
        .vote-title {
            font-size: 30px;
        }
    }

    .vote-sm-title {
        font-size: 30px;
        font-weight: var(--tp-fw-sbold);
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
        .vote-sm-title {
            font-size: 25px;
        }
    }

    @media (max-width: 575px) {
        .vote-sm-title {
            font-size: 20px;
        }
    }

    .border-top {
        border-top: 1px solid #ECEFF4;
    }

    .tpabout-xd-title {
        font-size: 25px;
        line-height: 1.3;
        font-weight: var(--tp-fw-light);
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpabout-xd-title {
            font-size: 20px;
            margin-bottom: 30px;
        }
    }

    @media (max-width: 575px) {
        .tpabout-xd-title {
            font-size: 25px;
            margin-bottom: 30px;
        }
    }

    .tpabout-xd-title b {
        font-weight: var(--tp-fw-sbold);
    }

    .tpabout-xs-title {
        font-size: 24px;
        color: var(--tp-heading-primary);
        font-weight: var(--tp-fw-medium);
        display: block;
    }

    .tpabout-content-2 {
        margin-right: 100px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpabout-content-2 {
            margin-right: 60px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpabout-content-2 {
            margin-right: 0;
        }
    }

    .tpabout-image-2 {
        position: relative;
    }

        .tpabout-image-2::before {
            position: absolute;
            content: "";
            background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
            right: 0;
            bottom: 3%;
            width: 100%;
            height: 100%;
            z-index: -1;
            visibility: visible;
            opacity: 1;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
            transform: rotate(6.95deg);
        }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpabout-image-2::before {
            transform: rotate(2.95deg);
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpabout-image-2::before {
            display: none;
        }
    }

    .tpabout-image-2:hover::before {
        transform: rotate(0);
        visibility: hiden;
        opacity: 0;
    }

    .tpabout-image-2 img {
        width: 100%;
    }

    .tpfact-wrapper-2 {
        border-top: 1px solid #ECEFF4;
    }

    .tp-award-item {
        display: flex;
        justify-content: space-between;
        border: 1px solid #ECEFF4;
        align-items: center;
    }

    @media (max-width: 575px) {
        .tp-award-item {
            display: block;
            padding: 20px;
            text-align: center;
        }
    }

    .award-title {
        font-size: 18px;
        line-height: 1.2;
        font-weight: var(--tp-fw-medium);
        padding: 5px;
    }

        .award-title:hover {
            color: var(--tp-theme-1);
        }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .award-title {
            font-size: 14px;
            padding: 5px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .award-title {
            font-size: 13px;
            line-height: 1.3;
        }
    }

    @media (max-width: 575px) {
        .award-title {
            font-size: 13px;
            line-height: 1.2;
        }
    }

    .award-meta {
        font-size: 13px;
        font-weight: var(--tp-fw-medium);
        color: #777B83;
        display: inline-block;
        text-transform: uppercase;
    }

        .award-meta .award-year {
            color: var(--tp-theme-1);
            margin-right: 8px;
        }

    .award-icon {
        border-left: 1px solid #ECEFF4;
        padding: 15px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .award-icon {
            padding: 15px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .award-icon {
            padding: 10px;
        }
    }

    .award-icon i {
        font-size: 30px;
        color: #B9B9B9;
    }

    @media (max-width: 575px) {
        .award-icon i {
            transform: rotate(0deg);
            transform-origin: 0% 0%;
        }
    }

    .award-icon i:hover {
        color: var(--tp-heading-primary);
    }

    @media (max-width: 575px) {
        .award-icon {
            padding: 0;
            border-left: 0;
        }
    }

    .award-icon-wrap {
        transform: rotate(-50deg);
        transform-origin: 65% 50%;
    }

    @media (max-width: 575px) {
        .award-icon-wrap {
            transform: rotate(0deg);
            transform-origin: 0% 0%;
        }
    }

    .award-image {
        padding: 0 40px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .award-image {
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .award-image {
            margin-right: 0;
        }
    }

    @media (max-width: 575px) {
        .award-image {
            padding: 0 0;
        }
    }

    .award-image img {
        width: 90px;
    }

    @media (max-width: 575px) {
        .award-content {
            padding: 15px 0;
        }
    }

    .aboutme-image img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .aboutme-sub-title {
        font-size: 18px;
        color: var(--tp-theme-1);
        font-weight: var(--tp-fw-medium);
        display: block;
    }

    .aboutme-feature-list ul li {
        list-style: none;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
    }

        .aboutme-feature-list ul li:last-child {
            margin-bottom: 0;
        }

        .aboutme-feature-list ul li p {
            color: var(--tp-heading-primary);
            margin-bottom: 0;
        }

        .aboutme-feature-list ul li a {
            color: var(--tp-grey-3);
            margin-left: 5px;
        }

    .aboutme-social a {
        font-size: 18px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #F1F1F1;
        color: #777B83;
        text-align: center;
        display: inline-block;
        margin-right: 10px;
        border-radius: 3px;
    }

    @media (max-width: 575px) {
        .aboutme-social a {
            margin-right: 5px;
        }
    }

    .aboutme-social a:last-child {
        margin-right: 0;
    }

    .aboutme-social a:hover {
        color: var(--tp-theme-1);
    }

    .aboutme-wrapper {
        margin-left: 65px;
    }

    .productdet-wrapper {
        margin-left: 65px;
        height: 100%;
        background-color: #fff;
        -webkit-box-shadow: 10px 10px 50px rgb(87 117 140 / 20%);
        box-shadow: 10px 10px 50px rgb(87 117 140 / 20%);
        padding: 2.33vw 3vw;
        border-radius: 20px;
    }

        .productdet-wrapper li {
            list-style: none;
        }

        .productdet-wrapper .meta {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 20px;
        }

            .productdet-wrapper .meta .icon {
                width: 60px;
                height: 60px;
                border-radius: 15px;
                background-color: aliceblue;
                color: #1e4a71;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                font-size: 20px;
                padding: 17px 22px;
            }

            .productdet-wrapper .meta .text {
                padding-left: 15px;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }

                .productdet-wrapper .meta .text .head {
                    color: #1e4a71;
                    font-size: 15px;
                    font-weight: 700;
                    line-height: 1.1;
                }

                .productdet-wrapper .meta .text .info {
                    color: #57758c;
                    font-family: "Inter", sans-serif;
                    margin-top: 5px;
                    line-height: 1.4;
                    display: block;
                }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .aboutme-wrapper {
            margin-left: 0;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .productdet-wrapper {
            margin-left: 0;
            padding: 2.33vw 3vw;
            border-radius: 20px;
        }
    }

    .ab-tabs {
        border-top: 1px solid #F1F1F1;
        border-bottom: 0;
        display:flex;
    }

        .ab-tabs .ab-tab-item {
            border: 1px solid #F1F1F1;
            border-radius: 0;
            font-size: 15px;
            color: var(--tp-heading-primary);
            font-weight: var(--tp-fw-sbold);
            display: inline-block;
            padding: 30px 50px;
            margin-bottom: 30px;
            transition: 0.3s;
            letter-spacing: 0px;
            background-color: #FDFDFD;
        }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ab-tabs .ab-tab-item {
            padding: 15px 25px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .ab-tabs .ab-tab-item {
            padding: 15px 15px;
        }
    }

    @media (max-width: 575px) {
        .ab-tabs .ab-tab-item {
            padding: 15px 15px;
            letter-spacing: 0;
        }
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .ab-tab-item.active {
        border-color: #F1F1F1;
        color: var(--tp-theme-1);
        box-shadow: 0px 12px 23px rgba(200, 200, 200, 0.25);
        background: aliceblue;
    }

    .tab-pane-title {
        font-size: 30px;
        line-height: 1.2;
        font-weight: var(--tp-fw-light);
    }

        .tab-pane-title b {
            font-weight: var(--tp-fw-sbold);
        }

    .tl-progress {
        position: relative;
    }

        .tl-progress::before {
            position: absolute;
            content: "";
            width: 165px;
            height: 165px;
            border-radius: 50%;
            left: 0;
            right: 0;
            text-align: center;
            margin: 0 auto;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
            top: -15px;
        }

    .experience-sm-item {
        border: 1px solid #ECEFF4;
        padding: 60px;
    }

        .experience-sm-item p {
            margin-bottom: 0;
        }

    @media (max-width: 575px) {
        .experience-sm-item {
            padding: 30px;
        }
    }

    .experience-title {
        font-size: 26px;
        font-weight: var(--tp-fw-medium);
    }

    .exp-duration {
        font-size: 13px;
        color: var(--tp-theme-1);
        font-weight: var(--tp-fw-sbold);
        display: block;
    }

    .edu-exp-title {
        font-size: 16px;
        font-weight: var(--tp-fw-medium);
        line-height: 1.3;
    }

    .edu-exp-item {
        padding-right: 70px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .edu-exp-item {
            padding-right: 0;
        }
    }

    @media (max-width: 575px) {
        .experience-item {
            margin-bottom: 60px;
        }
    }

    .skill-item-title {
        font-size: 16px;
        font-weight: var(--tp-fw-medium);
        letter-spacing: 1px;
    }

    .coming-soon-area {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 950px;
        position: absolute;
        width: 100%;
        top: 0;
        padding-top: 250px;
        z-index: 1;
    }

        .coming-soon-area::before {
            position: absolute;
            content: "";
            background: #fff;
            left: 0;
            right: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

    .tp-header-area-df {
        z-index: 2;
        position: relative;
    }

    .cm-sub-title {
        font-size: 25px;
        font-weight: var(--tp-fw-sbold);
        color: #777B83;
        display: block;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

    .cm-title {
        font-size: 65px;
        font-weight: var(--tp-fw-light);
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .cm-title {
            font-size: 40px;
        }
    }

    @media (max-width: 575px) {
        .cm-title {
            font-size: 35px;
        }
    }

    .coming__countdown-inner {
        text-align: center;
        margin-top: 70px;
        justify-content: center;
    }

        .coming__countdown-inner .cdown {
            font-size: 90px;
            font-weight: var(--tp-fw-medium);
            color: var(--tp-theme-1);
            margin: 0 20px;
            position: relative;
        }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .coming__countdown-inner .cdown {
            font-size: 40px;
            margin: 0 15px;
        }
    }

    @media (max-width: 575px) {
        .coming__countdown-inner .cdown {
            font-size: 35px;
            margin: 0 10px;
        }
    }

    .coming__countdown-inner .cdown p {
        margin-top: 50px;
        font-size: 30px;
        color: var(--tp-theme-1);
    }

    .cm-subscribe {
        display: flex;
        align-items: center;
        border: 1px solid #ECEFF4;
        box-shadow: 0 14px 33px rgba(233, 233, 233, 0.4);
        background: var(--tp-common-white);
        justify-content: space-between;
        padding: 28px 60px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .cm-subscribe {
            display: block;
            padding: 15px 20px;
        }
    }

    .notify-title {
        font-size: 26px;
        font-weight: var(--tp-fw-light);
        display: block;
        color: var(--tp-heading-primary);
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .notify-title {
            margin-bottom: 40px;
        }
    }

    .cm-subscribe .m-sidebar-search-2 {
        width: 75%;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .cm-subscribe .m-sidebar-search-2 {
            width: 100%;
        }
    }

    .cm-subscribe .m-sidebar-search-2 a {
        background: var(--tp-common-black);
    }

    .s-about-img {
        margin-right: -165px;
    }

    @media only screen and (min-width: 1601px) and (max-width: 1700px) {
        .s-about-img {
            margin-right: -70px;
        }
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .s-about-img {
            margin-right: -40px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .s-about-img {
            margin-right: 0;
        }
    }

    .s-about-img-2-inner {
        border-radius: 50%;
    }

    .s-about-img-2 .about-shape-1 {
        position: absolute;
        bottom: -25%;
        left: -21%;
        z-index: 1;
    }

    .s-about-img-2 .about-shape-2 {
        position: absolute;
        bottom: -14px;
        left: -14px;
        z-index: -1;
    }

    /*----------------------------------------*/
    /*  06. BLOG CSS START
/*----------------------------------------*/


    .tpblog__thumb {
        border-radius: 10px;
        overflow: hidden;
    }

        .tpblog__thumb img {
            width: 100%;
        }

    .tpblog__thumb-ds {
        border-radius: 20;
    }

    .tpblog__content {
        margin-left: 40px;
    }

    .tpblog__content-2 {
        margin-left: 0;
        background: var(--tp-common-white);
        padding: 30px 50px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .tpblog__meta {
        display: flex;
        align-items: center;
        position: relative;
    }

        .tpblog__meta::before {
            position: absolute;
            content: "";
            height: 2px;
            width: 30px;
            background: var(--tp-heading-primary);
            left: -40px;
            right: 0;
        }

    .tpblog__meta-2::before {
        display: none;
    }

    .tpblog__catagory {
        display: inline-block;
        font-size: 12px;
        font-weight: var(--tp-fw-bold);
        color: var(--tp-heading-primary);
        text-transform: uppercase;
        margin-right: 15px;
    }

    .tpblog__date {
        font-size: 12px;
        display: inline-block;
    }

    .tpblog__title {
        font-size: 18PX;
        line-height: 30PX;
        font-weight: var(--tp-fw-sbold);
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpblog__title {
            font-size: 18px;
        }
    }

    .tpblog__title a {
        background-image: linear-gradient(#141515, #141515), linear-gradient(#141515, #141515);
        display: inline;
        background-size: 0% 1.5px, 0 1.5px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        transition: background-size 0.4s linear;
    }

    .tpblog__title:hover > a {
        background-size: 0 1.5px, 100% 1.5px;
    }

    .tpblog:hover .tpblog__thumb img {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .tpblog__slider-active .slick-list {
        margin: 0 -15px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpblog__slider-active .slick-list {
            margin: 0 0;
        }
    }

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

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpblog__slider-active .slick-slide > div {
            padding: 0 0;
        }
    }

    .tpblog__slider-active .slick-list.draggable {
        padding: 0 0 !important;
    }

    .tpblog__slider-active .slick-center .tpblog__thumb {
        margin-bottom: 100px;
    }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tpblog__slider-active .slick-center .tpblog__thumb {
            margin-bottom: inherit;
        }
    }

    .tpblog__slider-active .slick-center .tpblog__thumb img {
        transform: scaleY(1.5);
    }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tpblog__slider-active .slick-center .tpblog__thumb img {
            transform: none;
        }
    }

    .tpblog__slider-active .slick-dots {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 1rem 0;
        list-style-type: none;
        margin-top: 50px;
    }

        .tpblog__slider-active .slick-dots li {
            margin: 0 0.25rem;
        }

        .tpblog__slider-active .slick-dots button {
            display: block;
            width: 8px;
            height: 8px;
            margin: 0 5px;
            border: none;
            border-radius: 100%;
            background-color: #CFCFCF;
            text-indent: -9999px;
        }

        .tpblog__slider-active .slick-dots li.slick-active button {
            background-color: var(--tp-heading-primary);
            position: relative;
            transform: scale(2);
            box-shadow: inset 0 0 0 1px var(--tp-theme-1);
            background-color: transparent;
        }

    .slick-center .tpblog .tpblog__thumb-ds {
        overflow: inherit;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .slick-center .tpblog .tpblog__thumb-ds {
            margin-bottom: 30px;
        }
    }

    .tpblog__slider-active-2 .slick-list {
        margin: 0 -15px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpblog__slider-active-2 .slick-list {
            margin: 0 0;
        }
    }

    .tpblog__slider-active-2 .slick-slide > div {
        padding: 0 15px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpblog__slider-active-2 .slick-slide > div {
            padding: 0 0;
        }
    }

    .tpblog__slider-active-2 .slick-list.draggable {
        padding: 0 0 !important;
    }

    .tpblog__slider-active-2 .slick-dots {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 1rem 0;
        list-style-type: none;
        margin-top: 50px;
    }

        .tpblog__slider-active-2 .slick-dots li {
            margin: 0 0.25rem;
        }

        .tpblog__slider-active-2 .slick-dots button {
            display: block;
            width: 8px;
            height: 8px;
            margin: 0 5px;
            border: none;
            border-radius: 100%;
            background-color: #CFCFCF;
            text-indent: -9999px;
        }

        .tpblog__slider-active-2 .slick-dots li.slick-active button {
            background-color: var(--tp-heading-primary);
            position: relative;
            transform: scale(2);
            box-shadow: inset 0 0 0 1px var(--tp-theme-1);
            background-color: transparent;
        }

    .tpmblog-item {
        display: flex;
        align-items: center;
        padding: 10px;
        transition: 0.3s;
    }

    @media (max-width: 575px) {
        .tpmblog-item {
            display: block;
            padding: 20px;
        }
    }

    .tpmblog-item p {
        margin-bottom: 0;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpmblog-item p br {
            display: none;
        }
    }

    .tpmblog-item:hover {
        box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.15);
        transition: 0.3s;
    }

    .tpmblog-title {
        font-size: 22px;
        font-weight: var(--tp-fw-sbold);
        line-height: 1.4;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpmblog-title br {
            display: none;
        }
    }

    .tpmblog-title a {
        position: relative;
        display: inline;
        background-image: linear-gradient(#FD4766, #FD4766), linear-gradient(#FD4766, #FD4766);
        background-size: 0% 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        transition: all 0.4s linear;
    }

    .tpmblog-title:hover a {
        color: var(--tp-theme-1);
        background-size: 0 1px, 100% 1px;
    }

    @media (max-width: 575px) {
        .tpmblog-image {
            text-align: center;
            margin-bottom: 25px;
            margin-right: 0;
        }

            .tpmblog-image img {
                width: 100%;
            }
    }

    .postbox__thumb {
        position: relative;
    }

        .postbox__thumb img {
            border-radius: 15px;
            box-shadow: 12px 14px 44px rgb(87 117 140 / 15%);
            padding: 15px;
        }

        .postbox__thumb .play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: 1;
        }

    .postbox__item {
        position: relative;
    }

        .postbox__item .tp-arrow-style button.slick-arrow {
            left: 0;
        }

            .postbox__item .tp-arrow-style button.slick-arrow.tp-slick-next {
                left: auto;
                right: 0;
            }

        .postbox__item .tp-arrow-style button.slick-arrow {
            background: var(--tp-common-white);
            height: 50px;
            width: 50px;
            line-height: 50px;
            font-size: 20px;
            color: var(--tp-heading-primary);
            border-radius: 0;
            border: none;
            outline: none;
            text-align: center;
            top: 50%;
            transform: translateY(-50%);
            margin: 0px;
            vertical-align: middle;
            transition: all 0.3s ease-out 0s;
            box-shadow: 0px 0px 30px 0px rgba(0, 5, 63, 0.1);
            position: absolute;
            transition: 0.3s;
            z-index: 1;
        }

            .postbox__item .tp-arrow-style button.slick-arrow:hover {
                background: var(--tp-theme-1);
                color: var(--tp-common-white);
            }

    .postbox__title {
        font-size: 36px;
        margin-bottom: 20px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .postbox__title {
            font-size: 28px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .postbox__title {
            font-size: 30px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .postbox__title {
            font-size: 25px;
        }
    }

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

    .postbox__title a {
        background-image: linear-gradient(#141515, #141515), linear-gradient(#141515, #141515);
        display: inline;
        background-size: 0% 1.5px, 0 1.5px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        transition: background-size 0.4s linear;
    }

    .postbox__title:hover a {
        background-size: 0 2px, 100% 2px;
    }

    .postbox__title-df {
        font-size: 25px;
        line-height: 1.2;
        font-weight: var(--tp-fw-sbold);
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
        .postbox__title-df {
            font-size: 20px;
        }
    }

    @media (max-width: 575px) {
        .postbox__title-df {
            font-size: 20px;
        }
    }

    .postbox__title-sm {
        font-size: 28px;
        font-weight: var(--tp-fw-sbold);
        line-height: 1.2;
    }

    .postbox__meta {
        margin-bottom: 20px;
    }

        .postbox__meta span {
            font-size: 14px;
            font-weight: 500;
            color: #777B83;
            text-transform: uppercase;
            display: inline-block;
            margin-right: 30px;
        }

    .meta__social {
    }

        .meta__social ul li a:hover {
            background: var(--tp-theme-1);
            color: var(--tp-common-white);
        }

        .meta__social ul li {
            display: inline-block;
        }

            .meta__social ul li:not(:last-child) {
                margin-right: 5px;
            }

            .meta__social ul li a {
                display: inline-block;
                width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                background: #fff;
                font-size: small;
                color: #425ba6;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -o-border-radius: 5px;
                -ms-border-radius: 5px;
                border-radius: 100px;
                box-shadow: 0 2px 13px 0 rgb(66 91 166 / 19%)
            }

                .meta__social ul li a:hover {
                    background: #425ba6;
                    color: #fff;
                }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .postbox__meta span {
            margin-right: 20px;
        }
    }

    @media (max-width: 575px) {
        .postbox__meta span {
            font-size: 14px;
        }
    }

    .postbox__meta span:last-child {
        margin-right: 0;
    }

    .postbox__meta span i {
        color: var(--tp-theme-1);
        margin-right: 3px;
    }

    .postbox__meta span:hover {
        color: var(--tp-theme-1);
    }

        .postbox__meta span:hover i {
            color: var(--tp-theme-1);
        }

    .postbox__meta .postdetails-tag {
        font-size: 12px;
        font-weight: var(--tp-fw-sbold);
        color: var(--tp-common-white);
        background: var(--tp-theme-1);
        padding: 2px 10px;
        border-radius: 5px;
    }

        .postbox__meta .postdetails-tag:hover {
            color: var(--tp-common-white);
        }

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

    .postbox__text p {
        margin-bottom: 28px;
    }

    .postbox__text-single p {
        margin-bottom: 15px;
    }

    .postbox__slider button {
        position: absolute;
        left: 50px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
        font-size: 30px;
        color: var(--tp-common-white);
    }

        .postbox__slider button.postbox-slider-button-next {
            left: auto;
            right: 50px;
        }

    @media (max-width: 575px) {
        .postbox__slider button.postbox-slider-button-next {
            right: 10px;
        }
    }

    @media (max-width: 575px) {
        .postbox__slider button {
            left: 10px;
        }
    }

    .postbox__comment ul li {
        margin-bottom: 40px;
        list-style: none;
    }

        .postbox__comment ul li.children {
            margin-left: 100px;
        }

    @media (max-width: 575px) {
        .postbox__comment ul li.children {
            margin-left: 15px;
        }
    }

    .postbox__comment-form {
        margin-bottom: 20px;
    }

    .postbox__comment-form-title {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 40px;
    }

    .postbox__comment-input {
        position: relative;
        margin-bottom: 30px;
    }

        .postbox__comment-input span {
            font-weight: 600;
            color: var(--tp-common-black);
            margin-bottom: 12px;
            display: block;
        }

        .postbox__comment-input input, .postbox__comment-input textarea {
            width: 100%;
            height: 56px;
            line-height: 54px;
            padding: 0 23px;
            background: #f3f4f8;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            border: 2px solid #f3f4f8;
            color: var(--tp-common-black);
            font-size: 15px;
        }

            .postbox__comment-input input::placeholder, .postbox__comment-input textarea::placeholder {
                font-size: 15px;
                color: #6d6e75;
            }

            .postbox__comment-input input:focus, .postbox__comment-input textarea:focus {
                border-color: var(--tp-theme-1);
                outline: none;
                background: var(--tp-common-white);
            }

        .postbox__comment-input textarea {
            height: 180px;
            padding: 23px 25px;
            line-height: 1.1;
            resize: none;
        }

    .postbox__comment-title {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .postbox__comment-avater img {
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

    .postbox__comment-name {
        margin-bottom: 5px;
    }

        .postbox__comment-name h5 {
            font-size: 18px;
            font-weight: var(--tp-fw-sbold);
            line-height: 1.2;
            margin-bottom: 0;
        }

        .postbox__comment-name span {
            font-size: 14px;
            color: var(--tp-theme-1);
            margin-top: 10px;
            display: block;
        }

    @media (max-width: 575px) {
        .postbox__comment-text {
            margin-left: 0;
            margin-top: 15px;
        }
    }

    .postbox__comment-text p {
        font-size: 16px;
        color: var(--tp-text-11);
        margin-bottom: 15px;
    }

    .postbox__comment-reply {
        margin-top: 10px;
    }

        .postbox__comment-reply a {
            display: inline-block;
            color: var(--tp-theme-1);
            background: rgba(61, 108, 231, 0.1);
            height: 22px;
            line-height: 22px;
            padding: 0 10px;
            font-weight: 500;
            font-size: 14px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
        }

            .postbox__comment-reply a:hover {
                color: var(--tp-common-white);
                background: var(--tp-theme-1);
            }

    .postbox__comment-agree {
        padding-left: 5px;
    }

        .postbox__comment-agree input {
            margin: 0;
            appearance: none;
            -moz-appearance: none;
            display: block;
            width: 14px;
            height: 14px;
            background: var(--tp-common-white);
            border: 1px solid #b9bac1;
            outline: none;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            flex: 0 0 auto;
            -webkit-transform: translateY(-1px);
            -moz-transform: translateY(-1px);
            -ms-transform: translateY(-1px);
            -o-transform: translateY(-1px);
            transform: translateY(-1px);
            margin-top: 5px;
        }

            .postbox__comment-agree input:checked {
                position: relative;
                background-color: var(--tp-theme-1);
                border-color: transparent;
            }

                .postbox__comment-agree input:checked::after {
                    box-sizing: border-box;
                    content: "\f00c";
                    position: absolute;
                    font-family: var(--tp-ff-fontawesome);
                    font-size: 10px;
                    color: var(--tp-common-white);
                    top: 46%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

            .postbox__comment-agree input:hover {
                cursor: pointer;
            }

        .postbox__comment-agree label {
            padding-left: 8px;
            line-height: 26px;
        }

            .postbox__comment-agree label a {
                color: var(--tp-common-black);
                font-weight: 600;
                padding-left: 4px;
            }

                .postbox__comment-agree label a:hover {
                    color: var(--tp-theme-1);
                }

            .postbox__comment-agree label:hover {
                cursor: pointer;
            }

    .postbox__tag {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-common-white);
        background: var(--tp-common-black);
        display: block;
        padding: 3px 10px;
        line-height: 20px;
        letter-spacing: 1px;
    }

    .postbox__tag-wrapper {
        position: absolute;
        top: 30px;
        left: -30px;
    }

    .postd-text {
        line-height: 30px;
    }

        .postd-text b {
            font-weight: var(--tp-fw-medium);
            color: var(--tp-heading-primary);
        }

    .bolgd-tags-wrapper {
        display: flex;
        border-bottom: 1px solid var(--tp-grey-1);
        padding-bottom: 50px;
    }

    .blogd-tag-title {
        font-size: 24px;
        font-weight: var(--tp-fw-sbold);
        margin-right: 35px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .blogd-tag-title {
            margin-right: 20px;
        }
    }

    .tags-list a {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: var(--tp-fw-sbold);
        display: inline-block;
        text-align: center;
        padding: 0 25px;
        color: #777B83;
        border: 1px solid var(--tp-grey-1);
        padding: 3px 22px;
        margin-bottom: 10px;
        margin-right: 5px;
        border-radius: 30px;
        letter-spacing: 1px;
    }

        .tags-list a:hover {
            background: var(--tp-theme-1);
            border-color: var(--tp-theme-1);
            color: var(--tp-common-white);
        }

    .rcpost-title {
        font-size: 24px;
        line-height: 1.2;
        font-weight: var(--tp-fw-sbold);
    }

    .postbox-meta {
        display: flex;
        justify-content: space-between;
    }

    @media (max-width: 575px) {
        .postbox-meta {
            display: block;
        }
    }

    .postshare-option {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .postshare-option a {
            font-size: 18px;
            display: inline-block;
            margin-right: 15px;
        }

            .postshare-option a .fa-linkedin {
                color: #0072AC;
            }

            .postshare-option a .fa-pinterest {
                color: #DA0021;
            }

            .postshare-option a .fa-facebook {
                color: #0072AC;
            }

            .postshare-option a .fa-twitter {
                color: #3AC4FF;
            }

    .postbox-share-title {
        font-size: 24px;
        line-height: 1.2;
        font-weight: var(--tp-fw-sbold);
        margin-right: 20px;
    }

    .rc__post ul li:not(:last-child) {
        margin-bottom: 15px;
    }

    .rc__post-thumb img {
        width: 80px;
        height: 80px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

    .rc__post-title {
        margin-bottom: 6px;
        font-size: 17px;
    }

        .rc__post-title a:hover {
            color: var(--tp-theme-1);
        }

    .rc__meta span {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), only screen and (min-width: 768px) and (max-width: 991px) {
        .news-sidebar {
            padding-left: 0;
        }
    }

    .widget {
        padding: 35px 38px;
        margin-bottom: 40px;
        box-shadow: 10px 10px 20px 20px rgb(87 117 140 / 12%);
        border-radius: 15px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .widget {
            padding: 25px 25px;
        }
    }

    @media (max-width: 575px) {
        .widget {
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    .sidebar-title {
        font-size: 22px;
        margin-bottom: 30px;
        line-height: 1;
        font-weight: var(--tp-fw-sbold);
    }

    .n-sidebar-search {
        position: relative;
    }

        .n-sidebar-search a {
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            background: var(--tp-theme-1);
            color: var(--tp-common-white);
            font-size: 14px;
            display: inline-block;
            position: absolute;
            top: 0;
            right: 0;
        }

        .n-sidebar-search input {
            padding-left: 30px;
            padding-right: 80px;
            background: #f3f4f8;
            height: 60px;
            width: 100%;
            border: 0;
            outline: none;
        }

            .n-sidebar-search input::placeholder {
                color: #999999;
            }

    .n-sidebar-feed ul li {
        display: flex;
        align-items: center;
        padding-top: 30px;
        list-style: none;
    }

        .n-sidebar-feed ul li:first-child {
            padding-top: 0;
        }

        .n-sidebar-feed ul li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

    .n-sidebar-categories li {
        list-style: none;
    }

        .n-sidebar-categories li:hover .single-category {
            background: var(--tp-theme-1);
            border-color: var(--tp-theme-1);
            color: var(--tp-common-white);
            transition: 0.3s;
        }

    .feed-content {
        margin-left: 20px;
    }

        .feed-content h6 {
            font-size: 14px;
            line-height: 22px;
            font-weight: var(--tp-fw-medium);
        }

            .feed-content h6:hover {
                color: var(--tp-theme-1);
            }

    .feed-number img {
        max-width: 97px;
        height: 78px;
        padding: 5px;
        border-radius: 15px;
        box-shadow: 12px 14px 44px rgb(87 117 140 / 15%);
    }

    .feed-date {
        font-size: 14px;
        color: var(--tp-heading-primary) .feed-date i;
        color-margin-right: 5px;
    }

    .single-category {
        font-size: 14px;
        width: 100%;
        height: 50px;
        padding: 0 20px;
        line-height: 50px;
        border: 1px solid var(--tp-grey-1);
        display: inline-block;
        transition: all 0.5s ease-out 0s;
        color: #777B83;
        display: flex;
        justify-content: space-between;
    }

    .single-tag {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: var(--tp-fw-sbold);
        display: inline-block;
        text-align: center;
        padding: 0 25px;
        color: #777B83;
        border: 1px solid var(--tp-grey-1);
        padding: 3px 22px;
        margin-bottom: 10px;
        margin-right: 5px;
        border-radius: 30px;
        letter-spacing: 1px;
    }

        .single-tag:hover {
            background: var(--tp-theme-1);
            border-color: var(--tp-theme-1);
            color: var(--tp-common-white);
        }

    .tagcloud a {
        background: var(--tp-grey-1);
        color: var(--tp-common-black);
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        line-height: 1;
        padding: 8px 21px;
        padding-bottom: 8px;
        margin-bottom: 8px;
        margin-right: 5px;
        text-transform: uppercase;
        border-radius: 40px;
        border: 0;
    }

        .tagcloud a:hover {
            background: var(--tp-common-black);
            color: var(--tp-common-white);
        }

    blockquote {
        padding-left: 20px;
        border-left: 3px solid var(--tp-theme-1);
        margin-bottom: 60px;
    }

    .hs-responsive-embed-youtube {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
        padding-top: 25px;
    }

        .hs-responsive-embed-youtube iframe {
            position: absolute;
            width: 100% !important;
            height: 100% !important;
        }
.blog-grid-item .play-button {
    display: block;
    height: auto;
    position: relative;
    cursor: pointer;
    filter:brightness(0.75);
}

    .blog-grid-item .play-button:after {
        content: "\f144";
        font-family: 'FontAwesome';
        text-align: center;
        font-size: 6em;
        line-height: 0;
        color: #0083db;
        opacity: 0.9;
        width: 50%;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        filter: drop-shadow(2px 2px 3px black);
    }

    .blog-grid-item .play-button:hover:after {
        opacity: 1;
    }
.blog-grid-item {
    box-shadow: 0 2px 13px 0 rgb(66 91 166 / 40%);
    padding: 15px;
    border-radius: 15px;
    height: 385px;
}

        .blog-grid-item .blog-grid-thumb img {
            border-radius: 15px;
            height: 240px;
            max-height: 240px;
        }

        .blog-grid-item .blog-grid-thumbX img {
            border-radius: 15px;
            height: 240px;
            max-height: 240px;
            object-fit: cover;
            object-position: top;
        }

        .blog-grid-item:hover .blog-grid-thumb img {
            transform: scale3d(1.1, 1.1, 1.1);
        }

        .blog-grid-item:hover .blog-grid-thumbX img {
            transform: scale3d(1.1, 1.1, 1.1);
        }

    .blog-grid-thumb .grid-image {
        overflow: hidden;
    }

    .blog-grid-tag {
        font-size: 11px;
        font-weight: var(--tp-fw-medium);
        background: var(--tp-theme-1);
        color: var(--tp-common-white);
        display: inline-block;
        padding: 0 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 25px;
    }

    .blog-grid-title {
        font-size: 17px;
        line-height: 1.3;
        font-weight: var(--tp-fw-sbold);
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .blog-grid-title {
            font-size: 15px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .blog-grid-title {
            font-size: 14px;
        }
    }

    .blog-grid-title a {
        background-image: linear-gradient(#141515, #141515), linear-gradient(#141515, #141515);
        display: inline;
        background-size: 0% 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        transition: background-size 0.4s linear;
    }

    .blog-grid-title:hover a {
        background-size: 0 1px, 100% 1px;
    }

    .blog-grid-date {
        display: block;
        font-size: 15px;
        font-weight: var(--tp-fw-regular);
    }

        .blog-grid-date i {
            color: var(--tp-heading-primary);
            margin-right: 5px;
        }

    .blog-slider-15 {
        margin-right: -495px;
    }

    @media only screen and (min-width: 1601px) and (max-width: 1700px) {
        .blog-slider-15 {
            margin-right: -400px;
        }
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .blog-slider-15 {
            margin-right: -495px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .blog-slider-15 {
            margin-right: -650px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .blog-slider-15 {
            margin-right: -250px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .blog-slider-15 {
            margin-right: -200px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .blog-slider-15 {
            margin-right: 0;
        }
    }

    .blog-title-15 {
        font-size: 22px;
        color: var(--tp-common-black);
        font-weight: 600;
        margin-bottom: 25px;
    }

        .blog-title-15 a:hover {
            color: var(--tp-theme-1);
        }

    .blog-content-15 {
        padding: 35px 65px 35px 15px;
    }

    @media only screen and (min-width: 1701px) and (max-width: 1800px) {
        .blog-content-15 {
            padding: 25px 65px 25px 15px;
        }
    }

    @media only screen and (min-width: 1601px) and (max-width: 1700px) {
        .blog-content-15 {
            padding: 25px 65px 25px 15px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .blog-content-15 {
            padding: 15px 65px 7px 15px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .blog-content-15 {
            padding-left: 25px;
        }
    }

    @media (max-width: 575px) {
        .blog-content-15 {
            padding-right: 15px;
        }
    }

    .blog-content-15 > p {
        color: #7A8085;
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 27px;
    }

    .blog-thumb-15 img {
        width: 100%;
    }

    .blog-meta-15 {
        margin-bottom: 25px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .blog-meta-15 {
            margin-bottom: 15px;
        }
    }

    .blog-meta-15 .blog-category {
        font-size: 12px;
        text-transform: uppercase;
        color: var(--tp-common-black);
        font-weight: 700;
    }

    .blog-meta-15 span {
        color: #A6A8AB;
        font-size: 12px;
        margin-left: 15px;
    }

    @media (max-width: 575px) {
        .blog-navigation-btn {
            display: none;
        }
    }

    .blog-navigation-btn button {
        font-size: 50px;
        color: #B9B9B9;
        border-radius: 50%;
        border: none;
        outline: none;
        cursor: pointer;
        z-index: 1;
        text-align: center;
        margin: 0px;
        vertical-align: middle;
        transition: all 0.3s ease-out 0s;
    }

        .blog-navigation-btn button.blog-slider-button-next {
            margin-left: 35px;
        }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .blog-navigation-btn button.blog-slider-button-next {
            margin-left: 0;
        }
    }

    .blog-slider .swiper-pagination-bullet {
        font-size: 0;
        display: block;
        width: 8px;
        height: 8px;
        margin: 0 9px !important;
        border: none;
        border-radius: 100%;
        background-color: #0D0D0D;
        opacity: 0.3;
    }

        .blog-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
            position: relative;
            transform: scale(2);
            box-shadow: inset 0 0 0 1px var(--tp-common-black-2);
            background-color: transparent;
            opacity: 1;
        }

    .blog-slider-nav-1 button {
        background: var(--tp-common-white);
        height: 60px;
        width: 60px;
        line-height: 58px;
        font-size: 18px;
        color: var(--tp-common-black-2);
        border-radius: 50%;
        border: none;
        outline: none;
        border: 1px solid #ECEFF4;
        text-align: center;
        top: 43%;
        transform: translateY(-50%);
        position: absolute;
        left: -100px;
        transition: 0.3s;
        z-index: 1;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .blog-slider-nav-1 button {
            left: -35px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .blog-slider-nav-1 button {
            left: -20px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .blog-slider-nav-1 button {
            display: none;
        }
    }

    .blog-slider-nav-1 button.blog-slider-button-next-1 {
        left: auto;
        right: -100px;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .blog-slider-nav-1 button.blog-slider-button-next-1 {
            right: -35px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .blog-slider-nav-1 button.blog-slider-button-next-1 {
            right: -20px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .blog-slider-nav-1 button.blog-slider-button-next-1 {
            display: none;
        }
    }

    .blog-slider-nav-1 button:hover {
        color: var(--tp-common-white);
        background-color: var(--tp-theme-1);
        border-color: var(--tp-theme-1);
    }

    .blog-item {
        min-height: 515px;
        position: relative;
        border-radius: 10px;
    }

        .blog-item::before {
            position: absolute;
            content: "";
            left: 0px;
            bottom: 0px;
            height: 0%;
            width: 100%;
            background: linear-gradient(3.98deg, rgba(28, 153, 254, 0) 20.98%, rgba(118, 68, 255, 0.76) 60.1%, #FD4766 100.18%);
            border-radius: 10px;
            transform: rotate(-180deg);
            opacity: 0.85;
            z-index: 1;
        }

        .blog-item:hover::before {
            height: 100%;
        }

        .blog-item:hover .blog-thumb {
            transform: scale(1.1);
        }

        .blog-item:hover .blog-content {
            bottom: 10px;
        }

        .blog-item:hover .blog-link-btn {
            visibility: visible;
            opacity: 1;
            transition-delay: 0.3s;
        }

    .blog-item-2-wrapper {
        min-height: 515px;
        position: relative;
        border-radius: 10px;
    }

        .blog-item-2-wrapper::after {
            content: "";
            z-index: -1;
            background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
            border-radius: 10px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
        }

        .blog-item-2-wrapper:hover::after {
            transform: rotate(-3.89deg);
        }

    .blog-item-2::before {
        position: absolute;
        height: 0%;
        width: 100%;
        content: "";
        background: linear-gradient(3.98deg, rgba(0, 0, 0, 0) 3.24%, #000000 93.62%);
        border-radius: 10px;
        transform: rotate(-180deg);
        opacity: 0.85;
        left: 0px;
        bottom: 0px;
        z-index: 1;
    }

    .blog-item-2:hover .blog-content-2 {
        visibility: visible;
        opacity: 1;
    }

    .blog-title {
        font-size: 22px;
        font-weight: 600;
        color: var(--tp-common-white);
        margin-bottom: 15px;
        line-height: 1.4;
    }

    .blog-thumb {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .blog-meta {
        margin-bottom: 20px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .blog-meta {
            margin-bottom: 15px;
        }
    }

    .blog-meta .blog-category {
        font-size: 12px;
        text-transform: uppercase;
        color: var(--tp-common-white);
        font-weight: 700;
    }

    .blog-meta span {
        color: var(--tp-common-white);
        font-size: 12px;
        margin-left: 15px;
    }

    .blog-content {
        position: absolute;
        left: 55px;
        right: 55px;
        text-align: center;
        bottom: -30px;
        z-index: 2;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .blog-content {
            left: 20px;
            right: 20px;
        }
    }

    .blog-content-2 {
        position: absolute;
        left: 50px;
        right: 50px;
        text-align: center;
        bottom: 0px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        z-index: 2;
        visibility: hidden;
        opacity: 0;
    }

    .blog-link-btn {
        font-size: 40px;
        color: var(--tp-common-white);
        visibility: hidden;
        opacity: 0;
    }

        .blog-link-btn:hover {
            color: var(--tp-common-white);
        }

    /*----------------------------------------*/
    /*  07. services CSS START
/*----------------------------------------*/
    .tpservices-info {
        margin-left: 70px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpservices-info {
            margin-left: 0;
            margin-right: 70px;
            margin-top: 30px;
        }
    }

    .tpservices-info p {
        margin-bottom: 0;
    }

    .tpservices {
        padding: 15px 10px;
        background: var(--tp-common-white);
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .tpservices-2 {
        border: 1px solid var(--tp-border-1);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        position: relative;
    }

        .tpservices-2::before {
            position: absolute;
            content: "";
            background: linear-gradient(228.31deg, #1C99FE -0.79%, #7644FF 51.02%, #FD4766 98.06%);
            border-radius: 10px;
            right: 0;
            bottom: 0;
            width: 92%;
            height: 92%;
            z-index: -1;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

        .tpservices-2:hover::before {
            right: -7px;
            bottom: -7px;
            visibility: visible;
            opacity: 1;
        }

        .tpservices-2:hover .tpservices__btn a span {
            background: var(--tp-theme-1);
        }

        .tpservices-2:hover .tpservices__icon {
            transform: translateY(-10px);
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

    .tpservices-3 {
        border: 1px solid var(--tp-border-1);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        position: relative;
    }

        .tpservices-3::before {
            position: absolute;
            content: "";
            background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
            border-radius: 10px;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

        .tpservices-3:hover::before {
            transform: rotate(-6.05deg);
            visibility: visible;
            opacity: 1;
        }

        .tpservices-3:hover .tpservices__btn a span {
            background: var(--tp-theme-1);
        }

        .tpservices-3:hover .tpservices__icon {
            transform: translateY(-10px);
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

        .tpservices-3 .tpservices__icon i {
            color: var(--tp-theme-1);
            background: none;
            -webkit-background-clip: inherit;
            -webkit-text-fill-color: inherit;
        }

    .tpservices-4 {
        padding: 0 0;
        padding-right: 40px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpservices-4 {
            padding-right: 0;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpservices-4 {
            padding-right: 0;
        }
    }

    @media (max-width: 575px) {
        .tpservices-4 {
            text-align: center;
            padding-right: 0;
        }
    }

    @media (max-width: 575px) {
        .tpservices-4 .tpservices__content p {
            padding: 0 15px;
        }
    }

    .tpservices-4 .tpservices__icon i {
        color: var(--tp-theme-1);
        background: none;
        background-clip: border-box;
        -webkit-background-clip: inherit;
        -webkit-text-fill-color: inherit;
    }

    .tpservices__icon {
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .tpservices__icon i {
            font-size: 40px;
            background: #425ba6;
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

    .tpservices__title {
        font-size: 16px;
        font-weight: var(--tp-fw-sbold);
        color: #425ba6;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpservices__title {
            font-size: 13px;
        }
    }

    .tpservices__title:hover {
        color: #425ba6;
    }

    .tpservices__title span {
        font-weight: var(--tp-fw-light);
    }

    .tpservices__btn a {
        font-size: 14px;
        color: #425ba6;
        font-weight: var(--tp-fw-sbold);
        letter-spacing: 1px;
    }

        .tpservices__btn a:hover {
            color: var(--tp-theme-1);
        }

        .tpservices__btn a span {
            height: 5px;
            width: 5px;
            border-radius: 50%;
            display: inline-block;
            background: var(--tp-heading-primary);
            margin-right: 3px;
        }

            .tpservices__btn a span:last-child {
                margin-right: 0;
            }

        .tpservices__btn a i {
            font-size: inherit;
            color: #425ba6;
            background: white;
        }

            .tpservices__btn a i:hover {
                color: var(--tp-theme-1);
            }

    .tpservices__shape-star {
        position: absolute;
    }

    .tpservices__shape-star-1 {
        top: 30%;
        left: 8%;
    }

    .tpservices-tpbs {
        border: 1px solid var(--tp-border-1);
        border-radius: 10px;
        padding-bottom: 45px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tpservices-tpbs {
            padding: 50px 20px;
        }
    }

    .tpservices-border {
        border-right: 1px solid var(--tp-border-1);
    }

    .tp-mds-services {
        position: relative;
    }

        .tp-mds-services::before {
            position: absolute;
            content: "";
            height: 3px;
            background: linear-gradient(260.16deg, #1C99FE 9.94%, #7644FF 54.82%, #FD4766 95.56%);
            bottom: 0;
            width: 0%;
            visibility: hidden;
            opacity: 0;
            left: 0;
            right: 0;
            transition: 0.3s;
        }

        .tp-mds-services:hover {
            transform: translateY(20px);
            box-shadow: 0px 9px 23px rgba(97, 97, 97, 0.02);
        }

            .tp-mds-services:hover::before {
                visibility: visible;
                opacity: 1;
                width: 100%;
            }

        .tp-mds-services .tpservices__icon i {
            color: var(--tp-theme-1);
            background: none;
            -webkit-background-clip: inherit;
            -webkit-text-fill-color: inherit;
        }

    .tpfrn-services-wrapper {
        position: relative;
    }

        .tpfrn-services-wrapper::before {
            content: "";
            position: absolute;
            top: 0;
            width: 100%;
            left: 0;
            height: 2px;
            background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
        }

    .tpbs-nav-wrapper {
        top: 45%;
    }

        .tpbs-nav-wrapper .tpbss-arrow-display {
            text-align: right;
        }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpbs-nav-wrapper {
            display: none;
        }
    }

    .tpbs-services__slider-active .slick-list {
        margin: 0 -15px;
    }

    @media (max-width: 575px) {
        .tpbs-services__slider-active .slick-list {
            margin: 0 0;
        }
    }

    .tpbs-services__slider-active .slick-slide > div {
        padding: 0 15px;
    }

    @media (max-width: 575px) {
        .tpbs-services__slider-active .slick-slide > div {
            padding: 0 0;
        }
    }

    .tppo-services-item {
        position: relative;
        padding: 70px 0;
        background: var(--tp-common-white);
        border-radius: 10px;
        overflow: hidden;
    }

        .tppo-services-item:hover .tppo-services-icon {
            transform: translateY(-10px);
        }

        .tppo-services-item:hover .tppo-services-shape {
            visibility: visible;
            opacity: 1;
        }

        .tppo-services-item:hover .tppo-services-shape-1 {
            top: 0;
            left: 0;
        }

        .tppo-services-item:hover .tppo-services-shape-2 {
            bottom: 0;
            right: 0;
        }

    .tppo-services-title {
        font-size: 26px;
        font-weight: var(--tp-fw-sbold);
    }

        .tppo-services-title:hover {
            color: var(--tp-theme-1);
        }

    .tppo-services-icon {
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .tppo-services-icon i {
            font-size: 70px;
            color: #000000;
        }

    .tppo-services-shape {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .tppo-services-shape img {
            border-radius: 10px;
        }

    .tppo-services-shape-1 {
        top: 0;
        left: -10px;
    }

    .tppo-services-shape-2 {
        bottom: 0;
        right: -10px;
    }

    .services-d-title {
        font-size: 40px;
        line-height: 1.3;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .services-d-title {
            font-size: 35px;
        }
    }

    @media (max-width: 575px) {
        .services-d-title {
            font-size: 30px;
        }
    }

    .services-sm-image img {
        border-radius: 10px;
    }

    .services-text {
        line-height: 30px;
    }

    .services-sm-title {
        font-size: 30px;
        line-height: 1.2;
    }

    @media (max-width: 575px) {
        .services-sm-title {
            font-size: 25px;
        }
    }

    .step-item {
        position: relative;
    }

        .step-item p {
            line-height: 26px;
        }

    .step-item-shape {
        position: absolute;
    }

    @media (max-width: 575px) {
        .step-item-shape {
            display: none;
        }
    }

    .step-item .shape-1 {
        top: 5px;
        right: -80px;
    }

    .step-title {
        font-size: 18px;
        font-weight: var(--tp-fw-sbold);
    }

    .step-number {
        width: 45px;
        height: 45px;
        line-height: 45px;
        background: var(--tp-theme-1);
        display: block;
        text-align: center;
        margin: 0 auto;
        font-size: 16px;
        font-weight: var(--tp-fw-sbold);
        color: var(--tp-common-white);
        border-radius: 50%;
        font-family: var(--tp-ff-heading);
        z-index: 1;
    }

    .step-number-wrapper {
        position: relative;
    }

        .step-number-wrapper::after {
            position: absolute;
            content: "";
            background: #FFEDF0;
            right: 0;
            left: 0;
            top: -15px;
            width: 75px;
            height: 75px;
            z-index: -1;
            border-radius: 50%;
            margin: 0 auto;
        }

    /*----------------------------------------*/
    /*  08. Video CSS START
/*----------------------------------------*/
    .tpvideo {
        position: relative;
    }

    .tpvideo-2 {
        min-height: 625px;
        position: relative;
        z-index: 1;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpvideo-2 {
            min-height: 550px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpvideo-2 {
            min-height: 460px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpvideo-2 {
            min-height: 385px;
        }
    }

    .tpvideo-2::before {
        position: absolute;
        content: "";
        background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
        border-radius: 10px;
        transform: matrix(1, -0.02, 0.08, 1, 0, 0);
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    @media (max-width: 575px) {
        .tpvideo-2::before {
            display: none;
        }
    }

    .tpvideo-2 img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
    }

    .tpvideo-2:hover::before {
        transform: none;
    }

    .tpvideo img {
        width: 100%;
        object-fit: cover;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpvideo img {
            min-height: 400px;
        }
    }

    .tpvideo__content {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        transform: translateY(-50%);
    }

    .tpvideo__shape {
        position: absolute;
    }

    .tpvideo__shape-star {
        position: absolute;
    }

    .tpvideo__shape-star-1 {
        top: 15%;
        left: 4%;
    }

    .tpvideo__shape-star-2 {
        top: 2%;
        right: 10%;
    }

    .tpvideo__shape-star-3 {
        bottom: 6%;
        right: 10%;
    }

    .video-button a {
        width: 120px;
        height: 120px;
        background: var(--tp-common-white);
        border-radius: 50%;
        color: var(--tp-theme-1);
        transition: 0.3s;
        display: inline-block;
        box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
        line-height: 120px;
        text-align: center;
        font-size: 20px;
        transition: 0.3s;
    }

        .video-button a:hover {
            background: var(--tp-theme-1);
            color: var(--tp-common-white);
            border-color: var(--tp-theme-1);
        }

        .video-button a::before {
            position: absolute;
            content: "";
            width: 120px;
            height: 120px;
            border-radius: 50%;
            z-index: -1;
            animation: pulse 2s infinite;
            left: 0;
            right: 0;
            text-align: center;
            margin: 0 auto;
        }

    .tpbs-video-area {
        position: relative;
        width: 100%;
    }

        .tpbs-video-area .container-fluid {
            padding-right: var(--bs-gutter-x, 0);
            padding-left: var(--bs-gutter-x, 0);
            overflow: hidden;
        }

    .tpbsvideo-left {
        position: absolute;
        overflow: hidden;
        height: 100%;
        width: 50%;
        top: 0;
        left: 0;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tpbsvideo-left {
            position: relative;
            height: 450px;
            width: 100%;
        }
    }

    @media (max-width: 575px) {
        .tpbsvideo-left {
            position: relative;
            height: 300px;
            width: 100%;
        }
    }

    .tpbsvideo-left::before {
        position: absolute;
        content: "";
        background: #141515;
        opacity: 0.65;
        transform: matrix(1, 0, 0, -1, 0, 0);
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }

    .tpbs-shape {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .tpbsvideo-box {
        padding: 164px 0 170px;
        height: 100%;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpbsvideo-box {
            padding: 100px 0 105px;
        }
    }

    @media (max-width: 575px) {
        .tpbsvideo-box {
            padding: 80px 0 85px;
        }
    }

    .tpbs-play-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        left: 0;
        right: 0;
        z-index: 1;
    }

        .tpbs-play-btn a {
            height: 115px;
            width: 115px;
            line-height: 112px;
            border: 1px solid var(--tp-common-white);
            display: inline-block;
            border-radius: 50%;
            color: var(--tp-common-white);
            font-size: 20px;
        }

            .tpbs-play-btn a:hover {
                background: var(--tp-theme-1);
                border-color: var(--tp-theme-1);
            }

    .tpbs-play-btn-2 a {
        background: var(--tp-common-white);
        color: var(--tp-theme-1);
    }

        .tpbs-play-btn-2 a:hover {
            color: var(--tp-common-white);
            background: var(--tp-theme-1);
        }

    .tpbsvideo-content {
        padding: 0 120px;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpbsvideo-content {
            padding: 0 60px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpbsvideo-content {
            padding: 0 35px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpbsvideo-content {
            padding: 0 65px;
        }
    }

    @media (max-width: 575px) {
        .tpbsvideo-content {
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpbsvideo-content p br {
            display: none;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpbsvideo-content .tpbs-title br {
            display: none;
        }
    }

    .tpbs-vnoise-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

        .tpbs-vnoise-bg::after {
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #141515;
            opacity: 0.6;
        }

    .tpbs-left-image {
        position: absolute;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        top: 0;
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
    }

    .animate {
        position: relative;
    }

        .animate::before {
            content: "";
            display: inline-block;
            width: 95px;
            height: 95px;
            line-height: 95px;
            border-radius: 50%;
            position: absolute;
            border: 1px solid var(--tp-border-2);
            top: 0;
            left: 0;
            right: 0px;
            bottom: 0px;
            z-index: 0;
            animation-name: popupBtn;
            animation-duration: 1.6s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        .animate::after {
            content: "";
            display: inline-block;
            width: 95px;
            height: 95px;
            line-height: 95px;
            border-radius: 50%;
            position: absolute;
            border: 1px solid var(--tp-border-2);
            top: 0;
            left: 0;
            right: 0;
            bottom: 0px;
            z-index: 0;
            animation-name: popupBtn;
            animation-duration: 1.8s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            list-style: none;
        }

    .animate-2 {
        position: relative;
    }

        .animate-2::before {
            content: "";
            display: inline-block;
            width: 115px;
            height: 115px;
            line-height: 115px;
            border-radius: 50%;
            position: absolute;
            border: 1px solid var(--tp-border-2);
            top: 0;
            left: 0;
            right: 0px;
            bottom: 0px;
            z-index: 0;
            animation-name: popupBtn;
            animation-duration: 1.6s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        .animate-2::after {
            content: "";
            display: inline-block;
            width: 115px;
            height: 115px;
            line-height: 115px;
            border-radius: 50%;
            position: absolute;
            border: 1px solid var(--tp-border-2);
            top: 0;
            left: 0;
            right: 0;
            bottom: 0px;
            z-index: 0;
            animation-name: popupBtn;
            animation-duration: 1.8s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            list-style: none;
        }

    /*----------------------------------------*/
    /*  09. Project CSS START
/*----------------------------------------*/
    /* tp-project css */
    .tpproject {
        position: relative;
    }

        .tpproject:hover .tpproject__thumb img {
            transform: scale3d(1.1, 1.1, 1.1);
        }

    .tpproject__thumb {
        overflow: hidden;
        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
        border-radius: 15px;
        background: white;
    }

        .tpproject__thumb img {
            width: 100%;
            transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
            border-radius: 15px;
            padding: 10px;
        }

.tpproject__content {
    box-shadow: 0px 10px 20px 0px rgb(130 132 134 / 8%);
    background: #ffffff;
    padding: 18px 30px;
    margin: 0 30px;
    margin-top: 0px;
    margin-top: -50px;
    z-index: 1;
    position: relative;
    border-radius: 15px;
    height: 165px;
}

    @media (max-width: 575px) {
        .tpproject__content {
            padding: 45px 10px;
        }
    }

    .tpproject__content .catagory {
        color: var(--tp-common-white);
        display: inline-block;
        background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
        border-radius: 5px;
        padding: 6px 12px;
        line-height: 15px;
    }

    .tpproject__title {
        font-size: 17px;
        line-height: 30px;
        font-weight: var(--tp-fw-sbold);
    }

        .tpproject__title:hover {
            color: var(--tp-theme-1);
        }

    .tpproject__btn a i {
        font-size: 40px;
        color: var(--tp-common-white);
    }

    .tpproject__menu button {
        margin: 15px 10px;
        font-size: 16px;
        font-weight: var(--tp-fw-bold);
        color: #777B83;
        position: relative;
        background: white;
        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
        padding: 20px 40px;
        border-radius: 20px;
    }

        .tpproject__menu button:last-child {
            margin-right: 0;
        }

        .tpproject__menu button .count-number {
            position: absolute;
            top: -25px;
            right: 0;
            color: var(--tp-theme-1);
            font-size: 16px;
            font-weight: var(--tp-fw-medium);
            transition: 0.3s;
        }

        .tpproject__menu button::before {
            position: absolute;
            content: "/";
            color: var(--tp-theme-1);
            left: -10px;
            visibility: hidden;
            opacity: 0;
        }

        .tpproject__menu button.active {
            color: var(--tp-theme-1);
        }

            .tpproject__menu button.active::before {
                visibility: visible;
                opacity: 1;
            }

    .tpproject__shape-star {
        position: absolute;
    }

    .tpproject__shape-star-1 {
        top: 5%;
        left: 9%;
    }

    @media (max-width: 575px) {
        .tpproject__shape-star-1 {
            top: 12%;
            left: 9%;
        }
    }

    .tpproject-btn a i {
        font-size: 40px;
        color: var(--tp-common-white);
    }

    /* tp-project-2 css */
    .tpproject-2 {
        overflow: hidden;
        position: relative;
        border-radius: 10px;
        min-height: 515px;
    }

        .tpproject-2:before {
            position: absolute;
            height: 0%;
            width: 100%;
            content: "";
            background: linear-gradient(3.98deg, rgba(28, 153, 254, 0) 20.98%, rgba(118, 68, 255, 0.76) 60.1%, #FD4766 100.18%);
            border-radius: 10px;
            transform: rotate(-180deg);
            opacity: 0.85;
            left: 0px;
            bottom: 0px;
            z-index: 1;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

        .tpproject-2:hover .tpproject-2-text {
            visibility: visible;
            opacity: 1;
            bottom: 23px;
        }

    @media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
        .tpproject-2:hover .tpproject-2-text {
            bottom: 13px;
        }
    }

    .tpproject-2:hover:before {
        height: 100%;
    }

    .tpproject-2:hover .tpproject-2-thumbnail {
        transform: scale(1) translateZ(0);
    }

    .tpproject-2-thumbnail {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center;
        border-radius: 5px;
        background-color: #0a0a0a;
        transform: scale(1.13) translateZ(0);
        backface-visibility: hidden;
        transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
    }

    .tpproject-3 {
        position: relative;
        overflow: inherit;
    }

        .tpproject-3::after {
            content: "";
            z-index: -1;
            background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
            border-radius: 10px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            transition: 0.3s;
        }

        .tpproject-3::before {
            background: linear-gradient(3.98deg, rgba(0, 0, 0, 0) 3.24%, #000000 93.62%);
            border-radius: 10px;
            transform: rotate(-180deg);
        }

        .tpproject-3 .tpproject-2-thumbnail {
            transform: none;
        }

        .tpproject-3:hover:after {
            transform: rotate(-3.89deg);
        }

    @media (max-width: 575px) {
        .tpproject-3:hover:after {
            transform: rotate(-1.89deg);
        }
    }

    .tpproject-2-text {
        position: absolute;
        left: 75px;
        right: 75px;
        text-align: center;
        bottom: 0px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        z-index: 2;
        visibility: hidden;
        opacity: 0;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpproject-2-text {
            left: 50px;
            right: 50px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpproject-2-text {
            left: 20px;
            right: 20px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tpproject-2-text {
            left: 40px;
            right: 40px;
        }
    }

    .tpproject-2-text .catagory {
        font-size: 13px;
        color: var(--tp-common-white);
        text-transform: uppercase;
        display: block;
        font-weight: var(--tp-fw-bold);
        letter-spacing: 1px;
    }

        .tpproject-2-text .catagory span {
            font-weight: var(--tp-fw-regular);
            margin-left: 8px;
            display: inline-block;
        }

    .tpproject-2-text-df {
        visibility: visible;
        opacity: 1;
        bottom: 30px;
    }

    .tpproject-2-title {
        font-size: 22px;
        font-weight: var(--tp-fw-sbold);
        letter-spacing: 1px;
        line-height: 1.5;
        color: var(--tp-common-white);
    }

        .tpproject-2-title a {
            background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
            display: inline;
            background-size: 0% 1.5px, 0 1.5px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            transition: background-size 0.4s linear;
        }

        .tpproject-2-title:hover a {
            color: #fff;
            background-size: 0 1.5px, 100% 1.5px;
        }

    .tpproject-area {
        position: relative;
    }

    .tpproject__slider-2 {
        position: relative;
    }

        .tpproject__slider-2 .swiper-button-prev {
            left: -35px;
            right: auto;
        }

        .tpproject__slider-2 .swiper-button-next {
            right: -35px;
            left: auto;
        }

    .tp-slide-active .slick-list {
        margin: 0 -15px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-slide-active .slick-list {
            margin: 0 0;
        }
    }

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

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-slide-active .slick-slide > div {
            padding: 0 0;
        }
    }

    .tpfrn-project-sub-title {
        display: block;
        font-size: 13px;
        font-weight: var(--tp-fw-bold);
        text-transform: uppercase;
        color: var(--tp-theme-1);
    }

    .tpfrn-project-title {
        font-size: 20px;
        font-weight: var(--tp-fw-sbold);
        line-height: 1.4;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfrn-project-title br {
            display: none;
        }
    }

    .tpfrn-project-title:hover a {
        background-size: 0 1.5px, 100% 1.5px;
    }

    .tpfrn-project-title a {
        background-image: linear-gradient(#000000, #000000), linear-gradient(#000000, #000000);
        display: inline;
        background-size: 0% 1.5px, 0 1.5px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        transition: background-size 0.4s linear;
    }

    .tpfrn-project:hover .tpfrn-project__thumb img {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .tpfrn-project__thumb {
        overflow: hidden;
        border-radius: 10px;
    }

        .tpfrn-project__thumb img {
            transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
            width: 100%;
        }

    .tpfrn-project-area .swiper-button-next, .tpfrn-project-area .swiper-container-rtl .swiper-button-prev {
        right: 0;
        left: auto;
    }

    .tpfrn-project-area .swiper-button-prev, .tpfrn-project-area .swiper-container-rtl .swiper-button-next {
        right: 10%;
        left: auto;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpfrn-project-area .swiper-button-prev, .tpfrn-project-area .swiper-container-rtl .swiper-button-next {
            right: 25%;
        }
    }

    .tpfrn-slide-active .slick-list {
        margin: 0 -15px;
    }

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

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfrn-slide-active .slick-slide > div {
            padding: 0 30px;
        }
    }

    .tpbs-project__thumb {
        position: relative;
        overflow: hidden;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
    }

    .tpbs-project__thumb-shape {
        position: absolute;
        bottom: -50px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        visibility: hidden;
        opacity: 0;
    }

    .tpbs-project__thumb-image img {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
    }

    .tpbs-project__thumb-grid {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
    }

        .tpbs-project__thumb-grid .tpbs-project__thumb-image img {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -o-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
        }

    .tpbs-project__category {
        font-size: 13px;
        font-weight: var(--tp-fw-bold);
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #A0A2A4;
        display: block;
    }

    .tpbs-project__title {
        font-size: 22px;
        font-weight: var(--tp-fw-sbold);
    }

        .tpbs-project__title:hover {
            color: var(--tp-theme-1);
        }

    .tpbs-project__title-2 {
        font-size: 35px;
        font-weight: var(--tp-fw-medium);
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpbs-project__title-2 {
            font-size: 28px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tpbs-project__title-2 {
            font-size: 25px;
        }
    }

    @media (max-width: 575px) {
        .tpbs-project__title-2 {
            font-size: 22px;
        }
    }

    .tpbs-project__title-2 a {
        position: relative;
        display: inline;
        background-image: linear-gradient(#141515, #141515), linear-gradient(#141515, #141515);
        background-size: 0% 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        transition: background-size 0.4s linear;
    }

    .tpbs-project__title-2:hover a {
        background-size: 0 2px, 100% 2px;
    }

    .tpbs-project:hover .tpbs-project__thumb-shape {
        bottom: 0;
        visibility: visible;
        opacity: 1;
    }

    .tpbs-project:hover .tpbs-project__thumb-image img {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .tpproject-area .tp-dot-style .slick-dots {
        margin-top: 30px;
    }

    .tpproject-area .slick-slider {
        padding-top: 50px;
    }

    .tp-creative-item {
        position: relative;
        overflow: hidden;
    }

    .tp-creative-item__thumb img {
        width: 100%;
    }

    .tp-creative-item__content {
        position: absolute;
        left: 20px;
        top: 20px;
        right: 20px;
        bottom: 20px;
        padding: 15px 25px;
        background: rgba(0, 0, 0, 0.7);
        padding: 25px 20px;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-130%);
        -moz-transform: translateX(-130%);
        -ms-transform: translateX(-130%);
        -o-transform: translateX(-130%);
        transform: translateX(-130%);
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .tp-creative-item__content .top-icon a {
            font-size: 20px;
            display: inline-block;
            color: var(--tp-common-white);
            text-align: center;
            width: 50px;
            height: 50px;
            line-height: 48px;
            border: 2px solid var(--tp-common-white);
        }

            .tp-creative-item__content .top-icon a:hover {
                background: var(--tp-theme-1);
                color: var(--tp-common-white);
                border-color: var(--tp-theme-1);
            }

        .tp-creative-item__content .creative-info {
            position: absolute;
            bottom: 15px;
        }

            .tp-creative-item__content .creative-info .creative-catagory {
                font-size: 13px;
                font-weight: var(--tp-fw-sbold);
                text-transform: uppercase;
                letter-spacing: 1px;
                color: var(--tp-theme-1);
                display: block;
                margin-bottom: 5px;
            }

    .tp-creative-item-title {
        font-size: 20px;
        color: var(--tp-common-white);
        font-weight: var(--tp-fw-medium);
    }

        .tp-creative-item-title:hover {
            color: var(--tp-theme-1);
        }

    .tp-creative-item:hover .tp-creative-item__content {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }

    .tp-creative-padding {
        padding-left: 65px;
        padding-right: 65px;
    }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-creative-padding {
            padding-left: 0;
            padding-right: 0;
        }
    }

    .tp-creative__menu {
        border-top: 1px solid #F1F1F1;
    }

    .tp-creative__menu-grid {
        border-bottom: 1px solid #F1F1F1;
        border-top: 0;
    }

        .tp-creative__menu-grid .tp-cr-btn {
            font-size: 14px;
            text-transform: capitalize;
            color: var(--tp-heading-primary);
            border: none;
            padding: 15px 0;
            font-weight: var(--tp-fw-medium);
            margin-bottom: 0;
            margin: 0 30px;
        }

        .tp-creative__menu-grid .active {
            color: var(--tp-theme-1);
            position: relative;
        }

            .tp-creative__menu-grid .active::before {
                position: absolute;
                content: "";
                width: 25px;
                height: 2px;
                background: var(--tp-theme-1);
                bottom: -1px;
                margin: 0 auto;
                text-align: center;
                left: 0;
                right: 0;
            }

    .tp-creative__menu button {
        font-size: 14px;
        text-transform: capitalize;
        color: #A1A1A1;
        border: 1px solid #F1F1F1;
        padding: 15px 30px;
        margin: 0 10px;
        font-weight: var(--tp-fw-medium);
        margin-bottom: 20px;
    }

    .tp-creative__menu-curve .active {
        color: var(--tp-theme-1);
        position: relative;
    }

        .tp-creative__menu-curve .active::after {
            position: absolute;
            content: "";
            width: 8px;
            height: 8px;
            background: var(--tp-theme-1);
            bottom: -1px;
            margin: 0 auto;
            text-align: center;
            left: 0;
            right: 0;
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        }

        .tp-creative__menu-curve .active::before {
            width: 100%;
        }

    .tp-creative__menu .active {
        color: var(--tp-theme-1);
    }

.tppg-project {
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 13px 0 rgb(66 91 166 / 40%);
    padding: 15px;
    border-radius: 15px;
}


.tppg-project__thumb {
    position: relative;
}

        .tppg-project__thumb::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            z-index: 1;
            -webkit-transform: translateX(-130%);
            -moz-transform: translateX(-130%);
            -ms-transform: translateX(-130%);
            -o-transform: translateX(-130%);
            transform: translateX(-130%);
            -webkit-transition: all 0.5s ease-out 0s;
            -moz-transition: all 0.5s ease-out 0s;
            -ms-transition: all 0.5s ease-out 0s;
            -o-transition: all 0.5s ease-out 0s;
            transition: all 0.5s ease-out 0s;
        }

.tppg-project__thumb-image {
    overflow: hidden;
    filter: brightness(0.7);
    border-radius: 10px;
}

        .tppg-project__thumb-image img {
            width: 100%;
        }

    .tppg-project__thumb-2::before {
        top: 80px;
        left: -80px;
    }

    .tppg-project:hover .tppg-project__thumb-image img {
        transform: scale3d(1.1, 1.1, 1.1);
    }

   

  

    .tppg-project__content {
        position: absolute;
        bottom: 8%;
        left: 40px;
        z-index: 2;
        -webkit-transition: all 0.6s ease-out 0s;
        -moz-transition: all 0.6s ease-out 0s;
        -ms-transition: all 0.6s ease-out 0s;
        -o-transition: all 0.6s ease-out 0s;
        transition: all 0.6s ease-out 0s;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
        .tppg-project__content {
            left: 20px;
        }
    }

    .tppg-project-tag {
        font-size: 13px;
        font-weight: var(--tp-fw-sbold);
        text-transform: uppercase;
        color: var(--tp-common-white);
        letter-spacing: 3px;
        display: block;
    }

    .tppg-project-title {
        font-size: 23px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-common-white);
        font-family:Roboto;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tppg-project-title {
            font-size: 20px;
        }
    }

    .tppg-project-title a {
        position: relative;
        display: inline;
        background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
        background-size: 0% 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        transition: background-size 0.4s linear;
    }

    .tppg-project-title:hover a {
        background-size: 0 2px, 100% 2px;
    }

    @media (max-width: 575px) {
        .tp-furniture-project .gx-5 {
            --bs-gutter-x: auto;
        }
    }

    .project-details-nav {
        display: flex;
        justify-content: space-between;
    }

    .details-nav-item {
        display: flex;
        align-items: center;
    }

        .details-nav-item a {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: var(--tp-fw-sbold);
            display: inline-block;
            color: var(--tp-heading-primary);
        }

            .details-nav-item a i {
                font-size: 20px;
                margin: 0 8px;
                position: relative;
                top: 2px;
            }

            .details-nav-item a:hover {
                color: var(--tp-theme-1);
            }

    .tpproject-5 .tpproject__btn a i {
        color: #030A39;
        opacity: 0.3;
    }

    .tpproject-5 .tpproject__btn a:hover i {
        opacity: 1;
    }

    /*----------------------------------------*/
    /*  10. Testimonial CSS START
/*----------------------------------------*/
    .tptestimonial {
        padding-right: 10px;
    }

    .tptestimonial-area {
        position: relative;
    }

    .tptestimonial__sm-image {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .client__image {
        position: relative;
    }

        .client__image img {
            border-radius: 50%;
            margin: 0 auto;
        }

        .client__image span {
            display: inline-block;
            position: absolute;
            left: 50px;
            top: -6px;
        }

            .client__image span i {
                font-size: 20px;
                font-weight: var(--tp-fw-sbold);
                background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
                background-clip: text;
                text-fill-color: transparent;
            }

    .client__image-tpm span {
        display: inline-block;
        position: absolute;
        left: 60px;
        top: 60px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .client__image-tpm span {
            left: 40px;
            top: 40px;
        }
    }

    .client__image-tpm span i {
        font-size: 35px;
        font-weight: var(--tp-fw-sbold);
        background: none;
        color: var(--tp-theme-1);
        text-fill-color: var(--tp-theme-1);
    }

    .client__name {
        font-size: 20px;
        font-weight: var(--tp-fw-sbold);
    }

    .client__info {
        display: flex;
        align-items: center;
    }

    .client__ts-degination {
        font-size: 14px;
        font-weight: var(--tp-fw-medium);
        display: inline-block;
        color: #777B83;
    }

    .designation {
        color: var(--tp-theme-1);
        font-size: 12px;
        font-weight: var(--tp-fw-bold);
        display: block;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .designation-2 {
        font-size: 16px;
        color: var(--tp-common-white);
        font-weight: var(--tp-fw-medium);
        display: block;
    }

    .tpm-testimonial {
        padding: 50px 40px;
    }

    .tpm-ts-slider-active .slick-list {
        margin: 0 -15px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpm-ts-slider-active .slick-list {
            margin: 0 0;
        }
    }

    .tpm-ts-slider-active .slick-slide > div {
        padding: 0 15px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpm-ts-slider-active .slick-slide > div {
            padding: 0 0;
        }
    }

    .tpm-ts-slider-active .slick-list.draggable {
        padding: 0 0 !important;
    }

    .tpm-ts-slider-active .slick-dots {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 1rem 0;
        list-style-type: none;
        margin-top: 50px;
    }

        .tpm-ts-slider-active .slick-dots li {
            margin: 0 0.25rem;
        }

        .tpm-ts-slider-active .slick-dots button {
            display: block;
            width: 8px;
            height: 8px;
            margin: 0 5px;
            border: none;
            border-radius: 100%;
            background-color: #CFCFCF;
            text-indent: -9999px;
        }

        .tpm-ts-slider-active .slick-dots li.slick-active button {
            background-color: var(--tp-heading-primary);
            position: relative;
            transform: scale(2);
            box-shadow: inset 0 0 0 1px var(--tp-theme-1);
            background-color: transparent;
        }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tptestimonial-area-df {
            padding-bottom: 80px;
        }
    }

    .tp-test-gap {
        padding: 0 78px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-test-gap {
            padding: 0 0;
        }
    }

    .ts-tabs {
        border: 0;
        display: block;
        text-align: center;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ts-tabs {
            position: relative;
            top: 88px;
        }
    }

    .ts-tabs .nav-item {
        display: inline-block;
    }

    .ts-tabs button {
        background: var(--tp-common-white);
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 16px;
        color: var(--tp-heading-primary);
        border-radius: 50%;
        border: none;
        outline: none;
        text-align: center;
        margin: 0px;
        vertical-align: middle;
        transition: all 0.3s ease-out 0s;
        position: absolute;
        left: 43%;
        transition: 0.3s;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .ts-tabs button {
            display: none !important;
        }
    }

    .ts-tabs button:hover {
        background: var(--tp-theme-1);
        color: var(--tp-common-white);
    }

    .ts-tabs .tp-slick-prev.slick-arrow {
        top: -19.5%;
    }

    .client__nav {
        display: flex;
        background: var(--tp-common-white);
        padding: 15px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        align-items: center;
        border: 1px solid transparent;
        margin: 0 !important;
    }

    .client__nav-image {
        margin-right: 15px;
    }

        .client__nav-image img {
            border-radius: 50%;
        }

    .client__nav-title {
        font-size: 15px;
        font-weight: var(--tp-fw-sbold);
    }

    .client__nav-title-2 {
        font-size: 24px;
    }

    @media (max-width: 575px) {
        .client__nav-title-2 {
            font-size: 20px;
        }
    }

    .client__nav-designation {
        font-size: 14px;
        font-weight: var(--tp-fw-medium);
        letter-spacing: 2px;
        color: var(--tp-grey-3);
    }

    .client__nav-designation-2 {
        letter-spacing: 0;
    }

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

    .client__inner {
        display: flex;
        align-items: center;
        margin-bottom: 45px;
    }

    .client__review {
        padding: 70px 55px;
        padding-bottom: 45px;
        background: var(--tp-common-white);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .client__review {
            padding-top: 55px;
            padding-bottom: 30px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .client__review {
            padding: 30px 25px;
        }
    }

    .client__review p {
        font-size: 22px;
        line-height: 36px;
    }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .client__review p {
            font-size: 20px;
            line-height: 34px;
            margin-bottom: 0;
        }
    }

    .client__image {
        position: relative;
    }

        .client__image .quote {
            position: absolute;
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            background: var(--tp-common-white);
            color: var(--tp-theme-1);
            border-radius: 50%;
            left: 65px;
            right: 0;
            top: 0;
            margin: 0 auto;
        }

    .slick-current .client__nav {
        border-color: var(--tp-theme-1);
    }

    .tpagency-wrapper {
        position: relative;
        z-index: 1;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        padding-top: 135px;
        padding-bottom: 130px;
    }

        .tpagency-wrapper::before {
            position: absolute;
            content: "";
            background: aliceblue;
            border-radius: 20px;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            box-shadow: 0 2px 13px 0 rgb(66 91 166 / 40%);
        }

        .tpagency-wrapper button.slick-arrow {
            height: 65px;
            width: 65px;
            line-height: 63px;
            font-size: 20px;
            color: var(--tp-common-white);
            border-radius: 50%;
            border: none;
            outline: none;
            text-align: center;
            top: 5%;
            transform: translateY(-5%);
            margin: 0px;
            vertical-align: middle;
            transition: all 0.3s ease-out 0s;
            position: absolute;
            left: -120px;
            transition: 0.3s;
            z-index: 1;
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

            .tpagency-wrapper button.slick-arrow:hover {
                background: var(--tp-theme-1);
                color: var(--tp-common-white);
                border-color: var(--tp-theme-1);
            }

            .tpagency-wrapper button.slick-arrow.tp-slick-next {
                left: auto;
                right: -120px;
            }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpagency-wrapper button.slick-arrow.tp-slick-next {
            right: -80px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpagency-wrapper button.slick-arrow {
            top: 30%;
            transform: translateY(-30%);
            left: -80px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpagency-wrapper button.slick-arrow {
            display: none !important;
        }
    }

    .tpagency-inner {
        position: relative;
        z-index: 1;
    }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tpagency-inner {
            padding: 0 15px;
        }
    }

    .tpagency-ts__slider-item p {
        font-size: 22px;
        line-height: 36px;
        font-weight: 500;
        color: var(--tp-common-white);
        padding: 0 20px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpagency-ts__slider-item p {
            padding: 0 0;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpagency-ts__slider-item p {
            padding: 0 0;
        }
    }

    .client {
        position: relative;
    }

    .client-image {
        position: relative;
    }

        .client-image img {
            border-radius: 50%;
        }

        .client-image .quote {
            position: absolute;
            top: 5px;
            display: block;
            height: 30px;
            width: 30px;
            line-height: 35px;
            background: var(--tp-common-white);
            border-radius: 50%;
            text-align: center;
            left: 75px;
        }

            .client-image .quote i {
                font-size: 20px;
                color: var(--tp-theme-1);
            }

    .client-designation {
        font-size: 16px;
        line-height: 26px;
        font-weight: var(--tp-fw-medium);
        color: #777B83;
        display: block;
    }

    .client .review-text {
        font-size: 22px;
        line-height: 38px;
        color: var(--tp-heading-primary);
        font-weight: var(--tp-fw-medium);
    }

    @media (max-width: 575px) {
        .client .review-text {
            font-size: 20px;
            line-height: 36px;
        }
    }

    .client .social-icon {
        position: absolute;
        top: 0;
        right: 0;
    }

        .client .social-icon a {
            font-size: 30px;
            display: inline-block;
            color: #00CCFF;
        }

    .tpfrn-testimonial-area .swiper-button-next, .tpfrn-testimonial-area .swiper-container-rtl .swiper-button-prev {
        right: 0;
        left: auto;
    }

    .tpfrn-testimonial-area .swiper-button-prev, .tpfrn-testimonial-area .swiper-container-rtl .swiper-button-next {
        right: 10%;
        left: auto;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpfrn-testimonial-area .swiper-button-prev, .tpfrn-testimonial-area .swiper-container-rtl .swiper-button-next {
            right: 50%;
        }
    }

    .hero-pagination {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 60px;
        top: 55%;
        transform: translateY(-55%);
        align-items: center;
        z-index: 9;
    }

    .tpbs-testimonial-area {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

    .tpbs-ts-overlay {
        position: relative;
    }

        .tpbs-ts-overlay::before {
            position: absolute;
            content: "";
            background: #141515;
            opacity: 0.65;
            transform: matrix(1, 0, 0, -1, 0, 0);
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
        }

    .tpbs-noise-bg {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .tpbs-ts-wrapper {
        text-align: center;
        z-index: 1;
        padding: 170px 0 150px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpbs-ts-wrapper {
            padding: 120px 0 100px;
        }
    }

    .tpbs-ts-wrapper .slick-dots {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 1rem 0;
        list-style-type: none;
        margin-top: 50px;
    }

    @media (max-width: 575px) {
        .tpbs-ts-wrapper .slick-dots {
            margin-top: 0;
        }
    }

    .tpbs-ts-wrapper .slick-dots li {
        margin: 0 0.25rem;
    }

    .tpbs-ts-wrapper .slick-dots button {
        display: block;
        width: 8px;
        height: 8px;
        margin: 0 5px;
        border: none;
        border-radius: 100%;
        background-color: #CFCFCF;
        text-indent: -9999px;
    }

    .tpbs-ts-wrapper .slick-dots li.slick-active button {
        background-color: var(--tp-heading-primary);
        position: relative;
        transform: scale(2);
        box-shadow: inset 0 0 0 1px var(--tp-theme-1);
        background-color: transparent;
    }

    .tpbs-author-image img {
        border-radius: 50%;
        margin: 0 auto;
    }

    .tpbs-quote i {
        font-size: 30px;
        color: var(--tp-theme-1);
    }

    .tpbs-review p {
        color: var(--tp-common-white);
        font-size: 32px;
        line-height: 44px;
        font-weight: var(--tp-fw-medium);
        margin: 0 auto;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpbs-review p {
            padding: 0 50px;
        }

            .tpbs-review p br {
                display: none;
            }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpbs-review p {
            font-size: 28px;
            line-height: 35px;
            padding: 0 15px;
        }

            .tpbs-review p br {
                display: none;
            }
    }

    .tpbs-client-name {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: var(--tp-fw-sbold);
        color: var(--tp-theme-1);
        letter-spacing: 1px;
        display: block;
    }

    .tpbs-ts-slider-active .slick-list {
        margin: 0 0;
    }

    .tpbs-ts-slider-active .slick-slide > div {
        padding: 0 0;
    }
.tppotetsimonial-img{
    padding:15px 0;
}
    .tppotetsimonial-img img {
        border-radius: 15px;
        filter: drop-shadow(2px 6px 2px #21252926);
    }
.tppotestimonial-text {
    font-size: 13px;
    line-height: 17px;
    color: var(--tp-heading-primary);
}

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
        .tppotestimonial-text {
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tppotestimonial-text {
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tppotestimonial-text {
            font-size: 13px;
            line-height: 16px;
        }
    }

    .tppotestimonial-icon i {
        font-size: 25px;
        color: #00CCFF;
    }

.tppo-testimonial-wrapper button.slick-arrow {
    font-size: 13px;
    color: #4a4a4a;
    border-radius: 50%;
    border: none;
    outline: none;
    text-align: center;
    top: 92%;
    transform: translateY(-50%);
    margin: 0px;
    vertical-align: middle;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    left: 0;
    transition: 0.3s;
    z-index: 1;
    background: none;
}

        .tppo-testimonial-wrapper button.slick-arrow:hover {
            color: var(--tp-heading-primary);
        }

        .tppo-testimonial-wrapper button.slick-arrow.tp-slick-next {
            left: auto;
            right: 0;
        }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tppo-testimonial-wrapper button.slick-arrow {
            display: none !important;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .test-thumb-slide {
            margin-left: 0;
            margin-right: 0;
        }
    }

    .test-thumb-slide .nav-item {
        margin-bottom: 15px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .test-content-slide {
            margin-right: 0;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .test-content-slide {
            margin-right: 0;
        }
    }

    /*----------------------------------------*/
    /*  11. Brand  CSS START
/*----------------------------------------*/
    .tpbrand__slider-item {
        display: flex;
        justify-content: center;
    }

    .tpbrand__slider-active .slick-slide img {
        display: block;
        margin: 0 auto;
    }

    .tpbs-slider-item img {
        margin: 0 auto;
    }

    /*----------------------------------------*/
    /*  12. Cta CSS START
/*----------------------------------------*/
    .tpcta-title {
        font-size: 65px;
        line-height: 1.3;
        background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin-bottom: 50px;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .tpcta-title {
            font-size: 60px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpcta-title {
            font-size: 55px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpcta-title {
            font-size: 45px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpcta-title {
            font-size: 45px;
        }

            .tpcta-title br {
                display: none;
            }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpcta-title {
            font-size: 35px;
            line-height: 1.4;
        }

            .tpcta-title br {
                display: none;
            }
    }

    .tpcta__shape-star {
        position: absolute;
    }

    .tpcta__shape-star-1 {
        top: 50%;
        left: 10%;
    }

    .tpcta__shape-star-2 {
        top: 50%;
        right: 10%;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .tpcta-wrapper {
            padding: 0 140px;
        }
    }

    .tpcta-wrapper-2 {
        position: relative;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
    }

        .tpcta-wrapper-2::before {
            position: absolute;
            content: "";
            background: var(--tp-heading-primary);
            opacity: 0.75;
            border-radius: 20px;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
        }

    .tpcta-inner {
        position: relative;
        z-index: 1;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .tpcta-inner-2 {
            padding-left: 50px;
            padding-right: 50px;
        }
    }

    .tpbs-scroll {
        margin: 0 auto;
        text-align: center;
    }

        .tpbs-scroll span {
            font-size: 14px;
            font-weight: var(--tp-fw-sbold);
            letter-spacing: 2px;
            display: block;
            margin-top: 30px;
            text-transform: uppercase;
            color: #A9ADB5;
        }

    .tpbs-scroll-btn {
        width: 95px;
        height: 95px;
        border-radius: 50%;
        display: inline-block;
        Offset: 0px, 13px rgba(199, 199, 199, 0.25);
        text-align: center;
        line-height: 95px;
        border-radius: 50%;
        border: 1px solid var(--tp-border-1);
        font-size: 25px;
        color: var(--tp-heading-primary);
        transition: 0.3s;
        background: var(--tp-common-white);
    }

        .tpbs-scroll-btn:hover {
            background: var(--tp-theme-1);
            border-color: var(--tp-theme-1);
            color: var(--tp-common-white);
        }

    .tpbs-scroll-2 {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        bottom: -10%;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpbs-scroll-2 {
            bottom: -15%;
        }
    }

    .tpbs-scroll-3 {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        bottom: -12%;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpbs-scroll-3 {
            bottom: -7%;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpbs-scroll-3 {
            bottom: -10%;
        }
    }

    .tp-photograper-cta-title {
        font-size: 45px;
        line-height: 1.4;
        font-weight: var(--tp-fw-light);
    }

        .tp-photograper-cta-title b {
            font-weight: var(--tp-fw-bold);
        }

        .tp-photograper-cta-title a {
            color: var(--tp-theme-1);
            position: relative;
            display: inline;
            background-image: linear-gradient(#FD4766, #FD4766), linear-gradient(#FD4766, #FD4766);
            background-size: 0% 1px, 0 1px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            transition: background-size 0.4s linear;
        }

        .tp-photograper-cta-title:hover a {
            background-size: 0 2px, 100% 2px;
        }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-photograper-cta-title {
            padding: 0 70px;
        }

            .tp-photograper-cta-title br {
                display: none;
            }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-photograper-cta-title {
            padding: 0 50px;
        }

            .tp-photograper-cta-title br {
                display: none;
            }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-photograper-cta-title {
            font-size: 40px;
        }

            .tp-photograper-cta-title br {
                display: none;
            }
    }

    @media only screen and (min-width: 480px) and (max-width: 575px) {
        .tp-photograper-cta-title {
            font-size: 30px;
        }

            .tp-photograper-cta-title br {
                display: none;
            }
    }

    .tp-cta-image-wrapper {
        overflow: hidden;
    }

        .tp-cta-image-wrapper img {
            width: 100%;
        }

    .tp-cta-iamge:hover .tp-cta-image-wrapper img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-photograper-cta-wrapper p br {
            display: none;
        }
    }

    .sd-banner-area {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .sd-banner-item-height {
        min-height: 840px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .sd-banner-item-height {
            min-height: 650px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .sd-banner-item-height {
            min-height: 550px;
        }
    }

    .sd-banner-content {
        display: flex;
        position: absolute;
        bottom: 0;
        right: 16%;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .sd-banner-content {
            text-align: center;
            right: 0;
            left: 0;
            margin: 0 auto;
            align-items: center;
            justify-content: center;
        }
    }

    .sd-banner-sm-item {
        background: var(--tp-common-black);
        padding: 40px 70px;
    }

    .sd-banner-sm-item-df {
        background: var(--tp-theme-1);
    }

    .sd-banner-sm-item p {
        font-size: 16px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-common-white);
        margin-bottom: 0;
    }

    @media (max-width: 575px) {
        .sd-banner-sm-item {
            padding: 25px 25px;
        }
    }

    .count-number {
        font-size: 55px;
        color: var(--tp-common-white);
    }

    @media (max-width: 575px) {
        .count-number {
            font-size: 35px;
        }
    }

    /*----------------------------------------*/
    /*  13. Slider CSS START
/*----------------------------------------*/
    .tpagency__slider-item {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        text-align: center;
        justify-content: center;
    }

    .tpagency__slider button.slick-arrow {
        background: var(--tp-common-white);
        height: 65px;
        width: 65px;
        line-height: 65px;
        font-size: 20px;
        color: var(--tp-heading-primary);
        border-radius: 50%;
        border: none;
        outline: none;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        margin: 0px;
        vertical-align: middle;
        transition: all 0.3s ease-out 0s;
        position: absolute;
        left: -35px;
        transition: 0.3s;
        z-index: 1;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpagency__slider button.slick-arrow {
            left: -20px;
        }
    }

    .tpagency__slider button.slick-arrow:hover {
        background: var(--tp-theme-1);
        color: var(--tp-common-white);
    }

    .tpagency__slider button.slick-arrow.tp-slick-next {
        left: auto;
        right: -35px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpagency__slider button.slick-arrow.tp-slick-next {
            right: -10px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpagency__slider button.slick-arrow.tp-slick-next {
            right: -20px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpagency__slider button.slick-arrow {
            left: -10px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpagency__slider button.slick-arrow {
            display: none !important;
        }
    }

    .tpagency__slider-height {
        min-height: 760px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpagency__slider-height {
            min-height: 650px;
        }
    }

    @media (max-width: 575px) {
        .tpagency__slider-height {
            min-height: 550px;
        }
    }

    .tpagency-area .swiper-button-prev, .tpagency-area .swiper-container-rtl .swiper-button-next {
        left: 3%;
        right: auto;
    }

    .tpagency-area .swiper-button-next, .tpagency-area .swiper-container-rtl .swiper-button-prev {
        right: 3%;
        left: auto;
    }

    .tpagency-title {
        font-size: 85px;
        line-height: 1.3;
        background: linear-gradient(260.99deg, #1C99FE 6.95%, #7644FF 50.91%, #FD4766 90.83%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .tpagency-title {
            font-size: 75px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpagency-title {
            font-size: 70px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpagency-title {
            font-size: 65px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpagency-title {
            font-size: 60px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpagency-title {
            font-size: 50px;
        }
    }

    @media (max-width: 575px) {
        .tpagency-title {
            padding: 0 15px;
            font-size: 45px;
        }
    }

    .tpagency__down-btn {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -25px;
        z-index: 1;
    }

        .tpagency__down-btn a {
            height: 65px;
            width: 65px;
            line-height: 65px;
            background: var(--tp-common-white);
            border-radius: 50%;
            font-size: 20px;
            color: var(--tp-heading-primary);
            transition: 0.3s;
            display: inline-block;
            text-align: center;
        }

            .tpagency__down-btn a:hover {
                background: var(--tp-theme-1);
                color: var(--tp-common-white);
            }

    .slick-active .tpagency-title, .slick-active .tpagency-button a {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInUp2;
        animation-name: fadeInUp2;
    }

    .tp-agency-slide-active .tpagency-title {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
    }

    .tp-agency-slide-active .tpagency-button a {
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
        -webkit-animation-duration: 0.7s;
        animation-duration: 0.7s;
    }

    .tpbs-slider__item {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
    }

        .tpbs-slider__item::before {
            position: absolute;
            content: "";
            background: #141515;
            opacity: 0.65;
            transform: matrix(1, 0, 0, -1, 0, 0);
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
        }

    .tpbs-slider__item-content {
        padding: 260px 0;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpbs-slider__item-content {
            padding: 180px 0;
        }
    }

    .tpbs-slider__item-title {
        font-size: 105px;
        color: var(--tp-common-white);
    }

        .tpbs-slider__item-title span {
            font-weight: 300;
        }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpbs-slider__item-title {
            font-size: 90px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpbs-slider__item-title {
            font-size: 70px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .tpbs-slider__item-title {
            font-size: 60px;
        }
    }

    @media (max-width: 575px) {
        .tpbs-slider__item-title {
            font-size: 50px;
        }
    }

    .tpbs-slider__height {
        min-height: 800px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
        .tpbs-slider__height {
            min-height: 700px;
        }
    }

    @media (max-width: 575px) {
        .tpbs-slider__height {
            min-height: 600px;
        }
    }

    .dot-bg-iamge {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
    }

    .tpbs__shape {
        position: absolute;
        z-index: 1;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpbs__shape {
            display: none;
        }
    }

    .tpbs__shape-1 {
        bottom: 0;
        left: 0;
    }

    .tpbs__shape-2 {
        bottom: 0;
        left: 0;
    }

    .tpbs__shape-3 {
        top: 0;
        right: 0;
    }

    .tpbs__shape-4 {
        bottom: 0;
        left: 0;
    }

    .slick-active .tp-sub-title-2, .slick-active .tpbs-slider__item-title, .slick-active .tpbs-btn a {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInUp2;
        animation-name: fadeInUp2;
    }

    .tpbs-slider-active .slick-dots {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 1rem 0;
        list-style-type: none;
        margin-top: -90px;
        position: absolute;
        left: 0;
        right: 0;
    }

        .tpbs-slider-active .slick-dots li {
            margin: 0 0.25rem;
        }

        .tpbs-slider-active .slick-dots button {
            display: block;
            width: 8px;
            height: 8px;
            margin: 0 5px;
            border: none;
            border-radius: 100%;
            background-color: #CFCFCF;
            text-indent: -9999px;
        }

        .tpbs-slider-active .slick-dots li.slick-active button {
            background-color: var(--tp-heading-primary);
            position: relative;
            transform: scale(2);
            box-shadow: inset 0 0 0 1px var(--tp-theme-1);
            background-color: transparent;
        }

    .tpbs-slider-active .tp-sub-title-2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
    }

    .tpbs-slider-active .tpbs-slider__item-title {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
    }

    .tpbs-slider-active .tpbs-btn a {
        -webkit-animation-delay: 0.7s;
        animation-delay: 0.7s;
        -webkit-animation-duration: 0.7s;
        animation-duration: 0.7s;
    }

    /*----------------------------------------*/
    /*  14. Fact CSS START
/*----------------------------------------*/
    .tpfact__item {
        background: var(--tp-common-white);
        padding: 60px 30px;
        padding-bottom: 55px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        -ms-border-radius: 15px;
        border-radius: 15px;
        z-index: 2;
        position: relative;
    }

    .tpfact__item-df {
        border-radius: 0 !important;
        padding: 100px 30px;
        padding-bottom: 0;
        border-top: 1px solid #ECEFF4;
    }

    .fact-icon i {
        font-size: 60px;
        color: var(--tp-theme-1);
    }

    .fact-number {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .fact-number span {
            background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            font-size: 55px;
            line-height: 1.2;
            display: block;
            font-weight: var(--tp-fw-bold);
            font-family: var(--tp-ff-heading);
        }

            .fact-number span i {
                font-size: 30px;
            }

    .fact-title {
        font-size: 16px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-heading-primary);
        font-family: var(--tp-ff-heading);
    }

        .fact-title:hover {
            color: var(--tp-theme-1);
        }

    .tpfact-wrapper {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        margin-top: -90px;
    }

    .tpfact-border-right {
        border-right: 1px solid #ECEFF4;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfact-border-right {
            border-right: 0;
        }
    }

    /*----------------------------------------*/
    /*  15. Team CSS START
/*----------------------------------------*/
    /*------------------------
    Team Styles 
----------------------*/
    .tp-team {
        position: relative;
    }

    .tp-team__thumbnail {
        position: relative;
    }

        .tp-team__thumbnail img {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -o-border-radius: 10px;
            -ms-border-radius: 10px;
            border-radius: 10px;
            width: 100%;
        }

        .tp-team__thumbnail::before {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            background: linear-gradient(3.98deg, rgba(0, 0, 0, 0) 3.24%, #000000 93.62%);
            border-radius: 10px;
            transform: rotate(-180deg);
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

        .tp-team__thumbnail::after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            background: linear-gradient(260.52deg, #1C99FE -4.98%, #7644FF 48.42%, #FD4766 96.9%);
            border-radius: 10px;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
            z-index: -1;
        }

    .tp-team__content {
        position: absolute;
        bottom: 10px;
        width: 100%;
        left: 0;
        right: 0;
        text-align: center;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .tp-team__title {
        font-size: 22px;
        color: var(--tp-common-white);
        font-weight: var(--tp-fw-medium);
    }

        .tp-team__title:hover {
            color: var(--tp-theme-1);
        }

    .tp-team__title-2 {
        font-size: 22px;
        font-weight: var(--tp-fw-medium);
    }

        .tp-team__title-2:hover {
            color: var(--tp-theme-1);
        }

    .tp-team__designation {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: var(--tp-fw-sbold);
        display: block;
        color: var(--tp-theme-1);
        margin-bottom: 10px;
    }

    .tp-team__designation-2 {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: var(--tp-fw-sbold);
        display: block;
        color: var(--tp-theme-1);
        margin-bottom: 10px;
    }

    .tp-team__social a {
        font-size: 16px;
        color: var(--tp-common-white);
        margin: 0 7px;
        display: inline-block;
    }

        .tp-team__social a:hover {
            color: var(--tp-theme-1);
        }

    .tp-team:hover .tp-team__content {
        visibility: visible;
        opacity: 1;
        bottom: 30px;
    }

    .tp-team:hover .tp-team__thumbnail::before {
        visibility: visible;
        opacity: 1;
    }

    .tp-team:hover .tp-team__thumbnail::after {
        transform: rotate(-4.22deg);
        visibility: visible;
        opacity: 1;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-team:hover .tp-team__thumbnail::after {
            transform: rotate(-2.22deg);
        }
    }

    .tpteam__img {
        position: relative;
        padding: 10px;
        box-shadow: 5px 7px 15px rgb(73 82 91 / 15%);
        border-radius: 10px;
    }

        .tpteam__img img {
            border-radius: 10px;
        }

    .tpteam__social {
        position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s;
        background: var(--tp-common-white);
        display: inline-block;
        padding: 20px 10px;
        margin-left: 60px;
        margin-right: 60px;
        transform: scale(0.9);
        transition: 0.3s;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tpteam__social {
            margin-left: 40px;
            margin-right: 40px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tpteam__social {
            margin-left: 35px;
            margin-right: 35px;
        }
    }

    @media (max-width: 575px) {
        .tpteam__social {
            margin-left: 20px;
            margin-right: 20px;
        }
    }

    .tpteam__social a {
        color: var(--tp-heading-primary);
        font-size: 20px;
        margin: 0 15px;
    }

    @media (max-width: 575px) {
        .tpteam__social a {
            margin: 0 10px;
        }
    }

    .tpteam__social a:hover {
        color: var(--tp-theme-1);
    }

    .tpteam__text {
        padding-top: 25px;
    }

    .tpteam-title a:hover {
        color: var(--tp-theme-1);
    }

    .tpteam-title {
        font-weight: var(--tp-fw-sbold);
        font-size: 16px;
    }

    .team-designation {
        font-size: 13px;
        font-weight: var(--tp-fw-bold);
        color: var(--tp-theme-1);
        display: block;
        text-transform: uppercase;
    }

    .tpteam:hover .tpteam__social {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
    }

    /*----------------------------------------*/
    /*  16. Event CSS START
/*----------------------------------------*/
    .tpevent-item {
        display: flex;
        align-items: center;
        background: var(--tp-common-white);
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpevent-item p br {
            display: none;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpevent-item {
            display: block;
        }
    }

    .tp-event-content {
        flex: 1;
        padding: 0 85px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-event-content {
            padding: 0 70px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-event-content {
            padding: 0 30px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
        .tp-event-content {
            padding: 40px 40px;
        }
    }

    @media (max-width: 575px) {
        .tp-event-content {
            padding: 30px 30px;
        }
    }

    .tpevent-title {
        font-size: 30px;
        line-height: 1.4;
        font-weight: var(--tp-fw-sbold);
    }

        .tpevent-title a {
            background-image: linear-gradient(#141515, #141515), linear-gradient(#141515, #141515);
            display: inline;
            background-size: 0% 1.5px, 0 1.5px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            transition: background-size 0.4s linear;
        }

        .tpevent-title:hover > a {
            background-size: 0 1.5px, 100% 1.5px;
        }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpevent-title br {
            display: none;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tpevent-title {
            font-size: 24px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpevent-title {
            font-size: 20px;
        }
    }

    .tpevent-sm-title {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: var(--tp-fw-sbold);
    }

        .tpevent-sm-title span {
            color: var(--tp-theme-1);
            margin-left: 5px;
        }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpevent-image img {
            width: 100%;
        }
    }

    /*----------------------------------------*/
    /*  17. Contact CSS START
/*----------------------------------------*/
    .get-in-touch-wrapper {
        border-top: 1px solid #ECEFF4;
    }

    .tp-contact-form-field input, .tp-contact-form-field select, .tp-contact-form-field textarea {
        color: #7f8080;
        font-size: 16px;
        display: block;
        width: 100%;
        height: 65px;
        background: #FBFBFB;
        font-weight: 400;
        border: 1px solid #ECEFF4;
        outline: none;
        padding: 0px 20px;
        width: 100%;
        border-radius: 4px;
        resize: none;
    }

        .tp-contact-form-field input:focus, .tp-contact-form-field select:focus, .tp-contact-form-field textarea:focus {
            border-color: var(--tp-theme-1);
        }

        .tp-contact-form-field input::placeholder {
            color: #7f8080;
            font-size: 14px;
        }

    .tp-contact-form-field textarea {
        height: 270px;
        padding: 20px;
    }

        .tp-contact-form-field textarea::placeholder {
            color: #7f8080;
            font-size: 14px;
        }

    .contact-item {
        background: #ECEFF4;
        padding: 45px 40px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact-item {
            padding: 40px 35px;
        }
    }

    @media (max-width: 575px) {
        .contact-item {
            padding: 35px 30px;
        }
    }

    .contact-item p {
        font-size: 20px;
        color: #616161;
        margin-bottom: 0;
    }

    .contact-item-center {
        background: var(--tp-common-black);
    }

        .contact-item-center .contact-item-title {
            color: var(--tp-common-white);
        }

        .contact-item-center p {
            color: var(--tp-common-white);
        }

    .contact-item-last {
        background: var(--tp-theme-1);
    }

        .contact-item-last .contact-item-title {
            color: var(--tp-common-white);
        }

        .contact-item-last p {
            color: var(--tp-common-white);
        }

        .contact-item-last .contact-icon i {
            color: var(--tp-common-white);
        }

    .contact-icon i {
        font-size: 45px;
        color: var(--tp-theme-1);
    }

    .contact-item-title {
        font-size: 24px;
        line-height: 1.2;
        font-weight: var(--tp-fw-sbold);
    }

    .conatct-sm-title {
        font-size: 42px;
        line-height: 1.2;
        font-weight: var(--tp-fw-regular);
    }

        .conatct-sm-title b {
            font-weight: var(--tp-fw-sbold);
        }

    .sign-title {
        font-size: 28px;
        line-height: 1.2;
        font-weight: var(--tp-fw-regular);
    }

        .sign-title b {
            font-weight: var(--tp-fw-sbold);
        }

    .sign__agree .switch {
        display: inline-block;
        position: relative;
        width: 40px;
        height: 20px;
        border-radius: 20px;
        background: #F2F2F2;
        border: 1px solid #E5E5E5;
        transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        vertical-align: middle;
        cursor: pointer;
        margin-right: 8px;
    }

        .sign__agree .switch::before {
            content: "";
            position: absolute;
            top: 1px;
            left: 2px;
            width: 16px;
            height: 16px;
            background: #fff;
            border-radius: 50%;
            transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .sign__agree .switch:active::before {
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
        }

    .sign__agree input:checked + .switch {
        background: var(--tp-theme-1);
    }

    .sign__agree input:checked {
        border-color: var(--tp-theme-1);
    }

        .sign__agree input:checked + .switch::before {
            left: 20px;
            background: #fff;
        }

        .sign__agree input:checked + .switch:active::before {
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
        }

    .sign__agree p {
        margin-bottom: 0;
        font-size: 12px;
        color: #1A1A1A;
    }

    .sign__forgot a {
        color: #7a797f;
    }

        .sign__forgot a:hover {
            color: var(--tp-theme-1);
        }

    .sign__social {
        display: flex;
        justify-content: center;
        height: 58px;
        background: var(--tp-common-black);
        color: var(--tp-common-white);
        border: 1px solid transparent;
        position: relative;
        line-height: 58px;
        padding-left: 23px;
        font-size: 16px;
    }

        .sign__social i {
            position: relative;
            top: 20px;
            left: -15px;
        }

        .sign__social:hover {
            background: var(--tp-theme-1);
            color: var(--tp-common-white);
        }

    .sign-content {
        padding: 45px 50px 25px 25px;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .sign-content {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    .sign__new p a {
        color: var(--tp-theme-1);
    }

    .error-contant p {
        font-size: 24px;
        line-height: 30px;
        color: var(--tp-heading-primary);
    }

    .error-title {
        font-size: 40px;
        font-weight: var(--tp-fw-regular);
        line-height: 1.2;
    }

        .error-title b {
            font-weight: var(--tp-fw-sbold);
        }

        .error-title a {
            color: var(--tp-theme-1);
            font-weight: var(--tp-fw-sbold);
            background-image: linear-gradient(#FD4766, #FD4766), linear-gradient(#FD4766, #FD4766);
            display: inline;
            background-size: 0% 1.5px, 0 1.5px;
            background-position: 100% 100%, 0 100%;
            background-repeat: no-repeat;
            transition: background-size 0.4s linear;
        }

        .error-title:hover a {
            background-size: 0 2px, 100% 2px;
        }

    .sign-input {
        margin-bottom: 10px;
    }

        .sign-input label {
            color: #333333;
            font-size: 12px;
            margin-bottom: 2px;
        }

        .sign-input input {
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0 17px;
            background-color: #f3f4f8;
            border: 1px solid #f3f4f8;
        }

            .sign-input input::placeholder {
                color: #6d6e75;
            }

            .sign-input input:focus {
                border-color: var(--tp-theme-1);
                background-color: var(--tp-common-white);
            }

        .sign-input textarea {
            width: 100%;
            padding: 0 17px;
            background-color: #f3f4f8;
            border: 1px solid #f3f4f8;
        }

            .sign-input textarea::placeholder {
                color: #6d6e75;
            }

            .sign-input textarea:focus {
                border-color: var(--tp-theme-1);
                background-color: var(--tp-common-white);
            }

    .sign-forgot-password a {
        font-size: 12px;
        color: #007AFF;
    }

        .sign-forgot-password a:hover {
            color: var(--tp-theme-1);
        }

    .sign-line {
        margin: 30px 0;
        height: 1px;
        background-color: #ECEFF4;
    }

    .tp-btn-black {
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        color: var(--tp-common-white);
        background-color: var(--tp-common-black);
        padding: 10px 15px;
        border: 2px solid var(--tp-common-black);
        text-align: center;
    }

        .tp-btn-black img {
            margin-right: 5px;
        }

        .tp-btn-black:hover {
            background-color: transparent;
            color: var(--tp-common-black);
        }

    .sign-wrapper {
        border: 1px solid #ECEFF4;
    }

    .sign__new p {
        color: var(--tp-common-black);
    }

        .sign__new p a {
            color: #007AFF;
        }

    .contact__form-input input, .contact__form-input textarea {
        width: 100%;
        height: 56px;
        line-height: 54px;
        padding: 0 23px;
        background: #f3f4f8;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid #f3f4f8;
        color: var(--tp-common-black);
        font-size: 15px;
        margin-bottom: 20px;
    }

        .contact__form-input input::placeholder, .contact__form-input textarea::placeholder {
            font-size: 15px;
            color: #6d6e75;
        }

        .contact__form-input input:focus, .contact__form-input textarea:focus {
            border-color: var(--tp-theme-1);
            outline: none;
            background: var(--tp-common-white);
        }

    .contact__form-input textarea {
        height: 180px;
        padding: 23px 25px;
        line-height: 1.1;
        resize: none;
        margin-bottom: 13px;
    }

    .contact__form-input-2 input, .contact__form-input-2 textarea {
        background: #FBFBFB;
        border-color: #FBFBFB;
    }

    .contact__form-input-3 input, .contact__form-input-3 textarea {
        background: #fff;
        border-color: #fff;
    }

    .contact__form-agree {
        padding-left: 5px;
    }

        .contact__form-agree input {
            margin: 0;
            appearance: none;
            -moz-appearance: none;
            display: block;
            width: 14px;
            height: 14px;
            background: var(--tp-common-white);
            border: 1px solid #b9bac1;
            outline: none;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
        }

            .contact__form-agree input:checked {
                position: relative;
                background-color: var(--tp-theme-1);
                border-color: transparent;
            }

                .contact__form-agree input:checked::after {
                    box-sizing: border-box;
                    content: "\f00c";
                    position: absolute;
                    font-family: var(--tp-ff-fontawesome);
                    font-size: 10px;
                    color: var(--tp-common-white);
                    top: 46%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -moz-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    -o-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

            .contact__form-agree input:hover {
                cursor: pointer;
            }

        .contact__form-agree label {
            padding-left: 8px;
            color: var(--tp-text-1);
        }

            .contact__form-agree label a {
                color: var(--tp-common-black);
                font-weight: 600;
                padding-left: 4px;
            }

                .contact__form-agree label a:hover {
                    color: var(--tp-theme-1);
                }

            .contact__form-agree label:hover {
                cursor: pointer;
            }

    .contact__info-inner {
        padding: 45px 40px;
        padding-right: 70px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
        -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
        -ms-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
        -o-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
        box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
        position: relative;
        z-index: 1;
        border-radius: 20px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact__info-inner {
            margin-top: 50px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .contact__info-inner {
            margin-top: 50px;
        }
    }

    @media (max-width: 575px) {
        .bg__butt {
            margin-left: 20%;
            margin-top: -7%;
        }

        .contact__info-inner {
            margin-top: 50px;
            padding-right: 35px;
        }
    }

    .contact__info-icon i {
        fill: none;
        color: var(--tp-theme-1);
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        font-size: 20px;
    }

    .contact__info-icon svg {
        fill: none;
        stroke: var(--tp-theme-1);
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

        .contact__info-icon svg.map {
            width: 16px;
            height: 20px;
        }

        .contact__info-icon svg.mail {
            width: 18px;
            height: 18px;
        }

        .contact__info-icon svg.call {
            width: 18px;
            height: 18px;
        }

    .contact__info-text h4 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .contact__info-text p {
        margin-bottom: 0;
        color: var(--tp-text-1);
    }

        .contact__info-text p a:hover {
            color: var(--tp-theme-1);
        }

    .contact__social h4 {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 13px;
    }

    .contact__social ul li {
        display: inline-block;
        margin-right: 10px;
    }

        .contact__social ul li a {
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 13px;
            color: var(--tp-common-black);
            background: var(--tp-grey-1);
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
        }

            .contact__social ul li a.fb {
                color: #fff;
                background: var(--tp-theme-1);
            }

                .contact__social ul li a.fb:hover {
                    color: var(--tp-theme-1);
                    background: #fff;
                }

            .contact__social ul li a.tw {
                color: #fff;
                background: var(--tp-theme-1);
            }

                .contact__social ul li a.tw:hover {
                    color: var(--tp-theme-1);
                    background: #fff;
                }

            .contact__social ul li a.pin {
                color: #fff;
                background: var(--tp-theme-1);
            }

                .contact__social ul li a.pin:hover {
                    color: var(--tp-theme-1);
                    background: #fff;
                }

    .contact__icon {
        margin-bottom: 28px;
    }

        .contact__icon svg {
            width: 70px;
            height: 70px;
            backface-visibility: hidden;
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
            -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
            -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
            -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
            transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
        }

            .contact__icon svg .st0 {
                fill: none;
                stroke: #2B4EFF;
                stroke-width: 0.5;
                stroke-linecap: round;
                stroke-linejoin: round;
            }

    .contact__item {
        padding: 50px 80px;
        padding-bottom: 62px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
        -moz-box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
        -ms-box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
        -o-box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
        box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
        position: relative;
        z-index: 1;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact__item {
            padding-left: 30px;
            padding-right: 30px;
        }
    }

    @media (max-width: 575px) {
        .contact__item {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    .contact__item:hover .contact__icon svg {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    .contact__title {
        font-size: 26px;
        margin-bottom: 8px;
    }

    .contact__content p {
        font-size: 16px;
        color: var(--tp-text-1);
        margin-bottom: 30px;
    }

    .contact__shape img {
        position: absolute;
    }

        .contact__shape img.contact-shape-1 {
            bottom: 75px;
            left: -30px;
            z-index: -1;
        }

        .contact__shape img.contact-shape-2 {
            top: 30px;
            right: -30px;
        }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .contact__shape img.contact-shape-2 {
            right: -20px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact__shape img.contact-shape-2 {
            right: -20px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .contact__shape img.contact-shape-2 {
            right: -20px;
        }
    }

    @media (max-width: 575px) {
        .contact__shape img.contact-shape-2 {
            right: 0px;
        }
    }

    .contact__shape img.contact-shape-3 {
        right: -45%;
        top: 50%;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .contact__shape img.contact-shape-3 {
            right: -20%;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .contact__shape img.contact-shape-3 {
            right: -10%;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .contact__shape img.contact-shape-3 {
            right: -5%;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact__shape img.contact-shape-3 {
            right: -5%;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .contact__shape img.contact-shape-3 {
            right: -5%;
        }
    }

    @media (max-width: 575px) {
        .contact__shape img.contact-shape-3 {
            right: 0%;
        }
    }

    .contact__shape img.contact-shape-4 {
        right: 180px;
        bottom: -21%;
    }

    .contact__shape img.contact-shape-5 {
        left: 0;
        bottom: 142px;
    }

    /*----------------------------------------*/
    /*  18. Pricing Plan CSS START
/*----------------------------------------*/
    .pricing-plan-item {
        background: var(--tp-common-white);
        padding: 40px 0;
    }

    .pricing-plan-item-df {
        background: var(--tp-heading-primary);
    }

        .pricing-plan-item-df .tp-sqbtn-border {
            color: var(--tp-common-white);
            border: 2px solid var(--tp-common-black);
        }

            .pricing-plan-item-df .tp-sqbtn-border:hover {
                border-color: var(--tp-theme-1);
            }

        .pricing-plan-item-df .tp-sqbtn-active:hover {
            color: var(--tp-common-white);
        }

    .plan-list {
        padding: 0 50px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .plan-list {
            padding: 40px 25px;
        }
    }

    @media (max-width: 575px) {
        .plan-list {
            padding: 30px 15px;
        }
    }

    .pricing-plan-btn {
        padding: 0 50px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .pricing-plan-btn {
            padding: 40px 25px;
        }
    }

    @media (max-width: 575px) {
        .pricing-plan-btn {
            padding: 30px 15px;
        }
    }

    .pricing-meta {
        display: flex;
        justify-content: space-between;
        padding: 0 50px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .pricing-meta {
            padding: 40px 25px;
        }
    }

    @media (max-width: 575px) {
        .pricing-meta {
            padding: 30px 15px;
        }
    }

    .pricing-name {
        font-size: 16px;
        font-weight: var(--tp-fw-sbold);
        color: var(--tp-theme-1);
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .pricing-star ul li {
        list-style: none;
        display: inline-block;
        margin-right: 8px;
    }

        .pricing-star ul li:last-child {
            margin-right: 0;
        }

    @media (max-width: 575px) {
        .pricing-star ul li {
            margin-right: 0;
        }
    }

    .pricing-star ul li a {
        color: #FD9E47;
        display: block;
        font-size: 18px;
    }

    @media (max-width: 575px) {
        .pricing-star ul li a {
            font-size: 15px;
        }
    }

    .plan-price {
        padding: 15px 0;
        background: #FAFAFA;
    }

    .plan-price-2 {
        background: var(--tp-grey-1);
    }

    .plan-price-3 {
        background: #2E2E2E;
        padding-left: 50px;
        padding-right: 50px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .plan-price-3 {
            padding: 40px 25px;
        }
    }

    @media (max-width: 575px) {
        .plan-price-3 {
            padding: 30px 15px;
        }
    }

    .plan-price-3 p {
        margin-bottom: 0;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
    }

    .plan-price .price {
        font-size: 42px;
        margin-bottom: 0;
        font-weight: var(--tp-fw-sbold);
    }

    .plan-price .price-2 {
        color: var(--tp-common-white);
    }

    .plan-price .price span {
        font-size: 20px;
        font-weight: var(--tp-fw-medium);
    }

    .plan-price-4 {
        padding-left: 50px;
        padding-right: 50px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .plan-price-4 {
            padding: 40px 25px;
        }
    }

    @media (max-width: 575px) {
        .plan-price-4 {
            padding: 30px 15px;
        }
    }

    .plan-price-4 p {
        margin-bottom: 0;
        font-size: 14px;
        color: #777B83;
        text-transform: uppercase;
        font-weight: 500;
    }

    .plan-list ul li {
        display: inline-block;
        list-style: none;
        font-size: 15px;
        color: var(--tp-heading-primary);
        position: relative;
        margin-left: 40px;
        margin-bottom: 10px;
    }

        .plan-list ul li:last-child {
            margin-bottom: 0;
        }

        .plan-list ul li i {
            position: absolute;
            left: -30px;
            top: 5px;
        }

    .plan-list ul .disable {
        color: var(--tp-grey-3);
    }

    .plan-list-2 ul li {
        color: var(--tp-common-white);
    }

    .plan-list-2 ul .disable {
        color: var(--tp-grey-3);
    }

    .pr-plan-item-border {
        border: 1px solid var(--tp-grey-1);
    }

    /*----------------------------------------*/
    /*  19. Faq CSS START
/*----------------------------------------*/
    .fq-item {
        border: 0;
        border-bottom: 1px solid #E1E1E1;
        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
        padding: 20px;
        margin-bottom: 15px;
        border-radius: 15px;
    }

    .fq-button {
        border: 0;
        padding: 30px 0;
        box-shadow: none;
        font-size: 16px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-heading-primary);
        position: relative;
        background: none;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
        .fq-button {
            font-size: 20px;
        }
    }

    @media (max-width: 575px) {
        .fq-button {
            font-size: 16px;
        }
    }

    .fq-button:focus {
        box-shadow: none;
        outline: none;
    }

    .fq-button:hover {
        color: var(--tp-theme-1);
    }

    .fq-button::after {
        display: none;
    }

    .fq-button::before {
        position: absolute;
        content: "\f077";
        right: 0;
        top: 32px;
        font-family: var(--tp-ff-fontawesome);
        border: 1.5px solid;
        border-radius: 50%;
        padding: 6px 9px;
    }

    .fq-button:not(.collapsed) {
        color: var(--tp-theme-1);
        background-color: transparent;
        box-shadow: none;
        background: none;
    }

        .fq-button:not(.collapsed)::before {
            transform: rotate(-180deg);
        }

    .fq-body {
        padding: 20px;
        padding-top: 0;
    }

        .fq-body li {
            font-size: 16px;
        }

            .fq-body li a {
                font-weight: 400;
                color: #425ba6;
            }

    .accordion-flush .fq-item:last-child {
        border-bottom: 1px solid #E1E1E1;
    }

    .faq-wrapper-1 {
        margin-right: 70px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .faq-wrapper-1 {
            margin-right: 0;
        }
    }

    /*----------------------------------------*/
    /*  20. Privacy CSS START
/*----------------------------------------*/
    .privacy-title {
        font-weight: var(--tp-fw-light);
        font-size: 26px;
        line-height: 1.2;
    }

        .privacy-title b {
            font-weight: var(--tp-fw-bold);
        }

.privacy-nav {
    position: sticky;
    top: 140px;
    background: #0e4082;
    padding: 50px 40px;
    border-radius: 15px;
    box-shadow: 0 2px 13px 0 rgb(66 91 166 / 40%);
    border: 10px solid #103567;
}

        .privacy-nav .nav-tabs {
            border: 0;
            padding: 0;
            margin: 0;
            position: relative;
        }

            .privacy-nav .nav-tabs::before {
                position: absolute;
                content: "";
                left: -16px;
                background: var(--tp-grey-1);
                width: 2px;
                height: 100%;
            }

    @media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 575px) {
        .privacy-nav .nav-tabs::before {
            right: 35px;
        }
    }

    .privacy-nav .nav-tabs .nav-item {
        list-style: outside;
        color: white;
        font-size: large;
        margin-bottom: 27px;
    }

        .privacy-nav .nav-tabs .nav-item:last-child {
            margin-bottom: 0;
        }

        .privacy-nav .nav-tabs .nav-item .nav-link {
            border: 0;
            margin: 0;
            padding: 0;
            background-color: transparent;
            font-size: 18px;
            font-weight:900;
            line-height: 1.2;
            color: #ffffff;
            background-repeat: no-repeat;
            display: inline-block;
            position: relative;
        }

            .privacy-nav .nav-tabs .nav-item .nav-link::after {
                position: absolute;
                content: "";
                left: auto;
                bottom: 0;
                right: 0;
                width: 0%;
                height: 1px;
                background-color: #ffffff;
            }

            .privacy-nav .nav-tabs .nav-item .nav-link:hover, .privacy-nav .nav-tabs .nav-item .nav-link.active {
                color: #ffffff;
            }

                .privacy-nav .nav-tabs .nav-item .nav-link:hover::after, .privacy-nav .nav-tabs .nav-item .nav-link.active::after {
                    width: 100%;
                    left: 0;
                    right: auto;
                }

    .search-wrapper {
        padding: 40px 90px;
        border: 1px solid var(--tp-grey-1);
        box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.09);
    }

    @media (max-width: 575px) {
        .search-wrapper {
            padding: 0 0;
        }
    }

    .m-sidebar-search {
        position: relative;
    }

        .m-sidebar-search a {
            width: 88px;
            height: 88px;
            text-align: center;
            line-height: 88px;
            background: var(--tp-theme-1);
            color: var(--tp-common-white);
            font-size: 25px;
            display: inline-block;
            position: absolute;
            top: 0;
            right: 0;
        }

        .m-sidebar-search input {
            padding-left: 30px;
            padding-right: 100px;
            background: none;
            height: 88px;
            width: 100%;
            border: 0;
            outline: none;
            border: 1px solid var(--tp-grey-1);
        }

            .m-sidebar-search input::placeholder {
                color: #999999;
            }

            .m-sidebar-search input:focus {
                border-color: var(--tp-theme-1);
            }

    .privacy-item ul {
        margin-top: 20px;
        padding-left: 20px;
    }

        .privacy-item ul li {
            font-size: 16px;
            margin-bottom: 20px;
        }

    /*----------------------------------------*/
    /*  21. Job CSS START
/*----------------------------------------*/

    .job-list-item {
        padding: 50px;
        border: 1px solid var(--tp-grey-1);
        transition: 0.3s;
        border-radius: 15px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .job-list-item-2 {
        padding: 20px;
        border: 1px solid var(--tp-grey-1);
        transition: 0.3s;
        border-radius: 15px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .job-list-item:hover {
        box-shadow: rgba(66, 91, 166 0.2) 0px 2px 8px 0px;
        transition: 0.3s;
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .job-list-item {
            padding: 25px;
        }
    }

    .job-list-title {
        font-size: 17px;
        line-height: 1.2;
        font-weight: var(--tp-fw-sbold);
    }

        .job-list-title:hover {
            color: var(--tp-theme-1);
        }

    .job-list-title-2 {
        font-size: 20px;
        line-height: 1.2;
        font-weight: var(--tp-fw-sbold);
        color: #425ba6;
    }

        .job-list-title-2:hover {
            color: var(--tp-theme-1);
        }

    .job-list-img {
        height: 235px;
        overflow: hidden;
        border-radius: 10px;
    }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .job-list-title .job-list-title-2 {
            font-size: 18px;
            line-height: 1.4;
            margin-bottom: 20px;
        }
    }

    .job-name {
        font-size: 14px;
        font-weight: var(--tp-fw-regular);
        color: #777B83;
        display: block;
        letter-spacing: 1px;
    }

    .job-state {
        font-size: 18px;
        font-weight: var(--tp-fw-sbold);
        color: var(--tp-theme-1);
        text-transform: uppercase;
        display: block;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .job-state {
            margin-top: 50px;
            margin-bottom: 30px;
        }
    }

    .job-list-right {
        padding-left: 90px;
        position: relative;
    }
@media (max-width: 479px) {
    .job-list-right {
        padding-left: 0 !important;
    }
}


    .job-list-sm-title {
        font-size: 18px;
        line-height: 1.3;
        font-weight: var(--tp-fw-sbold);
        color: #425ba6;
    }

    .job-sm-name {
        font-size: 15px;
        line-height: 24px;
        color: #000000;
        font-weight: var(--tp-fw-regular);
        letter-spacing: .5px;
        display: block;
    }

        .job-sm-name li a {
            color: #333;
            font-size: 15px;
            line-height: 1.4;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            position: relative;
            -webkit-transition: .3s;
            transition: .3s;
        }

    .job-type {
        font-size: 15px;
        color: var(--tp-heading-primary);
        font-weight: var(--tp-fw-medium);
        display: block;
        text-decoration: underline;
    }

    .jobd-state {
        border-bottom: 1px solid var(--tp-grey-1);
    }

    .job-dstate {
        font-size: 18px;
        color: var(--tp-theme-1);
        font-weight: var(--tp-fw-sbold);
        display: block;
    }

    .job-dtitle {
        font-size: 22px;
        line-height: 1.3;
        font-weight: var(--tp-fw-sbold);
    }

    .job-sm-dtitle {
        font-size: 14px;
        font-weight: var(--tp-fw-regular);
        letter-spacing: 1px;
        color: #777B83;
        text-transform: uppercase;
    }

    .job-dtext a {
        font-size: 16px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-heading-primary);
    }

    .job-feature-list ul li {
        list-style: none;
        margin-left: 40px;
        position: relative;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .job-feature-list ul li i {
            color: var(--tp-theme-1);
            font-size: 18px;
            position: absolute;
            left: -35px;
            top: 4px;
        }

        .job-feature-list ul li b {
            font-weight: var(--tp-fw-regular);
            color: var(--tp-heading-primary);
        }

    .job-feature-list-2 ul li {
        margin-bottom: 30px;
    }

    .job-details-contact {
        margin-left: 100px;
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .job-details-contact {
            margin-left: 60px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .job-details-contact {
            margin-left: 0;
        }
    }

    /*----------------------------------------*/
    /*  22. Shop CSS START
/*----------------------------------------*/
    .shop-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
        border: 1px solid var(--tp-grey-1);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }

    @media (max-width: 575px) {
        .shop-meta {
            display: block;
        }
    }

    .search-result {
        font-size: 15px;
        font-weight: var(--tp-fw-medium);
        display: block;
        color: var(--tp-heading-primary);
    }

    .shop-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    @media (max-width: 575px) {
        .shop-info {
            margin-top: 15px;
        }
    }

    .shop-nav {
        display: flex;
        margin-right: 100px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .shop-nav {
            margin-right: 70px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .shop-nav {
            margin-right: 50px;
        }
    }

    @media (max-width: 575px) {
        .shop-nav {
            margin-right: 30px;
        }
    }

    .shop-nav-item {
        margin-right: 10px;
        cursor: pointer;
    }

        .shop-nav-item i {
            font-size: 15px;
            color: var(--tp-heading-primary);
        }

        .shop-nav-item:last-child {
            margin-right: 0;
        }

    .select-option .nice-select {
        border: 0;
        padding: 0;
        font-size: 15px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-heading-primary);
        height: auto;
        line-height: 1.1;
        padding-right: 40px;
        position: relative;
    }

        .select-option .nice-select::after {
            width: 10px;
            height: 10px;
            top: 35%;
            border-color: var(--tp-heading-primary);
        }

    .product-item {
        padding: 10px;
        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
        border-radius: 15px;
    }

    .product-title {
        font-size: 15px;
        font-weight: var(--tp-fw-medium);
        color: #425ba6;
    }

        .product-title:hover {
            color: var(--tp-theme-1);
        }

    .product-price {
        font-size: 18px;
        font-weight: var(--tp-fw-medium);
        color: #777B83;
        display: block;
    }

    .product-rating a {
        font-size: 18px;
        color: #F7931E;
    }

    .product-image {
        overflow: hidden;
        border-radius: 5px;
    }

        .product-image img {
            transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
            width: 100%;
        }

    .product-item:hover .product-image img {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .product-thumb {
        position: relative;
    }

    .sale-tag {
        position: absolute;
        top: 30px;
        left: 30px;
        z-index: 9;
    }

        .sale-tag span {
            background: var(--tp-theme-1);
            color: var(--tp-common-white);
            text-transform: uppercase;
            font-weight: var(--tp-fw-sbold);
            font-size: 12px;
            position: relative;
            text-align: center;
            z-index: 9;
            display: block;
            padding: 0 12px;
            border-radius: 5px;
            letter-spacing: 1px;
            cursor: pointer;
        }

    .product-dinfo {
        display: flex;
    }

    .product__details-nav .nav-tabs .nav-link.active {
        border-color: var(--tp-theme-1);
    }

    .product__details-nav .nav-tabs .nav-link {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .product__details-nav .nav-tabs .nav-link {
        border: 1px solid transparent;
        margin-bottom: 0px;
        padding: 10px;
        border-radius: 15px;
    }

    @media (max-width: 575px) {
        .pt-140 {
            padding-top: 40px;
        }

        .pt-m {
            padding-top: 40px !important;
        }

        .product__details-nav .nav-tabs .nav-link {
            width: 20%;
        }
    }

    .product__details-nav .nav-tabs {
        border-bottom: 0;
    }

    .product__details-nav-thumb {
        margin-right: 20px;
        padding: 10px;
        box-shadow: 10px 20px 40px rgb(73 82 91 / 15%);
        border-radius: 15px;
        min-height: 200px;
        min-width: 200px;
    }

    @media (max-width: 575px) {
        .product__details-nav-thumb {
            margin-right: 0;
            min-height: auto;
            min-width: 70%;
        }

        .product__details-nav .nav-tabs {
            display: contents;
        }
    }

    .review-count {
        font-size: 14px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-heading-primary);
        margin-left: 15px;
    }

    .product-dtitle {
        font-weight: var(--tp-fw-medium);
        font-size: 24px;
        line-height: 1.3;
        color: #425ba6;
    }

        .product-dtitle b {
            font-weight: var(--tp-fw-sbold);
        }

    .product-dprice {
        font-size: 30px;
        font-family: var(--tp-ff-body);
        width: 25%;
    }

        .product-dprice del {
            font-size: 20px;
            color: #B9B9B9;
        }

    @media (max-width: 1199px) {
        .doc-buttons {
            margin-bottom: 10px;
        }
    }

    .doc-buttons ul {
        height: 100%;
    }

        .doc-buttons ul li {
            height: 87px;
        }

    @media (min-width: 1200px) {
        .doc-buttons ul li:not(:last-child) {
            margin-bottom: 10px;
        }
    }

    @media (max-width: 500px) {
        .doc-buttons ul li:not(:last-child) {
            margin-bottom: 10px;
        }
    }


    .doc-buttons ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #1e4a71;
        border-radius: 13px;
        color: aliceblue;
        padding-left: 27px;
        padding-right: 27px;
        -webkit-transition: background .3s;
        transition: background .3s;
    }

        .doc-buttons ul li a .icon {
            font-size: 24px;
            width: 30px;
            color: aliceblue;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .doc-buttons ul li a .title {
            font-size: 13px;
            color: aliceblue;
            font-weight: 600;
            letter-spacing: 0.4px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding-left: 15px;
            line-height: 1.4;
        }

    .model-list a {
        font-size: 12px;
        font-weight: var(--tp-fw-sbold);
        color: #777B83;
        background: #F4F4F4;
        display: inline-block;
        padding: 0 10px;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-right: 15px;
    }

        .model-list a:last-child {
            margin-right: 0;
        }

        .model-list a:hover {
            background: var(--tp-theme-1);
            color: var(--tp-common-white);
        }

    .product-model-title {
        font-size: 16px;
        text-transform: capitalize;
        font-weight: var(--tp-fw-medium);
    }

    .cart-plus-minus {
        width: 180px;
        position: relative;
    }

        .cart-plus-minus input {
            border: 0px;
            outline: 0px;
            background: none;
            font-weight: 400;
            color: #222;
            font-size: 14px;
            display: inline-block;
            height: 45px;
            list-style: 45px;
            padding: 0 50px;
            width: 180px;
            border: 1px solid #ebebeb;
            text-align: center;
            border-radius: 0;
        }

        .cart-plus-minus .qtybutton {
            font-size: 20px;
            color: #222;
            display: inline-block;
            position: absolute;
            top: 50%;
            height: 22px;
            width: 22px;
            background: transparent;
            border-radius: 30px;
            line-height: 1;
            cursor: pointer;
            text-align: center;
            border-radius: 0;
            transform: translateY(-50%);
        }

        .cart-plus-minus .dec {
            left: 20px;
        }

        .cart-plus-minus .inc {
            right: 20px;
        }

    .product-quantity-title {
        font-size: 14px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-heading-primary);
        text-transform: uppercase;
        margin-right: 15px;
    }

    .product-tabs {
        border: none;
    }

    .product-tab-item {
        margin-right: 35px;
        margin-bottom: 15px;
    }

    .product-tabs .product-tab-button {
        font-size: 16px;
        font-weight: var(--tp-fw-medium);
        text-transform: uppercase;
        color: #777B83;
        padding: 17px 54px;
        border: none;
        position: relative;
        border: 1px solid #F1F1F1;
        border-radius: 0;
        letter-spacing: 1px;
    }

    @media (max-width: 575px) {
        .product-tabs .product-tab-button {
            padding: 15px 15px;
        }
    }

    .product-tabs .product-tab-button.active {
        background: var(--tp-theme-1);
        color: var(--tp-common-white);
        border-color: var(--tp-theme-1);
    }

    .product__desc-info {
        padding-top: 30px;
    }

        .product__desc-info ul li {
            display: flex;
            align-items: center;
            padding: 15px 30px;
        }

    @media (max-width: 575px) {
        .product__desc-info ul li {
            padding: 15px 15px;
        }
    }

    .product__desc-info ul li:nth-child(2n+1) {
        background: #f7f7f7;
    }

    .product__desc-info ul li h6 {
        font-size: 16px;
        color: #454545;
        margin-bottom: 0;
        font-weight: var(--tp-fw-medium);
        display: inline-block;
        width: 25%;
    }

    @media (max-width: 575px) {
        .product__desc-info ul li h6 {
            width: 60%;
        }
    }

    .product__desc-info ul li span {
        font-size: 16px;
        color: #454545;
    }

    @media (max-width: 575px) {
        .product-button a {
            margin-right: 0;
            margin-bottom: 15px;
        }
    }

    .review-rate h5 {
        font-size: 100px;
        letter-spacing: -0.025em;
        color: #5aab19;
        font-weight: 400;
        line-height: 0.8;
    }

        .review-rate h5 span {
            font-size: 24px;
        }

    .review-rate .review-star a .fa-star {
        color: #F7931E;
    }

    .review-count {
        font-size: 14px;
    }

    .review-des-infod h6 {
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 15px;
        font-weight: var(--tp-fw-medium);
    }

        .review-des-infod h6 span {
            display: inline-block;
            color: #83878E;
        }

    .review-details-des {
        display: flex;
    }

        .review-details-des .author-image img {
            border-radius: 50%;
        }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .review-details-des p br {
            display: none;
        }
    }

    .review-details-content .str-info {
        display: flex;
        align-items: center;
    }

    .review-details-content .review-star a .fa-star {
        color: #F7931E;
    }

    .review-details-content .name-date h6 {
        font-size: 16px;
        text-transform: capitalize;
    }

        .review-details-content .name-date h6 span {
            color: #83878E;
            display: inline-block;
            font-weight: 400;
        }

    .add-review-option a {
        font-size: 14px;
    }

        .add-review-option a:hover {
            color: var(--tp-theme-1);
        }

    .comment-title h3 {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .comment-title p {
        color: #454545;
    }

    .comment-rating span {
        font-size: 15px;
        color: #454545;
        margin-right: 5px;
    }

    .comment-rating ul li {
        display: inline-block;
    }

        .comment-rating ul li a {
            font-size: 14px;
            color: #F7931E;
        }

    .comment-rating ul {
        display: inline-block;
    }

    #flexCheckDefault {
        top: 5px;
        position: relative;
    }

    .comment-agree input {
        margin: 0;
        appearance: none;
        -moz-appearance: none;
        display: inline-block;
        width: 18px;
        height: 18px;
        background: transparent;
        border: 2px solid #dadada;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        outline: none;
    }

    .comment-agree label {
        margin-left: 5px;
        font-size: 15px;
        color: #454545;
    }

    .comment-agree input::placeholder {
        color: #858585;
        font-size: 14px;
        opacity: 1;
    }

    .comment-input input,
    .comment-textarea {
        width: 100%;
        height: 56px;
        line-height: 54px;
        padding: 0 23px;
        background: #f3f4f8;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid #f3f4f8;
        color: var(--tp-common-black);
        font-size: 15px;
        margin-bottom: 20px;
    }

        .comment-input input::placeholder,
        .comment-textarea::placeholder {
            font-size: 15px;
            color: #6d6e75;
        }

        .comment-input input:focus,
        .comment-textarea:focus {
            border-color: var(--tp-theme-1);
            outline: none;
            background: var(--tp-common-white);
        }

        .comment-input input:focus,
        .comment-textarea:focus {
            border: 1px solid var(--tp-theme-1);
        }

        .comment-input input::placeholder {
            color: #858585;
            font-size: 14px;
            opacity: 1;
        }

    .comment-textarea {
        height: 180px;
        padding: 23px 25px;
        line-height: 1.1;
        resize: none;
        margin-bottom: 13px;
    }

        .comment-textarea:focus {
            border: 1px solid var(--tp-theme-1);
        }

        .comment-textarea::placeholder {
            color: #858585;
            font-size: 14px;
            opacity: 1;
        }

    .related-product-title {
        font-size: 30px;
        font-weight: var(--tp-fw-regular);
    }

        .related-product-title b {
            font-weight: var(--tp-fw-sbold);
        }

    /*----------------------------------------*/
    /*  23. Cart CSS START
/*----------------------------------------*/
    /* 12. Cart */

    .table-content table {
        border-color: var(--tp-grey-1);
        border-radius: 0;
        border-style: solid;
        border-width: 1px 0 0 1px;
        text-align: center;
        width: 100%;
        margin-bottom: 0;
        font-family: var(--tp-ff-heading);
    }

    .table-content .table > :not(:last-child) > :last-child > * {
        border-bottom-color: var(--tp-grey-1);
        background: #1e4a71;
        color: white;
    }

    .table-content .product-quantity {
        float: none;
        width: 50%;
        font-size: 14px;
        font-weight: 400;
    }

    .table-content table td.product-name {
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        width: 8%;
    }

        .table-content table td.product-name a:hover {
            color: var(--tp-theme-1);
        }

    .table-content table td {
        border-top: medium none;
        padding: 20px 10px;
        vertical-align: middle;
        font-size: 14px;
    }

    .table-content .table > :not(:first-child) {
        border-top: 1px solid var(--tp-grey-1);
    }

    .table-content table th, .table-content table td {
        border-bottom: 1px solid var(--tp-grey-1);
        border-right: 1px solid var(--tp-grey-1);
    }

    .product-quantity input {
        color: #000;
        font-size: 14px;
        font-weight: normal;
        border: 1px solid #dcdcdc;
    }

    .table td, .table th {
        border-top: 1px solid var(--tp-grey-1);
        font-weight: var(--tp-fw-medium);
    }

    .product-quantity > input {
        width: 80px;
        border-radius: 3px;
    }

    .table-content table td.product-subtotal {
        font-size: 14px;
        width: 8%;
    }

    .table-content table td .cart-plus-minus {
        float: none;
        margin: 0 auto;
        position: relative;
    }

    .coupon-all {
        margin-top: 50px;
    }

    .coupon {
        float: left;
    }

    @media (max-width: 767px) {
        .coupon {
            float: none;
        }
    }

    #coupon_code {
        height: 57px;
        border: 2px solid var(--tp-grey-1);
        padding: 0 15px;
        margin-right: 10px;
        font-family: var(--tp-ff-heading);
        outline: none;
    }

    @media (max-width: 575px) {
        #coupon_code {
            margin-right: 0;
        }
    }

    #coupon_code::placeholder {
        color: #6f7172;
    }

    #coupon_code:focus {
        border-color: var(--tp-theme-1);
    }

    @media (max-width: 767px) {
        #coupon_code {
            margin-bottom: 15px;
        }
    }

    .coupon2 {
        float: right;
    }

    @media (max-width: 767px) {
        .coupon2 {
            float: none;
            margin-top: 15px;
        }
    }

    .cart-page-total {
        padding-top: 50px;
    }

        .cart-page-total > h2 {
            font-size: 25px;
            margin-bottom: 20px;
            text-transform: capitalize;
        }

        .cart-page-total > ul {
            border: 1px solid var(--tp-grey-1);
        }

            .cart-page-total > ul > li {
                list-style: none;
                font-size: 15px;
                color: #6f7172;
                padding: 10px 30px;
                border-bottom: 1px solid var(--tp-grey-1);
                font-weight: 400;
                font-family: var(--tp-ff-heading);
            }

        .cart-page-total ul > li > span {
            float: right;
        }

        .cart-page-total li:last-child {
            border-bottom: 0;
        }

    td.product-thumbnail img {
        width: 125px;
    }

    /* 17. Checkout */
    .coupon-accordion h3 {
        background-color: #f6f6f6;
        border-top: 3px solid var(--tp-heading-primary);
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 25px;
        padding: 1em 2em 1em 3.5em;
        position: relative;
        width: auto;
        font-family: var(--tp-ff-heading);
    }

        .coupon-accordion h3::before {
            content: "\f07b";
            left: 15px;
            top: 13px;
            position: absolute;
            color: #6f7172;
            font-family: "Font Awesome 5 Pro";
            font-weight: 700;
        }

    .coupon-accordion span {
        color: #6f7172;
        cursor: pointer;
        transition: 0.3s;
        font-weight: 500;
        font-family: var(--tp-ff-heading);
    }

        .coupon-accordion span:hover, p.lost-password a:hover {
            color: var(--tp-heading-primary);
        }

    .coupon-content {
        border: 1px solid var(--tp-grey-1);
        display: none;
        margin-bottom: 20px;
        padding: 30px;
    }

    .coupon-info p.coupon-text {
        margin-bottom: 15px;
    }

    .coupon-info p {
        margin-bottom: 0;
    }

        .coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
            display: block;
            color: #6f7172;
        }

            .coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
                color: red;
                font-weight: 700;
            }

        .coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
            border: 1px solid var(--tp-grey-1);
            height: 45px;
            margin: 0 0 14px;
            max-width: 100%;
            padding: 0 0 0 10px;
            width: 100%;
            outline: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;
        }

            .coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
                border-color: var(--tp-theme-1);
            }

        .coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
            background: var(--tp-theme-1) none repeat scroll 0 0;
        }

        .coupon-info p.form-row input[type=checkbox] {
            position: relative;
            top: 2px;
        }

    .form-row > label {
        margin-top: 15px;
        margin-left: 15px;
        color: #6f7172;
    }

    .buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
        background: #252525 none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        display: inline-block;
        float: left;
        font-size: 12px;
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        margin-right: 15px;
        padding: 0 15px;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
    }

    p.lost-password {
        margin-top: 15px;
    }

        p.lost-password a {
            color: #6f6f6f;
        }

    p.checkout-coupon input[type=text] {
        height: 45px;
        padding: 0 15px;
        width: 100%;
        border: 1px solid var(--tp-grey-1);
        margin-bottom: 15px;
        outline: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

        p.checkout-coupon input[type=text]:focus {
            border-color: var(--tp-theme-1);
        }

        p.checkout-coupon input[type=text]::placeholder {
            color: #6f7172;
        }

    .coupon-checkout-content {
        display: none;
    }

    .checkbox-form h3 {
        border-bottom: 1px solid var(--tp-grey-1);
        font-size: 26px;
        margin: 0 0 20px;
        padding-bottom: 10px;
        width: 100%;
    }

    .country-select {
        margin-bottom: 30px;
        position: relative;
    }

        .country-select select {
            width: 100%;
            background-color: transparent;
            border: 1px solid var(--tp-grey-1);
            padding: 0 10px;
            height: 50px;
        }

        .country-select .nice-select::after {
            margin-top: -5px;
        }

        .country-select label, .checkout-form-list label {
            color: #6f7172;
            display: block;
            margin: 0 0 5px;
            font-family: var(--tp-ff-heading);
        }

            .country-select label span.required, .checkout-form-list label span.required {
                color: var(--tp-theme-1);
            }

        .country-select .nice-select {
            border: 1px solid var(--tp-grey-1);
            height: 45px;
            padding-left: 10px;
            width: 100%;
            color: #6f7172;
            margin-bottom: 20px;
            font-family: var(--tp-ff-heading);
            border-radius: 0;
        }

            .country-select .nice-select:focus {
                border-color: var(--tp-theme-1);
            }

            .country-select .nice-select .list {
                width: 100%;
            }

    .checkout-form-list {
        margin-bottom: 30px;
    }

        .checkout-form-list label {
            color: #6f7172;
        }

        .checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
            background: #ffffff;
            border: 1px solid var(--tp-grey-1);
            border-radius: 0;
            height: 45px;
            padding: 0 0 0 10px;
            width: 100%;
            outline: none;
            font-family: var(--tp-ff-heading);
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;
        }

            .checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
                border-color: var(--tp-theme-1);
            }

            .checkout-form-list input[type=text]::-moz-placeholder,
            .checkout-form-list input[type=password]::-moz-placeholder,
            .checkout-form-list input[type=email]::-moz-placeholder {
                color: #6f7172;
                opacity: 1;
            }

            .checkout-form-list input[type=text]::placeholder,
            .checkout-form-list input[type=password]::placeholder,
            .checkout-form-list input[type=email]::placeholder {
                color: #6f7172;
                opacity: 1;
            }

        .checkout-form-list input[type=checkbox] {
            display: inline-block;
            margin-right: 10px;
            position: relative;
            top: 1px;
        }

    .create-acc label {
        color: #6f7172;
        display: inline-block;
    }

    .create-account {
        display: none;
    }

    .ship-different-title h3 label {
        display: inline-block;
        margin-right: 20px;
        color: #6f7172;
    }

    .order-notes textarea {
        border: 1px solid var(--tp-grey-1);
        height: 90px;
        padding: 15px;
        width: 100%;
        outline: none;
        font-family: var(--tp-ff-heading);
    }

        .order-notes textarea:focus {
            border-color: var(--tp-theme-1);
        }

        .order-notes textarea::-moz-placeholder {
            color: #6f7172;
            opacity: 1;
        }

        .order-notes textarea::placeholder {
            color: #6f7172;
            opacity: 1;
        }

    #ship-box-info {
        display: none;
    }

    .panel-group .panel {
        border-radius: 0;
    }

    .panel-default > .panel-heading {
        border-radius: 0;
    }

    .your-order {
        padding: 30px 40px 45px;
        border: 3px solid var(--tp-grey-1);
    }

    @media (max-width: 767px) {
        .your-order {
            padding: 15px;
        }
    }

    .your-order h3 {
        border-bottom: 1px solid var(--tp-grey-1);
        font-size: 30px;
        margin: 0 0 20px;
        padding-bottom: 10px;
        width: 100%;
    }

    .your-order-table table {
        background: none;
        border: 0;
        width: 100%;
    }

        .your-order-table table th, .your-order-table table td {
            border-bottom: 1px solid var(--tp-grey-1);
            border-right: medium none;
            color: #6f7172;
            font-size: 14px;
            padding: 15px 0;
            text-align: left;
            font-family: var(--tp-ff-heading);
        }

    @media (max-width: 767px) {
        .your-order-table table th, .your-order-table table td {
            padding-right: 10px;
        }
    }

    .your-order-table table th {
        border-top: medium none;
        color: #6f7172;
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
        white-space: nowrap;
        width: 250px;
        font-family: var(--tp-ff-heading);
    }

    .panel-body > p {
        color: #222;
    }

    .your-order-table table .shipping ul li {
        list-style: none;
    }

        .your-order-table table .shipping ul li input {
            position: relative;
            top: 2px;
        }

        .your-order-table table .shipping ul li label {
            color: #6f7172;
        }

    .your-order-table table .shipping th {
        vertical-align: top;
    }

    .your-order-table table .order-total th {
        border-bottom: 0;
        font-size: 14px;
    }

    .your-order-table table .order-total td {
        border-bottom: medium none;
    }

    .your-order-table table tr.cart_item:hover {
        background: #F9F9F9;
    }

    .your-order-table table tr.order-total td span {
        color: var(--tp-heading-primary);
        font-size: 18px;
        font-weight: 500;
    }

    .payment-method {
        margin-top: 40px;
    }

        .payment-method .accordion-item:last-of-type {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .payment-method .accordion-item {
            background-color: #fff;
            border: 0;
            border-bottom: 1px solid var(--tp-grey-1);
        }

        .payment-method .accordion-button {
            font-size: 16px;
            font-weight: 500;
            color: var(--tp-heading-primary);
            padding: 23px 0;
            border: none;
            font-family: var(--tp-ff-heading);
        }

            .payment-method .accordion-button:focus {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -ms-box-shadow: none;
                -o-box-shadow: none;
                box-shadow: none;
            }

            .payment-method .accordion-button::after {
                position: absolute;
                content: "\f067";
                left: auto;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                font-family: var(--tp-ff-fontawesome);
                font-size: 16px;
                font-weight: 400;
                margin-left: 0;
                background-image: none;
            }

            .payment-method .accordion-button:not(.collapsed) {
                color: var(--tp-heading-primary);
                background-color: var(--tp-common-white);
                box-shadow: none;
            }

                .payment-method .accordion-button:not(.collapsed)::after {
                    content: "\f068";
                }

        .payment-method .accordion-body {
            padding: 0;
            padding-bottom: 20px;
        }

            .payment-method .accordion-body p {
                margin-bottom: 0;
            }

        .payment-method .accordion-collapse {
            border: none;
        }

    .panel-title > a {
        display: block;
    }

    .order-button-payment input {
        background: #232323 none repeat scroll 0 0;
        border: medium none;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        height: 40px;
        margin: 0px 0 0;
        padding: 0;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
        width: 100%;
    }

        .order-button-payment input:hover {
            background: var(--tp-theme-1) none repeat scroll 0 0;
        }

    .payment-method .btn-link {
        background: no-repeat;
        border: medium none;
        border-radius: 0;
        color: #444;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 1;
        margin-bottom: 0;
        padding: 3px 10px;
        text-align: center;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
        vertical-align: middle;
        white-space: nowrap;
        text-decoration: none;
    }

    .payment-method .card {
        background-color: #ffffff;
        border: 1px solid var(--tp-grey-1);
        border-radius: 0;
        margin-bottom: 10px;
    }

    .payment-method .accordion .card:first-of-type {
        border: 1px solid var(--tp-grey-1);
    }

    .card-header:first-child {
        border-radius: 0;
    }

    .payment-method .card-header {
        background-color: #ffffff;
        border-bottom: 1px solid var(--tp-grey-1);
    }

    .order-button-payment button {
        width: 100%;
    }

    .cart-plus-minus {
        width: 180px;
    }

    .cdcart-plus-minus input {
        border: 0px;
        outline: 0px;
        background: none;
        font-weight: 400;
        color: var(--tp-heading-primary);
        font-size: 14px;
        display: inline-block;
        height: 45px;
        list-style: 45px;
        padding: 0 50px;
        width: 180px;
        border: 1px solid #ebebeb;
        text-align: center;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
    }

    .cart-plus-minus .qtybutton {
        font-size: 20px;
        color: var(--tp-heading-primary);
        display: inline-block;
        position: absolute;
        top: 50%;
        height: 22px;
        width: 22px;
        background: transparent;
        border-radius: 30px;
        line-height: 1;
        cursor: pointer;
        text-align: center;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .cart-plus-minus .dec {
        left: 7px;
    }

    .cart-plus-minus .inc {
        right: 7px;
    }

    /*----------------------------------------*/
    /*  24. FOOTER CSS START
/*----------------------------------------*/
.footer-logo-bg {
    width: 100%;
    align-items: center;
    justify-items: center;
    display: grid;
}

    .footer-logo-bg .footer-logo-area {
        /* right: 0; */
        /* margin-right: -11%; */
        /* left: 50%; */
        position: absolute;
        align-items: center;
        justify-content: space-between;
        display: flex;
        z-index: 105;
    }

        .footer-logo-bg .footer-logo-area .footer-logo {
            border-radius: 100%;
            width: 180px;
            height: 180px;
            line-height: 145px;
            padding: 16px;
            background: #ffffff;
            box-shadow: 0 2px 13px 0 rgb(66 91 166 / 55%);
        }
    .footer__widget-title {
        font-size: 22px;
        color: var(--tp-common-black);
        margin-bottom: 20px;
    }

    .footer__widget ul li {
        list-style: none;
    }

        .footer__widget ul li a {
            font-size: 14px;
            color: var(--tp-common-white);
            font-weight: var(--tp-fw-medium);
        }

    .footer-col-1 {
        margin-right: 200px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .footer-col-1 {
            margin-right: 180px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .footer-col-1 {
            margin-right: 40px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .footer-col-1 {
            margin-right: 0px;
        }
    }

    .footer__list-item {
        display: flex;
        align-items: center;
        margin-right: 120px;
        padding-bottom: 30px;
        border-bottom: 1px solid #313333;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
        .footer__list-item {
            margin-right: 0;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer__list-item {
            margin-right: 40px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .footer__list-item {
            margin-right: 0;
        }
    }

    .footer__list-item:last-child {
        border-bottom: 0;
    }

    .footer__list-item p {
        color: var(--tp-common-white);
        margin-bottom: 0;
    }

        .footer__list-item p a {
            display: block;
        }

            .footer__list-item p a:hover {
                color: var(--tp-theme-1);
            }

    .footer__list-icon {
        margin-right: 30px;
    }

        .footer__list-icon i {
            font-size: 30px;
            color: var(--tp-theme-1);
        }

    .footer__widget form .contact-filed input, .footer__widget form .contact-filed textarea {
        width: 100%;
        height: 60px;
        background: transparent;
        border: 0;
        border-bottom: 1px solid #313333;
        outline: none;
        box-shadow: none;
        color: var(--tp-common-white);
        resize: none;
    }

        .footer__widget form .contact-filed input:focus, .footer__widget form .contact-filed textarea:focus {
            border-color: var(--tp-common-white);
        }

        .footer__widget form .contact-filed input::-moz-placeholder, .footer__widget form .contact-filed textarea::-moz-placeholder {
            color: #A0A2A4;
            font-size: var(--tp-fz-body);
            opacity: 1;
        }

        .footer__widget form .contact-filed input::placeholder, .footer__widget form .contact-filed textarea::placeholder {
            color: #A0A2A4;
            font-size: var(--tp-fz-body);
            opacity: 1;
        }

    .footer__widget form .contact-filed textarea {
        height: 160px;
    }

    .tpcopyright-area {
        padding: 15px 0;
    }

        .tpcopyright-area p {
            margin-bottom: 0;
        }

    @media (max-width: 575px) {
        .tpcopyright-area p {
            text-align: center;
            margin-bottom: 15px;
        }
    }

    .tpcopyright-area-2 p {
        color: var(--tp-heading-primary);
    }

    .tpcopyright-area-4 {
        padding: 25px 0;
    }

        .tpcopyright-area-4 p {
            margin-bottom: 0;
            color: var(--tp-common-white);
        }

    .tpcopyright-border {
        border-top: 1px solid #ECEFF4;
    }

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

    @media (max-width: 575px) {
        .ft-social {
            text-align: center;
        }
    }

    .ft-social a {
        display: inline-block;
        height: 45px;
        width: 45px;
        line-height: 45px;
        color: #727373;
        margin-right: 15px;
        text-align: center;
        border-radius: 50%;
        background: var(--tp-heading-primary);
    }

        .ft-social a:last-child {
            margin-right: 0;
        }

        .ft-social a:hover {
            color: var(--tp-common-white);
        }

    .ft-social-2 a {
        background: none;
        color: #B9B9B9;
        margin-right: 10px;
    }

        .ft-social-2 a:hover {
            background: none;
            color: var(--tp-heading-primary);
        }

    .ft-social-12 a {
        width: inherit;
        margin-right: 35px;
    }

    .tp-footer-sm-title {
        font-size: 40px;
        font-weight: var(--tp-fw-medium);
        line-height: 1.2;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
        .tp-footer-sm-title {
            font-size: 38px;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-footer-sm-title {
            font-size: 35px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-footer-sm-title {
            font-size: 30px;
        }
    }

    .tp-footer-sm-title span {
        position: relative;
        display: inline;
        background-image: linear-gradient(#FD4766, #FD4766), linear-gradient(#FD4766, #FD4766);
        background-size: 0% 1px, 0 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        transition: background-size 0.4s linear;
        color: var(--tp-theme-1);
    }

    .tp-footer-sm-title:hover span {
        background-size: 0 2px, 100% 2px;
    }

    .tp-footer-xs-title {
        font-size: 13px;
        font-weight: var(--tp-fw-sbold);
        line-height: 1.2;
        color: #777B83;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .tp-footer-social-list a {
        font-size: 22px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-heading-primary);
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 10px;
        position: relative;
        background-image: linear-gradient(#141515, #141515), linear-gradient(#141515, #141515);
        background-size: 0 1px, 100% 1px;
        background-position: 100% 100%, 0 100%;
        background-repeat: no-repeat;
        transition: background-size 0.4s linear;
        line-height: 1.4;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

        .tp-footer-social-list a:hover {
            color: var(--tp-theme-1);
            background-image: linear-gradient(var(--tp-theme-1), var(--tp-theme-1)), linear-gradient(var(--tp-theme-1), var(--tp-theme-1));
        }

    .tp-footer-social-list-2 a {
        background-image: none;
    }

        .tp-footer-social-list-2 a:hover {
            background-image: none;
        }

    .footer-col-2 {
        margin-left: 100px;
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .footer-col-2 {
            margin-left: 0;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
        .footer-col-3 {
            margin-right: 70px;
        }
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .footer-col-3 p br {
            display: none;
        }
    }

    .tp-map-area {
        line-height: 0;
        height: 100%;
        width: 100%;
    }

        .tp-map-area iframe {
            width: 100%;
            height: 100%;
            filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
        }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .tp-map-area iframe {
            height: 650px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .tp-map-area iframe {
            height: 550px;
        }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tp-map-area iframe {
            height: 500px;
        }
    }

    .tpfooter-sm-title-2 {
        font-size: 16px;
        font-weight: var(--tp-fw-sbold);
        text-transform: uppercase;
    }

        .tpfooter-sm-title-2 i {
            font-size: 20px;
            color: var(--tp-theme-1);
            margin-right: 8px;
        }

    .tpfooter-sd-title {
        font-size: 26px;
        line-height: 1.2;
        font-weight: var(--tp-fw-sbold);
    }

    @media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfooter-sd-title {
            font-size: 22px;
        }
    }

    .tpfooter-contact-list ul li {
        margin-bottom: 20px;
    }

        .tpfooter-contact-list ul li:last-child {
            margin-bottom: 0;
        }

        .tpfooter-contact-list ul li a {
            font-size: 18px;
            line-height: 38px;
            color: #777B83;
            display: inline-block;
        }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .tpfooter-contact-list ul li a br {
            display: none;
        }
    }

    .tpfooter-contact-list ul li a:hover {
        color: var(--tp-theme-1);
    }

    .tpfooter-contact-list p {
        font-size: 18px;
        line-height: 50px;
        color: #777B83;
    }

        .tpfooter-contact-list p:hover {
            color: var(--tp-theme-1);
        }

    .tpfooter-contact-list-2 ul li {
        margin-bottom: 0;
    }

        .tpfooter-contact-list-2 ul li p {
            margin-bottom: 0;
        }

    .footer-col-4 {
        margin: 0 85px;
    }

    @media only screen and (min-width: 1400px) and (max-width: 1600px) {
        .footer-col-4 {
            margin: 0px 40px;
        }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .footer-col-4 {
            margin: 0px 30px;
        }
    }

    .border-top-2 {
        border-top: 1px solid #2C2F2F;
    }

    .footer-sm-title {
        font-size: 14px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-grey-5);
        text-transform: uppercase;
    }

    .footer-sp-title {
        font-size: 32px;
        line-height: 1.2;
        color: var(--tp-common-white);
        font-weight: var(--tp-fw-sbold);
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .footer-sp-title {
            font-size: 20px;
        }
    }

    @media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
        .footer-sp-title {
            font-size: 25px;
        }
    }

    .footer-sp-title i {
        color: var(--tp-common-white);
    }

    .footer-sp-title a:hover {
        color: var(--tp-theme-1);
    }

    .footer-sp-contact {
        font-size: 17px;
        font-weight: var(--tp-fw-medium);
        color: var(--tp-common-white);
        display: block;
    }

        .footer-sp-contact a:hover {
            color: var(--tp-theme-1);
        }

    .footer-xs-title {
        font-size: 18px;
        font-weight: var(--tp-fw-bold);
        color: var(--tp-common-white);
    }

    .footer-links ul li {
        margin-bottom: 8px;
    }

        .footer-links ul li:last-child {
            margin-bottom: 0;
        }

        .footer-links ul li a {
            font-size: 15px;
            font-weight: var(--tp-fw-medium);
            color: var(--tp-common-white);
        }

            .footer-links ul li a:hover {
                color: var(--tp-theme-1);
            }

    .footer-xs-wrapper p {
        color: var(--tp-grey-5);
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .footer-xs-wrapper p br {
            display: none;
        }
    }

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

        .copyright-links a {
            font-size: 15px;
            font-weight: var(--tp-fw-medium);
            display: inline-block;
            color: var(--tp-grey-5);
            margin-right: 20px;
        }

            .copyright-links a:hover {
                color: var(--tp-theme-1);
            }

            .copyright-links a:last-child {
                margin-right: 0;
            }

    @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
        .copyright-links {
            margin-top: 15px;
            text-align: left;
        }
    }

    .footer-contact-wrapper {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
/*        border-radius: 20px;
*/        overflow: hidden;
    }

    .footer-contact-overlay {
        position: relative;
        z-index: 1;
    }

        .footer-contact-overlay::after {
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

    .footer-copyright-text {
        padding: 45px 0;
    }

        .footer-copyright-text p {
            font-size: 15px;
            color: #141515;
            margin-bottom: 0;
        }

    /*----------------------------------------*/
    /*  25. Dark Light CSS START
/*----------------------------------------*/
    .mode-switch-wrapper .label i {
        width: 55px;
        height: 55px;
        text-align: center;
        line-height: 53px;
        border-radius: 50%;
        color: var(--tp-heading-primary);
        transition: 0.3s;
        cursor: pointer;
        position: relative;
        z-index: 1;
        border: 1px solid var(--tp-border-2);
    }

        .mode-switch-wrapper .label i::after {
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(245.39deg, #1C99FE -0.28%, #7644FF 47.72%, #FD4766 91.3%);
            background-size: 200% 100%;
            border-radius: 50%;
            z-index: -1;
            visibility: hidden;
            opacity: 0;
        }

        .mode-switch-wrapper .label i:hover {
            color: var(--tp-common-white);
            border-color: transparent;
        }

            .mode-switch-wrapper .label i:hover::after {
                visibility: visible;
                opacity: 1;
            }

    .checkbox {
        opacity: 0;
        position: absolute;
    }

    .active-light-mode .tp-light-icon {
        display: none;
    }

    .active-dark-mode .tp-dark-icon {
        display: none;
    }

    .mode-switch-wrapper-2 .label i {
        background: none;
        border: 0;
        height: auto;
        width: auto;
    }

        .mode-switch-wrapper-2 .label i:hover {
            background: none;
            color: var(--tp-theme-1);
        }

    .active-dark-mode {
        background: var(--tp-common-black);
    }

        .active-dark-mode *::-moz-selection {
            background: var(--tp-common-white);
            color: var(--tp-common-black);
            text-shadow: none;
        }

        .active-dark-mode ::-moz-selection {
            background: var(--tp-common-white);
            color: var(--tp-common-black);
            text-shadow: none;
        }

        .active-dark-mode ::selection {
            background: var(--tp-common-white);
            color: var(--tp-common-black);
            text-shadow: none;
        }

        .active-dark-mode p {
            color: var(--tp-grey-5);
        }

        .active-dark-mode .logo-white {
            display: block;
        }

        .active-dark-mode .logo-dark {
            display: none;
        }

        .active-dark-mode .tp-header-area .tpmenu ul li a {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-header-area .tpmenu ul li.has-dropdown > a::after {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-header-area .tp-header-action ul li a {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-header-area .mode-switch-wrapper .label {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpmenu ul li .submenu li:hover > a {
            color: var(--tp-common-white);
        }

        .active-dark-mode .header-sticky {
            background: #222;
        }

        .active-dark-mode .inner-border {
            border-bottom: 1px solid #181818;
        }

        .active-dark-mode .mode-switch-wrapper .label i {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tphero-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpdesign-sub-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .down-arrow a {
            background: var(--tp-common-black-soft);
            color: var(--tp-common-white);
            transition: 0.3s;
        }

            .active-dark-mode .down-arrow a:hover {
                background: linear-gradient(260.16deg, #1C99FE 9.94%, #7644FF 54.82%, #FD4766 95.56%);
                color: var(--tp-common-white);
            }

        .active-dark-mode .grey-bg {
            background: var(--tp-common-black);
        }

        .active-dark-mode .tp-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .about-des-text {
            color: #A0A2A4;
        }

        .active-dark-mode .tpservices-area {
            background: var(--tp-common-black-soft);
            position: relative;
            z-index: 1;
        }

        .active-dark-mode .tpservices-2 {
            background: var(--tp-common-black-soft);
            border-color: #313333;
        }

        .active-dark-mode .tpservices__title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpservices__title:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tpservices__btn a span {
            background: var(--tp-common-white);
        }

        .active-dark-mode .tpbrand-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpproject-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .ts-tabs button {
            background: var(--tp-common-black);
            color: var(--tp-common-white);
            border: 1px solid #313333;
        }

            .active-dark-mode .ts-tabs button:hover {
                background: var(--tp-theme-1);
                border-color: var(--tp-theme-1);
                color: var(--tp-common-white);
            }

        .active-dark-mode .tp-arrow-style button.slick-arrow {
            background: var(--tp-common-black-soft);
            color: var(--tp-common-white);
            border: 1px solid #313333;
        }

            .active-dark-mode .tp-arrow-style button.slick-arrow:hover {
                background: var(--tp-theme-1);
                border-color: var(--tp-theme-1);
                color: var(--tp-common-white);
            }

        .active-dark-mode .client__nav {
            background: var(--tp-common-black-soft);
            border: 1px solid var(--tp-border-3);
        }

        .active-dark-mode .slick-current .client__nav {
            border-color: var(--tp-theme-1);
        }

        .active-dark-mode .client__nav-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .client__review {
            background: var(--tp-common-black-soft);
            border: 1px solid var(--tp-border-3);
        }

            .active-dark-mode .client__review p {
                color: var(--tp-common-white);
            }

        .active-dark-mode .tpagency__slider button.slick-arrow {
            background: var(--tp-common-black);
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpagency__slider button.slick-arrow:hover {
                background: var(--tp-theme-1);
                color: var(--tp-common-white);
            }

        .active-dark-mode .tpagency__down-btn a {
            background: var(--tp-common-black);
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpagency__down-btn a:hover {
                color: var(--tp-common-white);
                background: var(--tp-theme-1);
            }

        .active-dark-mode .tpservices-3 {
            background: var(--tp-common-black);
            border: 1px solid var(--tp-border-3);
        }

        .active-dark-mode .tpfact-wrapper {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpfact__item {
            background: var(--tp-common-black);
        }

        .active-dark-mode .fact-title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .fact-title:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tpfrn-content {
            background: transparent;
        }

            .active-dark-mode .tpfrn-content p {
                color: var(--tp-common-white);
            }

        .active-dark-mode .tpfrn-content-2 {
            background: transparent;
        }

        .active-dark-mode .tpfrn-sub-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpfrn-about-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpfrn-about-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpfrn-about p {
            color: #A0A2A4;
        }

        .active-dark-mode .tpfrn-services-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpservices-4 {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpservices__btn a svg * {
            fill: #5A5B5B;
            opacity: 100%;
        }

        .active-dark-mode .tpservices__btn a:hover svg * {
            fill: var(--tp-common-white);
            opacity: 100%;
        }

        .active-dark-mode .tpfrn-bg-image::before {
            background: none;
            opacity: 0.6;
        }

        .active-dark-mode .tpfrn-area-3 {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpsec-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .trfrn-arrow-style:hover {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpfrn-project-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpfrn-project-title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpfrn-project-title a {
                background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
            }

        .active-dark-mode .client-designation {
            color: #A0A2A4;
        }

        .active-dark-mode .client .review-text {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpcta-area {
            background: #000;
        }

        .active-dark-mode .tp-border-btn {
            border-color: var(--tp-common-white);
            color: var(--tp-common-white);
        }

            .active-dark-mode .tp-border-btn:hover {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .tpbs-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tps-about-wrap p {
            color: #A0A2A4;
        }

        .active-dark-mode .features__list-text p {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpbs-about-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpbsvideo-content p {
            color: #A0A2A4;
        }

        .active-dark-mode .tpbs-services-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpservices-tpbs {
            background: var(--tp-heading);
            border: 1px solid var(--tp-border-3);
        }

            .active-dark-mode .tpservices-tpbs p {
                color: #A0A2A4;
            }

        .active-dark-mode .tpbs-btn-2 {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpbs-btn-2:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tpbs-video-wrapper {
            background: var(--tp-common-black);
        }

        .active-dark-mode .tpservices__btn a {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpservices__btn a:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tpbs-project-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpbs-project__title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpbs-project__title:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tpbs-cta-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpbs-title-df {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpbs-brand {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpblog__title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpblog__title a {
                background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
            }

        .active-dark-mode .tpblog__catagory {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpblog__date {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-minimal__design-title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tp-minimal__design-title span {
                color: transparent;
                -webkit-text-stroke: 1.2px var(--tp-common-white);
            }

        .active-dark-mode .tp-minimal__design .tpds-text {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpds-title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpds-title span {
                color: var(--tp-common-white);
            }

        .active-dark-mode .tpproject-5 .tpproject__btn a i {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpproject-5 .tpproject__btn a i:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tp-minimal__design .tpds-text-2 {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-minimal__design-wrapper-2 p {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpservices-info p {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-minimal__design-social a {
            background: var(--tp-common-black-soft);
            color: #939393;
        }

            .active-dark-mode .tp-minimal__design-social a:hover {
                color: var(--tp-common-white);
            }

        .active-dark-mode .tp-mds-services {
            background: var(--tp-common-black);
        }

        .active-dark-mode .tpservices-border {
            border-right: 1px solid var(--tp-common-black);
        }

        .active-dark-mode .tp-mds-services:hover {
            transform: translateY(20px);
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpvideo-area-df.grey-bg {
            background: var(--tp-heading-primary);
        }

        .active-dark-mode .tpproject-area-minimal {
            background: var(--tp-common-black);
        }

        .active-dark-mode .tpproject__menu button {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpproject__menu button.active {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tpproject__content {
            background: var(--tp-heading-primary);
        }

        .active-dark-mode .tpproject__title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpproject__title:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tpproject__btn a svg * {
            fill: #5A5B5B;
            opacity: 100%;
        }

        .active-dark-mode .tpproject__btn:hover a svg * {
            fill: var(--tp-common-white);
            opacity: 100%;
        }

        .active-dark-mode .tptestimonial-area.grey-bg {
            background: var(--tp-heading-primary);
        }

        .active-dark-mode .tpm-testimonial {
            background: var(--tp-common-black);
            border: 1px solid #313132;
        }

            .active-dark-mode .tpm-testimonial p {
                color: #A0A2A4;
            }

        .active-dark-mode .client__name {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpmblog-item:hover {
            box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.15);
            transition: 0.3s;
            background: var(--tp-heading-primary);
        }

        .active-dark-mode .tpmblog-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpmblog-item p {
            color: var(--tp-grey-5);
        }

        .active-dark-mode .tp-creative-hero__title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tp-creative-hero__title span {
                color: transparent;
                -webkit-text-stroke: 2px var(--tp-common-white);
            }

        .active-dark-mode .tpcr-btn {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-creative-hero-image {
            background: var(--tp-heading-primary);
        }

        .active-dark-mode .tp-creative__menu {
            border-top: 1px solid var(--tp-border-4);
        }

        .active-dark-mode .tp-creative__menu-grid {
            border-top: 0;
        }

        .active-dark-mode .tp-creative__menu-grid {
            border-bottom: 1px solid var(--tp-border-4);
        }

            .active-dark-mode .tp-creative__menu-grid .active {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tp-creative__menu button {
            border: 1px solid var(--tp-border-4);
        }

        .active-dark-mode .tp-gcreative-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-creative__menu .tp-cr-btn {
            border: none;
            color: var(--tp-common-white);
        }

            .active-dark-mode .tp-creative__menu .tp-cr-btn.active {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tp-gcreative-title span {
            background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
        }

        .active-dark-mode .tp-photograper-cta-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpbs-scroll-btn {
            background: var(--tp-heading-primary);
            color: var(--tp-common-white);
            border-color: var(--tp-heading-primary);
        }

            .active-dark-mode .tpbs-scroll-btn:hover {
                color: var(--tp-common-white);
                background: var(--tp-theme-1);
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .tpbs-scroll-btn-df {
            background: var(--tp-common-white);
        }

            .active-dark-mode .tpbs-scroll-btn-df i {
                color: var(--tp-heading-primary);
            }

            .active-dark-mode .tpbs-scroll-btn-df:hover is {
                color: var(--tp-common-white);
            }

        .active-dark-mode .tpmodel-hero-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpmodel-hero-contcat-info a {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpcopyright-border {
            border-top: 1px solid var(--tp-border-4);
        }

        .active-dark-mode .tpcopyright-area-2 p {
            color: var(--tp-common-white);
        }

        .active-dark-mode .ft-social-2 a:hover {
            background: none;
            color: var(--tp-theme-1);
        }

        .active-dark-mode .tpfurniture-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-ts-btn:hover {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpfurniture-title span {
            background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
        }

        .active-dark-mode .tpfurniture-contact-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpbs-project__title-2 {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpbs-project__title-2 a {
                background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
            }

        .active-dark-mode .tp-footer-sm-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-footer-social-list a {
            color: var(--tp-common-white);
        }

        .active-dark-mode .footer__widget p {
            color: var(--tp-grey-5);
        }

        .active-dark-mode .tppoletics-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tppoletics-sd-title {
            -webkit-text-stroke: 1.2px var(--tp-common-white);
            -webkit-background-clip: text;
        }

        .active-dark-mode .tppoletics-text {
            color: var(--tp-common-white);
        }

        .active-dark-mode .bio-wrapper.grey-bg {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .biograpy-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .biograpy-area.white-bg {
            background: var(--tp-common-black);
        }

        .active-dark-mode .vote-area.white-bg {
            background: var(--tp-common-black);
        }

        .active-dark-mode .vote-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .vote-sm-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .border-top {
            border-top: 1px solid var(--tp-border-4) !important;
        }

        .active-dark-mode .tppo-services-area.grey-bg {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tp-political-project.grey-bg {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpevent-area.grey-bg {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpevent-item {
            background: var(--tp-common-black);
        }

        .active-dark-mode .tpevent-title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .tpevent-title:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tpevent-sm-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpevent-title a {
            background-image: linear-gradient(#FD4766, #FD4766), linear-gradient(#FD4766, #FD4766);
        }

        .active-dark-mode .tppo-testimonial-area.grey-bg {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tppo-testimonial-wrapper.white-bg {
            background: var(--tp-common-black);
        }

        .active-dark-mode .tppo-testimonial-wrapper button.slick-arrow:hover {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tppoblog-area.grey-bg {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpblog__content-2 {
            background: var(--tp-common-black);
        }

        .active-dark-mode .tpfooter-sm-title-2 {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpfooter-sd-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpabout-xd-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpabout-xs-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpfact-border-right {
            border-right: 1px solid var(--tp-border-4);
        }

        .active-dark-mode .tpfact__item-df {
            border-top: 1px solid var(--tp-border-4);
        }

        .active-dark-mode .tpbs-review p {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-award-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .award-title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .award-title:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .tp-award-item {
            border: 1px solid var(--tp-border-4);
        }

        .active-dark-mode .award-icon {
            border-left: 1px solid var(--tp-border-4);
        }

            .active-dark-mode .award-icon i:hover {
                color: var(--tp-common-white);
            }

        .active-dark-mode .tp-photograper-cta-2 {
            background-color: var(--tp-common-black-soft);
        }

        .active-dark-mode .sd-banner-sm-item p {
            color: var(--tp-common-white);
        }

        .active-dark-mode .aboutme-feature-list ul li p {
            color: var(--tp-common-white);
        }

        .active-dark-mode .getin-touch-area {
            background-color: var(--tp-common-black-soft);
        }

        .active-dark-mode .aboutme-social a {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .ab-tabs {
            border-color: var(--tp-border-4);
        }

            .active-dark-mode .ab-tabs .ab-tab-item {
                border-color: var(--tp-border-4);
                color: var(--tp-common-white);
                background-color: transparent;
                box-shadow: none;
            }

                .active-dark-mode .ab-tabs .ab-tab-item.active {
                    color: var(--tp-theme-1);
                }

        .active-dark-mode .tab-pane-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .skill-item-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .edu-exp-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .get-in-touch-wrapper {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .tp-contact-form-field input, .active-dark-mode .tp-contact-form-field select, .active-dark-mode .tp-contact-form-field textarea {
            background: rgba(251, 251, 251, 0.1098039216);
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

            .active-dark-mode .tp-contact-form-field input:focus, .active-dark-mode .tp-contact-form-field select:focus, .active-dark-mode .tp-contact-form-field textarea:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .services-list-area-2 {
            background-color: var(--tp-common-black-soft);
        }

        .active-dark-mode .tpfrn-testimonial-area-2 {
            background-color: var(--tp-common-black-soft);
        }

        .active-dark-mode .pricing-plan-item {
            background-color: var(--tp-common-black-soft);
        }

        .active-dark-mode .plan-list ul li {
            color: var(--tp-common-white);
        }

        .active-dark-mode .plan-list ul .disable {
            color: var(--tp-grey-5);
        }

        .active-dark-mode .plan-price {
            background: var(--tp-common-black);
        }

            .active-dark-mode .plan-price .price {
                color: var(--tp-common-white);
            }

        .active-dark-mode .tp-sqbtn-border {
            color: var(--tp-common-white);
            border: 2px solid var(--tp-common-black);
        }

            .active-dark-mode .tp-sqbtn-border:hover {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .tp-sqbtn-active:hover {
            color: var(--tp-common-white);
        }

        .active-dark-mode .services-details-area {
            background-color: var(--tp-common-black-soft);
        }

        .active-dark-mode .services-d-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .services-sm-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .step-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .step-number-wrapper::after {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .project-list-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .basic-pagination ul li a, .active-dark-mode .basic-pagination ul li span {
            border: 2px solid var(--tp-border-4);
        }

            .active-dark-mode .basic-pagination ul li a:hover, .active-dark-mode .basic-pagination ul li span:hover {
                border-color: var(--tp-theme-1);
            }

            .active-dark-mode .basic-pagination ul li span.current {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .tp-creative-lists-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .tp-furniture-project-2 {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .project-details-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .details-nav-item a {
            color: var(--tp-common-white);
        }

        .active-dark-mode .faq-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .fq-button {
            color: var(--tp-common-white);
        }

        .active-dark-mode .fq-item {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .accordion-flush .fq-item:last-child {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .team-area {
            background: var(--tp-common-black-soft);
            position: relative;
            z-index: 1;
        }

        .active-dark-mode .tpteam-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .pricing-plan-area-2 {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .pr-plan-item-border {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .privacy-content-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .privacy-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .privacy-nav ul li a {
            color: var(--tp-common-white);
        }

            .active-dark-mode .privacy-nav ul li a:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .privacy-nav-wrapper::before {
            background: var(--tp-border-4);
        }

        .active-dark-mode .job-list-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .job-list-item {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .job-list-title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .job-list-title:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .job-list-sm-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .job-type {
            color: var(--tp-common-white);
        }

        .active-dark-mode .job-details-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .jobd-state {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .job-dtitle {
            color: var(--tp-common-white);
        }

        .active-dark-mode .job-dtext a {
            color: var(--tp-common-white);
        }

        .active-dark-mode .job-feature-list ul li b {
            color: var(--tp-common-white);
        }

        .active-dark-mode .shop-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .shop-meta {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .search-result {
            color: var(--tp-common-white);
        }

        .active-dark-mode .shop-nav-item i {
            color: var(--tp-common-white);
        }

        .active-dark-mode .select-option .nice-select {
            color: var(--tp-common-white);
            background: none;
        }

            .active-dark-mode .select-option .nice-select .list {
                background: var(--tp-common-black-soft);
                color: var(--tp-common-white);
            }

            .active-dark-mode .select-option .nice-select::after {
                border-color: var(--tp-common-white);
            }

        .active-dark-mode .product-title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .product-title:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .product-details {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .product-dtitle {
            color: var(--tp-common-white);
        }

        .active-dark-mode .product-dprice {
            color: var(--tp-common-white);
        }

        .active-dark-mode .product-model-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .product-quantity-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .cart-plus-minus input {
            color: var(--tp-common-white);
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .cart-plus-minus .qtybutton {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tp-sqbtn-border-2 {
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

            .active-dark-mode .tp-sqbtn-border-2:hover {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .tp-sqbtn-active-2:hover {
            color: var(--tp-common-white);
        }

        .active-dark-mode .model-list a {
            background: var(--tp-common-black);
        }

        .active-dark-mode .product-tabs .product-tab-button {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .product-additional-info {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .product__desc-info ul li:nth-child(2n+1) {
            background: var(--tp-common-black);
        }

        .active-dark-mode .product__desc-info ul li h6 {
            color: var(--tp-common-white);
        }

        .active-dark-mode .product__desc-info ul li span {
            color: var(--tp-common-white);
        }

        .active-dark-mode .review-des-infod h6 {
            color: var(--tp-common-white);
        }

        .active-dark-mode .review-count {
            color: var(--tp-common-white);
        }

        .active-dark-mode .comment-title h3 {
            color: var(--tp-common-white);
        }

        .active-dark-mode .comment-rating span {
            color: var(--tp-common-white);
        }

        .active-dark-mode .comment-agree label {
            color: var(--tp-common-white);
        }

        .active-dark-mode .related-product-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .related-product-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .comment-input input {
            background: var(--tp-common-black);
            border-color: var(--tp-common-black);
        }

            .active-dark-mode .comment-input input:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .comment-textarea {
            background: var(--tp-common-black);
            border-color: var(--tp-border-4);
        }

            .active-dark-mode .comment-textarea:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .blog-grid-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .blog-grid-title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .blog-grid-title a {
                background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
            }

        .active-dark-mode .blog-grid-date i {
            color: var(--tp-common-white);
        }

        .active-dark-mode .postbox__area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .postbox__title {
            color: var(--tp-common-white);
        }

            .active-dark-mode .postbox__title:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .sidebar-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .widget {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .n-sidebar-search input {
            background: var(--tp-common-black);
            color: var(--tp-common-white);
        }

        .active-dark-mode .feed-content h6 {
            color: var(--tp-common-white);
        }

            .active-dark-mode .feed-content h6:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .single-category {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .single-tag {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .search-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .search-wrapper {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .m-sidebar-search input {
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

        .active-dark-mode .postbox__area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .postbox__title-df {
            color: var(--tp-common-white);
        }

        .active-dark-mode .active-dark-mode p {
            color: var(--tp-common-white);
        }

        .active-dark-mode .postbox__title-sm {
            color: var(--tp-common-white);
        }

        .active-dark-mode .blogd-tag-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tags-list a {
            border-color: var(--tp-border-4);
        }

            .active-dark-mode .tags-list a:hover {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .bolgd-tags-wrapper {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .postbox__comment-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .postbox-share-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .postbox__comment-name h5 {
            color: var(--tp-common-white);
        }

        .active-dark-mode .postbox__comment-reply a {
            background: var(--tp-common-black);
        }

            .active-dark-mode .postbox__comment-reply a:hover {
                background: var(--tp-theme-1);
            }

        .active-dark-mode .postbox__comment-form-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .postbox__comment-input input, .active-dark-mode .postbox__comment-input textarea {
            background: var(--tp-common-black);
            border-color: var(--tp-common-black);
            color: var(--tp-common-white);
        }

            .active-dark-mode .postbox__comment-input input:focus, .active-dark-mode .postbox__comment-input textarea:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .contact-darea {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .conatct-sm-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .contact-item {
            background: var(--tp-common-black);
        }

        .active-dark-mode .contact-item-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .contact-item-last .contact-icon i {
            color: var(--tp-theme-1);
        }

        .active-dark-mode .sign-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .sign-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .sign-wrapper {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .sign__social {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .error-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .error-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .cart-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .table td, .active-dark-mode .table th {
            color: var(--tp-common-white);
        }

        .active-dark-mode .table-content table th, .active-dark-mode .table-content table td {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .table-content .table > :not(:last-child) > :last-child > * {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .table-content .table > :not(:first-child) {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .table-content table {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode #coupon_code {
            background: var(--tp-common-black);
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

            .active-dark-mode #coupon_code:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .cart-page-total > ul > li {
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

        .active-dark-mode .checkout-area, .active-dark-mode .coupon-area {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .coupon-accordion h3 {
            background-color: var(--tp-common-black-soft);
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

        .active-dark-mode .coupon-accordion span:hover {
            color: var(--tp-common-white);
        }

        .active-dark-mode .coupon-content {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .coupon-info p.form-row-first input, .active-dark-mode .coupon-info p.form-row-last input {
            background: var(--tp-common-black);
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

            .active-dark-mode .coupon-info p.form-row-first input:focus, .active-dark-mode .coupon-info p.form-row-last input:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode p.checkout-coupon input[type=text] {
            background: var(--tp-common-black);
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

            .active-dark-mode p.checkout-coupon input[type=text]:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .checkout-form-list input[type=text], .active-dark-mode .checkout-form-list input[type=password], .active-dark-mode .checkout-form-list input[type=email] {
            background: var(--tp-common-black);
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

            .active-dark-mode .checkout-form-list input[type=text]:focus, .active-dark-mode .checkout-form-list input[type=password]:focus, .active-dark-mode .checkout-form-list input[type=email]:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .country-select .nice-select {
            background: var(--tp-common-black);
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

            .active-dark-mode .country-select .nice-select:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .nice-select .option {
            background: var(--tp-common-black);
            color: var(--tp-common-white);
        }

        .active-dark-mode .checkbox-form h3 {
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

        .active-dark-mode .order-notes textarea {
            background: var(--tp-common-black);
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

            .active-dark-mode .order-notes textarea:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .ship-different-title h3 label {
            color: var(--tp-common-white);
        }

        .active-dark-mode .your-order h3 {
            color: var(--tp-common-white);
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .your-order-table table th, .active-dark-mode .your-order-table table td {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .your-order-table table tr.cart_item:hover {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .payment-method .accordion-body {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .payment-method .accordion-button:not(.collapsed) {
            background: var(--tp-common-black-soft);
        }

        .active-dark-mode .payment-method .accordion-button {
            background: var(--tp-common-black-soft);
            color: var(--tp-common-white);
        }

        .active-dark-mode .payment-method .accordion-item {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .your-order {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .tpmenu ul li .submenu {
            background: var(--tp-common-black);
        }

            .active-dark-mode .tpmenu ul li .submenu li a {
                color: #A8B0C3;
            }

                .active-dark-mode .tpmenu ul li .submenu li a:hover {
                    color: var(--tp-theme-1);
                    background-color: var(--tp-common-black-soft);
                }

        .active-dark-mode .tpmenu ul li .megamenu {
            background: var(--tp-common-black);
        }

            .active-dark-mode .tpmenu ul li .megamenu li a {
                color: #A8B0C3;
            }

                .active-dark-mode .tpmenu ul li .megamenu li a:hover {
                    color: var(--tp-theme-1);
                    background-color: var(--tp-common-black-soft);
                }

        .active-dark-mode .cart-page-total > h2 {
            color: #fff;
        }

        .active-dark-mode .cart-page-total > ul {
            border-color: var(--tp-border-4);
        }

        .active-dark-mode .tp-header-action-coming-soon ul li a {
            border: 1px solid var(--tp-border-2);
            color: var(--tp-heading-primary) !important;
        }

            .active-dark-mode .tp-header-action-coming-soon ul li a:hover {
                color: var(--tp-common-white) !important;
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .cm-subscribe .m-sidebar-search input {
            color: var(--tp-common-black);
        }

        .active-dark-mode .tp-dot-style .slick-dots li.slick-active button {
            box-shadow: inset 0 0 0 1px var(--tp-theme-1);
        }

        .active-dark-mode .footer-copyright-text p {
            color: var(--tp-common-white);
        }

        .active-dark-mode .tpfrn-content-inner {
            background-color: var(--tp-common-black);
        }

        .active-dark-mode .comment-input input,
        .active-dark-mode .comment-textarea {
            color: var(--tp-common-white);
        }

        .active-dark-mode .sign-input label {
            color: var(--tp-common-white);
        }

        .active-dark-mode .sign-input input {
            background: var(--tp-common-black);
            border-color: var(--tp-border-4);
            color: var(--tp-common-white);
        }

        .active-dark-mode .sign__agree .switch {
            background: var(--tp-common-black);
            border-color: var(--tp-border-4);
        }

            .active-dark-mode .sign__agree .switch::before {
                background-color: var(--tp-border-4);
            }

        .active-dark-mode .sign-line {
            background-color: var(--tp-border-4);
        }

        .active-dark-mode .tp-btn-black:hover {
            color: var(--tp-common-white);
        }

        .active-dark-mode .blog-item-15 {
            background-color: #222;
        }

        .active-dark-mode .blog-meta-15 .blog-category {
            color: var(--tp-common-white);
        }

        .active-dark-mode .blog-title-15 {
            color: var(--tp-common-white);
        }

        .active-dark-mode .privacy-nav .nav-tabs .nav-item .nav-link {
            color: var(--tp-grey-5);
        }

            .active-dark-mode .privacy-nav .nav-tabs .nav-item .nav-link.active, .active-dark-mode .privacy-nav .nav-tabs .nav-item .nav-link:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .blog__area {
            background-color: #181818;
        }

        .active-dark-mode .blog-slider .swiper-pagination-bullet {
            background-color: #CFCFCF;
        }

            .active-dark-mode .blog-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
                box-shadow: inset 0 0 0 1px var(--tp-theme-1);
                background-color: transparent;
            }

        .active-dark-mode .blog-slider-nav-1 button {
            background: var(--tp-common-black-soft);
            color: var(--tp-common-white);
            border: 1px solid #313333;
        }

            .active-dark-mode .blog-slider-nav-1 button:hover {
                color: var(--tp-common-white);
                background-color: var(--tp-theme-1);
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .cta-area-3 {
            background-color: #1F1F1F;
        }

        .active-dark-mode .tp-photograper-portfolio-text {
            color: var(--tp-common-white);
        }

        .active-dark-mode .privacy-item ul li {
            color: var(--tp-grey-5);
        }

        .active-dark-mode .privacy-nav .nav-tabs::before {
            background: #6C6C6C;
        }

        .active-dark-mode .hero-bg-6::after {
            background-color: var(--tp-heading-primary);
        }

        .active-dark-mode .experience-title {
            color: var(--tp-common-white);
        }

        .active-dark-mode .experience-sm-item {
            border-color: #262626;
        }

        .active-dark-mode .contact__form-input input, .active-dark-mode .contact__form-input textarea {
            background: #141515;
            border-color: #141515;
            color: #fff;
        }

            .active-dark-mode .contact__form-input input:focus, .active-dark-mode .contact__form-input textarea:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .contact__form-input-2 input, .active-dark-mode .contact__form-input-2 textarea {
            background: #202020;
            border-color: #202020;
            color: #fff;
        }

            .active-dark-mode .contact__form-input-2 input:focus, .active-dark-mode .contact__form-input-2 textarea:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .job-details-contact .contact__form-input input, .active-dark-mode .job-details-contact .contact__form-input textarea {
            background: #202020;
            border-color: #202020;
            color: #fff;
        }

            .active-dark-mode .job-details-contact .contact__form-input input:focus, .active-dark-mode .job-details-contact .contact__form-input textarea:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .job-details-contact .contact__form-input-2 input, .active-dark-mode .job-details-contact .contact__form-input-2 textarea {
            background: #202020;
            border-color: #202020;
            color: #fff;
        }

            .active-dark-mode .job-details-contact .contact__form-input-2 input:focus, .active-dark-mode .job-details-contact .contact__form-input-2 textarea:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .about-me-form .contact__form-input input, .active-dark-mode .about-me-form .contact__form-input textarea {
            background: #111;
            border-color: #111;
            color: #fff;
        }

            .active-dark-mode .about-me-form .contact__form-input input:focus, .active-dark-mode .about-me-form .contact__form-input textarea:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .about-me-form .contact__form-input-2 input, .active-dark-mode .about-me-form .contact__form-input-2 textarea {
            background: #111;
            border-color: #111;
            color: #fff;
        }

            .active-dark-mode .about-me-form .contact__form-input-2 input:focus, .active-dark-mode .about-me-form .contact__form-input-2 textarea:focus {
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .about-me-form .contact__form-agree input {
            background: #111;
            border-color: #fff;
        }

            .active-dark-mode .about-me-form .contact__form-agree input:checked {
                background-color: var(--tp-theme-1);
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .contact__form-agree input {
            background: #000000;
            border-color: #fff;
        }

            .active-dark-mode .contact__form-agree input:checked {
                background-color: var(--tp-theme-1);
                border-color: var(--tp-theme-1);
            }

        .active-dark-mode .contact__form-agree label a {
            color: var(--tp-text-1);
        }

            .active-dark-mode .contact__form-agree label a:hover {
                color: var(--tp-theme-1);
            }

        .active-dark-mode .contact__info {
            background: #141515;
        }

        .active-dark-mode .contact__info-inner {
            background: #141515;
        }

        .active-dark-mode .contact__info-text h4 {
            color: var(--tp-common-white);
        }

        .active-dark-mode .contact__social ul li a.pin {
            color: #fff;
            background: #d8163f;
        }

            .active-dark-mode .contact__social ul li a.pin:hover {
                color: #d8163f;
                background-color: #fff;
            }

        .active-dark-mode .contact__social ul li a.tw {
            color: #fff;
            background: #03a9f4;
        }

            .active-dark-mode .contact__social ul li a.tw:hover {
                color: #03a9f4;
                background-color: #fff;
            }

        .active-dark-mode .contact__social ul li a.fb {
            color: #fff;
            background: #285da1;
        }

            .active-dark-mode .contact__social ul li a.fb:hover {
                color: #285da1;
                background-color: #fff;
            }

    .duyuru-slider {
        padding: 0;
        height: 65px;
        display: flex;
        box-shadow: 0 2px 13px 0 rgb(66 91 166 / 49%);
    }

    .slider-baslik {
        padding-left: 3rem !important;
    }

        .slider-baslik i {
            font-size: large;
            border: 2px solid #425ba6;
            border-radius: 50px;
            padding: 10px;
            margin-right: 8px;
        }

    @media (min-width: 1200px) {
        .slider-baslik {
            background-color: #f6f8fa;
            color: #425ba6;
            font-weight: 600;
            align-items: center;
            display: flex;
            padding: 0;
        }
    }

    .duyuru-slider-area {
        min-width: 50%;
        width: 100%;
        max-width: 100%;
        display: flex;
        margin-left: 1rem;
        overflow: hidden;
    }

    .duyuru-slider-content {
        color: #425ba6;
        margin-left: 50px;
        font-size: 14px;
    }

    .duyuru-slider-img {
        height: 1rem;
        margin-right: 0.5rem;
    }

    .imgs {
        max-width: 150px;
        border: 4px solid #385cc7;
        border-radius: 100px;
        padding: 5px;
        position: absolute;
        /* height: 136px; */
        right: 16%;
        z-index: 10;
        margin-top: -69px;
    }

    .shortcuts.v-list ul li {
        list-style: none;
    }

        .shortcuts.v-list ul li a {
            display: block;
            position: relative;
        }

    .shortcuts-photo.v-logo {
        padding: 40px;
        border-top: 1px solid #1e4a71;
        border-right: 1px solid #1e4a71;
        border-left: 1px solid #1e4a71;
    }

    .shortcuts-photo {
        overflow: hidden;
        height: 180px;
        border-radius: 10px 10px 0 0;
    }

        .shortcuts-photo.v-logo img {
            -o-object-fit: contain;
            object-fit: contain;
        }

    .shortcuts-footer.v-dark.size-1 {
        height: 70px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .shortcuts-footer.v-dark {
        background: #1e4a71;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .shortcuts-footer {
        background: #1e4a71;
        height: 80px;
        border-radius: 0 0 10px 10px;
        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;
        padding-left: 30px;
        padding-right: 30px;
    }

        .shortcuts-footer .title {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.3;
            overflow: hidden;
            max-height: 47px;
        }

        .shortcuts-footer.v-dark .title {
            color: #fff;
        }
    /*Modal*/


    .close {
        color: #425ba6;
        transform: scale(1.2)
    }

    .modal-content {
        font-weight: bold;
        background: #fff;
        margin-top: 25%;
        padding: 7px;
        height: 65vh;
        overflow: auto;
    }

.pop-up-header {
    width: 100%;
    background-color: #0e4082;
    font-size: 18px;
    color: #fff;
    border-radius: 6px;
}

    .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
        box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    }

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

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #0e4082;
    border-color: #0e4082;
}

.panel-primary {
    border-color: #0e4082;
}

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

    .panel-body {
        padding: 15px;
    }

    .side-button-list {
        background: none !important;
        border: 1px solid rgba(255, 255, 255, 0.2);
        height: 115px;
        width: 115px;
        border-radius: 15px;
        margin-bottom: 10px;
    }

        .side-button-list:hover {
            background: #FD4766;
        }

        .side-button-list 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;
        }

            .side-button-list a .icon {
                color: #fff;
                font-size: 32px;
                opacity: .85;
            }

            .side-button-list a .title {
                font-size: 13px;
                font-weight: 500;
                line-height: 1.3;
                letter-spacing: -0.5px;
                padding-left: 15px;
                padding-right: 15px;
                margin-top: 15px;
                color: #fff;
                opacity: .85;
            }

    .popup-container {
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
        transform: scale(1.3);
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(21, 17, 17, 0.61);
        display: flex;
        align-items: center;
    }

    .popup-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 50%;
    }

        .popup-content p {
            font-size: 17px;
            padding: 10px;
            line-height: 20px;
        }

        .popup-content a.close {
            color: #1e4a71;
            float: right;
            font-size: 28px;
            font-weight: bold;
            background: none;
            padding: 0;
            margin: 0;
            text-decoration: none;
        }

            .popup-content a.close:hover {
                color: #333;
            }

        .popup-content span:hover,
        .popup-content span:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

    .popup-container:target {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
        overflow-y: scroll;
    }

    .popup-container h3 {
        margin: 10px;
    }

    .popup-container img {
        height: auto;
    }

    .popup-link {
        display: flex;
        flex-wrap: wrap;
    }

        .popup-link a {
            background: #333;
            color: #fff;
            padding: 10px 30px;
            border-radius: 5px;
            font-size: 17px;
            cursor: pointer;
            margin: 20px;
            text-decoration: none;
        }

    .common-list li {
        list-style: none;
    }

    .common-list ul li:not(:last-child) {
        margin-bottom: 15px;
    }

    .common-list__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 115px;
        border-radius: 10px;
        background: rgba(239, 242, 247, 0.7);
        padding: 8px;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .common-list__left {
        width: 30%;
        height: 100%;
    }

        .common-list__left .heading {
            width: 100%;
            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;
            border-radius: 10px;
            background: #fff;
            padding-left: 20px;
            padding-right: 20px;
            text-align: center;
        }

            .common-list__left .heading .icon {
                color: #0e4082;
                font-size: 48px;
            }
        .common-list__left .headingimg {
            width: 100%;
            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;
            border-radius: 10px;
            background: #fff;
            padding-left: 0px;
            padding: 10px;
            text-align: center;
        }
            .common-list__left .headingimg img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 10px;
            }
    .common-list__content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 20px;
        padding-right: 20px;
        font-family: "Roboto", sans-serif;
    }

        .common-list__content .title {
            font-size: 13px;
            line-height: 1.4;
            max-height: 36px;
            color: #1e4a71;
            font-weight: 700;
            overflow: hidden;
        }

        .common-list__content .text {
            color: rgba(73, 82, 91, 0.6);
            font-size: 13px;
            font-weight: 500;
            margin-top: 5px;
            overflow: hidden;
            max-height: 36px;
            line-height: 1.5;
        }

    .container__img-holder {
        max-width: 280px;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 20px;
        margin-left: 16px;
        cursor: pointer;
    }

        .container__img-holder:nth-child(3n+1) {
            margin-left: 0;
        }

        .container__img-holder img {
            width: 100%;
            height: 220px;
            display: block;
        }


    /* Popup Styling */
    .img-popup {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(255, 255, 255, .5);
        display: flex;
        justify-content: center;
        align-items: center;
        display: none;
    }

        .img-popup img {
            max-width: 900px;
            width: 100%;
            opacity: 0;
            transform: translateY(-100px);
            -webkit-transform: translateY(-100px);
            -moz-transform: translateY(-100px);
            -ms-transform: translateY(-100px);
            -o-transform: translateY(-100px);
        }

    .close-btn {
        width: 35px;
        height: 30px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }

        .close-btn .bar {
            height: 4px;
            background: #333;
        }

            .close-btn .bar:nth-child(1) {
                transform: rotate(45deg);
            }

            .close-btn .bar:nth-child(2) {
                transform: translateY(-4px) rotate(-45deg);
            }

    .opened {
        display: flex;
    }

        .opened img {
            animation: animatepopup 1s ease-in-out .8s;
            -webkit-animation: animatepopup .3s ease-in-out forwards;
        }

    @keyframes animatepopup {

        to {
            opacity: 1;
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }
    }

    @media screen and (max-width: 880px) {

        .container .container__img-holder:nth-child(3n+1) {
            margin-left: 16px;
        }
    }

    .navigation {
        width: 290px;
        height: 55px;
        border-radius: 40px;
        background-color: #1e4a71;
        box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
        margin-right: 13%;
        margin-left: 13%;
        position: fixed;
        bottom: 21px;
        z-index: 998;
    }

        .navigation ul {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: flex;
            padding-left: 3%;
            padding-right: 4%;
        }

            .navigation ul li {
                position: relative;
                list-style: none;
                width: 50px;
                height: 50px;
                z-index: 1;
                margin-left: 2.8%;
            }

                .navigation ul li a {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    text-align: center;
                    color: var(--tp-common-white);
                    font-weight: 500;
                }

                    .navigation ul li a .icon {
                        position: relative;
                        display: block;
                        line-height: 60px;
                        text-align: center;
                        transition: 0.5s;
                    }

                .navigation ul li.active a .icon {
                    color: #fff;
                }

                .navigation ul li a .icon i {
                    font-size: 16px;
                }

                .navigation ul li a .title {
                    position: absolute;
                    top: -70px;
                    left: 50%;
                    transform: translate(-50%, 15%);
                    width: auto;
                    background: #1e4a71;
                    padding: 5px 10px;
                    border-radius: 7px;
                    transition: 0.5s;
                    opacity: 0;
                    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
                    visibility: hidden;
                }

                .navigation ul li:hover a .title {
                    opacity: 1;
                    visibility: visible;
                    transform: translate(-50%, 50%);
                }

                .navigation ul li a .title::before {
                    content: "";
                    position: absolute;
                    width: 12px;
                    height: 12px;
                    background-color: #fff;
                    bottom: -8px;
                    left: 48%;
                    transform: rotate(45deg) translateX(-50%);
                    border-radius: 2px;
                }

.gallery-item {
    display: flex;
    column-gap: 1.2rem;
    padding: 20px 20px;
    border: solid 1px #1e4a71;
    max-width: 1100px;
    height: 644px;
}

.product-small-image {
    display: flex;
    flex-direction: column;
    width: 30%;
    height: 600px;
    justify-content: space-between;
    overflow-y: scroll;
}

    .product-small-image img {
        width: 100%;
        height: 70px;
        cursor: pointer;
        object-fit: cover;
        filter: brightness(80%);
        transition: all .5s ease-out;
    }

/* Shrink */
.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.7s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-shrink:focus,
    .hvr-shrink:active,
    .hvr-shrink:hover {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }



.product-small-image img:hover {
    filter: none;
    border: solid 4px #1e4a71;
    cursor: pointer;
}

.product-big-image {
    width: 100%;
    height: 600px;
}

    .product-big-image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.gallery-port {
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
}



input[type=range] {
    -webkit-appearance: none;
    align-self: center;
    background: #425ba6;
    height: 20px;
    opacity: .7;
    outline: none;
}

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        background: #425ba6;
        cursor: pointer;
        height: 20px;
        width: 20px;
    }

    input[type=range]::-moz-range-thumb {
        background: rgb(0, 174, 255);
        border: none;
        border-radius: 0;
        cursor: pointer;
        height: 20px;
        width: 20px;
    }

    input[type=range]::-moz-range-track {
        background: rgb(231, 231, 231);
        border: none;
        width: 100%;
    }

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
    border: none;
    cursor: pointer;
    color: black;
    font-weight: 600;
    outline: none;
    text-align: center;
    text-align-last: center;
    width: 2.5rem;
}

option {
    background: #425ba6;
    color: white;
    outline: none;
    text-align: center;
    text-align-last: center;
}

.player {
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 60%;
    height: 100%;
}

    .player:fullscreen .video-screen {
        background: rgb(38, 38, 39)
    }

    .player:fullscreen .file-chooser {
        transform: translateY(500%);
    }

.file-chooser {
    color: #425ba6;
    cursor: pointer;
    height: 50px;
    transform: translateY(-50%);
}

.video-screen {
    background: #425ba6;
    display: block;
    object-fit: cover;
    margin: 0 auto;
    transition: opacity .5s;
    width: 100%;
}

.controls {
    background: rgba(0, 0, 0, 0.5);
    border-top: 5px solid rgba(0, 0, 0, 0.02);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    display: flex;
    height: 70px;
    justify-content: space-around;
    opacity: 0;
    margin: 0;
    transition: .5s;
    transition-property: opacity, visibility;
    transform: translateY(-69px);
    visibility: hidden;
    width: 100%;
}

    .controls * {
        opacity: .7;
        transition: opacity .3s;
    }

    .controls.active {
        opacity: 1;
        visibility: visible;
    }

.fullscreen-button {
    align-self: center;
    border: 7px dashed white;
    background: transparent;
    height: 35px;
    margin: 0 15px;
    transition: scale .1s;
    width: 40px;
}



.portlet:not(.portlet-fullscreen) .heading:before {
    position: absolute;
    content: "";
    vertical-align: middle;
    width: 12px;
    height: 27px;
    background: #ff931e;
    right: 0px;
}

a.SmallVideo {
    position: absolute;
    right: 0px;
    z-index: 1;
    color: #000;
    font-size: 16px;
    top: -32px;
    background: #c0e28b;
    padding: 1px 5px;
    display: none;
}

.SmallVideo {
    position: fixed;
    bottom: 0px;
    left: 10px;
    width: 40vw;
    z-index: 999;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    max-width: 355px;
}

.videoContainer {
    margin: 10px auto;
}

.reposition {
    position: absolute;
    top: 3px;
    color: #000;
    background-color: #bedf89;
    right: 3px;
    width: 25px;
    height: 25px;
    text-align: center;
}



.closeSmallVideoBtn {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 9px;
    padding: 6px;
    background: #3498db;
    border: 4px solid currentColor;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    outline: none;
}

    .closeSmallVideoBtn svg {
        left: 0;
        position: relative;
        left: 0px;
        width: 20px;
        height: 20px;
        display: block;
        fill: currentColor;
    }
.leftmenu {
    position: fixed;
    top: calc(50% - 130px);
    left: 0;
    z-index: 9;
}

.leftmenu__item {
    max-width: 45px;
    max-height: 45px;
    height: 45px;
    margin: 3px 0;
    display: block;
    background-color: #fff;
    display: flex;
    align-items: center;
    transition: all 0.4s ease-in-out;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

    .leftmenu__item span {
        display: inline-block;
    }

        .leftmenu__item span.title {
            text-transform: uppercase;
            color: #000;
            font-size: 0.8092857143rem;
            max-width: 0;
            overflow: hidden;
            white-space: nowrap;
            transition: all 0.4s ease-in-out;
        }

        .leftmenu__item span.icon {
            text-align: center;
            width: 56px;
            height: 23px;
            min-width: 40px;
        }

            .leftmenu__item span.icon i {
                width: 50%;
                color: #dc3545;
                font-size:large;
            }

    .leftmenu__item:hover {
        max-width: 100%;
        min-width: 100%;
    }

        .leftmenu__item:hover span.title {
            padding: 0 10px;
            max-width: 100%;
        }
 .leftbaskan {
    position: fixed;
    bottom: 0;
    left: -45px;
    z-index: 9;
}

.leftbaskan__item {

    margin: 0 0;
    display: block;
    display: flex;
    align-items: center;
    transition: all 0.4s ease-in-out;

}

    .leftbaskan__item span {
        display: inline-block;
    }

        .leftbaskan__item span.title {
            text-transform: uppercase;
            margin-left: -43px;
            margin-top: 80px;
            color: #fff;
            font-size: 0.8092857143rem;
            font-weight: 600;
            max-width: 0;
            overflow: hidden;
            white-space: nowrap;
            transition: all 0.4s ease-in-out;
        }

        .leftbaskan__item span.icon {
            width: 65%;
        }

            .leftbaskan__item span.icon img {
                width: 100%;
            }

    .leftbaskan__item:hover {
        max-width: 100%;
        min-width: 100%;
    }

        .leftbaskan__item:hover span.title {
            padding: 0 10px;
            max-width: 100%;
        
        }
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Forte:wght@300;400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap");
@import url('font-awesome-pro.css');

:root {
    /**
  @font family declaration
  */
    --tp-ff-body: 'Roboto', sans-serif;
    --tp-ff-heading: 'Poppins', sans-serif;
    --tp-ff-p: 'Roboto', sans-serif;
    --tp-ff-fontawesome: "Font Awesome 6 Pro";
}

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;
    font-family: Roboto;
}

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;
}

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

*, *: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;
    outline: 0;
}

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;
}

.icon {
    font-size: 18px;
    color: currentColor;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1;
}

.icon-active {
    font-size: 18px;
    color: #00a920;
    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;
    }

        .container.max-1200 {
            max-width: 1200px;
        }
}

@media (min-width: 1750px) {
    .container {
        max-width: 1400px;
    }

        .container.max-1200 {
            max-width: 1200px;
        }
}

.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: 1750px) {
    .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;
    }

.gutter-3 {
    margin-left: -3px !important;
    margin-right: -3px !important;
}

    .gutter-3 > .col, .gutter-3 > [class*="col-"] {
        padding-left: 3px !important;
        padding-right: 3px !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, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
}

@keyframes swingIcon {
    from {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
}

@-webkit-keyframes swingIconX {
    from {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0);
    }
}

@keyframes swingIconX {
    from {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 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);
    }
}

@-webkit-keyframes iconZoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes iconZoom {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* classes attached to <body> */
.fc-not-allowed, .fc-not-allowed .fc-event { /* override events' custom cursors */
    cursor: not-allowed;
}

.fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fc { /* layout of immediate children */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
}

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

        .fc table {
            border-collapse: collapse;
            border-spacing: 0;
            font-size: 1em; /* normalize cross-browser */
        }

        .fc th {
            text-align: center;
        }

        .fc th, .fc td {
            vertical-align: top;
            padding: 0;
        }

        .fc a[data-navlink] {
            cursor: pointer;
        }

            .fc a[data-navlink]:hover {
                text-decoration: underline;
            }

.fc-direction-ltr {
    direction: ltr;
    text-align: left;
}

.fc-direction-rtl {
    direction: rtl;
    text-align: right;
}

.fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    position: relative;
}

/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td, .fc-liquid-hack th {
    position: relative;
}

@font-face {
    font-family: 'fcicons';
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.fc-icon { /* added for fc */
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fcicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
    content: "\e900";
}

.fc-icon-chevron-right:before {
    content: "\e901";
}

.fc-icon-chevrons-left:before {
    content: "\e902";
}

.fc-icon-chevrons-right:before {
    content: "\e903";
}

.fc-icon-minus-square:before {
    content: "\e904";
}

.fc-icon-plus-square:before {
    content: "\e905";
}

.fc-icon-x:before {
    content: "\e906";
}

/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc { /* reset */
}

    .fc .fc-button {
        border-radius: 0;
        overflow: visible;
        text-transform: none;
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

        .fc .fc-button:focus {
            outline: 1px dotted;
            outline: 5px auto -webkit-focus-ring-color;
        }

    .fc .fc-button {
        -webkit-appearance: button;
    }

        .fc .fc-button:not(:disabled) {
            cursor: pointer;
        }

        .fc .fc-button::-moz-focus-inner {
            padding: 0;
            border-style: none;
        }

.fc { /* theme */
}

    .fc .fc-button {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: 0.4em 0.65em;
        font-size: 1em;
        line-height: 1.5;
        border-radius: 7px;
    }

@media (max-width: 479px) {
    .fc .fc-button {
        padding: 0.3em 0.35em;
        font-size: 0.9em;
        line-height: 1.5;
        border-radius: 5px;
    }
}

.fc .fc-button:hover {
    text-decoration: none;
}

.fc .fc-button:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc .fc-button:disabled {
    opacity: 0.65;
}

.fc { /* "primary" coloring */
}

    .fc .fc-today-button {
        text-transform: capitalize;
        font-weight: 500;
        letter-spacing: -0.5px;
    }

@media (min-width: 992px) {
    .fc .fc-today-button {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1553a4;
    background-color: var(--fc-button-bg-color, #1553a4);
    border-color: #1553a4;
    border-color: var(--fc-button-border-color, #1553a4);
}

    .fc .fc-button-primary:hover {
        color: #fff;
        color: var(--fc-button-text-color, #fff);
        background-color: #1553a4;
        background-color: var(--fc-button-hover-bg-color, #1553a4);
        border-color: #1553a4;
        border-color: var(--fc-button-hover-border-color, #1553a4);
    }

    .fc .fc-button-primary:disabled { /* not DRY */
        color: #fff;
        color: var(--fc-button-text-color, #fff);
        background-color: #8d97a5;
        background-color: var(--fc-button-bg-color, #8d97a5);
        border-color: #8d97a5;
        border-color: var(--fc-button-border-color, #8d97a5); /* overrides :hover */
    }

    .fc .fc-button-primary:focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
    }

    .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {
        color: #fff;
        color: var(--fc-button-text-color, #fff);
        background-color: #1a252f;
        background-color: var(--fc-button-active-bg-color, #1a252f);
        border-color: #151e27;
        border-color: var(--fc-button-active-border-color, #151e27);
    }

        .fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
        }

.fc { /* icons within buttons */
}

    .fc .fc-button .fc-icon {
        vertical-align: middle;
        font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
    }

    .fc .fc-button-group {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
    }

        .fc .fc-button-group > .fc-button {
            position: relative;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

            .fc .fc-button-group > .fc-button:hover {
                z-index: 1;
            }

            .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button.fc-button-active {
                z-index: 1;
            }

.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: 3px;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc .fc-toolbar {
    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;
}

    .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1.5em;
    }

@media (max-width: 479px) {
    .fc .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1em;
    }
}

.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
}

.fc .fc-toolbar-title {
    margin: 0;
    color: #49525b;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

@media (max-width: 479px) {
    .fc .fc-toolbar-title {
        font-size: 32px;
    }
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
    margin-right: 10px;
}

.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
}

.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
}

.fc .fc-scroller-liquid {
    height: 100%;
}

.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: inherit !important;
}

.fc .fc-scroller-harness {
    position: relative;
    overflow: inherit;
    direction: ltr; /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */ /* TODO: demonstrate in codepen */
}

.fc .fc-scroller-harness-liquid {
    height: 100%;
}

.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
}

.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
}

.fc .fc-scrollgrid, .fc .fc-scrollgrid table { /* all tables (self included) */
    width: 100%; /* because tables don't normally do this */
    table-layout: fixed;
}

    .fc .fc-scrollgrid table { /* inner tables */
        border-top-style: hidden;
        border-left-style: hidden;
        border-right-style: hidden;
    }

.fc .fc-scrollgrid {
    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;
}

.fc .fc-scrollgrid-liquid {
    height: 100%;
}

.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px;
}

    .fc .fc-scrollgrid-section > td {
        height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    }

    .fc .fc-scrollgrid-section table {
        height: 1px; /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */ /* serves as a min-height. harmless */
    }

.fc .fc-scrollgrid-section-liquid {
    height: auto;
}

    .fc .fc-scrollgrid-section-liquid > td {
        height: 100%; /* better than `auto`, for firefox */
    }

.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
}

.fc .fc-scrollgrid-section-header > *, .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
}

.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
}

.fc { /* stickiness */
}

    .fc .fc-scrollgrid-section-sticky > * {
        background: #fff;
        background: var(--fc-page-bg-color, #fff);
        position: -webkit-sticky;
        position: sticky;
        z-index: 2; /* TODO: var */ /* TODO: box-shadow when sticking */
    }

    .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
        top: 0; /* because border-sharing causes a gap at the top */ /* TODO: give safari -1. has bug */
    }

    .fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
        bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
    }

    .fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
        height: 1px; /* needs height to create scrollbars */
        margin-bottom: -1px;
    }

.fc-sticky { /* no .fc wrap because used as child of body */
    position: -webkit-sticky;
    position: sticky;
}

.fc .fc-view-harness {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
}

.fc { /* when the harness controls the height, make the view liquid */
}

    .fc .fc-view-harness-active > .fc-view {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .fc .fc-col-header-cell-cushion {
        display: inline-block; /* x-browser for when sticky (when multi-tier header) */
        padding: 2px 4px;
    }

    .fc .fc-bg-event, .fc .fc-non-business, .fc .fc-highlight { /* will always have a harness with position:relative/absolute, so absolutely expand */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.fc-theme-standard td.fc-day-sun .fc-daygrid-day-frame, .fc-theme-standard td.fc-day-mon .fc-daygrid-day-frame {
    background: #fff;
}

.fc .fc-bg-event {
    background: #8fdf82;
    background: var(--fc-bg-event-color, #8fdf82);
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3);
}

    .fc .fc-bg-event .fc-event-title {
        margin: .5em;
        font-size: .85em;
        font-size: var(--fc-small-font-size, 0.85em);
        font-style: italic;
    }

.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}

.fc .fc-cell-shaded, .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event, a.fc-event:hover {
    text-decoration: none;
}

/* cursor */
.fc-event[href], .fc-event.fc-event-draggable {
    cursor: pointer;
}

/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
}

/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
}

.fc-event-dragging.fc-event-selected { /* TOUCH */
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
}

.fc-event:hover, .fc-event-selected { /* TOUCH */
}

    .fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
        display: block;
    }

    .fc-event-selected .fc-event-resizer {
        border-radius: 4px;
        border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
        border-width: 1px;
        border-width: var(--fc-event-resizer-dot-border-width, 1px);
        width: 8px;
        width: var(--fc-event-resizer-dot-total-width, 8px);
        height: 8px;
        height: var(--fc-event-resizer-dot-total-width, 8px);
        border-style: solid;
        border-color: inherit;
        background: #fff;
        background: var(--fc-page-bg-color, #fff);
    }

        .fc-event-selected .fc-event-resizer:before {
            content: '';
            position: absolute;
            top: -20px;
            left: -20px;
            right: -20px;
            bottom: -20px;
        }

/* selecting (always TOUCH) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

    .fc-event-selected:before {
        content: "";
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.fc-event-selected { /* dimmer effect */
}

    .fc-event-selected:after {
        content: "";
        background: rgba(0, 0, 0, 0.25);
        background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
        position: absolute;
        z-index: 1; /* assume there's a border on all sides. overcome it. */ /* sometimes there's NOT a border, in which case the dimmer will go over */ /* an adjacent border, which looks fine. */
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
    }

/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
    display: block;
    border: 1px solid #3788d8;
    border: 1px solid var(--fc-event-border-color, #3788d8);
    background-color: #3788d8;
    background-color: var(--fc-event-bg-color, #3788d8);
}

    .fc-h-event .fc-event-main {
        color: #fff;
        color: var(--fc-event-text-color, #fff);
    }

    .fc-h-event .fc-event-main-frame {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; /* for make fc-event-title-container expand */
    }

    .fc-h-event .fc-event-time {
        max-width: 100%; /* clip overflow on this element */
        overflow: hidden;
    }

    .fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        min-width: 0; /* important for allowing to shrink all the way */
    }

    .fc-h-event .fc-event-title {
        display: inline-block; /* need this to be sticky cross-browser */
        vertical-align: top; /* for not messing up line-height */
        left: 0; /* for sticky */
        right: 0; /* for sticky */
        max-width: 100%; /* clip overflow on this element */
        overflow: hidden;
    }

    .fc-h-event.fc-event-selected:before { /* expand hit area */
        top: -10px;
        bottom: -10px;
    }

/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}

/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
    top: 0;
    bottom: 0;
    width: 8px;
    width: var(--fc-event-resizer-thickness, 8px);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
    cursor: w-resize;
    left: -4px;
    left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
    cursor: e-resize;
    right: -4px;
    right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
    top: 50%;
    margin-top: -4px;
    margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
    left: -4px;
    left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
    right: -4px;
    right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

:root {
    --fc-daygrid-event-dot-width: 8px;
}

.fc .fc-popover {
    position: fixed;
    top: 0; /* for when not positioned yet */
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc .fc-popover-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 4px;
}

.fc .fc-popover-title {
    margin: 4px 13px;
    font-size: 13px;
    font-weight: 700;
}

.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
}

.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
}

.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

/* help things clear margins of inner content */
.fc-daygrid-day-frame, .fc-daygrid-day-events, .fc-daygrid-event-harness { /* for event top/bottom margins */
}

    .fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
        content: "";
        clear: both;
        display: table;
    }

    .fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
        content: "";
        clear: both;
        display: table;
    }

.fc .fc-daygrid-body { /* a <div> that wraps the table */
    position: relative;
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
    background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
}

.fc { /* cell top */
}

    .fc .fc-daygrid-day-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .fc .fc-day-other .fc-daygrid-day-top {
        opacity: 0.3;
    }

.fc { /* day number (within cell top) */
}

    .fc .fc-daygrid-day-number {
        position: relative;
        z-index: 4;
        padding: 4px;
    }

.fc { /* event container */
}

    .fc .fc-daygrid-day-events {
        margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
    }

.fc { /* positioning for balanced vs natural */
}

    .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
        position: absolute;
        left: 0;
        right: 0;
    }

    .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
        position: relative; /* for containing abs positioned event harnesses */
        min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
    }

    .fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
    }

        .fc .fc-daygrid-body-natural .fc-daygrid-day-events {
            margin-bottom: 1em;
        }

.fc { /* event harness */
}

    .fc .fc-daygrid-event-harness {
        position: relative;
    }

    .fc .fc-daygrid-event-harness-abs {
        position: absolute;
        top: 0; /* fallback coords for when cannot yet be computed */
        left: 0; /* */
        right: 0; /* */
    }

    .fc .fc-daygrid-bg-harness {
        position: absolute;
        top: 0;
        bottom: 0;
    }

.fc { /* bg content */
}

    .fc .fc-daygrid-day-bg .fc-non-business {
        z-index: 1;
    }

    .fc .fc-daygrid-day-bg .fc-bg-event {
        z-index: 2;
    }

    .fc .fc-daygrid-day-bg .fc-highlight {
        z-index: 3;
    }

.fc { /* events */
}

    .fc .fc-daygrid-event {
        z-index: 6;
        margin-top: 1px;
    }

        .fc .fc-daygrid-event.fc-event-mirror {
            z-index: 7;
        }

.fc { /* cell bottom (within day-events) */
}

    .fc .fc-daygrid-day-bottom {
        font-size: .85em;
        margin: 2px 3px 0;
    }

    .fc .fc-daygrid-more-link {
        position: relative;
        z-index: 4;
        cursor: pointer;
    }

.fc { /* week number (within frame) */
}

    .fc .fc-daygrid-week-number {
        position: absolute;
        z-index: 5;
        top: 0;
        padding: 2px;
        min-width: 1.5em;
        text-align: center;
        background-color: rgba(208, 208, 208, 0.3);
        background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
        color: #808080;
        color: var(--fc-neutral-text-color, #808080);
    }

.fc { /* popover */
}

    .fc .fc-more-popover {
        z-index: 8;
    }

        .fc .fc-more-popover .fc-popover-body {
            min-width: 220px;
            padding: 15px 5px;
        }

.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 2px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px;
}

.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
}

.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
}

.fc-liquid-hack .fc-daygrid-day-frame {
    position: static; /* will cause inner absolute stuff to expand to <td> */
}

.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
    position: relative; /* for z-indexes assigned later */
    white-space: nowrap;
    border-radius: 3px; /* dot event needs this to when selected */
    font-size: .85em;
    font-size: var(--fc-small-font-size, 0.85em);
}

/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
}

.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
    padding-left: 4px;
    padding-right: 4px;
}

/* --- the dot style of event --- */
.fc-daygrid-dot-event {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0;
}

    .fc-daygrid-dot-event .fc-event-title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        min-width: 0; /* important for allowing to shrink all the way */
        overflow: hidden;
        font-weight: bold;
    }

    .fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror {
        background: rgba(0, 0, 0, 0.1);
    }

    .fc-daygrid-dot-event.fc-event-selected:before { /* expand hit area */
        top: -10px;
        bottom: -10px;
    }

.fc-daygrid-event-dot { /* the actual dot */
    margin: 0 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 4px solid #3788d8;
    border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 4px;
    border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}

/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
}

.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
}

/*
A VERTICAL event
*/
.fc-v-event { /* allowed to be top-level */
    display: block;
    border: 1px solid #3788d8;
    border: 1px solid var(--fc-event-border-color, #3788d8);
    background-color: #3788d8;
    background-color: var(--fc-event-bg-color, #3788d8);
}

    .fc-v-event .fc-event-main {
        color: #fff;
        color: var(--fc-event-text-color, #fff);
        height: 100%;
    }

    .fc-v-event .fc-event-main-frame {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fc-v-event .fc-event-time {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-height: 100%;
        overflow: hidden;
    }

    .fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        min-height: 0; /* important for allowing to shrink all the way */
    }

    .fc-v-event .fc-event-title { /* will have fc-sticky on it */
        top: 0;
        bottom: 0;
        max-height: 100%; /* clip overflow */
        overflow: hidden;
    }

    .fc-v-event:not(.fc-event-start) {
        border-top-width: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .fc-v-event:not(.fc-event-end) {
        border-bottom-width: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .fc-v-event.fc-event-selected:before { /* expand hit area */
        left: -10px;
        right: -10px;
    }

.fc-v-event { /* resizer (mouse AND touch) */
}

    .fc-v-event .fc-event-resizer-start {
        cursor: n-resize;
    }

    .fc-v-event .fc-event-resizer-end {
        cursor: s-resize;
    }

.fc-v-event { /* resizer for MOUSE */
}

    .fc-v-event:not(.fc-event-selected) .fc-event-resizer {
        height: 8px;
        height: var(--fc-event-resizer-thickness, 8px);
        left: 0;
        right: 0;
    }

    .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
        top: -4px;
        top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

    .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
        bottom: -4px;
        bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event { /* resizer for TOUCH (when event is "selected") */
}

    .fc-v-event.fc-event-selected .fc-event-resizer {
        left: 50%;
        margin-left: -4px;
        margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

    .fc-v-event.fc-event-selected .fc-event-resizer-start {
        top: -4px;
        top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

    .fc-v-event.fc-event-selected .fc-event-resizer-end {
        bottom: -4px;
        bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
}

.fc .fc-timegrid-divider {
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
}

.fc .fc-timegrid-body {
    position: relative;
    z-index: 1; /* scope the z-indexes of slots and cols */
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
}

.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    position: relative;
}

    .fc .fc-timegrid-axis-chunk > table {
        position: relative;
        z-index: 1; /* above the now-indicator-container */
    }

.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
}

.fc .fc-timegrid-slot { /* a <td> */
    height: 1.5em;
    border-bottom: 0;
}

    .fc .fc-timegrid-slot:empty:before {
        content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
    }

.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
}

.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
}

.fc .fc-timegrid-slot-label {
    vertical-align: middle; /* vertical align the slots */
}

.fc { /* slots AND axis cells (top-left corner of view including the "all-day" text) */
}

    .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion {
        padding: 0 4px;
    }

.fc { /* axis cells (top-left corner of view including the "all-day" text) */ /* vertical align is more complicated, uses flexbox */
}

    .fc .fc-timegrid-axis-frame-liquid {
        height: 100%; /* will need liquid-hack in FF */
    }

    .fc .fc-timegrid-axis-frame {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; /* vertical align */
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; /* horizontal align. matches text-align below */
    }

    .fc .fc-timegrid-axis-cushion {
        max-width: 60px; /* limits the width of the "all-day" text */
        -ms-flex-negative: 0;
        flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
    }

.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
}

.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
}

.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fc .fc-timegrid-col.fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
    background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.fc .fc-timegrid-col-frame {
    min-height: 100%; /* liquid-hack is below */
    position: relative;
}

.fc-liquid-hack .fc-timegrid-col-frame {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fc-media-screen .fc-timegrid-cols {
    position: absolute; /* no z-index. children will decide and go above slots */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .fc-media-screen .fc-timegrid-cols > table {
        height: 100%;
    }

.fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-media-screen .fc-timegrid-event-harness {
    position: absolute; /* top/left/right/bottom will all be set by JS */
}

.fc { /* bg */
}

    .fc .fc-timegrid-col-bg {
        z-index: 2; /* TODO: kill */
    }

        .fc .fc-timegrid-col-bg .fc-non-business {
            z-index: 1;
        }

        .fc .fc-timegrid-col-bg .fc-bg-event {
            z-index: 2;
        }

        .fc .fc-timegrid-col-bg .fc-highlight {
            z-index: 3;
        }

    .fc .fc-timegrid-bg-harness {
        position: absolute; /* top/bottom will be set by JS */
        left: 0;
        right: 0;
    }

.fc { /* fg events */ /* (the mirror segs are put into a separate container with same classname, */ /* and they must be after the normal seg container to appear at a higher z-index) */
}

    .fc .fc-timegrid-col-events {
        z-index: 3; /* child event segs have z-indexes that are scoped within this div */
    }

.fc { /* now indicator */
}

    .fc .fc-timegrid-now-indicator-container {
        bottom: 0;
        overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */ /* z-index is set on the individual elements */
    }

.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
}

.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror {
    -webkit-box-shadow: 0px 0px 0px 1px #fff;
    box-shadow: 0px 0px 0px 1px #fff;
    -webkit-box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
    box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}

.fc-timegrid-event { /* events need to be root */
    font-size: .85em;
    font-size: var(--fc-small-font-size, 0.85em);
    border-radius: 3px;
}

    .fc-timegrid-event .fc-event-main {
        padding: 1px 1px 0;
    }

    .fc-timegrid-event .fc-event-time {
        white-space: nowrap;
        font-size: .85em;
        font-size: var(--fc-small-font-size, 0.85em);
        margin-bottom: 1px;
    }

.fc-timegrid-event-condensed .fc-event-main-frame {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
}

.fc-timegrid-event-condensed .fc-event-time:after {
    content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
}

.fc-timegrid-event-condensed .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size, 0.85em);
}

.fc-media-screen .fc-timegrid-event {
    position: absolute; /* absolute WITHIN the harness */
    top: 0;
    bottom: 1px; /* stay away from bottom slot line */
    left: 0;
    right: 0;
}

.fc { /* line */
}

    .fc .fc-timegrid-now-indicator-line {
        position: absolute;
        z-index: 4;
        left: 0;
        right: 0;
        border-style: solid;
        border-color: red;
        border-color: var(--fc-now-indicator-color, red);
        border-width: 1px 0 0;
    }

.fc { /* arrow */
}

    .fc .fc-timegrid-now-indicator-arrow {
        position: absolute;
        z-index: 4;
        margin-top: -5px; /* vertically center on top coordinate */
        border-style: solid;
        border-color: red;
        border-color: var(--fc-now-indicator-color, red);
    }

.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0; /* triangle pointing right. TODO: mixin */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0; /* triangle pointing left. TODO: mixin */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

:root {
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc-theme-standard .fc-list {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
}

.fc { /* message when no events */
}

    .fc .fc-list-empty {
        background-color: rgba(208, 208, 208, 0.3);
        background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
        height: 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; /* vertically aligns fc-list-empty-inner */
    }

    .fc .fc-list-empty-cushion {
        margin: 5em 0;
    }

.fc { /* table within the scroller */ /* ---------------------------------------------------------------------------------------------------- */
}

    .fc .fc-list-table {
        width: 100%;
        border-style: hidden; /* kill outer border on theme */
    }

        .fc .fc-list-table tr > * {
            border-left: 0;
            border-right: 0;
        }

    .fc .fc-list-sticky .fc-list-day > * { /* the cells */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background: #fff;
        background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
    }

    .fc .fc-list-table th {
        padding: 0; /* uses an inner-wrapper instead... */
    }

    .fc .fc-list-table td, .fc .fc-list-day-cushion {
        padding: 8px 14px;
    }

.fc { /* date heading rows */ /* ---------------------------------------------------------------------------------------------------- */
}

    .fc .fc-list-day-cushion:after {
        content: "";
        clear: both;
        display: table; /* clear floating */
    }

.fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

.fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text {
    float: left;
}

.fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text {
    float: right;
}

/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
    padding-right: 0;
}

.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
    padding-left: 0;
}

.fc .fc-list-event.fc-event-forced-url {
    cursor: pointer; /* whole row will seem clickable */
}

.fc .fc-list-event:hover td {
    background-color: #f5f5f5;
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
}

.fc { /* shrink certain cols */
}

    .fc .fc-list-event-graphic, .fc .fc-list-event-time {
        white-space: nowrap;
        width: 1px;
    }

    .fc .fc-list-event-dot {
        display: inline-block;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        width: 0;
        height: 0;
        border: 5px solid #3788d8;
        border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
        border-radius: 5px;
        border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
    }

.fc { /* reset <a> styling */
}

    .fc .fc-list-event-title a {
        color: inherit;
        text-decoration: none;
    }

.fc { /* underline link when hovering over any part of row */
}

    .fc .fc-list-event.fc-event-forced-url:hover a {
        text-decoration: underline;
    }

.fc-theme-bootstrap a:not([href]) {
    color: inherit; /* natural color for navlinks */
}

.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: black;
    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.8;
    -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: 10px;
    -webkit-box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    overflow: hidden;
    padding: 2px;
    background: #fff;
}

.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: #1553a4 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: #1553a4;
    }

        .datepicker--cell.-current-.-focus- {
            color: #4a4a4a;
        }

        .datepicker--cell.-current-.-in-range- {
            color: #1553a4;
        }

    .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: #1553a4;
    }

        .datepicker--cell.-selected-.-current- {
            color: #fff;
            background: #1553a4;
        }

        .datepicker--cell.-selected-.-focus- {
            background: #fe5923;
        }

    .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: #1553a4;
    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: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    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: #1553a4;
    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: #1553a4;
                border-color: #1553a4;
            }

            .datepicker--time-row input[type='range']:focus::-moz-range-thumb {
                background: #1553a4;
                border-color: #1553a4;
            }

            .datepicker--time-row input[type='range']:focus::-ms-thumb {
                background: #1553a4;
                border-color: #1553a4;
            }

        .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;
            -webkit-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;
            -webkit-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;
}

.swiper-arrow__style .swiper-button-prev, .swiper-arrow__style .swiper-button-next {
    background-color: #1553a4;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    margin-top: 0;
    padding-top: 2px;
}

@media (max-width: 767px) {
    .swiper-arrow__style .swiper-button-prev, .swiper-arrow__style .swiper-button-next {
        width: 50px;
        height: 50px;
        margin-top: -40px;
    }
}

.swiper-arrow__style .swiper-button-prev::after, .swiper-arrow__style .swiper-button-next::after {
    font-size: 24px;
}

@media (max-width: 767px) {
    .swiper-arrow__style .swiper-button-prev::after, .swiper-arrow__style .swiper-button-next::after {
        font-size: 18px;
    }
}

.swiper-arrow__style .swiper-button-prev, .swiper-arrow__style .swiper-container-rtl .swiper-button-next {
    left: 20px;
    padding-right: 2px;
}

@media (max-width: 767px) {
    .swiper-arrow__style .swiper-button-prev, .swiper-arrow__style .swiper-container-rtl .swiper-button-next {
        left: 10px;
    }
}

.swiper-arrow__style .swiper-button-next, .swiper-arrow__style .swiper-container-rtl .swiper-button-prev {
    right: 20px;
    padding-left: 2px;
}

@media (max-width: 767px) {
    .swiper-arrow__style .swiper-button-next, .swiper-arrow__style .swiper-container-rtl .swiper-button-prev {
        right: 10px;
    }
}

.banners-carousel .swiper-button-prev, .banners-carousel .swiper-button-next {
    margin-top: -25px;
}

@media (max-width: 767px) {
    .banners-carousel .swiper-button-prev, .banners-carousel .swiper-button-next {
        width: 40px;
        height: 40px;
        margin-top: 19px;
    }
}

.banners-carousel .swiper-button-prev, .banners-carousel .swiper-container-rtl .swiper-button-next {
    left: 40px;
}

@media (max-width: 1199px) {
    .banners-carousel .swiper-button-prev, .banners-carousel .swiper-container-rtl .swiper-button-next {
        left: 5px;
    }
}

.banners-carousel .swiper-button-next, .banners-carousel .swiper-container-rtl .swiper-button-prev {
    right: 40px;
}

@media (max-width: 1199px) {
    .banners-carousel .swiper-button-next, .banners-carousel .swiper-container-rtl .swiper-button-prev {
        right: 5px;
    }
}

.logos-carousel .swiper-button-prev, .logos-carousel .swiper-button-next {
    width: 45px;
    height: 45px;
    margin-top: -60px;
}

    .logos-carousel .swiper-button-prev::after, .logos-carousel .swiper-button-next::after {
        font-size: 24px;
    }

.logos-carousel .swiper-button-prev, .logos-carousel .swiper-container-rtl .swiper-button-next {
    left: -60px;
}

@media (max-width: 1199px) {
    .logos-carousel .swiper-button-prev, .logos-carousel .swiper-container-rtl .swiper-button-next {
        left: -8px;
    }
}

.logos-carousel .swiper-button-next, .logos-carousel .swiper-container-rtl .swiper-button-prev {
    right: -60px;
}

@media (max-width: 1199px) {
    .logos-carousel .swiper-button-next, .logos-carousel .swiper-container-rtl .swiper-button-prev {
        right: -8px;
    }
}

.activities-carousel .swiper-button-prev, .activities-carousel .swiper-button-next {
    width: 36px;
    height: 36px;
    color: #fff;
    margin-top: -50px;
}

    .activities-carousel .swiper-button-prev::after, .activities-carousel .swiper-button-next::after {
        font-size: 32px;
    }

.activities-carousel .swiper-button-prev, .activities-carousel .swiper-container-rtl .swiper-button-next {
    left: 7px;
}

.activities-carousel .swiper-button-next, .activities-carousel .swiper-container-rtl .swiper-button-prev {
    right: 7px;
}

.projects-carousel-2 .swiper-button-prev, .projects-carousel-2 .swiper-button-next {
    width: 36px;
    height: 36px;
    color: #fff;
    margin-top: -50px;
}

    .projects-carousel-2 .swiper-button-prev::after, .projects-carousel-2 .swiper-button-next::after {
        font-size: 32px;
    }

.projects-carousel-2 .swiper-button-prev, .projects-carousel-2 .swiper-container-rtl .swiper-button-next {
    left: 7px;
}

.projects-carousel-2 .swiper-button-next, .projects-carousel-2 .swiper-container-rtl .swiper-button-prev {
    right: 7px;
}

.videos-carousel .swiper-button-prev, .videos-carousel .swiper-button-next {
    width: 30px;
    height: 30px;
    margin-top: -40px;
    color: #999;
}

@media (max-width: 1199px) {
    .videos-carousel .swiper-button-prev, .videos-carousel .swiper-button-next {
        color: #fff;
    }
}

@media (max-width: 479px) {
    .videos-carousel .swiper-button-prev, .videos-carousel .swiper-button-next {
        margin-top: -35px;
    }
}

.videos-carousel .swiper-button-prev::after, .videos-carousel .swiper-button-next::after {
    font-size: 24px;
}

@media (max-width: 479px) {
    .videos-carousel .swiper-button-prev::after, .videos-carousel .swiper-button-next::after {
        font-size: 18px;
    }
}

.videos-carousel .swiper-button-prev, .videos-carousel .swiper-container-rtl .swiper-button-next {
    left: -40px;
}

@media (max-width: 1199px) {
    .videos-carousel .swiper-button-prev, .videos-carousel .swiper-container-rtl .swiper-button-next {
        left: 3px;
    }
}

.videos-carousel .swiper-button-next, .videos-carousel .swiper-container-rtl .swiper-button-prev {
    right: -40px;
}

@media (max-width: 1199px) {
    .videos-carousel .swiper-button-next, .videos-carousel .swiper-container-rtl .swiper-button-prev {
        right: 3px;
    }
}

.icons-carousel .swiper-button-prev, .icons-carousel .swiper-button-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    color: #1553a4;
}

    .icons-carousel .swiper-button-prev::after, .icons-carousel .swiper-button-next::after {
        font-size: 28px;
    }

@media (max-width: 479px) {
    .icons-carousel .swiper-button-prev::after, .icons-carousel .swiper-button-next::after {
        font-size: 24px;
    }
}

.icons-carousel .swiper-button-prev, .icons-carousel .swiper-container-rtl .swiper-button-next {
    left: -40px;
}

@media (max-width: 1199px) {
    .icons-carousel .swiper-button-prev, .icons-carousel .swiper-container-rtl .swiper-button-next {
        left: 3px;
    }
}

.icons-carousel .swiper-button-next, .icons-carousel .swiper-container-rtl .swiper-button-prev {
    right: -40px;
}

@media (max-width: 1199px) {
    .icons-carousel .swiper-button-next, .icons-carousel .swiper-container-rtl .swiper-button-prev {
        right: 3px;
    }
}

.swiper-buttons {
    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;
    width: 420px;
    height: 60px;
    margin: 0 auto;
    border-radius: 15px;
    overflow: hidden;
    background: #60c45b;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    -webkit-box-shadow: 0 0 50px rgba(96, 196, 91, 0.3);
    box-shadow: 0 0 50px rgba(96, 196, 91, 0.3);
}

@media (max-width: 479px) {
    .swiper-buttons {
        padding-left: 0;
        padding-right: 0;
        width: 315px;
    }
}

.swiper-buttons .swiper-button-prev, .swiper-buttons .swiper-button-next {
    position: relative;
    margin-top: 0;
    top: 0;
    color: #fff;
    font-size: 32px;
    height: 60px;
    width: 65px;
    padding-top: 2px;
    border-radius: 15px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .swiper-buttons .swiper-button-prev::after, .swiper-buttons .swiper-button-next::after {
        font-size: 24px;
    }

    .swiper-buttons .swiper-button-prev:hover, .swiper-buttons .swiper-button-next:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

.swiper-buttons .swiper-button-prev, .swiper-buttons .swiper-container-rtl .swiper-button-next {
    left: 0;
}

.swiper-buttons .swiper-button-next, .swiper-buttons .swiper-container-rtl .swiper-button-prev {
    right: 0;
}


.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0; /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height, -webkit-transform;
        transition-property: height, -webkit-transform;
        transition-property: transform, height;
        transition-property: transform, height, -webkit-transform;
    }

/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

    .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none;
    }

    .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start;
    }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(32px / 44 * 27);
    outline: 0;
    height: 32px;
    margin-top: -50px;
    z-index: 10;
    cursor: pointer;
    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;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

    .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
    }

    .swiper-button-prev:after, .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: 32px;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 20px;
    right: auto;
}

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
        content: 'prev';
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 20px;
    left: auto;
}

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
        content: 'next';
    }

    .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
        --swiper-navigation-color: #ffffff;
    }

    .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black {
        --swiper-navigation-color: #000000;
    }

.swiper-button-lock {
    display: none;
}

:root { /* --swiper-pagination-color: var(--swiper-theme-color); */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

@media all and (-ms-high-contrast: none) {
    .swiper-button-prev, .swiper-button-next {
        z-index: 10;
        cursor: pointer;
        background-size: 15px 44px;
        background-position: center;
        background-repeat: no-repeat;
    }

        .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
            opacity: 0.35;
            cursor: auto;
            pointer-events: none;
        }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }

    .swiper-button-lock {
        display: none;
    }
}

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: 200ms top, 200ms -webkit-transform;
            transition: 200ms top, 200ms -webkit-transform;
            transition: 200ms transform, 200ms top;
            transition: 200ms transform, 200ms top, 200ms -webkit-transform;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: 200ms left, 200ms -webkit-transform;
        transition: 200ms left, 200ms -webkit-transform;
        transition: 200ms transform, 200ms left;
        transition: 200ms transform, 200ms left, 200ms -webkit-transform;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
:root { /* --swiper-preloader-color: var(--swiper-theme-color); */
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }

.swiper-container-flip {
    overflow: visible;
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }



.components-heading {
    height: 80px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
}

@media (max-width: 991px) {
    .components-heading {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.components-heading .title {
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
}

@media (max-width: 479px) {
    .components-heading .title {
        font-size: 20px;
    }
}

.components-heading .text {
    color: #fff;
    font-size: 13px;
    opacity: .7;
    font-style: italic;
}

@media (max-width: 479px) {
    .components-heading .text {
        display: none;
    }
}

.components-heading .link {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.5px;
}

@media (max-width: 479px) {
    .components-heading .link {
        font-size: 12px;
    }
}

.components-col {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .components-col:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 80px;
        background: #0e4082;
    }

    .components-col.bg {
        background: #1759b0;
        height: 605px;
    }
    .components-col.trans {
        height: 605px;
    }

@media (max-width: 991px) {
    .components-col.bg {
        height: auto;
    }
    .components-col.trans {
        height: auto;
    }
}

.components-content.left {
    float: right;
    width: 515px;
}

@media (max-width: 991px) {
    .components-content.left {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .components-content.left {
        width: 403px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .components-content.left {
        max-width: 768px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .components-content.left {
        max-width: 600px;
    }
}

@media (max-width: 479px) {
    .components-content.left {
        max-width: 390px;
    }
}

@media (max-width: 991px) {
    .components-content.right {
        width: 100%;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .components-content.right {
        max-width: 768px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .components-content.right {
        max-width: 600px;
    }
}

@media (max-width: 479px) {
    .components-content.right {
        max-width: 390px;
    }
}

.btn-fixed {
    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: 140px;
    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: 1004;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 767px) {
    .btn-fixed {
        right: 12px;
        width: 55px;
        height: 55px;
        bottom: 150px;
    }
}

.btn-fixed:before, .btn-fixed: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;
}

.btn-fixed:before {
    width: 80px;
    height: 80px;
}

@media (max-width: 767px) {
    .btn-fixed:before {
        width: 65px;
        height: 65px;
    }
}

.btn-fixed:after {
    width: 100px;
    height: 100px;
}

@media (max-width: 767px) {
    .btn-fixed:after {
        width: 75px;
        height: 75px;
    }
}

.btn-fixed .icon {
    font-size: 28px;
}

@media (max-width: 767px) {
    .btn-fixed .icon {
        font-size: 22px;
    }
}

.btn-fixed.is-active {
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
}

@media (max-width: 767px) {
    .btn-fixed.is-active {
        -webkit-transform: translateY(-60px);
        transform: translateY(-60px);
    }
}

@-webkit-keyframes run {
    from {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes run {
    from {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 1750px) {
    .header-nav {
        margin-left: -20px;
        margin-right: -20px;
    }
}

@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: 15px;
    padding-right: 15px;
}

@media (min-width: 1750px) {
    .header-nav__item {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-nav__item {
        padding-left: 12px;
        padding-right: 12px;
    }
}

.header-nav__item > a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    height: 70px;
    -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: 13px;
    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__dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .4s .4s;
    transition: .4s .2s;
}

.header-nav__dropdown {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

    .header-nav__dropdown.is-active {
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }

    .header-nav__dropdown > .container {
        padding-top: 70px;
        padding-bottom: 40px;
    }

    .header-nav__dropdown .link-detail {
        margin-top: 20px;
        text-align: center;
    }

        .header-nav__dropdown .link-detail a {
            color: #fff;
            background: #1553a4;
            padding: 12px 25px;
            border-radius: 7px;
            font-size: 14px;
            display: inline-block;
            font-weight: 700;
            position: relative;
            -webkit-transition: .3s;
            transition: .3s; /*&:before { content: ""; position: absolute; @include pos-bottom(0, -2px, 0); background: #fff; height: 1px; width: 0; margin: 0 auto; transition: width .3s; }*/
        }

            .header-nav__dropdown .link-detail a:hover {
                background: #fff;
                color: #333; /*&:before { width: 100%; }*/
            }

    .header-nav__dropdown.nav-journal {
        height: 499px !important;
    }

@media (min-width: 1750px) {
    .header-nav__dropdown.nav-journal {
        height: 520px !important;
    }
}

.header-nav__dropdown.nav-journal > div {
    padding-left: 0;
    padding-top: 40px;
    height: 100%;
}

    .header-nav__dropdown.nav-journal > div > .row {
        height: 100%;
    }

        .header-nav__dropdown.nav-journal > div > .row > div:first-child {
            height: 100%;
        }

.header-nav__dropdown .shortcuts .shortcuts-cover {
    border-radius: 13px 13px 0 0;
}

.header-nav__dropdown .shortcuts.v-heading .shortcuts-body {
    border-bottom: 5px solid #1553a4;
    padding: 20px;
}

    .header-nav__dropdown .shortcuts.v-heading .shortcuts-body:before {
        border-radius: 13px 13px 0 0;
    }

.header-nav__card {
    background: rgba(0, 0, 0, 0.1);
    height: 340px;
    border-radius: 13px;
    margin-bottom: 20px;
}

    .header-nav__card.small {
        height: 280px;
    }

        .header-nav__card.small .header-nav__card-list {
            height: 200px;
        }

.header-nav__card-header {
    background: #1553a4;
    height: 60px;
    border-radius: 13px 13px 0 0;
    padding-left: 25px;
    padding-right: 25px;
    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;
}

    .header-nav__card-header .title {
        color: #fff;
        font-size: 16px;
        font-weight: 800;
    }

.header-nav__card-list {
    height: 250px;
    overflow-y: auto;
    scrollbar-color: #1553a4 rgba(85, 178, 80, 0.3);
    scrollbar-width: thin;
}

    .header-nav__card-list::-webkit-scrollbar-track {
        background-color: rgba(85, 178, 80, 0.3);
    }

    .header-nav__card-list::-webkit-scrollbar {
        width: 6px;
    }

    .header-nav__card-list::-webkit-scrollbar-thumb {
        background-color: #1553a4;
    }

    .header-nav__card-list.txt-capitalize ul li a {
        text-transform: capitalize;
    }

    .header-nav__card-list ul li {
        display: block;
        padding-left: 8px;
    }

        .header-nav__card-list ul li a {
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-size: 14px;
            font-weight: 300;
            line-height: 1.2;
            text-transform: uppercase;
            font-family: "Roboto", sans-serif;
            padding-left: 17px;
            padding-right: 20px;
            height: 50px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            position: relative;
            z-index: 1;
        }

            .header-nav__card-list ul li a:before {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                right: 0;
                bottom: 0;
                left: -8px;
                background: #1553a4;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: .3s;
                transition: .3s;
            }

            .header-nav__card-list ul li a .icon {
                font-size: 13px;
                margin-left: 20px;
                -webkit-transition: .3s;
                transition: .3s;
            }

            .header-nav__card-list ul li a:hover:before {
                opacity: 1;
                visibility: visible;
            }

            .header-nav__card-list ul li a:hover .icon {
                -webkit-transform: scale(1.1) translateX(5px);
                transform: scale(1.1) translateX(5px);
            }

.header-nav__categories {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(21, 83, 164, 0.9)));
    background: linear-gradient(transparent, rgba(21, 83, 164, 0.9));
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 15px;
    padding-right: 0;
}

    .header-nav__categories ul {
        width: 365px;
        max-width: 100%;
    }

        .header-nav__categories ul li {
            margin-bottom: 5px;
        }

            .header-nav__categories ul li:last-child {
                margin-bottom: 0;
            }

            .header-nav__categories ul li:hover a, .header-nav__categories ul li.is-current a {
                color: #fff;
                background: #1553a4;
            }

            .header-nav__categories ul li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                color: #fff;
                padding-top: 11px;
                padding-bottom: 11px;
                -webkit-transition: .3s;
                transition: .3s;
                position: relative;
                border-radius: 13px 0 0 13px;
                padding-left: 20px;
                text-transform: uppercase;
                font-size: 13px;
                font-weight: 800;
                letter-spacing: .5px;
            }

                .header-nav__categories ul li a:before {
                    content: "";
                    width: 8px;
                    height: 8px;
                    border-top: 1px solid currentColor;
                    border-right: 1px solid currentColor;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    margin-right: 15px;
                }

.header-nav__groups-wrapper {
    padding: 0 50px 30px 50px;
}

@media (min-width: 1750px) {
    .header-nav__groups-wrapper {
        padding: 0 0 50px 50px;
    }
}

@media (min-width: 1750px) {
    .header-nav__groups-content {
        width: 965px;
    }
}

.header-nav__groups-content._gallery .gallery-photo {
    height: 110px;
    border-radius: 13px 13px 0 0;
}

@media (min-width: 1750px) {
    .header-nav__groups-content._gallery .gallery-photo {
        height: 125px;
    }
}

.header-nav__groups-content._gallery .gallery-footer {
    background: rgba(21, 83, 164, 0.5);
    padding-bottom: 10px;
    border-radius: 0 0 13px 13px;
    padding-left: 11px;
    padding-right: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .header-nav__groups-content._gallery .gallery-footer .title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .header-nav__groups-content._gallery .gallery-footer .icon {
        margin-left: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

.header-nav__groups-lists > ul > li {
    margin-bottom: 20px;
}

    .header-nav__groups-lists > ul > li > a {
        position: relative;
    }

        .header-nav__groups-lists > ul > li > a:hover .photo img {
            -webkit-transform: scale3d(1.15, 1.15, 1.15);
            transform: scale3d(1.15, 1.15, 1.15);
            opacity: 1;
        }

        .header-nav__groups-lists > ul > li > a:hover .description {
            background: rgba(21, 83, 164, 0.9);
        }

.header-nav__groups-lists.no-date .description .title {
    max-height: 58px;
}

.header-nav__groups-lists .photo {
    overflow: hidden;
    width: 120px;
    height: 90px;
    border-radius: 10px 0 0 10px;
    background: black;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-nav__groups-lists .photo {
        width: 100%;
    }
}

.header-nav__groups-lists .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);
    opacity: .8;
}

.header-nav__groups-lists .figure {
    overflow: hidden;
    width: 120px;
    height: 90px;
    border-radius: 10px 0 0 10px;
    background: #1759b0;
    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;
}

    .header-nav__groups-lists .figure .icon {
        color: #fff;
        font-size: 42px;
    }

.header-nav__groups-lists .description {
    padding-left: 15px;
    padding-right: 15px;
    background: rgba(21, 83, 164, 0.3);
    border-radius: 0 10px 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 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-transition: .3s;
    transition: .3s;
    font-family: "Roboto", sans-serif;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-nav__groups-lists .description {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.header-nav__groups-lists .description .title {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 1.4;
    overflow: hidden;
    max-height: 38px;
}

.header-nav__groups-lists .description .date {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 5px;
}

.header-nav__groups-heading {
    height: 90px;
    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;
}

    .header-nav__groups-heading .title {
        font-size: 24px;
        font-weight: 900;
        letter-spacing: .5px;
        color: #fff;
        text-transform: uppercase;
        line-height: 1.1;
    }

.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%;
    font-family: "Roboto", sans-serif;
    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: #666;
    font-size: 14px;
    font-weight: 700;
}

.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: #1553a4;
        font-size: 12px;
        letter-spacing: .2em;
        font-weight: 800;
        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: #1553a4;
    }

    .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: #1553a4;
        }

    .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: 13px;
        letter-spacing: -0.5px;
        font-weight: 500;
        position: -webkit-sticky;
        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: 20px;
            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: #666;
}

.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: #666;
            display: block;
            font-size: 13px;
            font-weight: 500;
            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: #1553a4;
            }

        .mobile-nav__sub > li.heading {
            position: -webkit-sticky;
            position: sticky;
            top: 55px;
            background: #fff;
            font-weight: 700;
            letter-spacing: 0;
            padding-top: 10px;
            padding-bottom: 5px;
        }

.mobile-nav__close {
    color: #1553a4;
}

    .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: 1750px) {
    .slide, .slide-material, .hero {
        height: 100vh;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .slide, .slide-material, .hero {
        height: 450px;
    }
}

@media (max-width: 479px) {
    .slide, .slide-material, .hero {
        height: 100vh;
    }
}

.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 {
    display: none;
}

@media (max-width: 991px) {
    .slide-photo {
        display: block;
    }
}

.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;
}

@media (max-width: 991px) {
    .slide-video {
        display: none;
    }
}

.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-bottom: 130px;
}

@media (max-width: 767px) {
    .slide-container {
        padding-bottom: 0;
        padding-top: 80px;
    }
}

.slide-content {
    width: 80%;
    position: relative;
    z-index: 4;
    text-align: center;
}

@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-weight: 100;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: -2px;
}

@media (min-width: 1750px) {
    .slide-content .heading {
        font-size: 72px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .slide-content .heading {
        font-size: 42px;
    }
}

@media (max-width: 479px) {
    .slide-content .heading {
        font-size: 28px;
        letter-spacing: -0.5px;
    }
}

@media (min-width: 390px) and (max-width: 479px) {
    .slide-content .heading {
        font-size: 36px;
    }
}

.slide-content .text {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
}

    .slide-content .text img {
        width: 330px;
        max-width: 100%;
        margin-top: -10px;
    }

@media (max-width: 479px) {
    .slide-content .text img {
        width: 220px;
    }
}

@media (min-width: 390px) and (max-width: 479px) {
    .slide-content .text img {
        width: 270px;
    }
}

.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;
}

    .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: #1553a4;
                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: -42px;
    text-align: center;
}

@media (max-width: 767px) {
    .slide-arrows {
        margin-top: 0;
    }
}

.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;
}

@media (max-width: 991px) {
    .slide-arrows a {
        width: 30px;
    }
}

.slide-arrows a:last-child {
    margin-right: 0;
}

.slide-arrows a.prev {
    padding-left: 5px;
    left: 20px;
}

@media (max-width: 767px) {
    .slide-arrows a.prev {
        left: 10px;
    }
}

.slide-arrows a.next {
    padding-right: 5px;
    right: 20px;
}

@media (max-width: 767px) {
    .slide-arrows a.next {
        right: 10px;
    }
}

.slide-arrows a .arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 42px;
    height: 42px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
}

@media (max-width: 991px) {
    .slide-arrows a .arrow {
        width: 18px;
        height: 18px;
    }
}

.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;
}

.b-video-slider__slide {
}

    .b-video-slider__slide video {
        background-color: rgba(0, 0, 0, 0);
        object-position: center center;
        object-fit: cover;
        width: 100%;
        max-height: 100vh;
        filter: brightness(0.77);
    }

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .b-video-slider__slide video {
        max-height: 100vh;
    }
}
@media (max-width: 479px) {
    .b-video-slider__slide video {
        height: 100vh !important;
    }
}
.b-video-slider__pagination {
    z-index: 999;
    position: absolute;
    top: 50%;
    list-style: none;
    right: 0;
    transform: translate(35%, -50%) rotate(90deg);
}

    .b-video-slider__pagination .slick-dots li {
        display: inline-block;
        cursor: pointer;
    }

.b-video-pagination__text {
    font-weight: 300;
    font-size: 24px;
    color: white;
    padding: 5px 10px;
    margin: 0 10px;
    width: 50px;
    text-align: center;
    position: relative;
    transition: all 0.4s ease-in-out;
}

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.form-custom.form-common .send input {
    width: 180px;
}

@media (max-width: 767px) {
    .form-custom.form-common .send input {
        width: 100%;
    }
}

.form-custom.form-contact .send {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
}

.check-ctrl {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
     .check-ctrl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.form-kvk {
    display:block;
}
@media (max-width: 767px) {
     .form-kvk {
        margin-bottom: 30px;
    }
}

.form-custom.form-list ul li {
    margin-bottom: 10px;
}

 .send {
    margin-top: 15px;
}

     .send > input {
        margin-top: 15px;
    }

.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 #1553a4;
    }

.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 {
        border: 2px solid red;
        background: rgba(255, 0, 0, 0.02);
    }

    .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 .current, .form-custom ul li.is-error label {
        color: red;
    }

    .form-custom ul li._file .form-error {
        margin-top: 10px;
    }

    .form-custom ul li .heading {
        color: #fe5923;
        font-size: 12px;
        font-family: "Roboto", sans-serif;
    }

        .form-custom ul li .heading strong {
            font-weight: 800;
        }

    .form-custom ul li input, .form-custom ul li textarea {
        width: 100%;
        height: 60px;
        border-radius: 13px;
        padding-left: 20px;
        padding-right: 20px;
        font-family: "Roboto", sans-serif;
        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 textarea {
    padding-top: 20px;
    height: 150px;
}

.form-custom ul li .icon {
    width: 65px;
    height: 60px;
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1553a4;
    font-size: 16px;
    z-index: 1;
}

 .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.dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

.send > input {
    background: #1553a4;
    height: 60px;
    border: 0 none;
    border-radius: 13px;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.3px;
    font-weight: 800;
    font-family: inherit;
    cursor: pointer;
    border: 2px solid transparent;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    place-items: center;
}

       .send > input:hover {
            background: #666;
            color: #fff;
        }

@media (max-width: 767px) {
     .send > input {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.form-custom .custom-select {
    height: 60px;
    font-size: 14px;
    border-radius: 13px;
}

     .custom-select:before {
        right: 25px;
    }

    .form-custom .custom-select + .form-error {
        right: 60px;
    }

    .form-custom .custom-select .current {
        height: 60px;
        padding-left: 60px;
        padding-right: 40px;
        border-radius: 13px;
        color: rgba(0, 0, 0, 0.55);
        font-weight: 400;
    }

.custom-select {
    background: #fff;
    border-radius: 7px;
    outline: 0;
    height: 50px;
    -webkit-box-shadow: inset -2px 2px 7px rgba(73, 82, 91, 0.1);
    box-shadow: inset -2px 2px 7px rgba(73, 82, 91, 0.1);
    font-size: 13px;
    line-height: 1.3;
    font-family: "Roboto", sans-serif;
    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: 20px;
        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.is-pointer {
        pointer-events: none;
        cursor: no-drop;
    }

        .custom-select.is-pointer:before {
            -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
        }

        .custom-select.is-pointer .current {
            font-weight: 900;
            color: #49525b;
            border: 2px solid rgba(73, 82, 91, 0.4);
        }

    .custom-select .current {
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 17px;
        padding-right: 40px;
        color: rgba(73, 82, 91, 0.6);
        border: 2px solid rgba(73, 82, 91, 0.08);
        border-radius: 7px;
    }

.custom-select__list {
    background: #fff;
    position: absolute;
    border-radius: 7px;
    left: -1px;
    right: -1px;
    top: 0;
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    -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: 17px;
        padding-right: 17px;
        color: #49525b;
        margin-bottom: 0 !important;
        font-size: 13px;
        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: #49525b;
            color: #fff;
        }

        .custom-select__list .option:first-child {
            display: none;
        }

        .custom-select__list .option.selected {
            background: #49525b;
            color: #fff;
        }

.form-error {
    position: absolute;
    top: 50%;
    right: 25px;
    color: red;
    font-size: 12px;
    font-weight: 600;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.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: 700;
}

    .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(21, 83, 164, 0.8);
    z-index: 2700;
    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%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(100px);
    transform: translateY(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;
}

    .popup-wrapper.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .popup-wrapper .cover {
        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 {
            display: block;
            position: relative;
            height: 100%;
            -webkit-box-shadow: 0 0 75px rgba(0, 0, 0, 0.55);
            box-shadow: 0 0 75px rgba(0, 0, 0, 0.55);
            margin-block: 50px;
        }

        .popup-wrapper .cover img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

.popup-close {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 55px;
    height: 55px;
    border-radius: 999px;
    background: #fff;
    font-size: 24px;
    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;
    -webkit-transition: .3s;
    transition: .3s;
}

    .popup-close::before, .popup-close::after {
        content: "";
        position: absolute;
        background: #1553a4;
        height: 2px;
        width: 28px;
    }

    .popup-close::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .popup-close::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .popup-close:hover {
        background: #1553a4;
    }

        .popup-close:hover::before, .popup-close:hover::after {
            background: #fff;
        }

.swiper-popups__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 85vw;
    margin-inline: auto;
}

.swiper-popups__buttons {
    width: calc((1300px - 10px) - 500px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    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;
    z-index: 2;
}

    .swiper-popups__buttons .swiper-button-prev, .swiper-popups__buttons .swiper-button-next {
        left: 0;
        right: 0;
        color: #fff;
        margin-top: 0;
        position: relative;
        width: 55px;
        height: 55px;
        border: 2px solid #fff;
        border-radius: 50%;
    }

        .swiper-popups__buttons .swiper-button-prev::after, .swiper-popups__buttons .swiper-button-next::after {
            font-size: 22px;
        }

.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: 20px;
    padding-right: 20px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    border-radius: 10px;
    margin-right: 10px;
    border: 2px solid transparent;
    text-transform: uppercase;
    height: 50px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

    .button:not(.border):not(.light):not(.color-1):not(.color-2) {
        background: #1553a4;
    }

        .button:not(.border):not(.light):not(.color-1):not(.color-2):not(.hvr-border):hover {
            background: #666;
        }

        .button:not(.border):not(.light):not(.color-1):not(.color-2).hvr-border:hover {
            background: none;
            color: #1553a4;
            border: 2px solid #1553a4;
        }

    .button .icon {
        margin-right: 15px;
        font-size: 18px;
    }

    .button.icon-right .icon {
        margin-right: 0;
        margin-left: 15px;
    }

    .button.light {
        background: #fff;
        color: #666;
    }

        .button.light:hover {
            background: #1553a4;
            color: #fff;
        }

    .button.color-1 {
        background: #fe5923;
    }

        .button.color-1:hover {
            border: 2px solid #fe5923;
            color: #fe5923;
            background: none;
        }

    .button.color-2 {
        background: #1553a4;
    }

        .button.color-2:hover {
            border: 2px solid #1553a4;
            color: #1553a4;
            background: none;
        }

    .button:last-child {
        margin-right: 0;
    }

    .button.min-width {
        min-width: 200px;
    }

    .button.full-width {
        width: 100%;
    }

    .button.border:not(.b-light):not(.failed) {
        border: 2px solid #1553a4;
        color: #1553a4;
    }

        .button.border:not(.b-light):not(.failed):not(.hvr-border):hover {
            background: #1553a4;
            color: #fff;
        }

        .button.border:not(.b-light):not(.failed).hvr-border:hover {
            border: 2px solid #666;
            color: #666;
        }

    .button.border.b-light {
        color: #fff;
        border: 2px solid #fff;
    }

        .button.border.b-light:hover {
            background: #fff;
            color: #49525b;
        }

    .button.border.failed {
        border: 2px solid #d83734;
        color: #d83734;
    }

        .button.border.failed:hover {
            background: #d83734;
            color: #fff;
        }

.button-sm {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.08);
    padding: 6px 20px;
    border-radius: 30px;
    font-size: 13px;
    color: #333;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s;
}

    .button-sm:hover {
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
    }

    .button-sm .icon {
        font-size: 12px;
        margin-left: 10px;
    }

.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(85, 178, 80, 0.95);
    width: 100px;
    height: 100px;
    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(85, 178, 80, 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: 130px;
    height: 130px;
}

@media (max-width: 479px) {
    .button-circle:before {
        width: 120px;
        height: 120px;
    }
}

.button-circle:after {
    width: 160px;
    height: 160px;
}

@media (max-width: 479px) {
    .button-circle:after {
        width: 150px;
        height: 150px;
    }
}

.button-circle .icon {
    font-size: 28px;
    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: #49525b;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .5px;
    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: #1553a4;
    font-size: 16px;
}

.button-line:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    background: #1553a4;
    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 {
        background: none;
    }

        .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 #1553a4;
        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: #181818;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

    .app-overlay.is-visible {
        opacity: .8;
        visibility: visible;
        z-index: 1004;
    }

    .app-overlay.is-active {
        opacity: .8;
        visibility: visible;
        z-index: 1002;
    }

    .app-overlay.is-bg {
        background: black;
        opacity: .8;
        visibility: visible;
        z-index: 1002;
    }

        .app-overlay.is-bg.bg-1 {
            opacity: .6;
        }

.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: 170px;
    background: #1553a4;
    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: 153px;
    }
}

.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);
}

label.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 13px;
}

    label.checkbox:last-child {
        margin-bottom: 0;
    }

    label.checkbox input {
        position: absolute;
        opacity: 0;
    }

        label.checkbox input:checked + .checkbox {
            background: rgba(85, 178, 80, 0.2);
        }

            label.checkbox input:checked + .checkbox span {
                background: #1553a4;
                left: 20px;
            }

            label.checkbox input:checked + .checkbox + .text {
                color: #1553a4;
            }

    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 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 13px;
        font-family: inherit;
        color: #666;
        font-family: "Roboto", sans-serif;
        position: relative;
        top: -3px;
        padding-left: 15px;
    }

        label.checkbox .text a {
            color: #55acef;
            font-weight: 600;
            margin-right: 5px;
        }

            label.checkbox .text a:hover {
                text-decoration: underline;
            }

    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;
        }

.pagination {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;
}

    .pagination li {
        padding-left: 5px;
        padding-right: 5px;
    }

        .pagination li.active a, .pagination li:hover a {
            background: #49525b;
            color: #fff;
        }

        .pagination li 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;
            width: 50px;
            height: 50px;
            font-family: "Roboto", sans-serif;
            border-radius: 100%;
            background: #fff;
            color: #49525b;
            -webkit-box-shadow: 5px 7px 15px rgba(73, 82, 91, 0.15);
            box-shadow: 5px 7px 15px rgba(73, 82, 91, 0.15);
            font-size: 16px;
        }

            .pagination li a.prev, .pagination li a.next {
                font-size: 16px;
                padding-top: 2px;
            }

.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: 60px;
    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: #fff;
    border: 2px solid rgba(0, 0, 0, 0.08);
    font-weight: 800;
    color: #333;
    border-radius: 13px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .inputfile-1 + label:hover {
        border: 2px solid #1553a4;
        color: #1553a4;
    }

    .inputfile-1:focus + label, .inputfile-1.has-focus + label, .inputfile-1 + label:hover {
        background: none;
    }

.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.color-1 .title, .section-header.color-1 .text {
        color: #1553a4;
    }

    .section-header.txt-small .title {
        font-size: 36px;
        letter-spacing: -0.5px;
    }

    .section-header.txt-small .text {
        font-size: 16px;
        color: #999;
    }

    .section-header .small-title {
        letter-spacing: 3px;
        color: #8a94a4;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 7px;
    }

    .section-header .title {
        font-weight: 800;
        color: #1553a4;
        font-size: 48px;
        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: #1553a4;
    font-weight: 300;
}

@media (max-width: 479px) {
    .section-header .text {
        font-size: 16px;
    }
}

.section-header .text strong {
    font-weight: 800;
}

.section-header .text a {
    color: #55acef;
    font-weight: 600;
}

    .section-header .text a:hover {
        text-decoration: underline;
    }

.section-header img {
    max-width: 650px;
    width: 100%;
}

.haber-wrapper {
    position: relative;
}

.haber-card a {
    display: block;
    position: relative;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .haber-card a {
        border-radius: 10px;
    }
}

.haber-cover {
    height: 479px;
    overflow: hidden;
}

@media (min-width: 1750px) {
    .haber-cover {
        height: 541px;
    }
}

@media (min-width: 2020px) {
    .haber-cover {
        height: 618px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .haber-cover {
        height: 370px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .haber-cover {
        height: 400px;
    }
}

@media (max-width: 479px) {
    .haber-cover {
        height: 320px;
    }
}

.haber-cover.small {
    height: 60px;
    cursor: pointer;
    border-radius: 10px;
    padding: 3px;
}

.haber-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}

.haber-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    height: 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;
    padding: 35px;
}

@media (max-width: 479px) {
    .haber-body {
        padding: 25px 25px 20px 25px;
    }
}

.haber-body .title {
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -1px;
    overflow: hidden;
    max-height: 83px;
    line-height: 1.3;
}

@media (max-width: 479px) {
    .haber-body .title {
        font-size: 24px;
        max-height: 90px;
    }
}

.haber-body .text {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    max-height: 70px;
    margin-top: 5px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .haber-body .text {
        display: none;
    }
}

@media (max-width: 767px) {
    .haber-body .text {
        display: none;
    }
}

.haber-body .date {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #fff;
    margin-top: 10px;
}

@media (max-width: 479px) {
    .haber-body .date {
        font-size: 13px;
    }
}

.haber-thumbs {
    background: #fff;
    padding: 5px;
    border-radius: 0 0 0 10px;
}

@media (min-width: 1200px) {
    .haber-thumbs {
        width: 88%;
        margin-left: inherit;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .haber-thumbs {
        display: none;
    }
}

@media (max-width: 767px) {
    .haber-thumbs {
        border-radius: 0;
    }
}

.haber-thumbs .swiper-slide .haber-cover {
    -webkit-transition: opacity .2s, -webkit-transform .3s;
    transition: opacity .2s, -webkit-transform .3s;
    transition: opacity .2s, transform .3s;
    transition: opacity .2s, transform .3s, -webkit-transform .3s;
}

.haber-thumbs .swiper-slide-thumb-active .haber-cover {
    background: #1553a4;
}

.haber-link {
    position: absolute;
    bottom: 35px;
    right: 30px;
    background: #fff;
    padding: 5px 5px 5px 0;
    height: 76px;
    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: calc(100% - 88%);
}

@media (max-width: 767px) {
    .haber-link {
        position: relative;
        padding-left: 5px;
        width: 100%;
        border-radius: 0 0 13px 13px;
    }
}

.haber-link a {
    color: #fff;
    background: #1e4a71;
    width: 100%;
    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;
    text-align: center;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    height: 60px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.1;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (min-width: 768px) {
    .haber-link a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.haber-link a:hover {
    background: #1553a4;
}

@media (max-width: 767px) {
    .haber-link a {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .haber-link a span {
        display: block;
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .haber-link a span {
        margin-right: 5px;
    }
}

.shortcuts-nav {
    padding-right: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shortcuts-nav {
        padding-right: 20px;
    }
}

@media (max-width: 991px) {
    .shortcuts-nav {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.shortcuts-nav ul li {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 479px) {
    .shortcuts-nav ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

.shortcuts-nav ul li.is-current a, .shortcuts-nav ul li:hover a {
    color: #fff;
    background: #1553a4;
}

.shortcuts-nav ul li a {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .2s;
    transition: .2s;
    height: 60px;
    border-radius: 10px 10px 0 0;
    -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;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shortcuts-nav ul li a {
        font-size: 14px;
        line-height: 1.4;
    }
}

@media (max-width: 479px) {
    .shortcuts-nav ul li a {
        font-size: 12px;
    }
}

.shortcuts-container {
    padding: 40px 20px 40px 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shortcuts-container {
        padding: 40px 20px 40px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .shortcuts-container {
        padding: 20px 5px 0 5px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .shortcuts-container {
        padding: 20px 5px 0 5px;
    }
}

@media (max-width: 479px) {
    .shortcuts-container {
        padding: 10px 10px 0 10px;
    }
}

@media (min-width: 992px) {
    .shortcuts-container .shortcuts {
        padding-right: 20px;
        height: 450px;
        overflow-y: auto;
        scrollbar-color: #1553a4 rgba(85, 178, 80, 0.3);
        scrollbar-width: thin;
    }

        .shortcuts-container .shortcuts::-webkit-scrollbar-track {
            background-color: rgba(85, 178, 80, 0.3);
        }

        .shortcuts-container .shortcuts::-webkit-scrollbar {
            width: 6px;
        }

        .shortcuts-container .shortcuts::-webkit-scrollbar-thumb {
            background-color: #1553a4;
        }
}

.activities.list ul:hover .activities-single {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

@media (min-width: 1200px) {
    .activities.list ul li:not(:nth-last-child(-n+2)) {
        margin-bottom: 25px;
    }
}

@media (max-width: 1199px) {
    .activities.list ul li:not(:last-child) {
        margin-bottom: 10px;
    }
}

.activities.list ul li .activities-single {
    -webkit-transition: .3s;
    transition: .3s;
}

    .activities.list ul li .activities-single:hover {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.activities-single.small .activities-single__photo {
    border-radius: 10px;
    width: 47%;
}

    .activities-single.small .activities-single__photo:not(.not) {
        height: 173px;
    }

.activities-single.small .activities-single__description {
    padding-left: 15px;
}

    .activities-single.small .activities-single__description .title {
        font-size: 16px;
        letter-spacing: -0.3px;
        line-height: 1.2;
        max-height: 58px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .activities-single.small .activities-single__description .title {
        font-size: 14px;
        letter-spacing: inherit;
        max-height: 51px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .activities-single.small .activities-single__description .title {
        letter-spacing: 0;
        font-size: 16px;
        max-height: 55px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-single.small .activities-single__description .title {
        font-size: 14px;
        letter-spacing: inherit;
        max-height: 51px;
    }
}

.activities-single.small .activities-single__description > .text {
    font-size: 13px;
    max-height: 36px;
}

.activities-single.small .activities-single__description .link {
    right: inherit;
    left: 15px;
    font-size: 12px;
}

.activities-single.large .activities-single__photo {
    width: 35%;
    border-radius: 10px 0 0 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .activities-single.large .activities-single__photo {
        width: 45%;
    }
}

.activities-single.large .activities-single__description {
    background: #fff;
    -webkit-box-shadow: 0 0 20px #cdd1d8;
    box-shadow: 0 0 20px #cdd1d8;
    border-radius: 0 10px 10px 0;
    padding-right: 40px;
}

@media (max-width: 479px) {
    .activities-single.large .activities-single__description {
        padding: 30px !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-single.large .activities-single__description {
        padding: 25px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .activities-single.large .activities-single__description {
        padding: 25px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .activities-single.large .activities-single__description {
        padding: 35px !important;
    }
}

.activities-single.large .activities-single__description > .text {
    font-size: 16px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .activities-single.large .activities-single__description > .text {
        display: none;
    }
}

.activities-single.large .activities-info {
    margin-top: 25px;
}

    .activities-single.large .activities-info ul li a {
        height: 60px;
    }

@media (min-width: 480px) and (max-width: 767px) {
    .activities-single.large .activities-info ul li a {
        height: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .activities-single.large .activities-info ul li a {
        height: 50px;
    }
}

.activities-single.large .activities-info .icon {
    width: 65px;
    font-size: 20px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-single.large .activities-info .icon {
        width: 55px;
        font-size: 18px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .activities-single.large .activities-info .icon {
        width: 55px;
        font-size: 18px;
    }
}

.activities-single.large .activities-info .text {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-single.large .activities-info .text {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .activities-single.large .activities-info .text {
        font-size: 14px;
    }
}

.activities-single.v-light .activities-single__photo:not(.auto) {
    width: 40%;
    height: 135px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.activities-single.v-light .activities-single__description .title {
    color: #fff;
}

.activities-single.v-light .activities-single__description .text {
    color: rgba(255, 255, 255, 0.5);
}

.activities-single.v-light .activities-single__description .link {
    color: #fff;
}

@media (max-width: 479px) {
    .activities-single:not(.small) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .activities-single:not(.small) .activities-single__photo {
            width: 100%;
        }

        .activities-single:not(.small) .activities-single__description {
            padding-left: 0;
            padding-top: 20px;
            padding-bottom: 60px;
        }
}

.activities-single__photo {
    overflow: hidden;
    width: 50%;
    -webkit-box-shadow: 0 0 20px #cdd1d8;
    box-shadow: 0 0 20px #cdd1d8;
    border-radius: 13px;
}

    .activities-single__photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.activities-single__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;
    padding-bottom: 20px;
    position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .activities-single__description {
        padding-left: 20px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-single__description {
        padding-left: 20px;
    }
}

.activities-single__description .title {
    color: #49525b;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -1px;
    overflow: hidden;
    max-height: 65px;
    line-height: 1.15;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .activities-single__description .title {
        font-size: 24px;
        max-height: 55px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-single__description .title {
        font-size: 24px;
        max-height: 55px;
    }
}

.activities-single__description > .text {
    color: #49525b;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.4;
    overflow: hidden;
    max-height: 39px;
    margin-top: 5px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .activities-single__description > .text {
        display: none;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-single__description > .text {
        display: none;
    }
}

.activities-single__description .link {
    position: absolute;
    right: 0;
    bottom: 15px;
    color: #49525b;
    font-weight: 700;
    font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .activities-single__description .link {
        bottom: 5px;
        font-size: 14px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-single__description .link {
        bottom: 5px;
        font-size: 14px;
    }
}

.activities-info {
    margin-top: 20px;
}

    .activities-info ul li:not(:last-child) {
        margin-bottom: 7px;
    }

    .activities-info ul li a {
        height: 45px;
        background: #d5dbe4;
        border-radius: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .activities-info ul li a:hover {
            background: #49525b;
        }

            .activities-info ul li a:hover .text {
                color: #fff;
            }

    .activities-info .icon {
        heighT: 100%;
        width: 50px;
        background: #49525b;
        -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;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }

    .activities-info .text {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 300;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 15px;
        padding-right: 15px;
        color: #49525b;
        line-height: 1.2;
    }

.activities-carousel {
    position: relative;
}

.activities-content > .row {
    padding-top: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.activities-content__left {
    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;
}

.activities-content__calendar {
    text-align: center;
    font-family: "Roboto", sans-serif;
    width: 130px;
    position: relative;
    z-index: 1;
}

    .activities-content__calendar:before {
        content: "";
        position: absolute;
        right: -30px;
        margin-top: 8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 120px;
        width: 1px;
        background: #fff;
    }

    .activities-content__calendar > div {
        line-height: 1.1;
    }

    .activities-content__calendar .number {
        color: #fff;
        font-size: 72px;
        letter-spacing: -2px;
        font-weight: 900;
        margin-bottom: 2px;
    }

    .activities-content__calendar .month, .activities-content__calendar .day {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        text-transform: uppercase;
    }

    .activities-content__calendar .month {
        margin-bottom: 3px;
    }

    .activities-content__calendar .time {
        color: white;
        font-weight: 300;
        font-size: 13px;
        margin-top: 12px;
    }

.activities-content__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 85px;
    padding-right: 60px;
    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-content__body .title {
        color: #fff;
        font-size: 32px;
        font-weight: 800;
        line-height: 1.3;
    }

    .activities-content__body .tag {
        font-size: 13px;
        color: #999;
        line-height: 1.1;
        font-weight: 600;
        font-style: italic;
    }

    .activities-content__body .text {
        font-size: 16px;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        color: #fff;
        margin-top: 15px;
        line-height: 1.6;
        overflow: hidden;
        max-height: 75px;
    }

.activities-content__right .button {
    padding-left: 30px;
    padding-right: 30px;
}

.video-film {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .video-film .button-circle {
        margin: 0 auto;
    }

@media (max-width: 991px) {
    .video-film .button-circle {
        margin: 50px auto 0;
    }
}

@media (max-width: 991px) {
    .video-film__footer {
        margin-top: 50px;
    }
}

.video-film__footer .title {
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    overflow: hidden;
    max-height: 82px;
    line-height: 1.3;
}

@media (max-width: 479px) {
    .video-film__footer .title {
        font-size: 24px;
        max-height: 62px;
    }
}

.video-film__footer .text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    color: #fff;
}

@media (max-width: 991px) {
    .multimedia-nav {
        margin-top: 50px;
    }
}

@media (max-width: 479px) {
    .multimedia-nav ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

.multimedia-nav ul li.is-current a, .multimedia-nav ul li:hover a {
    background: #1553a4;
}

.multimedia-nav ul li a {
    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;
    height: 60px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 479px) {
    .multimedia-nav ul li a {
        font-size: 12px;
    }
}

.multimedia-content .gallery.list ul li:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.boxes.list ul li {
    margin-bottom: 20px;
}

.boxes.no-footer .boxes-content {
    height: 90px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.boxes.no-footer .boxes-header {
    padding-top: 0;
}

.boxes ul li a {
    display: block;
    position: relative;
}

.boxes:not(.bg-1):not(.bg-2) .boxes-content:hover {
    background: #0d3a75;
    color: #fff;
}

    .boxes:not(.bg-1):not(.bg-2) .boxes-content:hover .boxes-header .info {
        color: rgba(255, 255, 255, 0.6);
    }

.boxes.bg-1 .boxes-content {
    background: rgba(85, 178, 80, 0.1);
}

    .boxes.bg-1 .boxes-content:hover {
        background: #1553a4;
        color: #fff;
    }

        .boxes.bg-1 .boxes-content:hover .boxes-header .icon {
            color: #fff;
        }

        .boxes.bg-1 .boxes-content:hover .boxes-footer .item .icon {
            color: #fff;
        }

.boxes.bg-2 .boxes-content {
    background: rgba(21, 83, 164, 0.1);
}

.boxes.bg-2 .boxes-header .title {
    padding-left: 0;
    color: #1553a4;
}

.boxes.style-1 .boxes-content {
    height: 160px;
}

.boxes-content {
    height: 190px;
    border-radius: 10px;
    background: #eff2f7;
    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;
    color: #49525b;
    -webkit-transition: .3s;
    transition: .3s;
}

.boxes-header {
    position: relative;
    padding: 20px 25px 0 25px;
    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;
}

    .boxes-header .icon {
        color: #1553a4;
        font-size: 36px;
    }

    .boxes-header .desc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .boxes-header .title {
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 20px;
        line-height: 1.4;
        overflow: hidden;
        max-height: 63px;
    }

    .boxes-header .info {
        font-family: "Roboto", sans-serif;
        font-size: 11px;
        padding-left: 20px;
        color: rgba(102, 102, 102, 0.7);
    }

.boxes-footer {
    padding: 0 25px 20px 25px;
    font-family: "Roboto", sans-serif;
}

    .boxes-footer > .text {
        color: #1553a4;
        font-size: 13px;
        overflow: hidden;
        max-height: 40px;
    }

    .boxes-footer .item {
        font-size: 12px;
        font-weight: 300;
        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;
    }

        .boxes-footer .item:not(:last-child) {
            margin-bottom: 6px;
        }

        .boxes-footer .item .icon {
            color: #1553a4;
            width: 20px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 14px;
        }

        .boxes-footer .item .text {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding-left: 15px;
            line-height: 1.4;
        }

.personnel-list > ul > li {
    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    padding: 30px;
    border-radius: 13px;
}

    .personnel-list > ul > li:last-child {
        margin-bottom: 0;
    }

@media (max-width: 479px) {
    .personnel-list > ul > li {
        padding: 20px;
    }
}

.personnel-list__photo {
    height: 235px;
    overflow: hidden;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .personnel-list__photo {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel-list__photo {
        height: 200px;
    }
}

.personnel-list__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1200px) {
    .personnel-list__info {
        padding-left: 35px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .personnel-list__info {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .personnel-list__info {
        padding-left: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel-list__info {
        padding-left: 25px;
        padding-right: 10px;
    }
}

.personnel-list__info > .title {
    color: #1553a4;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
}

@media (max-width: 479px) {
    .personnel-list__info > .title {
        font-size: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .personnel-list__info > .title {
        font-size: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel-list__info > .title {
        font-size: 20px;
    }
}

.personnel-list__info > .rank {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

@media (min-width: 768px) and (max-width: 991px) {
    .personnel-list__info > .rank {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel-list__info > .rank {
        font-size: 14px;
    }
}

.personnel-list__info > .text {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 300;
    color: #666;
    margin-top: 20px;
    overflow: hidden;
    max-height: 177px;
    font-family: "Roboto", sans-serif;
}

.personnel-list__info ul {
    margin-top: 20px;
}

    .personnel-list__info ul li:not(:last-child) {
        margin-bottom: 7px;
    }

    .personnel-list__info ul li .heading {
        font-size: 16px;
        font-weight: 800;
        color: #333;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .personnel-list__info ul li .heading {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel-list__info ul li .heading {
        font-size: 14px;
    }
}

.personnel-list__info ul li .text {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    color: #333;
    letter-spacing: -0.2px;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (min-width: 768px) and (max-width: 991px) {
    .personnel-list__info ul li .text {
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel-list__info ul li .text {
        font-size: 14px;
    }
}

.personnel-list__info ul li .text:hover {
    color: #999;
}

.personnel-list__right {
    padding-left: 90px;
    position: relative;
}

@media (max-width: 767px) {
    .personnel-list__right {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        margin-top: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .personnel-list__right {
        padding-left: 0;
        padding-top: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel-list__right {
        padding-left: 70px;
    }
}

.personnel-list__right:before {
    content: "";
    background: rgba(0, 0, 0, 0.08);
    position: absolute;
}

@media (min-width: 992px) {
    .personnel-list__right:before {
        top: 50%;
        left: 40px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 220px;
        width: 1px;
    }
}

@media (max-width: 767px) {
    .personnel-list__right:before {
        top: 0;
        right: 10px;
        left: 10px;
        height: 1px;
    }
}

.personnel-list__right .btn {
    margin-top: 25px;
}

.personnel-list__units .heading {
    font-size: 18px;
    font-weight: 800;
    color: #1553a4;
    margin-bottom: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .personnel-list__units ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.personnel-list__units ul li {
    display: block;
}

@media (min-width: 768px) and (max-width: 991px) {
    .personnel-list__units ul li:not(:last-child) {
        margin-right: 20px;
    }
}

.personnel-list__units ul li a {
    color: #333;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding-left: 20px;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel-list__units ul li a {
        font-size: 13px;
    }
}

.personnel-list__units ul li a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: currentColor;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.personnel-list__units ul li a:hover {
    color: #999;
}

.common-list.small .common-list__left {
    width: 30%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .common-list.small .common-list__left {
        width: 45%;
    }
}

@media (max-width: 479px) {
    .common-list.small .common-list__left {
        width: 45%;
    }
}

.common-list.small .common-list__content .title {
    font-size: 13px;
    line-height: 1.4;
    max-height: 36px;
}

.common-list.small .common-list__content .text {
    font-size: 11px;
    max-height: 31px;
}

.common-list.style-1 .common-list__wrapper {
    background: rgba(85, 178, 80, 0.1);
}

    .common-list.style-1 .common-list__wrapper:hover {
        background: #1553a4;
    }

.common-list.style-1 .common-list__left .heading .icon {
    color: #1553a4;
    font-size: 60px;
}

.common-list.style-1 .common-list__content .title {
    color: #1553a4;
}

.common-list.single .common-list__left {
    width: 20%;
}

    .common-list.single .common-list__left .heading h5 {
        font-size: 28px;
    }

.common-list.single .common-list__wrapper {
    height: 140px;
}

.common-list.single .common-list__content {
    padding-left: 35px;
    padding-right: 120px;
    position: relative;
}

    .common-list.single .common-list__content .title {
        font-size: 18px;
        max-height: inherit;
    }

    .common-list.single .common-list__content .text {
        max-height: inherit;
    }

.common-list ul li:not(:last-child) {
    margin-bottom: 15px;
}

.common-list__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 115px;
    border-radius: 10px;
    background: rgba(239, 242, 247, 0.7);
    padding: 8px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .common-list__wrapper:hover {
        background: #e6e9ee;
    }

        .common-list__wrapper:hover .common-list__content .icon {
            -webkit-transform: scale(1.2) translateY(-50%) translateX(10px);
            transform: scale(1.2) translateY(-50%) translateX(10px);
        }

.common-list__left {
    width: 40%;
    height: 100%;
}

@media (max-width: 479px) {
    .common-list__left {
        width: 45%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .common-list__left {
        width: 45%;
    }
}

.common-list__left .heading {
    width: 100%;
    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;
    border-radius: 10px;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

    .common-list__left .heading h5 {
        font-size: 24px;
        text-transform: uppercase;
        line-height: 1.1;
        letter-spacing: -1px;
        font-weight: 900;
        font-style: italic;
        color: rgba(73, 82, 91, 0.15);
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .common-list__left .heading h5 {
        font-size: 16px;
        letter-spacing: 0;
    }
}

@media (max-width: 479px) {
    .common-list__left .heading h5 {
        font-size: 13px;
        letter-spacing: 0;
    }
}


.common-list__left .photo {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    padding: 4px;
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
}

    .common-list__left .photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 7px;
    }

.common-list__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Roboto", sans-serif;
}

    .common-list__content .title {
        color: #062c5f;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
        overflow: hidden;
        max-height: 41px;
    }

    .common-list__content .text {
        color: rgba(73, 82, 91, 0.6);
        font-size: 13px;
        font-weight: 500;
        margin-top: 5px;
        overflow: hidden;
        max-height: 36px;
        line-height: 1.5;
    }

    .common-list__content .icon {
        color: #49525b;
        font-size: 18px;
        position: absolute;
        top: 50%;
        right: 30px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: .4s;
        transition: .4s;
    }

.documents-files {
    display: inline-block;
    width: 100%;
}

    .documents-files.style-2 ul li a {
        border-left: 5px solid #1553a4;
    }

    .documents-files.style-2 .documents-icon {
        color: #1553a4;
    }

    .documents-files.style-2 .page-content__heading {
        color: #1553a4;
    }

    .documents-files ul li {
        margin-bottom: 10px;
    }

        .documents-files ul li:last-child {
            margin-bottom: 0;
        }

        .documents-files ul li a {
            background: rgba(21, 83, 164, 0.05);
            padding: 17px 30px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            border-radius: 10px;
            -webkit-transition: .3s;
            transition: .3s;
            font-family: "Roboto", sans-serif;
        }

            .documents-files ul li a:hover {
                -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
                box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
                background: #fff;
            }

            .documents-files ul li a .title {
                font-size: 16px;
                font-weight: 700;
                color: #333;
                line-height: 1.25;
            }

            .documents-files ul li a .text {
                font-size: 14px;
                font-weight: 300;
                color: #666;
            }

            .documents-files ul li a .date {
                font-size: 12px;
                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: 28px;
    color: rgba(21, 83, 164, 0.5);
    margin-right: 20px;
}

.ordered-links:not(.style-1) ul li a:hover {
    padding-left: 10px;
}

.ordered-links.style-1 ul li:not(.more) {
    border-bottom: 0 none;
    margin-bottom: 7px;
}

    .ordered-links.style-1 ul li:not(.more) a {
        background: #eff2f7;
        color: #49525b;
        padding: 17px 40px 17px 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .ordered-links.style-1 ul li:not(.more) a:hover {
            background: #fff;
            -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        }

        .ordered-links.style-1 ul li:not(.more) a:after {
            right: 25px;
        }

.ordered-links ul li:not(.more) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .ordered-links ul li:not(.more):last-child {
        border-bottom: 0 none;
    }

    .ordered-links ul li:not(.more) a {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: "Roboto", sans-serif;
        color: #666;
        font-size: 16px;
        overflow: hidden;
        border-radius: 10px;
        font-weight: 300;
        padding-top: 15px;
        padding-bottom: 15px;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .ordered-links ul li:not(.more) 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:not(.more) a:after {
        display: none;
    }
}

.ordered-links ul li:not(.more) a .date {
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    color: #49525b;
}

.ordered-links ul li.more {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}

    .ordered-links 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;
        border-radius: 10px;
        height: 50px;
        text-transform: uppercase;
        color: #999;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: .3px;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .ordered-links ul li.more a:hover {
            color: #666;
        }

    .ordered-links ul li.more .icon {
        margin-right: 12px;
        font-size: 18px;
    }

.ordered-list {
    display: inline-block;
    width: 100%;
}

    .ordered-list._service-detail > ul > li { /*&:not(:first-child) { .ordered-list__sub { display: none; } }*/
    }

        .ordered-list._service-detail > ul > li .ordered-list__sub {
            display: none;
        }

    .ordered-list > ul > li:not(.more) {
        margin-bottom: 10px;
        background: rgba(85, 178, 80, 0.1);
        border-radius: 10px;
    }

        .ordered-list > ul > li:not(.more):last-child {
            margin-bottom: 0;
        }

        .ordered-list > ul > li:not(.more):hover > a {
            -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
            box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
            border-radius: 10px;
        }

            .ordered-list > ul > li:not(.more):hover > a:after {
                width: 100%;
                opacity: 1;
            }

        .ordered-list > 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;
            color: #1553a4;
            padding: 20px 25px;
            -webkit-transition: .3s;
            transition: .3s;
            position: relative;
            z-index: 1;
        }

@media (max-width: 479px) {
    .ordered-list > ul > li:not(.more) > a {
        padding: 15px 20px;
        -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 > 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 > ul > li:not(.more) > a .icon {
    font-size: 36px;
    margin-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #1553a4;
}

@media (max-width: 479px) {
    .ordered-list > ul > li:not(.more) > a .icon {
        margin-right: 15px;
        font-size: 24px;
    }
}

.ordered-list > 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;
    font-family: "Roboto", sans-serif;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .ordered-list > ul > li:not(.more) > a .text {
        padding-right: 30px;
    }
}

.ordered-list > ul > li:not(.more) > a .date {
    font-size: 13px;
    font-weight: 300;
    color: #999;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 767px) {
    .ordered-list > ul > li:not(.more) > a .date {
        padding-left: 38px;
    }
}

.ordered-list > 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;
    font-size: 14px;
    font-weight: 600;
}

    .ordered-list > ul li.more a:hover {
        color: #666;
    }

.ordered-list > 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: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
}

.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, .ordered-list__sub-content .ordered-links {
        padding: 30px;
    }

    .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);
    border-radius: 13px 13px 0 0;
}

    .ordered-list__dropdown > ul > li.is-open > a:before {
        content: "_";
        margin-top: -9px;
        margin-right: 1px;
    }

    .ordered-list__dropdown > ul > li.is-open > a:after {
        width: 100%;
        opacity: 1;
        border-radius: 13px 13px 0 0 !important;
    }

.ordered-list__dropdown > ul > li > a {
    padding-right: 40px;
}

    .ordered-list__dropdown > ul > li > a:before {
        content: "+";
        position: absolute;
        right: 20px;
        top: 50%;
        font-family: "Roboto", sans-serif;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 24px;
        font-weight: 300;
    }

    .ordered-list__dropdown > ul > li > a .date {
        margin-right: 30px;
    }

.ordered-list__dropdown .ordered-list__sub {
    display: none;
}

.view-table > ul > li:not(:last-child) {
    margin-bottom: 5px;
}

.view-table > ul > li.heading {
    position: -webkit-sticky;
    position: sticky;
    top: 3px;
    z-index: 2;
}

.view-table > ul > li.badge {
    display: none;
}

.view-table.v-dropdown ul li.is-open:not(.heading) .view-table__header, .view-table.v-dropdown ul li:hover:not(.heading) .view-table__header {
    background: #49525b;
}

    .view-table.v-dropdown ul li.is-open:not(.heading) .view-table__header > div, .view-table.v-dropdown ul li:hover:not(.heading) .view-table__header > div {
        color: #fff;
    }

    .view-table.v-dropdown ul li.is-open:not(.heading) .view-table__header .action .icon, .view-table.v-dropdown ul li:hover:not(.heading) .view-table__header .action .icon {
        color: rgba(255, 255, 255, 0.3);
    }

    .view-table.v-dropdown ul li.is-open:not(.heading) .view-table__header .link, .view-table.v-dropdown ul li:hover:not(.heading) .view-table__header .link {
        color: rgba(255, 255, 255, 0.7);
    }

.view-table.v-dropdown ul li.is-open .view-table__header .action .icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.view-table.v-dropdown .view-table__header {
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

    .view-table.v-dropdown .view-table__header > div:nth-last-child(-n+2) {
        max-width: 60px;
        text-align: center;
    }

@media (min-width: 480px) and (max-width: 767px) {
    .view-table.style-1 ul {
        margin-left: -5px;
        margin-right: -5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .view-table.style-1 ul li {
        padding-left: 5px;
        padding-right: 5px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .view-table.style-1 ul li.heading {
            display: none;
        }
}

@media (max-width: 767px) {
    .view-table.style-1 .view-table__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;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 767px) {
    .view-table.style-1 .view-table__header > div {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .view-table.style-1 .view-table__header > div:not(:last-child) {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }
}

@media (max-width: 767px) {
    .view-table.style-1 .view-table__header.heading {
        display: none;
    }
}

@media (max-width: 991px) {
    .view-table.style-2 ul li.heading {
        display: none;
    }
}

@media (max-width: 991px) {
    .view-table.style-2 .view-table__header {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 991px) {
    .view-table.style-2 .view-table__header > div:not(:first-child):not(:last-child) {
        display: none;
    }
}

@media (max-width: 991px) {
    .view-table.style-2 .view-table__header.heading {
        display: none;
    }
}

.view-table__state .icon {
    font-size: 32px;
    position: relative;
}

    .view-table__state .icon::before {
        content: attr(data-tooltip);
        position: absolute;
        left: -140px;
        background: #fff;
        -webkit-box-shadow: 2px 2px 10px rgba(73, 82, 91, 0.15);
        box-shadow: 2px 2px 10px rgba(73, 82, 91, 0.15);
        padding: 10px 15px;
        border-radius: 7px;
        color: #666;
        font-size: 13px;
        font-weight: 600;
        pointer-events: none;
        text-transform: capitalize;
        min-width: 130px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        -webkit-transition: .3s;
        transition: .3s;
    }

    .view-table__state .icon:hover::before {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .view-table__state .icon.is-resulted {
        color: #1553a4;
    }

    .view-table__state .icon.is-failed {
        color: #fe5923;
    }

    .view-table__state .icon.is-cancelled {
        color: #e55353;
    }

.view-table__information {
    margin-top: 50px;
    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;
}

    .view-table__information .icon {
        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;
        border-radius: 50%;
        background: rgba(73, 82, 91, 0.1);
        color: #49525b;
        font-size: 42px;
    }

    .view-table__information .text {
        padding-left: 30px;
    }

.view-table__wrapper {
    position: relative;
    margin-top: 80px;
}

.view-table__wrapper-deaths {
    margin-top: 130px;
}

.view-table__search {
    position: absolute;
    top: -80px;
    right: 0;
    left: 0;
}

    .view-table__search input {
        border: 2px solid rgba(0, 0, 0, 0.08);
        height: 70px;
        -webkit-box-shadow: inset -2px 2px 7px rgba(73, 82, 91, 0.1);
        box-shadow: inset -2px 2px 7px rgba(73, 82, 91, 0.1);
        padding-left: 30px;
        padding-right: 75px;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #49525b;
        width: 100%;
        border-radius: 10px;
    }

    .view-table__search .icon {
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #1553a4;
        font-size: 24px;
        pointer-events: none;
    }

.view-table__tenders { /*ul { &:hover { li:not(.heading) { transform: scale(.97); filter: blur(1px); } } li:not(.heading) { transition: .3s; &:hover { transform: scale(1); filter: blur(0); } } }*/
}

    .view-table__tenders ul li.heading {
        display: block;
    }

    .view-table__tenders .view-table__header {
        padding-left: 0;
        padding-right: 0;
    }

@media (max-width: 991px) {
    .view-table__tenders .view-table__header:not(.heading) {
        overflow-x: auto;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.view-table__tenders .view-table__header:not(.heading) > div {
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .view-table__tenders .view-table__header:not(.heading) > div:not(.tender-desc) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.view-table__tenders .view-table__header.heading {
    border: 0 none;
    background: #eff2f7;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 991px) {
    .view-table__tenders .view-table__header.heading {
        display: none;
    }
}

.view-table__tenders .view-table__header.heading > div {
    color: #49525b;
}

.view-table__tenders .view-table__header > div:first-child .clock {
    display: block;
}

.view-table__tenders .view-table__header .tender-desc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 63%;
    flex: 0 0 63%;
    max-width: 63%;
}

@media (max-width: 767px) {
    .view-table__tenders .view-table__header .tender-desc {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.view-table__tenders .view-table__header .tender-desc span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: capitalize;
}

.view-table__tenders .view-table__header .tender-type {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.view-table__tenders .view-table__header > div:not(.tender-desc):not(.tender-type) {
    text-align: center;
}

.view-table__header {
    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;
    min-height: 75px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Roboto", sans-serif;
}

    .view-table__header.heading {
        min-height: 40px;
        background: #eff2f7;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .view-table__header.heading > div {
            color: #49525b;
            font-size: 13px;
            font-weight: 800;
        }

    .view-table__header.man > div {
        color: #1553a4;
    }

    .view-table__header.woman > div {
        color: #d51991;
    }

    .view-table__header > div {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        color: #666;
        font-weight: 300;
        line-height: 1.5;
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .view-table__header > div.v-bolder {
            font-weight: 700;
        }

        .view-table__header > div.txt-company {
            font-size: 13px;
        }

@media (min-width: 1200px) {
    .view-table__header > div.txt-company {
        padding-right: 40px;
    }
}

.view-table__header > div.txt-phone {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.view-table__header .action {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
}

    .view-table__header .action .icon {
        color: #1553a4;
        font-size: 28px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: .4s;
        transition: .4s;
    }

.view-table__header .link {
    color: #fe5923;
    font-size: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.view-table__content {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    margin-top: 5px;
    display: none;
}

    .view-table__content ul li {
        margin-bottom: 10px;
    }

.view-table__content-wrapper {
    padding: 35px 40px 25px 40px;
}

@media (max-width: 479px) {
    .view-table__content-wrapper {
        padding: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .view-table__content-wrapper {
        padding: 30px;
    }
}

.view-table__content-list .item {
    font-family: "Roboto", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    border-radius: 10px;
    overflow: hidden;
    background: #eff2f7;
}

@media (max-width: 479px) {
    .view-table__content-list .item {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .view-table__content-list .item {
        font-size: 13px;
    }
}

.view-table__content-list .heading {
    max-width: 30%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-height: 60px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-right: 1px solid #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.2;
    padding-left: 25px;
    padding-right: 25px;
    color: #49525b;
    font-weight: 700;
}

@media (max-width: 479px) {
    .view-table__content-list .heading {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .view-table__content-list .heading {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.view-table__content-list .description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
    padding-right: 10px;
}
    .view-table__content-list .description input {
        height: 45px;
        width: 100%;
        background: transparent;
    }
    .view-table__content-list .description textarea {
        height: 45px;
        width: 100%;
        background: transparent;
        border: 1px solid #fffefe00;
    }
}

@media (max-width: 479px) {
    .view-table__content-list .description {
        padding-left: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .view-table__content-list .description {
        padding-left: 15px;
    }
}

.view-table__content-list .description .label {
    font-weight: 300;
    color: #49525b;
    line-height: 1.4;
}

.view-table__content-list .description a.label {
    font-weight: 600;
    color: #fe5923;
}

.accordion-lookingfor {
    margin-top: 30px;
}

.accordion.no-content .accordion-header {
    padding-right: 20px;
}

    .accordion.no-content .accordion-header .icon {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

.accordion:not(.ui-list) > ul > li {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
}

    .accordion:not(.ui-list) > ul > li:last-child {
        margin-bottom: 0;
    }

    .accordion:not(.ui-list) > ul > li.is-open, .accordion:not(.ui-list) > ul > li:hover {
        -webkit-box-shadow: 10px 20px 40px rgba(73, 82, 91, 0.15);
        box-shadow: 10px 20px 40px rgba(73, 82, 91, 0.15);
        border: 1px solid transparent;
    }

        .accordion:not(.ui-list) > ul > li.is-open .accordion-header, .accordion:not(.ui-list) > ul > li:hover .accordion-header {
            background: #1553a4;
        }

            .accordion:not(.ui-list) > ul > li.is-open .accordion-header .title, .accordion:not(.ui-list) > ul > li.is-open .accordion-header .icon, .accordion:not(.ui-list) > ul > li:hover .accordion-header .title, .accordion:not(.ui-list) > ul > li:hover .accordion-header .icon {
                color: #fff;
            }

            .accordion:not(.ui-list) > ul > li.is-open .accordion-header .icon {
                -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
            }

.accordion.ui-list > ul {
    row-gap: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .accordion.ui-list > ul > li .item {
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 10px;
        overflow: hidden;
    }

    .accordion.ui-list > ul > li.is-open .item, .accordion.ui-list > ul > li:hover .item {
        -webkit-box-shadow: 10px 20px 40px rgba(73, 82, 91, 0.15);
        box-shadow: 10px 20px 40px rgba(73, 82, 91, 0.15);
        border: 1px solid transparent;
    }

        .accordion.ui-list > ul > li.is-open .item .accordion-header, .accordion.ui-list > ul > li:hover .item .accordion-header {
            background: #1553a4;
        }

            .accordion.ui-list > ul > li.is-open .item .accordion-header .title, .accordion.ui-list > ul > li.is-open .item .accordion-header .icon, .accordion.ui-list > ul > li:hover .item .accordion-header .title, .accordion.ui-list > ul > li:hover .item .accordion-header .icon {
                color: #fff;
            }

            .accordion.ui-list > ul > li.is-open .item .accordion-header .icon {
                -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
            }

.accordion-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -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;
    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-family: "Roboto", sans-serif;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    max-height: 44px;
}

.accordion-header .icon {
    color: #999;
    font-size: 14px;
    -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);
}

.accordion-content {
    padding-left: 25px;
    padding-right: 25px;
    display: none;
}

    .accordion-content .text {
        font-size: 14px;
        line-height: 1.8;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .accordion-content .ordered-links ul li a {
        font-size: 14px;
    }

        .accordion-content .ordered-links ul li a:after {
            right: 10px;
            width: 7px;
            height: 7px;
        }

.modal-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1007;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s;
}

    .modal-nav.is-visible {
        opacity: 1;
        visibility: visible;
    }

.modal-nav__sidebar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #1553a4;
    width: 750px;
    max-width: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .4s;
    transition: .4s;
}

    .modal-nav__sidebar.is-visible {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

.modal-nav__sidebar-list ul li.is-current a:before {
    width: 100%;
}

.modal-nav__sidebar-list ul li a {
    height: 55px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 0 0 10px 10px;
    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: 16px;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (min-width: 480px) and (max-width: 767px) {
    .modal-nav__sidebar-list ul li a {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 479px) {
    .modal-nav__sidebar-list ul li a {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
        height: 50px;
    }
}

.modal-nav__sidebar-list ul li a:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    background: #fff;
    z-index: 1;
    width: 0;
    margin: 0 auto;
    -webkit-transition: width .3s;
    transition: width .3s;
}

.modal-nav__sidebar-header {
    background: #0e4082;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    position: relative;
    z-index: 1;
    padding-left: 55px;
    padding-right: 55px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 480px) and (max-width: 767px) {
    .modal-nav__sidebar-header {
        padding-left: 35px;
        padding-right: 35px;
    }
}

@media (max-width: 479px) {
    .modal-nav__sidebar-header {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.modal-nav__sidebar-header .close {
    position: absolute;
    right: 55px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media (max-width: 479px) {
    .modal-nav__sidebar-header .close {
        right: 10px;
    }
}

.modal-nav__sidebar-header .close .icon {
    font-size: 32px;
}

@media (max-width: 479px) {
    .modal-nav__sidebar-header .close .icon {
        font-size: 24px;
    }
}

.modal-nav__sidebar-header .title {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
}

.modal-nav__sidebar-wrapper {
    overflow-y: auto;
    height: calc(100% - 80px);
    scrollbar-color: #1553a4 rgba(255, 255, 255, 0.1);
    scrollbar-width: thin;
}

    .modal-nav__sidebar-wrapper::-webkit-scrollbar-track {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .modal-nav__sidebar-wrapper::-webkit-scrollbar {
        width: 6px;
    }

    .modal-nav__sidebar-wrapper::-webkit-scrollbar-thumb {
        background-color: #1553a4;
    }

.modal-nav__sidebar-container {
    padding: 55px;
}

@media (max-width: 767px) {
    .modal-nav__sidebar-container {
        margin: 0 auto;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .modal-nav__sidebar-container {
        padding: 35px;
        max-width: 600px;
    }
}

@media (max-width: 479px) {
    .modal-nav__sidebar-container {
        padding: 15px;
        max-width: 390px;
    }
}

.modal-weather {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1007;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s;
}

    .modal-weather.is-visible {
        opacity: 1;
        visibility: visible;
    }

    .modal-weather > .row, .modal-weather > .row > div {
        height: 100%;
    }

@media (max-width: 767px) {
    .modal-weather > .row > div:last-child {
        display: none;
    }
}

.modal-weather__now {
    position: relative;
    width: 100%;
    height: 100%;
}

.modal-weather__now-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
    height: 150px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.4);
}

@media (min-width: 768px) and (max-width: 991px) {
    .modal-weather__now-header {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 767px) {
    .modal-weather__now-header {
        height: calc(100% / 5);
    }
}

.modal-weather__now-header .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.modal-weather__now-header .title {
    color: #49525b;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.3;
}

@media (min-width: 768px) and (max-width: 991px) {
    .modal-weather__now-header .title {
        font-size: 18px;
    }
}

.modal-weather__now-header .text {
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}

.modal-weather__now-header .close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .modal-weather__now-header .close .icon {
        font-size: 28px;
        color: rgba(73, 82, 91, 0.5);
    }

.modal-weather__now-cover {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(21, 83, 164, 0.1);
}

    .modal-weather__now-cover img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: 0;
    }

.modal-weather__now-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    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;
    padding: 150px 50px 50px 50px;
}

@media (max-width: 767px) {
    .modal-weather__now-body {
        padding: calc(100% / 5) 50px 50px 50px;
    }
}

.modal-weather__now-body .status {
    font-family: "Roboto", sans-serif;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

    .modal-weather__now-body .status .number {
        color: #1553a4;
        font-size: 228px;
        font-weight: 900;
        letter-spacing: -5px;
        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;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .modal-weather__now-body .status .number {
        font-size: 150px;
    }
}

.modal-weather__now-body .status .number span {
    font-size: 96px;
}

.modal-weather__now-body .status .icon {
    margin-left: 25px;
}

    .modal-weather__now-body .status .icon img {
        width: 70px;
        -webkit-filter: grayscale(1) invert(1);
        filter: grayscale(1) invert(1);
        opacity: .4;
    }

.modal-weather__now-body .info {
    margin-top: 25px;
}

    .modal-weather__now-body .info .text {
        font-size: 14px;
        letter-spacing: .5px;
        font-weight: 600;
        color: #666;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .modal-weather__now-body .info .text {
        font-size: 13px;
    }
}

.modal-weather__now-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.modal-weather__now .btn-sim {
    margin-top: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 99px;
    color: #49525b;
    -webkit-transition: .3s;
    transition: .3s;
}

    .modal-weather__now .btn-sim:hover {
        background: #4da149;
        color: #fff;
    }

    .modal-weather__now .btn-sim .icon {
        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;
        background: #1553a4;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        font-size: 48px;
    }

    .modal-weather__now .btn-sim .desc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 15px;
        padding-right: 30px;
    }

        .modal-weather__now .btn-sim .desc .title {
            font-family: "Roboto", sans-serif;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 800;
            line-height: 1.4;
        }

.modal-weather__list, .modal-weather__list ul {
    height: 100%;
}

    .modal-weather__list ul li {
        height: calc(100% / 4);
        background: #1553a4;
    }

        .modal-weather__list ul li:nth-child(1) {
            background: #1553a4;
        }

        .modal-weather__list ul li:nth-child(2) {
            background: #134c96;
        }

        .modal-weather__list ul li:nth-child(3) {
            background: #124589;
        }

        .modal-weather__list ul li:nth-child(4) {
            background: #103e7b;
        }

        .modal-weather__list ul li:nth-child(5) {
            background: #0e386e;
        }

        .modal-weather__list ul li:nth-child(6) {
            background: #0c3160;
        }

        .modal-weather__list ul li:nth-child(7) {
            background: #0b2a53;
        }

        .modal-weather__list ul li:nth-child(8) {
            background: #092345;
        }

@media (max-width: 767px) {
    .modal-weather__list ul li {
        height: calc(100% / 5);
    }
}

.modal-weather__list ul li:first-child {
    display: none;
}

@media (max-width: 767px) {
    .modal-weather__list ul li:first-child {
        display: block;
    }
}

.modal-weather__list ul li.is-active .item {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.modal-weather__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: 40px;
    padding-right: 40px;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: .3s;
    transition: .3s;
}

@media (min-width: 768px) and (max-width: 991px) {
    .modal-weather__list .item {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 479px) {
    .modal-weather__list .item {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.modal-weather__list .item .day {
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
}

@media (min-width: 768px) and (max-width: 991px) {
    .modal-weather__list .item .day {
        font-size: 18px;
    }
}

@media (max-width: 479px) {
    .modal-weather__list .item .day {
        font-size: 16px;
    }
}

.modal-weather__list .item .text {
    color: #fff;
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
}

@media (max-width: 767px) {
    .modal-weather__list .item .text {
        font-size: 11px;
    }
}

.modal-weather__list .item .right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

    .modal-weather__list .item .right > .icon {
        margin-right: 25px;
        display: inline-block;
    }

@media (max-width: 479px) {
    .modal-weather__list .item .right > .icon {
        margin-right: 10px;
    }
}

.modal-weather__list .item .right > .icon img {
    width: 50px;
}

@media (max-width: 479px) {
    .modal-weather__list .item .right > .icon img {
        width: 36px;
    }
}

.modal-weather__list .item .right .value {
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: 18px;
    min-width: 100px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media (min-width: 768px) and (max-width: 991px) {
    .modal-weather__list .item .right .value {
        font-size: 16px;
    }
}

@media (max-width: 479px) {
    .modal-weather__list .item .right .value {
        font-size: 13px;
        min-width: 85px;
    }
}

.modal-weather__list .item .right .value span {
    margin-left: 10px;
    margin-right: 10px;
}

.modal-weather__list .item .right .text {
    color: #fff;
    font-size: 12px;
    margin-left: 20px;
}

.modal-weather__list .item .right .close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .modal-weather__list .item .right .close .icon {
        font-size: 28px;
        color: #fff;
    }

.modal-person {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    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: #1553a4;
    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: #4da149;
}

.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: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    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: 13px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    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: 10px;
}

.modal-person__info {
    margin-top: 17px;
}

    .modal-person__info .title {
        color: #1553a4;
        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);
        }
}

.modal-activity {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1010;
    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: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 479px) {
    .modal-activity {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        overflow-y: auto;
        padding-top: 50px;
    }
}

.modal-activity.is-visible {
    opacity: 1;
    visibility: visible;
}

.modal-activity__close {
    position: absolute;
    top: -15px;
    right: -15px;
    outline: 0;
    z-index: 2;
}

@media (max-width: 479px) {
    .modal-activity__close {
        top: -5px;
        right: -5px;
    }
}

.modal-activity__close .icon {
    color: #fff;
    font-size: 20px;
    background: #1553a4;
    width: 40px;
    height: 40px;
    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;
}

.modal-activity__wrapper {
    background: #fff;
    border-radius: 13px;
    max-width: 700px;
    width: 100%;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    will-change: transform;
    -webkit-transition: .3s;
    transition: .3s;
}

    .modal-activity__wrapper.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.modal-activity__left {
    position: relative;
}

.modal-activity__cover {
    height: 430px;
    overflow: hidden;
    border-radius: 13px 0 0 13px;
}

@media (max-width: 479px) {
    .modal-activity__cover {
        height: auto;
        border-radius: 13px 13px 0 0;
    }
}

.modal-activity__cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.modal-activity__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.9)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
    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: 30px;
    border-radius: 9px 0 0 9px;
}

@media (max-width: 479px) {
    .modal-activity__body {
        border-radius: 9px 9px 0 0;
    }
}

.modal-activity__body .info {
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #fff;
    height: 50px;
    border-radius: 10px;
    -webkit-transition: .4s;
    transition: .4s;
}

    .modal-activity__body .info .icon {
        font-size: 16px;
    }

    .modal-activity__body .info .text {
        padding-left: 15px;
        font-size: 12px;
        letter-spacing: 0.5px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.3;
    }

    .modal-activity__body .info:hover {
        background: #fff;
        color: #333;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

.modal-activity__right {
    padding: 30px 35px;
    font-family: "Roboto", sans-serif;
    height: 100%;
    position: relative;
}

@media (max-width: 479px) {
    .modal-activity__right {
        padding: 25px 30px;
    }
}

.modal-activity__right-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 12px;
    margin-bottom: 20px;
}

    .modal-activity__right-header .title {
        color: #1553a4;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
    }

    .modal-activity__right-header .info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 7px;
    }

        .modal-activity__right-header .info .item {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 8px;
        }

            .modal-activity__right-header .info .item:not(:last-child) {
                margin-right: 15px;
            }

            .modal-activity__right-header .info .item .icon {
                color: rgba(73, 82, 91, 0.3);
                font-size: 12px;
                margin-right: 5px;
            }

            .modal-activity__right-header .info .item .text {
                font-size: 12px;
                line-height: 1;
                color: rgba(73, 82, 91, 0.8);
            }

.modal-activity__right .text {
    color: #49525b;
    font-size: 14px;
    max-height: 152px;
    overflow: hidden;
}

@media (min-width: 480px) {
    .modal-activity__right .buttons-wrapper {
        position: absolute;
        right: 30px;
        bottom: 30px;
        left: 30px;
    }
}

@media (max-width: 479px) {
    .modal-activity__right .buttons-wrapper {
        margin-top: 20px;
    }
}

.modal-mayor {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3000;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    will-change: transform, opacity;
    -webkit-transition: .5s;
    transition: .5s;
}

    .modal-mayor.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.modal-mayor__row {
    height: 100%;
}

.modal-mayor__photo {
    height: 100%;
}

    .modal-mayor__photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.modal-mayor__social {
    position: absolute;
    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));
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 30px;
}

    .modal-mayor__social a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 55px;
        height: 55px;
        border: 1px solid #fff;
        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;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .modal-mayor__social a:not(:last-child) {
            margin-right: 15px;
        }

        .modal-mayor__social a:hover {
            background: #fff;
            color: #333;
        }

.modal-mayor__nav ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .modal-mayor__nav ul li {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

        .modal-mayor__nav ul li:last-child {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%;
        }

        .modal-mayor__nav ul li:hover a, .modal-mayor__nav ul li.is-current a {
            background: #fff;
        }

        .modal-mayor__nav ul li a {
            height: 90px;
            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;
            padding-left: 20px;
            padding-right: 20px;
            color: #49525b;
            font-size: 16px;
            line-height: 1.4;
            font-weight: 900;
            text-transform: uppercase;
            background: #eff2f7;
            -webkit-transition: .3s;
            transition: .3s;
        }

            .modal-mayor__nav ul li a span {
                display: block;
                font-weight: 500;
                font-size: 14px;
            }

.modal-mayor__header {
    margin-bottom: 30px;
}

    .modal-mayor__header .title {
        color: #1553a4;
        font-size: 42px;
        font-weight: 900;
        line-height: 1;
    }

    .modal-mayor__header .rank {
        color: #1553a4;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 200;
        letter-spacing: 8.4px;
    }

.modal-mayor__container {
    height: calc(100vh - 90px);
    overflow-y: auto;
    scrollbar-color: rgba(73, 82, 91, 0.3) #fff;
    scrollbar-width: thin;
}

    .modal-mayor__container::-webkit-scrollbar-track {
        background-color: #fff;
    }

    .modal-mayor__container::-webkit-scrollbar {
        width: 6px;
    }

    .modal-mayor__container::-webkit-scrollbar-thumb {
        background-color: rgba(73, 82, 91, 0.3);
    }

.modal-mayor__content {
    padding: 60px 70px;
}

    .modal-mayor__content .text {
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        text-align: justify;
        color: #3f464e;
    }

        .modal-mayor__content .text strong {
            font-weight: 800;
        }

.modal-mayor__close {
    width: 70px;
    height: 100%;
    background: #49525b;
    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-transition: .3s;
    transition: .3s;
}

    .modal-mayor__close:hover {
        background: #3f464e;
    }

    .modal-mayor__close .icon {
        color: #fff;
        font-size: 32px;
    }

.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: #1553a4;
        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;
    }

.search-guide {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.8);
    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-guide.is-visible {
        opacity: 1;
        visibility: visible;
    }

.search-guide__wrapper {
    width: 1200px;
    max-width: 100%;
    height: 90vh;
    max-height: 700px;
    background: #fff;
    border-radius: 13px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-70px);
    transform: translateY(-70px);
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 767px) {
    .search-guide__wrapper {
        height: 85vh;
    }
}

.search-guide__wrapper.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.search-guide__wrapper .row {
    height: 100%;
}

    .search-guide__wrapper .row > div {
        height: 100%;
    }

.search-guide__header {
    height: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

@media (max-width: 479px) {
    .search-guide__header {
        padding-left: 15px;
    }
}

.search-guide__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: #1553a4;
    font-weight: 900;
    font-size: 18px;
}

    .search-guide__header .heading .icon {
        font-size: 20px;
        margin-right: 20px;
    }

.search-guide__header form {
    width: 100%;
}

.search-guide__header input {
    font-family: "Raleway", sans-serif;
    color: #333;
    height: 73px;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase !important;
}

.search-guide__close {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media (max-width: 479px) {
    .search-guide__close {
        right: 15px;
    }
}

.search-guide__close .icon {
    color: #1553a4;
    font-size: 28px;
}

.search-guide__nav {
    background: rgba(21, 83, 164, 0.08);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    border-radius: 10px 0 0 10px;
}

@media (max-width: 767px) {
    .search-guide__nav {
        display: none;
    }
}

.search-guide__nav ul {
    padding-top: 15px;
    padding-bottom: 15px;
    height: calc(100% - 75px);
    overflow-y: auto;
    scrollbar-color: rgba(21, 83, 164, 0.1) transparent;
    scrollbar-width: thin;
}

    .search-guide__nav ul::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .search-guide__nav ul::-webkit-scrollbar {
        width: 6px;
    }

    .search-guide__nav ul::-webkit-scrollbar-thumb {
        background-color: rgba(21, 83, 164, 0.1);
    }

    .search-guide__nav ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 30px;
        color: #1553a4;
        font-size: 14px;
        font-weight: 700;
        -webkit-transition: .3s;
        transition: .3s;
        position: relative;
    }

        .search-guide__nav ul li a:after {
            content: attr(data-company-total);
            position: absolute;
            right: 12px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 11px;
            opacity: .7;
            font-family: "Roboto", sans-serif;
        }

        .search-guide__nav ul li a:hover {
            background: #1553a4;
            color: #fff;
        }

        .search-guide__nav ul li a .icon {
            width: 20px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 20px;
            margin-right: 17px;
            opacity: .3;
        }

        .search-guide__nav ul li a .text {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

.search-guide__content {
    width: calc(100% - 25%);
}

@media (max-width: 767px) {
    .search-guide__content {
        width: 100%;
    }
}

.search-guide__list {
    padding: 25px 30px;
    height: calc(100% - 75px - 20px);
    overflow-y: auto;
    scrollbar-color: rgba(0, 0, 0, 0.2) #fff;
    scrollbar-width: thin;
}

@media (max-width: 479px) {
    .search-guide__list {
        padding: 15px;
    }
}

.search-guide__list::-webkit-scrollbar-track {
    background-color: #fff;
}

.search-guide__list::-webkit-scrollbar {
    width: 6px;
}

.search-guide__list::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}

.iett._category ul li:not(:last-child) {
    margin-bottom: 30px;
}

.iett._category .item {
    padding-left: 50px;
    height: 190px;
}

@media (max-width: 479px) {
    .iett._category .item {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .iett._category .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .iett._category .item {
        height: auto;
    }
}

.iett._category .figure .icon {
    font-size: 54px;
    color: #1553a4;
}

@media (max-width: 479px) {
    .iett._category .figure .icon {
        font-size: 42px;
    }
}

.iett._category .description {
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width: 479px) {
    .iett._category .description {
        padding-right: 0;
    }
}

.iett._category .description .title {
    color: #333;
    font-weight: 700;
    font-size: 24px;
}

@media (max-width: 479px) {
    .iett._category .description .title {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
}

.iett._category .description .text {
    font-weight: 600;
    font-style: italic;
    font-size: 14px;
    color: #666;
}

@media (max-width: 479px) {
    .iett._category .description .text {
        font-size: 12px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .iett ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
}

.iett ul li:not(:last-child) {
    margin-bottom: 20px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .iett ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.iett .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 140px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 35px;
    padding-right: 35px;
    -webkit-box-shadow: 0 0 15px rgba(73, 82, 91, 0.15);
    box-shadow: 0 0 15px rgba(73, 82, 91, 0.15);
    border-radius: 13px;
}

@media (max-width: 767px) {
    .iett .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .iett .item {
        border-radius: 0;
    }
}

.iett .info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .iett .info {
        margin-bottom: 30px;
    }
}

.iett .description .title {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}

@media (max-width: 479px) {
    .iett .description .title {
        font-size: 14px;
    }
}

.iett .description .title strong {
    font-weight: 800;
}

.iett .figure img {
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 20px;
}

.iett .action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.js_enabled #js-cookie {
    display: none;
}

.cookie {
    background: rgba(21, 83, 164, 0.97);
    position: fixed;
    -webkit-box-shadow: 0 -30px 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 -30px 30px rgba(0, 0, 0, 0.5);
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px 0;
    margin: 0 auto;
    z-index: 2003;
    -webkit-transition: .3s;
    transition: .3s;
}

    .cookie.is-hidden {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
        visibility: hidden;
    }

.cookie-form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .cookie-form {
        -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;
    }
}

.cookie-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 768px) {
    .cookie-content {
        padding-right: 130px;
    }
}

.cookie-content .text {
    color: #fff;
    font-size: 13px;
}

.cookie-content .link {
    font-weight: 800;
    color: #fff;
    position: relative;
}

    .cookie-content .link:before {
        content: "";
        position: absolute;
        right: 5px;
        bottom: -5px;
        left: 0;
        background: #fff;
        height: 1px;
        width: 0;
        -webkit-transition: width .3s;
        transition: width .3s;
    }

    .cookie-content .link:hover:before {
        width: 100%;
    }

.cookie-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1553a4;
    min-width: 150px;
    height: 50px;
    padding-left: 25px;
    padding-right: 20px;
    border-radius: 13px;
    color: #fff;
    font-family: inherit;
    font-weight: 700;
    font-size: 16px;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 479px) {
    .cookie-button {
        font-size: 14px;
        margin-top: 10px;
    }
}

.cookie-button .icon {
    font-size: 16px;
}

@media (max-width: 479px) {
    .cookie-button .icon {
        font-size: 14px;
    }
}

.cookie-button:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.stories-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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;
}

.stories-item {
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
    padding: 3px;
    border-radius: 100%;
}

.stories-cover img {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    border: 3px solid #fff;
    border-radius: 100%;
    overflow: hidden;
}

@media (min-width: 768px) and (max-width: 991px) {
    .stories-cover img {
        width: 75px;
        height: 75px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .stories-cover img {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 479px) {
    .stories-cover img {
        width: 55px;
        height: 55px;
    }
}

.stories-footer {
    text-align: center;
    padding-top: 10px;
}

    .stories-footer .title {
        font-size: 14px;
        font-weight: 700;
        color: #515762;
    }

@media (max-width: 479px) {
    .stories-footer .title {
        font-size: 13px;
    }
}

@media (min-width: 390px) and (max-width: 479px) {
    .news.list .news-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.news-links {
    margin-top: 10px;
    background: #1553a4;
    border-radius: 10px;
    height: 70px;
}

.news-card a {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

    .news-card a:hover .news-cover img {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15);
    }

.news-cover {
    height: 200px;
    overflow: hidden;
}

@media (min-width: 390px) and (max-width: 479px) {
    .news-cover {
        height: 150px !important;
    }
}

.news-cover.large {
    height: 380px;
}

.news-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);
}

.news-body {
    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));
    height: 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;
    padding: 20px;
}

@media (min-width: 390px) and (max-width: 479px) {
    .news-body {
        padding: 15px;
    }
}

.news-body.large {
    padding: 40px;
}

    .news-body.large .title {
        font-size: 24px;
        max-height: 61px;
    }

    .news-body.large .tag {
        top: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
        min-width: 100px;
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
    }

.news-body .title {
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.5px;
    font-weight: 800;
    overflow: hidden;
    max-height: 47px;
    line-height: 1.3;
}

@media (min-width: 390px) and (max-width: 479px) {
    .news-body .title {
        font-size: 16px;
        max-height: 41px;
    }
}

.news-body .date {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    color: #fff;
    margin-top: 5px;
}

@media (min-width: 390px) and (max-width: 479px) {
    .news-body .date {
        font-size: 12px;
    }
}

.news-body .tag {
    position: absolute;
    top: 7px;
    right: 0;
    background: #1553a4;
    min-width: 70px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 7px 0 0 7px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

@media (min-width: 390px) and (max-width: 479px) {
    .news-body .tag {
        font-size: 11px;
    }
}

.shortcuts:not(.v-list).v-large .shortcuts-card:nth-child(6) a {
    background: #1553a4;
}

    .shortcuts:not(.v-list).v-large .shortcuts-card:nth-child(6) a:hover {
        background: rgba(0, 0, 0, 0.2);
        border: 1px solid transparent;
    }

    .shortcuts:not(.v-list).v-large .shortcuts-card:nth-child(6) a .icon {
        color: #fff;
    }

.shortcuts:not(.v-list).v-large .shortcuts-card a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.shortcuts:not(.v-list).v-large .shortcuts-card a {
    height: 190px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 13px;
}

    .shortcuts:not(.v-list).v-large .shortcuts-card a .icon {
        color: #1553a4;
        opacity: 1;
        font-size: 48px;
    }

    .shortcuts:not(.v-list).v-large .shortcuts-card a .title {
        font-weight: 800;
        font-size: 16px;
        line-height: 1.3;
    }

    .shortcuts:not(.v-list).v-large .shortcuts-card a .text {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        color: #fff;
        line-height: 1.4;
        margin-top: 10px;
    }

@media (min-width: 992px) {
    .shortcuts:not(.v-list) .shortcuts-card:nth-last-child(n+4) {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .shortcuts:not(.v-list) .shortcuts-card {
        margin-bottom: 20px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .shortcuts:not(.v-list) .shortcuts-card {
        margin-bottom: 20px;
    }
}

@media (max-width: 479px) {
    .shortcuts:not(.v-list) .shortcuts-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
}

.shortcuts:not(.v-list) .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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 135px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}

    .shortcuts:not(.v-list) .shortcuts-card a:hover {
        background: #0e4082;
    }

        .shortcuts:not(.v-list) .shortcuts-card a:hover .icon {
            opacity: 1;
            color: #fff;
        }

@media (max-width: 479px) {
    .shortcuts:not(.v-list) .shortcuts-card a {
        height: 100px;
    }
}

.shortcuts:not(.v-list) .shortcuts-card a .title, .shortcuts:not(.v-list) .shortcuts-card a .text {
    width: 100%;
}

.shortcuts:not(.v-list) .shortcuts-card a .title {
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    text-transform: uppercase;
}


@media (min-width: 992px) and (max-width: 1199px) {
    .shortcuts:not(.v-list) .shortcuts-card a .title {
        font-size: 12px;
    }
}

@media (max-width: 479px) {
    .shortcuts:not(.v-list) .shortcuts-card a .title {
        font-size: 11px;
    }
}

.shortcuts:not(.v-list) .shortcuts-card a .title span {
    font-weight: 800;
    display: block;
}


.shortcuts:not(.v-list) .shortcuts-card a .icon {
    color: #fff;
    font-size: 32px;
    margin-bottom: 15px;
    opacity: .4;
}

@media (max-width: 479px) {
    .shortcuts:not(.v-list) .shortcuts-card a .icon {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shortcuts.v-list ul {
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shortcuts.v-list ul li {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.shortcuts.v-list ul li a {
    display: block;
    position: relative;
}

.shortcuts.v-heading ul li {
    margin-bottom: 20px;
}

.shortcuts.v-heading .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.v-heading .shortcuts-body {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 25px 25px 20px 27px;
}

.shortcuts.v-heading .shortcuts-cover img {
    -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-card__content {
    display: block;
    position: relative;
}

.shortcuts-card:nth-child(1) .shortcuts-body .title h4 {
    background: #B69E7E !important;
}

.shortcuts-card:nth-child(2) .shortcuts-body .title h4 {
    background: #55B6A8 !important;
}

.shortcuts-card:nth-child(3) .shortcuts-body .title h4 {
    background: #E31D67 !important;
}

.shortcuts-card:nth-child(4) .shortcuts-body .title h4 {
    background: #56a753 !important;
}

.shortcuts-card:nth-child(5) .shortcuts-body .title h4 {
    background: #d77b29 !important;
}

.shortcuts-card:nth-child(6) .shortcuts-body .title h4 {
    background: #13366F !important;
}

.shortcuts-cover {
    overflow: hidden;
    height: 230px;
    border-radius: 10px;
    background: black;
}

    .shortcuts-cover img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: .6;
    }

.shortcuts-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

    .shortcuts-body:before {
        content: "";
        position: absolute;
        height: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
        background: linear-gradient(transparent, black);
        opacity: .9;
        border-radius: 10px;
        z-index: -1;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .shortcuts-body .heading {
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-weight: 800;
        text-transform: uppercase;
        max-width: 100px;
        font-size: 18px;
        line-height: 1.4;
    }

    .shortcuts-body .title {
        padding: 20px 20px 0 20px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .shortcuts-body .title {
        padding: 10px 10px 0 10px;
    }
}

.shortcuts-body .title h4 {
    background: #666;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    padding: 5px 10px;
    border-radius: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shortcuts-body .title h4 {
        font-size: 11px;
    }
}

.shortcuts-body__list {
    padding: 0 20px 10px 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .shortcuts-body__list {
        padding: 0 10px 10px 10px;
    }
}

.shortcuts-body__list ul li a {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding-top: 1px;
    padding-bottom: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

    .shortcuts-body__list ul li a:before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        background: #1553a4;
        border-radius: 50%;
        margin-right: 10px;
    }

    .shortcuts-body__list ul li a:hover {
        text-decoration: underline;
    }

.shortcuts.list ul li {
    margin-bottom: 20px;
}

    .shortcuts.list ul li a:hover .shortcuts-photo:not(.v-logo) img {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15);
    }

    .shortcuts.list ul li a:hover .shortcuts-footer.v-dark {
        background: #0e4082;
    }

        .shortcuts.list ul li a:hover .shortcuts-footer.v-dark .title {
            color: #fff;
        }

.shortcuts-photo {
    overflow: hidden;
    height: 180px;
    border-radius: 10px 10px 0 0;
}

@media (min-width: 480px) and (max-width: 767px) {
    .shortcuts-photo {
        height: 130px;
    }
}

.shortcuts-photo.v-logo {
    height: 150px;
    padding: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

    .shortcuts-photo.v-logo img {
        -o-object-fit: contain;
        object-fit: contain;
    }

.shortcuts-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);
}

.shortcuts-footer {
    background: rgba(255, 255, 255, 0.09);
    height: 80px;
    border-radius: 0 0 10px 10px;
    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;
    padding-left: 30px;
    padding-right: 30px;
}

    .shortcuts-footer.v-dark {
        background: rgba(0, 0, 0, 0.08);
        -webkit-transition: .3s;
        transition: .3s;
    }

        .shortcuts-footer.v-dark .title {
            color: #666;
        }

        .shortcuts-footer.v-dark.size-1 {
            height: 70px;
            padding-left: 20px;
            padding-right: 20px;
        }

            .shortcuts-footer.v-dark.size-1 .title {
                font-size: 14px;
            }

    .shortcuts-footer .title {
        color: #fff;
        font-size: 18px;
        font-weight: 800;
        line-height: 1.3;
        overflow: hidden;
        max-height: 47px;
    }

@media (min-width: 480px) and (max-width: 767px) {
    .shortcuts-footer .title {
        font-size: 14px;
    }
}

.banners-card a {
    display: block;
    position: relative;
}

.banners-photo {
    overflow: hidden;
    border-radius: 10px;
}

    .banners-photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.banners-footer {
    padding-top: 20px;
}

    .banners-footer .title {
        color: #fff;
        font-size: 24px;
        letter-spacing: -0.5px;
        font-weight: 800;
        line-height: 1.3;
        overflow: hidden;
        max-height: 63px;
    }

@media (max-width: 767px) {
    .banners-footer .title {
        font-size: 18px;
        letter-spacing: inherit;
        max-height: 48px;
    }
}

.banners-footer .text {
    color: #fff;
    font-size: 14px;
    margin-top: 5px;
    overflow: hidden;
    max-height: 43px;
}

@media (max-width: 767px) {
    .banners-footer .text {
        font-size: 12px;
        max-height: 37px;
    }
}

.projects.style-1 .projects-photo {
    height: 230px;
    border-radius: 10px;
}

.projects.style-1 .projects-footer .title {
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
}

.projects.style-1 .projects-footer .tag {
    color: #fff;
    opacity: .6;
}

.projects-card a {
    display: block;
    position: relative;
}

    .projects-card a:hover .projects-photo img {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15);
    }

.projects-photo {
    height: 375px;
    overflow: hidden;
    border-radius: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .projects-photo {
        height: 250px;
    }
}

@media (max-width: 767px) {
    .projects-photo {
        height: 200px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .projects-photo {
        height: 250px;
    }
}

@media (min-width: 390px) and (max-width: 479px) {
    .projects-photo {
        height: 250px;
    }
}

.projects-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);
}

.projects-footer {
    text-align: center;
    padding-top: 15px;
}

    .projects-footer .title {
        color: #1553a4;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.4;
        text-transform: uppercase;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .projects-footer .title {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .projects-footer .title {
        font-size: 13px;
    }
}

.projects-footer .tag {
    color: #1553a4;
    font-size: 13px;
}

@media (max-width: 767px) {
    .projects-footer .tag {
        font-size: 12px;
    }
}

.projects .swiper-pagination {
    margin-top: 50px;
}

@media (min-width: 1200px) {
    .gallery.column-5 ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 767px) {
    .gallery.list ul {
        margin-left: -5px;
        margin-right: -5px;
    }
}

.gallery.list ul li {
    margin-bottom: 20px;
}

@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:before {
        opacity: .6;
    }

.gallery-photo {
    height: 130px;
    overflow: hidden;
    border-radius: 10px;
    background: #000;
    -webkit-box-shadow: 5px 7px 15px rgba(73, 82, 91, 0.15);
    box-shadow: 5px 7px 15px rgba(73, 82, 91, 0.15);
}

@media (min-width: 1750px) {
    .gallery-photo {
        height: 150px;
    }
}

@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;
    opacity: .85;
    -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;
}

    .gallery-overlay .icon {
        color: #fff;
        font-size: 20px;
    }

.gallery-footer {
    padding-top: 10px;
}

    .gallery-footer .icon {
        font-size: 18px;
        color: #fff;
    }

    .gallery-footer .title {
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        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: "Roboto", 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: 18px;
    margin-right: 10px;
}

.gallery.body-1 .gallery-body {
    position: relative;
}

    .gallery.body-1 .gallery-body:before {
        display: none;
    }

    .gallery.body-1 .gallery-body .title {
        color: #49525b;
    }

.gallery.body-1 .gallery-cover {
    background: black;
}

    .gallery.body-1 .gallery-cover img {
        opacity: .85;
    }

.gallery.color-1 .gallery-body .icon {
    color: #1553a4;
}

.gallery-cover {
    height: 180px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 5px 7px 15px rgba(73, 82, 91, 0.15);
    box-shadow: 5px 7px 15px rgba(73, 82, 91, 0.15);
}

    .gallery-cover 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);
    }

@media (min-width: 1750px) {
    .gallery-cover {
        height: 210px;
    }
}

.gallery-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    padding: 25px 30px 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
    border-radius: 10px;
    z-index: 1;
}

    .gallery-body:before {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        content: "";
        background: linear-gradient(35deg, black 0%, rgba(0, 0, 0, 0) 100%);
        opacity: .9;
        z-index: -1;
        -webkit-transition: .3s;
        transition: .3s;
    }

.gallery-body__footer {
    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;
    font-family: "Roboto", sans-serif;
}

    .gallery-body__footer.v-icon .icon {
        display: block;
    }

    .gallery-body__footer .icon {
        color: #fff;
        font-size: 24px;
        display: none;
        margin-right: 10px;
    }

    .gallery-body__footer .title {
        font-size: 13px;
        font-weight: 800;
        color: #fff;
        text-transform: uppercase;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 0;
        line-height: 1.55;
        padding-right: 30px;
    }

    .gallery-body__footer .info {
        font-size: 11px;
        color: rgba(255, 255, 255, 0.8);
        margin-top: 3px;
    }

.logos-card a {
    border: 2px solid rgba(73, 82, 91, 0.15);
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

    .logos-card a:hover {
        border: 2px solid #1553a4;
    }

        .logos-card a:hover .logos-photo {
            border-bottom: 1px solid rgba(85, 178, 80, 0.3);
        }

            .logos-card a:hover .logos-photo img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
                opacity: 1;
            }

.logos-photo {
    height: 80px;
    padding: 20px;
    overflow: hidden;
    border-bottom: 1px solid rgba(73, 82, 91, 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: #49525b;
        font-weight: 700;
        line-height: 1.3;
        font-size: 13px;
        overflow: hidden;
        max-height: 32px;
    }

.activities-carousel .swiper-slide.is-current .activities-body:before {
    opacity: .95;
}

.activities-carousel .swiper-slide.is-current .activities-body:after {
    width: 100%;
}

.activities-card a {
    display: block;
    position: relative;
}

    .activities-card a:hover .activities-body:before {
        opacity: .95;
    }

    .activities-card a:hover .activities-body:after {
        width: 100%;
    }

.activities-cover {
    height: 230px;
    overflow: hidden;
    border-radius: 10px;
}

    .activities-cover img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.activities-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 1;
}

    .activities-body:before {
        content: "";
        position: absolute;
        height: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
        background: linear-gradient(transparent, black);
        opacity: .7;
        z-index: -1;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .activities-body:after {
        content: "";
        background: #1553a4;
        height: 3px;
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 0;
        margin: 0 auto;
        -webkit-transition: width .4s ease 0s;
        transition: width .4s ease 0s;
    }

    .activities-body > div {
        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-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 20px 10px 20px;
    }

        .activities-body > div > .icon {
            color: #fff;
            font-size: 20px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 7px;
        }

    .activities-body .title {
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        overflow: hidden;
        max-height: 67px;
        line-height: 1.4;
    }

    .activities-body .date {
        color: #fff;
        font-size: 12px;
        font-family: "Roboto", sans-serif;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: .7;
        margin-top: 5px;
    }

        .activities-body .date .icon {
            margin-right: 10px;
            font-size: 16px;
        }

@media (max-width: 479px) {
    .personnel ul li:not(.item) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.personnel ul li:not(.item) a {
    display: block;
    position: relative;
}

    .personnel ul li:not(.item) a:hover .personnel-photo {
        background: #1553a4;
    }

.personnel.list-5 ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 479px) {
    .personnel.list-5 ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .personnel.list-5 ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .personnel.list-5 ul li {
        -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) {
    .personnel.list-5 ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.personnel.small .personnel-photo {
    height: 175px;
}

.personnel.small .personnel-footer .title {
    font-size: 14px;
}

.personnel.small .personnel-footer .tag {
    font-size: 12px;
}

.personnel-photo {
    height: 250px;
    -webkit-box-shadow: 5px 7px 15px rgba(73, 82, 91, 0.15);
    box-shadow: 5px 7px 15px rgba(73, 82, 91, 0.15);
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    padding: 6px;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 479px) {
    .personnel-photo {
        height: 175px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel-photo {
        height: 175px;
    }
}

.personnel-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px;
}

.personnel-footer {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .personnel-footer .title {
        color: #49525b;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.3;
    }

    .personnel-footer .tag {
        color: rgba(73, 82, 91, 0.6);
        font-size: 13px;
        font-weight: 700;
        line-height: 1.1;
        margin-top: 5px;
    }

.personnel .item {
    margin-bottom: 30px;
}

    .personnel .item > div {
        border: 1px solid rgba(0, 0, 0, 0.08);
        padding: 10px;
        border-radius: 10px;
    }

    .personnel .item .photo {
        height: 175px;
        overflow: hidden;
        border-radius: 7px;
        background: #eff2f7;
    }

@media (max-width: 479px) {
    .personnel .item .photo {
        height: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel .item .photo {
        height: 145px;
    }
}

.personnel .item .photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.personnel .item .description {
    padding-left: 30px;
    height: 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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width: 479px) {
    .personnel .item .description {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel .item .description {
        padding-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.personnel .item .description .heading .title {
    color: #49525b;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel .item .description .heading .title {
        font-size: 16px;
    }
}

.personnel .item .description .heading .tag {
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
    color: rgba(73, 82, 91, 0.5);
    margin-top: 2px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel .item .description .heading .tag {
        font-size: 12px;
    }
}

@media (max-width: 479px) {
    .personnel .item .description .info {
        margin-top: 20px;
    }
}

.personnel .item .description .info a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #49525b;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

    .personnel .item .description .info a:not(:last-child) {
        margin-bottom: 8px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel .item .description .info a {
        font-size: 12px;
    }
}

.personnel .item .description .info a .icon {
    color: #1553a4;
    width: 20px;
    font-size: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .personnel .item .description .info a .icon {
        font-size: 14px;
        width: 15px;
        margin-right: 5px;
    }
}

.cards.list .card {
    margin-bottom: 30px;
}

.cards.list-large .card {
    margin-bottom: 30px;
}

.cards.no-sub .cards-footer {
    height: 160px;
}

.cards.list-2 ul li.more {
    margin-top: 50px;
}

.cards.list-2 .cards-header .tag {
    top: 10px;
}

.cards.list-2 .cards-photo {
    height: 180px;
    border-radius: 10px;
}

@media (min-width: 1750px) {
    .cards.list-2 .cards-photo {
        height: 190px;
    }
}

.cards.list-2 .cards-footer {
    height: 200px;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
}

    .cards.list-2 .cards-footer .sub {
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        border-top: 0 none;
    }

@media (max-width: 479px) {
    .cards.list-icon ul {
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media (max-width: 479px) {
    .cards.list-icon ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 479px) {
    .cards.list-icon .cards-footer {
        padding: 20px 25px 0 25px;
        height: 100px;
    }
}

@media (max-width: 479px) {
    .cards.list-icon .cards-footer .title {
        max-height: 56px;
        font-size: 14px;
    }
}

@media (max-width: 479px) {
    .cards.list-icon .cards-footer .text {
        display: none;
    }
}

.cards 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;
}

    .cards 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: 50px;
        width: 300px;
        text-transform: uppercase;
        color: #999;
        font-size: 14px;
        font-weight: 900;
        letter-spacing: .3px;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .cards ul li.more a:hover {
            color: #666;
        }

    .cards ul li.more .icon {
        margin-right: 12px;
        font-size: 18px;
    }

.cards .card a {
    display: block;
    position: relative;
}

    .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-cover img {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15);
    }

    .cards .card a:hover .cards-figure {
        background: #1553a4;
    }

        .cards .card a:hover .cards-figure .icon {
            color: #fff;
        }

.cards-header {
    position: relative;
}

    .cards-header .tag {
        position: absolute;
        top: 7px;
        right: 0;
        background: #1553a4;
        min-width: 70px;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 7px 0 0 7px;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
    }

@media (min-width: 390px) and (max-width: 479px) {
    .cards-header .tag {
        font-size: 11px;
    }
}

.cards-figure {
    height: 150px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background: rgba(85, 178, 80, 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;
}

@media (max-width: 479px) {
    .cards-figure {
        height: 115px;
    }
}

@media (min-width: 1750px) {
    .cards-figure {
        height: 175px;
    }
}

.cards-figure .icon {
    color: #1553a4;
    font-size: 60px;
}

@media (max-width: 479px) {
    .cards-figure .icon {
        font-size: 42px;
    }
}

.cards-photo {
    height: 150px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

@media (min-width: 1750px) {
    .cards-photo {
        height: 175px;
    }
}

.cards-photo img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -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 {
    background: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 10px 10px;
    padding: 20px 30px 0 30px;
    height: 205px;
    font-family: "Roboto", sans-serif;
}

    .cards-footer .title, .cards-footer .text {
        overflow: hidden;
    }

    .cards-footer .title {
        color: #1553a4;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.4;
        max-height: 43px;
    }

    .cards-footer > .text {
        font-size: 13px;
        color: #666;
        max-height: 60px;
        margin-top: 10px;
    }

    .cards-footer .sub {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 45px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 30px;
        padding-right: 30px;
        border-top: 1px solid rgba(73, 82, 91, 0.1);
    }

        .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;
            color: #999;
            font-size: 12px;
        }

            .cards-footer .sub .date .icon {
                margin-right: 8px;
                font-size: 13px;
            }

            .cards-footer .sub .date .text {
                padding-top: 2px;
            }

.cards-cover {
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
}

@media (min-width: 390px) and (max-width: 479px) {
    .cards-cover {
        height: 150px !important;
    }
}

.cards-cover.large {
    height: 380px;
}

@media (min-width: 1750px) {
    .cards-cover.large {
        height: 420px;
    }
}

.cards-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);
}

.cards-body {
    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));
    height: 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;
    padding: 20px;
    overflow: hidden;
    border-radius: 10px;
}

@media (min-width: 390px) and (max-width: 479px) {
    .cards-body {
        padding: 15px;
    }
}

.cards-body.large {
    padding: 50px 55px;
}

    .cards-body.large .title {
        font-size: 24px;
        max-height: 61px;
    }

    .cards-body.large .tag {
        top: 20px;
        padding-top: 7px;
        padding-bottom: 7px;
        min-width: 100px;
        font-size: 14px;
        font-weight: 700;
    }

.cards-body .title {
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.5px;
    font-weight: 800;
    overflow: hidden;
    max-height: 47px;
    line-height: 1.3;
}

@media (min-width: 390px) and (max-width: 479px) {
    .cards-body .title {
        font-size: 16px;
        max-height: 41px;
    }
}

.cards-body .date {
    font-style: italic;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    margin-top: 2px;
}

@media (min-width: 390px) and (max-width: 479px) {
    .cards-body .date {
        font-size: 12px;
    }
}

.cards-body .tag {
    position: absolute;
    top: 7px;
    right: 0;
    background: #1553a4;
    min-width: 70px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 7px 0 0 7px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

@media (min-width: 390px) and (max-width: 479px) {
    .cards-body .tag {
        font-size: 11px;
    }
}

.icons ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .icons ul li {
        margin-bottom: 20px;
    }

.icons.column-5 ul li {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.icons.list-1 .icons-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .icons.list-1 .icons-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .icons.list-1 .icons-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.icons.list-small .icons-card a {
    padding-left: 20px;
    padding-right: 0;
    height: 85px;
}

.icons.list-small .icons-card .icon {
    font-size: 28px;
}

.icons.list-small .icons-card .description {
    padding-left: 15px;
}

    .icons.list-small .icons-card .description .title {
        font-size: 14px;
        line-height: 1.35;
        letter-spacing: .1px;
    }

.icons.list-reports .icons-card a {
    padding-left: 10px;
    padding-right: 0;
    height: 70px;
}

.icons.list-reports .icons-card .icon {
    font-size: 28px;
}

.icons.list-reports .icons-card .description {
    padding-left: 5px;
}

    .icons.list-reports .icons-card .description .title {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: .1px;
        max-width: inherit;
    }

.icons.list-border .icons-card a {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.icons.list-border .icons-card .icon {
    color: #fff;
}

.icons.list-border .icons-card .description .title {
    color: #fff;
}

.icons.list-total .icons-card {
    position: relative;
}

    .icons.list-total .icons-card::before {
        content: attr(data-company-total);
        position: absolute;
        top: 10px;
        right: 20px;
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #999;
    }

.icons-card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1e3a93;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 13px;
    height: 100px;
    padding-left: 27px;
    padding-right: 30px;
    -webkit-transition: .3s;
    transition: .3s;
}

.icons-card:hover a {
    background: #eee !important;
    border: 1px solid transparent !important;
}

    .icons-card:hover a .icon {
        color: #1e3a93 !important;
    }

    .icons-card:hover a .title {
        color: #1e3a93 !important;
    }

.icons-card:hover::before {
    color: #1e3a93 !important;
}

.icons-card .icon {
    color: #fff;
    font-size: 32px;
    width: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.icons-card .description {
    padding-left: 20px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .icons-card .description .title {
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        font-family: "Roboto", sans-serif;
        font-weight: 900;
        line-height: 1.4;
        width: 100%;
    }

.videos.list ul li {
    margin-bottom: 30px;
}

.videos.list-large .videos-header .icon {
    font-size: 36px;
}

.videos.list-large .videos-photo {
    height: 170px;
}

.videos.light .videos-footer .title {
    color: #fff;
}

.videos.light .videos-footer .info .item {
    color: rgba(255, 255, 255, 0.5);
}

.videos-card a {
    display: block;
    position: relative;
}

    .videos-card a:hover .videos-photo img {
        opacity: 1;
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15);
    }

.videos-header {
    position: relative;
}

    .videos-header .icon {
        color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        font-size: 24px;
    }

.videos-photo {
    overflow: hidden;
    height: 120px;
    border-radius: 10px;
    background: black;
}

    .videos-photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: .7;
        -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);
    }

.videos-footer {
    padding-top: 10px;
}

    .videos-footer .title {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 700;
        color: #333;
        margin-bottom: 5px;
        line-height: 1.35;
    }

@media (min-width: 1200px) {
    .videos-footer .title {
        padding-right: 20px;
    }
}

.videos-footer .info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .videos-footer .info .item {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-family: "Roboto", sans-serif;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #999;
        margin-top: 4px;
    }

        .videos-footer .info .item:not(:last-child) {
            margin-right: 15px;
        }

        .videos-footer .info .item .icon {
            font-size: 13px;
            margin-right: 7px;
        }

        .videos-footer .info .item .label {
            line-height: 1.3;
        }

            .videos-footer .info .item .label .heading {
                font-size: 11px;
                font-weight: 700;
            }

            .videos-footer .info .item .label .text {
                font-size: 12px;
            }

.facilities.list > ul > li {
    margin-bottom: 30px;
}

@media (max-width: 479px) {
    .facilities.v-tourism .facilities-body {
        padding: 35px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .facilities.v-tourism .facilities-body {
        padding: 40px 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .facilities.v-tourism .facilities-body {
        padding: 35px;
    }
}

.facilities.v-tourism .facilities-body .title {
    max-width: 350px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .facilities.v-tourism .facilities-body .title {
        font-size: 32px;
    }
}

.facilities.v-tourism .facilities-body .button {
    position: absolute;
    right: 25px;
    bottom: 25px;
}

.facilities.v-tourism .facilities-cover {
    background: black;
}

@media (max-width: 479px) {
    .facilities.v-tourism .facilities-cover {
        height: 320px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .facilities.v-tourism .facilities-cover {
        height: 320px;
    }
}

.facilities.v-tourism .facilities-cover img {
    opacity: .7;
}

.facilities.v-activity .facilities-cover {
    height: 275px;
}

.facilities.v-activity .facilities-body {
    padding: 40px 50px;
}

    .facilities.v-activity .facilities-body .title {
        font-size: 32px;
        letter-spacing: -0.3px;
    }

.facilities-card > a, .facilities-card > div {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 17px;
}

    .facilities-card > a:hover .facilities-cover img, .facilities-card > div:hover .facilities-cover img {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15);
    }

.facilities-cover {
    height: 370px;
    overflow: hidden;
}

    .facilities-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);
    }

.facilities-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 45px 60px;
    z-index: 1;
}

@media (max-width: 479px) {
    .facilities-body {
        padding: 35px 50px;
    }
}

.facilities-body:before {
    content: "";
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(70%, black));
    background: linear-gradient(to left, transparent, black 70%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .7;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: -1;
}

.facilities-body > .icon {
    color: #1553a4;
    font-size: 42px;
}

.facilities-body .title {
    color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    font-family: "Roboto", sans-serif;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.7px;
    max-width: 250px;
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .facilities-body .title {
        font-size: 28px;
        letter-spacing: -0.5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .facilities-body .title {
        font-size: 28px;
        letter-spacing: -0.5px;
    }
}

@media (max-width: 479px) {
    .facilities-body .title {
        font-size: 32px;
        letter-spacing: -0.5px;
    }
}

.facilities-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

@media (max-width: 479px) {
    .facilities-list ul {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .facilities-list ul {
        display: none;
    }
}

.facilities-list ul:hover li {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.facilities-list ul li {
    display: block;
    margin-right: 25px;
    margin-bottom: 8px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .facilities-list ul li:hover {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .facilities-list ul li a {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        display: block;
        position: relative;
        padding-left: 15px;
        line-height: 1.3;
    }

@media (min-width: 480px) and (max-width: 767px) {
    .facilities-list ul li a {
        font-size: 13px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .facilities-list ul li a {
        font-size: 13px;
    }
}

.facilities-list ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
}

.announcements.column-6 ul li {
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding-left: 10px;
    padding-right: 10px;
}

.announcements-card a {
    display: block;
    position: relative;
}

.announcements-content {
    height: 210px;
    padding: 20px 25px;
    border-radius: 10px;
    background: #e7edf6;
    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-transition: .3s;
    transition: .3s;
}

    .announcements-content .icon {
        color: #1553a4;
        font-size: 48px;
    }

    .announcements-content:hover {
        background: #1553a4;
        color: #fff;
    }

        .announcements-content:hover .icon {
            color: rgba(255, 255, 255, 0.5);
        }

        .announcements-content:hover .announcements-footer .title {
            color: #fff;
        }

.announcements-footer .title {
    color: #666;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    overflow: hidden;
    max-height: 84px;
}

@media (min-width: 1200px) {
    .books.grid-5 > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.books.grid-5 .book-photo {
    height: 235px;
}

.books.list > ul > li {
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 479px) {
    .books.list > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .books.list > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .books.list > ul > li {
        -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) {
    .books.list > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.book-card > a {
    display: block;
    position: relative;
}

    .book-card > a:hover .book-photo {
        -webkit-box-shadow: 0 0 25px rgba(73, 82, 91, 0.3);
        box-shadow: 0 0 25px rgba(73, 82, 91, 0.3);
    }

.book-content {
    display: block;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgba(73, 82, 91, 0.15);
    box-shadow: 0 0 20px rgba(73, 82, 91, 0.15);
    padding: 6px;
    border-radius: 13px;
    height: 426px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .book-content:hover {
        -webkit-box-shadow: 0 0 25px rgba(73, 82, 91, 0.3);
        box-shadow: 0 0 25px rgba(73, 82, 91, 0.3);
    }

    .book-content .book-photo {
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        border-radius: 10px;
    }

.book-photo {
    height: 305px;
    overflow: hidden;
    border-radius: 13px;
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 0 0 20px rgba(73, 82, 91, 0.15);
    box-shadow: 0 0 20px rgba(73, 82, 91, 0.15);
    -webkit-transition: .3s;
    transition: .3s;
}

    .book-photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 7px;
    }

.book-footer {
    text-align: center;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

    .book-footer .title {
        font-family: "Roboto", sans-serif;
        color: #49525b;
        font-size: 13px;
        line-height: 1.4;
        max-height: 36px;
        overflow: hidden;
    }

.book-footer__action {
    position: absolute;
    right: 6px;
    bottom: 6px;
    left: 6px;
}

    .book-footer__action .row > div:first-child .item {
        border-radius: 7px 0 0 7px;
    }

    .book-footer__action .row > div:last-child .item {
        border-radius: 0 7px 7px 0;
    }

    .book-footer__action .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 45px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #49525b;
        font-size: 13px;
        font-family: "Roboto", sans-serif;
        background: #eff2f7;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .book-footer__action .item .icon {
            margin-right: 10px;
        }

        .book-footer__action .item:hover {
            background: #49525b;
            color: #fff;
        }

.apps.list ul li {
    margin-bottom: 40px;
}

.app-card .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;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 25px;
    border-radius: 13px;
    height: 100%;
}

.app-card__photo {
    width: 175px;
    height: 175px;
    overflow: hidden;
    border-radius: 13px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 10px;
}

@media (max-width: 479px) {
    .app-card__photo {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .app-card__photo {
        width: 110px;
        height: 110px;
    }
}

.app-card__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 13px;
}

.app-card__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 175px);
    flex: 0 0 calc(100% - 175px);
    max-width: calc(100% - 175px);
    padding-left: 25px;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 479px) {
    .app-card__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 25px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .app-card__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 110px);
        flex: 0 0 calc(100% - 110px);
        max-width: calc(100% - 110px);
        padding-left: 20px;
    }
}

.app-card__content .title {
    color: #49525b;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
}

.app-card__content .text {
    font-size: 12px;
    margin-top: 10px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .app-card__content .text {
        display: none;
    }
}

.app-card__content .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 30px;
    background: #eff2f7;
    color: #49525b;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (min-width: 480px) and (max-width: 767px) {
    .app-card__content .btn {
        font-size: 11px;
    }
}

.app-card__content .btn:hover {
    background: #49525b;
    color: #fff;
}

.app-card__content .btn:not(:last-child) {
    margin-right: 10px;
}

.app-card__content .btn .icon {
    font-size: 13px;
    margin-right: 6px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .app-card__content .btn .icon {
        font-size: 11px;
    }
}

.buildings.ui-gap-1 ul li {
    margin-bottom: 50px;
}

.buildings .swiper-slide {
    margin-top: 25px;
}

.buildings .building-card {
    background: #fff;
    padding-top: 15px;
    padding-inline: 15px;
    position: relative;
    border-radius: 13px;
    height: 425px;
}

@media (min-width: 1750px) {
    .buildings .building-card {
        height: 450px;
    }
}

.buildings .building-card:hover .building-photo img {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

.buildings.ui-list-border .building-card {
    border: 1px solid rgba(0, 0, 0, 0.08);
}

@media (max-width: 479px) {
    .buildings.ui-list ul {
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media (max-width: 479px) {
    .buildings.ui-list ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 479px) {
    .buildings.ui-list .building-card {
        border-radius: 13px;
        height: 70vw;
        max-height: 285px;
        padding-inline: 10px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .buildings.ui-list .building-card {
        height: 70vw;
        max-height: 370px;
    }
}

@media (max-width: 479px) {
    .buildings.ui-list .building-photo a {
        height: 27vw;
        max-height: 105px;
        border-radius: 13px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .buildings.ui-list .building-photo a {
        height: 30vw;
        max-height: 180px;
    }
}

@media (max-width: 767px) {
    .buildings.ui-list .building-content {
        padding-inline: 0;
        padding-top: 10px;
    }
}

@media (max-width: 479px) {
    .buildings.ui-list .building-content .title {
        font-size: 12px;
    }
}

@media (max-width: 479px) {
    .buildings.ui-list .building-content .text {
        font-size: 11px;
        margin-top: 5px;
        max-height: 35px;
    }
}

@media (max-width: 767px) {
    .buildings.ui-list .building-content .text {
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 479px) {
    .buildings.ui-list .building-action {
        right: 10px;
        bottom: 10px;
        left: 10px;
    }
}

@media (max-width: 479px) {
    .buildings.ui-list .building-action .btn {
        font-size: 11px;
    }
}

.building-header {
    position: relative;
}

    .building-header .icon {
        position: absolute;
        top: -10px;
        right: 10px;
        z-index: 1;
        width: 40px;
        height: 40px;
        background-color: rgba(85, 178, 80, 0.8);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 13px;
        color: #fff;
        font-size: 20px;
    }

@media (min-width: 480px) {
    .building-photo:not([class*="ui-height-"]) a {
        height: 180px;
    }
}

@media (max-width: 479px) {
    .building-photo:not([class*="ui-height-"]) a {
        height: 53vw;
        max-height: 210px;
    }
}

@media (min-width: 480px) {
    .building-photo.ui-height-1 a {
        height: 165px;
    }
}

@media (max-width: 479px) {
    .building-photo.ui-height-1 a {
        height: 53vw;
        max-height: 210px;
    }
}

.building-photo a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 13px;
}

.building-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);
}

.building-content {
    text-align: center;
    padding-inline: 10px;
    padding-top: 20px;
}

    .building-content .title, .building-content .text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .building-content .title {
        font-size: 14px;
        letter-spacing: -0.3px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 1.5;
        -webkit-line-clamp: 2;
    }

        .building-content .title a {
            color: #333;
            -webkit-transition: .3s;
            transition: .3s;
        }

            .building-content .title a:hover {
                color: #1553a4;
            }

    .building-content .text {
        font-size: 13px;
        margin-top: 10px;
        color: #666;
        font-family: "Roboto", sans-serif;
        line-height: 1.5;
        -webkit-line-clamp: 3;
        max-height: 65px;
    }

.building-more {
    position: absolute;
    right: 0;
    bottom: 55px;
    left: 0;
    background-color: #eff2f7;
    padding: 5px;
    text-align: center;
}

    .building-more a {
        color: rgba(102, 102, 102, 0.4);
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 900;
        display: block;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .building-more a:hover {
            color: #666;
        }

.building-action {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

    .building-action > .row > div:first-child a {
        border-bottom-left-radius: 13px;
    }

    .building-action > .row > div:last-child a {
        border-bottom-right-radius: 13px;
    }

    .building-action > .row > div:not(:last-child) a {
        border-right: 1px solid rgba(0, 0, 0, 0.06);
    }

    .building-action .btn {
        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;
        padding-left: 20px;
        padding-right: 20px;
        color: #999;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .building-action .btn:hover {
            background-color: #1553a4;
            color: #fff;
        }

        .building-action .btn .icon {
            font-size: 16px;
            opacity: .3;
            margin-right: 10px;
        }

        .building-action .btn .text {
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
        }

.header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    height: 140px;
    border-top: 5px solid #bf1c2b;
}

    .header.is-active {
        z-index: 1005;
    }

.header-mobile__buttons {
    display: none;
    position: absolute;
    top: 50%;
    right: 10px;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1199px) {
    .header-mobile__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.header-mobile__buttons > div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.header-mobile__buttons button, .header-mobile__buttons a {
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .header-mobile__buttons button:not(:last-child), .header-mobile__buttons a:not(:last-child) {
        margin-right: 10px;
    }

    .header-mobile__buttons button .icon:not(.not), .header-mobile__buttons a .icon:not(.not) {
        font-size: 24px;
    }

        .header-mobile__buttons button .icon:not(.not) svg, .header-mobile__buttons a .icon:not(.not) svg {
            fill: #fff;
        }

    .header-mobile__buttons button .text, .header-mobile__buttons a .text {
        font-size: 14px;
        font-weight: 600;
        margin-left: 5px;
    }

    .header-mobile__buttons button.btn-sim .icon svg, .header-mobile__buttons a.btn-sim .icon svg {
        font-size: 42px;
    }

.header-support {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 99px;
    padding: 6px 15px 6px 8px;
    color: #fff;
    line-height: 1;
    margin-left: 12px;
}

    .header-support .icon {
        font-size: 24px;
    }

    .header-support .desc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 10px;
        text-align: center;
    }

        .header-support .desc .title {
            text-transform: uppercase;
            font-size: 9px;
            font-weight: 700;
        }

        .header-support .desc .text {
            font-family: "Roboto", sans-serif;
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            margin-top: 3px;
            display: block;
        }

.header-top {
    height: 70px;
}

    .header-top .header-container > div {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.header-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1199px) {
    .header-container {
        position: relative;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-container {
        max-width: 768px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .header-container {
        max-width: 600px;
    }
}

@media (max-width: 479px) {
    .header-container {
        max-width: 390px;
    }
}

.header-bottom {
    height: 70px;
}

@media (max-width: 767px) {
    .header-bottom {
        height: 80px;
    }
}

.header-logo {
    padding-top: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

@media (max-width: 767px) {
    .header-logo {
        padding-top: 15px;
    }
}

.header-logo:before {
    content: "";
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background: linear-gradient(180deg, rgb(255 255 255 / 15%) 0%, rgb(255 255 255 / 15%) 20%, rgba(221, 190, 109, 0) 100%);
    width: 250px;
    height: 180px;
    top: 0;
    left: -68%;
    margin-left: -12px;
    pointer-events: none;
}

@media (max-width: 767px) {
    .header-logo:before {
        width: 224px;
        height: 160px;
        display: none;
    }
}

.header-logo h1 {
    font-size: 0;
    margin: 0;
}

.header-logo a {
    display: block;
    position: relative;
}

.header-logo img {
    width: 170px;
}

@media (max-width: 767px) {
    .header-logo img {
        width: 150px;
    }
}

.header-contact a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    height: 40px;
    color: #fff;
}

    .header-contact a .icon {
        height: 100%;
        width: 55px;
        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;
        font-size: 20px;
        margin-left: 10px;
    }

    .header-contact a .description {
        height: 100%;
        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;
        -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;
            font-family: "Roboto", sans-serif;
        }

.header-links {
    margin-left: 30px;
}

    .header-links a {
        font-size: 12px;
        color: #fff;
        font-weight: 700;
        position: relative;
    }

        .header-links a:not(:last-child) {
            margin-right: 20px;
        }

        .header-links a:before {
            content: "";
            background: #fff;
            height: 2px;
            position: absolute;
            right: 0;
            bottom: -2px;
            left: 0;
            width: 0;
            margin: 0 auto;
            -webkit-transition: width .3s;
            transition: width .3s;
        }

        .header-links a:hover:before {
            width: 100%;
        }

.header-language ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .header-language ul:hover li a {
        opacity: .8;
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }

    .header-language ul li {
        margin-left: 6px;
    }

        .header-language ul li a {
            font-size: 12px;
            font-weight: 800;
            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;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            border: 1px solid rgba(255, 255, 255, 0.15);
            -webkit-transition: .3s;
            transition: .3s;
        }

            .header-language ul li a:hover {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

            .header-language ul li a .icon {
                font-size: 14px;
            }

            .header-language ul li a._webtv {
                width: auto;
                padding-left: 15px;
                padding-right: 10px;
                border-radius: 25px;
            }

                .header-language ul li a._webtv img {
                    width: 50px;
                }

.header-buttons._sim {
    margin-left: 5px;
}

    .header-buttons._sim ul {
        padding-top: 0;
    }

        .header-buttons._sim ul li a {
            height: 40px;
        }

            .header-buttons._sim ul li a > .icon svg {
                font-size: 32px;
            }

.header-buttons > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px;
}

    .header-buttons > ul > li {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

        .header-buttons > ul > li.ui-btn-cameras .header-button {
            width: 38px;
            height: 38px;
        }

            .header-buttons > ul > li.ui-btn-cameras .header-button > .icon {
                margin-left: 0;
            }

        .header-buttons > ul > li.ui-btn-cameras .header-buttons__wrapper {
            left: -75px;
            right: -75px;
        }

            .header-buttons > ul > li.ui-btn-cameras .header-buttons__wrapper ul li a {
                padding: 15px 20px;
            }

                .header-buttons > ul > li.ui-btn-cameras .header-buttons__wrapper ul li a .title {
                    padding-left: 0;
                }

        .header-buttons > ul > li:not(:last-child) {
            margin-right: 8px;
        }

        .header-buttons > ul > li:hover .title .icon {
            -webkit-transform: translateX(3px);
            transform: translateX(3px);
        }

        .header-buttons > ul > li:hover .header-buttons__wrapper {
            opacity: 1;
            visibility: visible;
        }

.header-buttons__wrapper {
    position: absolute;
    top: 40px;
    right: -30px;
    left: -30px;
    background: rgba(21, 83, 164, 0.95);
    border-radius: 15px;
    margin-top: 7px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

    .header-buttons__wrapper ul li:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .header-buttons__wrapper ul li:first-child a {
        border-radius: 15px 15px 0 0;
    }

    .header-buttons__wrapper ul li:last-child a {
        border-radius: 0 0 15px 15px;
    }

    .header-buttons__wrapper ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 25px;
        text-transform: uppercase;
        color: #fff;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .header-buttons__wrapper ul li a:hover {
            background: #1553a4;
            color: #fff;
        }

        .header-buttons__wrapper ul li a .icon {
            font-size: 24px;
        }

        .header-buttons__wrapper ul li a .title {
            font-weight: 800;
            font-size: 13px;
            line-height: 1.4;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding-left: 15px;
        }

.header-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px;
    border-radius: 50px;
    height: 43px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    font-family: "Roboto", sans-serif;
}

    .header-button._webtv {
        -webkit-transition: .3s;
        transition: .3s;
        height: 38px;
        margin-right: 7px;
    }

        .header-button._webtv .desc {
            padding-left: 15px;
            padding-right: 5px;
        }

            .header-button._webtv .desc .title img {
                width: 50px;
                -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
            }

        .header-button._webtv:hover .desc .title img {
            -webkit-filter: inherit;
            filter: inherit;
        }

    .header-button._accessibility {
        width: 38px;
        height: 38px;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .header-button._accessibility > .icon {
            margin-top: -2px;
        }

        .header-button._accessibility:hover {
            background: #fff;
        }

            .header-button._accessibility:hover > .icon {
                color: #1553a4;
            }

    .header-button > .icon {
        margin-left: 5px;
        color: #fff;
        width: 38px;
        height: 40px;
        font-size: 16px;
        border-radius: 25px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .header-button > .icon.ui-animate {
            -webkit-animation: iconZoom 1.5s ease-out;
            animation: iconZoom 1.5s ease-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }

        .header-button > .icon svg {
            fill: #fff;
        }

    .header-button .desc {
        text-align: center;
        padding-right: 11px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .header-button .desc._phone .title {
            font-size: 14px;
            letter-spacing: 0;
        }

        .header-button .desc .text {
            font-size: 10px;
            font-weight: 300;
            letter-spacing: .22px;
            text-transform: uppercase;
            margin-bottom: 2px;
            padding-right: 17px;
        }

        .header-button .desc .title {
            font-weight: 600;
            font-size: 12px;
            letter-spacing: .5px;
            text-transform: uppercase;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #fff;
        }

            .header-button .desc .title .icon {
                font-size: 12px;
                margin-left: 7px;
                -webkit-transition: .3s;
                transition: .3s;
                top: 0;
                position: relative;
            }

.header-weather {
    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;
    margin-left: 30px;
}

    .header-weather:hover .icon {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    .header-weather .figure {
        margin-right: 10px;
    }

        .header-weather .figure img {
            width: 36px;
        }

    .header-weather .text {
        font-weight: 900;
        font-size: 24px;
        position: relative;
        font-family: "Roboto", sans-serif;
        margin-top: 2px;
    }

    .header-weather .icon {
        font-size: 13px;
        margin-left: 5px;
        -webkit-transition: .3s;
        transition: .3s;
    }

.header-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    overflow: hidden;
    background: #1553a4;
    z-index: 1005;
    -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-size: cover;
        background-image: url('../img/banner/overlaybg.png');
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        height: 100%;
    }

.header-sticky {
    background: -webkit-gradient(linear, left top, right top, from(#0d3a75), to(#10468d));
    background: linear-gradient(to right, #0d3a75, #10468d);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1004;
    -webkit-box-shadow: 0 0 50px rgba(13, 58, 117, 0.5);
    box-shadow: 0 0 50px rgba(13, 58, 117, 0.5);
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
}

    .header-sticky.is-visible {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .header-sticky .container {
        height: 70px;
        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;
    }

    .header-sticky .btn-bar {
        color: #fff;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-family: inherit;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 30px;
    }

        .header-sticky .btn-bar .icon:not(.not) {
            font-size: 24px;
        }

        .header-sticky .btn-bar .text {
            font-size: 20px;
            font-weight: 900;
            margin-left: 15px;
        }

@media (max-width: 767px) {
    .header-sticky .btn-bar .text {
        display: none;
    }
}

.header-sticky .btn-bar .text span {
    font-weight: 300;
}

.header-sticky .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

    .header-sticky .logo a {
        display: block;
        position: relative;
    }

    .header-sticky .logo img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
        width: 200px;
    }

@media (max-width: 479px) {
    .header-sticky .logo img {
        width: 130px;
    }
}

@media (max-width: 767px) {
    .header-sticky .header-buttons {
        display: none;
    }
}

.header-sticky .header-buttons > ul {
    padding-top: 0;
}

@media (max-width: 479px) {
    .header-sticky .header-weather .figure {
        margin-right: 0;
    }
}

@media (max-width: 479px) {
    .header-sticky .header-weather .text {
        display: none;
    }
}

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.footer {
    margin-top: 50px;
    position: relative;
}

@media (max-width: 767px) {
    .footer {
        margin-bottom: 70px;
    }
}

.footer-siluet {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 767px) {
    .footer-siluet {
        display: none;
    }
}

.footer-siluet img {
    width: 950px;
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
    opacity: .07;
}

.footer-row {
    position: relative;
    z-index: 1;
}

.footer-top {
    background: #1553a4;
    min-height: 444px;
    position: relative;
    padding-bottom: 50px;
}

    .footer-top:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background: #0e4082;
        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;
    text-transform: uppercase;
    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:not(:last-child) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.footer-card ul li a {
    display: block;
    color: #9dafcd;
    font-size: 13px;
    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-buttons {
    margin-top: 50px;
}

@media (max-width: 479px) {
    .footer-buttons .item:not(:last-child) {
        margin-bottom: 10px;
    }
}

.footer-buttons .item a {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 7px;
    -webkit-transition: .3s;
    transition: .3s;
    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;
    height: 60px;
    transition: .3s;
}

    .footer-buttons .item a:hover {
        background: #fff;
    }

        .footer-buttons .item a:hover .icon {
            color: #1553a4;
        }

        .footer-buttons .item a:hover .description .title {
            color: #999;
        }

.footer-buttons .item .icon {
    color: #fff;
    font-size: 24px;
    width: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer-buttons .item .description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
}

    .footer-buttons .item .description .title {
        line-height: 1.4;
        font-size: 12px;
        font-weight: 700;
        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;
    align-items: flex-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: 30px;
}

@media (min-width: 1200px) {
    .footer-contact__numbers {
        padding-left: 40px;
    }
}

@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;
    position: relative;
    text-align: right;
    color: #9dafcd;
    -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: 13px;
    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: "Roboto",sans-serif;
    font-size: 78px;
    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: #9dafcd;
    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 a {
    display: block;
    position: relative;
}

@media (max-width: 991px) {
    .footer-logo a {
        display: none;
    }
}

.footer-logo img {
    width: 200px;
}

.footer-bottom {
    background: #134a92;
    padding-top: 25px;
    padding-bottom: 25px;
}

    .footer-bottom .container {
        position: relative;
        z-index: 1;
    }

@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: #9dafcd;
    opacity: .5;
}

.footer-tab {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1006;
    display: none;
}

@media (max-width: 767px) {
    .footer-tab {
        display: block;
    }
}

.footer-tab__nav {
    position: relative;
    z-index: 10;
}

    .footer-tab__nav:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: center center;
        height: 70px;
        background-size: cover;
        background-image: url("../../assets/img/footer-nav-bg.png");
    }

    .footer-tab__nav ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
    }

        .footer-tab__nav ul li:not(.nav-search).is-current a .icon {
            color: #1553a4;
        }

        .footer-tab__nav ul li:not(.nav-search).is-current a .text {
            color: rgba(85, 178, 80, 0.6);
        }

        .footer-tab__nav ul li:not(.nav-search) 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;
            padding-top: 10px;
            height: 70px;
        }

            .footer-tab__nav ul li:not(.nav-search) a .icon {
                color: #49525b;
                font-size: 24px;
            }

            .footer-tab__nav ul li:not(.nav-search) a .text {
                font-size: 11px;
                color: rgba(73, 82, 91, 0.6);
                font-family: "Roboto", sans-serif;
                margin-top: 3px;
            }

        .footer-tab__nav ul li.nav-search.is-current .btn .icon {
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
        }

        .footer-tab__nav ul li.nav-search .btn {
            position: absolute;
            left: 50%;
            bottom: 11px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

            .footer-tab__nav ul li.nav-search .btn .icon {
                width: 72px;
                height: 72px;
                background: #1553a4;
                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: 24px;
                border: 5px solid #f7f7f7;
                -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
                -webkit-transition: .4s;
                transition: .4s;
            }

.footer-tab__container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

    .footer-tab__container.is-visible {
        opacity: 1;
        visibility: visible;
    }

.footer-tab__content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 80%;
    background: #fff;
    border-radius: 13px 13px 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    will-change: transform;
    -webkit-transition: .4s;
    transition: .4s;
}

    .footer-tab__content.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .footer-tab__content:before {
        content: "";
        position: absolute;
        top: -12px;
        right: 0;
        left: 0;
        height: 4px;
        width: 40px;
        margin: 0 auto;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 7px;
    }

    .footer-tab__content._search {
        height: 95%;
    }

.footer-tab__content-header {
    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;
    padding-left: 20px;
    padding-right: 20px;
    height: 80px;
}

    .footer-tab__content-header .heading {
        color: #49525b;
        font-size: 16px;
        font-weight: 900;
    }

        .footer-tab__content-header .heading span {
            font-weight: 300;
        }

    .footer-tab__content-header .close {
        color: #49525b;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

        .footer-tab__content-header .close .icon {
            font-size: 28px;
        }

.footer-tab__content-search {
    padding-left: 20px;
    padding-right: 20px;
}

    .footer-tab__content-search form {
        position: relative;
        width: 100%;
    }

        .footer-tab__content-search form input {
            width: 100%;
            border: 1px solid rgba(73, 82, 91, 0.08);
            -webkit-box-shadow: 1px 2px 3px rgba(73, 82, 91, 0.1);
            box-shadow: 1px 2px 3px rgba(73, 82, 91, 0.1);
            border-radius: 7px;
            height: 55px;
            font-family: inherit;
            padding-left: 20px;
            padding-right: 50px;
            font-size: 13px;
            font-weight: 600;
        }

        .footer-tab__content-search form .icon {
            color: #1553a4;
            font-style: 20px;
            position: absolute;
            top: 50%;
            right: 20px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.footer-tab__content-wrapper {
    height: calc( 100% - ( 70px + 80px ));
    overflow-y: auto;
    padding-top: 13px;
}

    .footer-tab__content-wrapper._search {
        height: calc( 100% - ( 70px + 80px + 55px ));
    }

        .footer-tab__content-wrapper._search > div {
            margin-top: 15px;
        }

.footer-tab__content-list.no-photo .content {
    padding-left: 0;
}

.footer-tab__content-list ul li {
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid rgba(73, 82, 91, 0.08);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .footer-tab__content-list ul li:last-child {
        border-bottom: 0 none;
    }

    .footer-tab__content-list ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

.footer-tab__content-list .photo {
    width: 110px;
    height: 80px;
    border-radius: 10px;
    padding: 5px;
    -webkit-box-shadow: 0 0 15px rgba(73, 82, 91, 0.25);
    box-shadow: 0 0 15px rgba(73, 82, 91, 0.25);
}

    .footer-tab__content-list .photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 7px;
    }

.footer-tab__content-list .figure {
    width: 110px;
    height: 80px;
    border-radius: 10px;
    background: #eff2f7;
    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;
}

    .footer-tab__content-list .figure .icon {
        color: #49525b;
        font-size: 42px;
    }

.footer-tab__content-list .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    padding-right: 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;
    position: relative;
}

    .footer-tab__content-list .content .tag {
        font-weight: 600;
        font-style: italic;
        color: rgba(73, 82, 91, 0.9);
        font-size: 11px;
    }

    .footer-tab__content-list .content .title {
        color: #49525b;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.3;
        overflow: hidden;
        max-height: 37px;
    }

    .footer-tab__content-list .content .date {
        color: rgba(73, 82, 91, 0.6);
        line-height: 1.5;
        font-size: 12px;
        font-weight: 300;
        margin-top: 7px;
        font-family: "Roboto", sans-serif;
    }

        .footer-tab__content-list .content .date .icon {
            font-size: 12px;
            margin-right: 3px;
        }

    .footer-tab__content-list .content > .icon {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #49525b;
        opacity: .2;
    }

.footer-tab__content-buttons {
    padding-left: 20px;
    padding-right: 20px;
}

    .footer-tab__content-buttons ul {
        margin-left: -5px;
        margin-right: -5px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .footer-tab__content-buttons ul li {
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 10px;
        }

@media (max-width: 479px) {
    .footer-tab__content-buttons ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .footer-tab__content-buttons ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .footer-tab__content-buttons ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.footer-tab__content-buttons ul li a {
    border: 1px solid rgba(73, 82, 91, 0.08);
    -webkit-box-shadow: 1px 2px 3px rgba(73, 82, 91, 0.1);
    box-shadow: 1px 2px 3px rgba(73, 82, 91, 0.1);
    border-radius: 7px;
    height: 90px;
    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;
    padding-left: 10px;
    padding-right: 10px;
}

.footer-tab__content-buttons .icon {
    color: #1553a4;
    font-size: 24px;
}

.footer-tab__content-buttons .title {
    font-size: 11px;
    color: #333;
    margin-top: 8px;
    line-height: 1.3;
}

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.hero {
    position: relative;
}

    .hero:before, .hero:after {
        content: "";
        position: absolute;
        height: 450px;
    }

@media (max-width: 479px) {
    .hero:before, .hero:after {
        height: 150px;
    }
}

.hero:before {
    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);
    z-index: 3;
}

.hero:after {
    right: 0;
    bottom: 0;
    left: 0;
    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));
    z-index: 1;
}

.hero-mouse {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 0;
    z-index: 2;
    text-align: center;
}

@media (max-width: 767px) {
    .hero-mouse {
        display: none;
    }
}

.hero-mouse .btn {
    text-align: center;
}

    .hero-mouse .btn .icon {
        font-size: 28px;
        color: #fff;
        -webkit-animation: swingIcon ease-in-out 1s infinite alternate;
        animation: swingIcon ease-in-out 1s infinite alternate;
    }

.hero-wrapper {
    position: absolute;
    right: 0;
    bottom: 53px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 767px) {
    .hero-wrapper {
        left: 10px;
        right: 10px;
        display: none;
    }
}

.hero-wrapper.is-active {
    opacity: 1;
    visibility: visible;
}

.hero-outer {
    position: relative;
    z-index: 1003;
}

.hero-link {
    margin-top: 35px;
    text-align: center;
}

    .hero-link a {
        color: #fff;
        font-size: 16px;
        display: inline-block;
        font-weight: 600;
        font-style: italic;
        position: relative;
    }

        .hero-link a:before {
            content: "";
            position: absolute;
            right: 0;
            bottom: -2px;
            left: 0;
            background: #fff;
            height: 1px;
            width: 0;
            margin: 0 auto;
            -webkit-transition: width .3s;
            transition: width .3s;
        }

        .hero-link a:hover:before {
            width: 100%;
        }

.hero-close {
    background: rgba(21, 83, 164, 0.87);
    position: absolute;
    top: -35px;
    left: 50%;
    height: 35px;
    width: 70px;
    border-radius: 70px 70px 0 0;
    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-top: 5px;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

    .hero-close .icon {
        color: #fff;
        font-size: 24px;
    }

    .hero-close.is-active {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }

.hero-nav {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-nav {
        max-width: 992px;
    }
}

.hero-nav ul {
    margin-left: -6px;
    margin-right: -6px;
}

@media (max-width: 991px) {
    .hero-nav ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.hero-nav ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    padding-left: 6px;
    padding-right: 6px;
}

    .hero-nav ul li.is-current > a, .hero-nav ul li:hover > a {
        background: rgba(85, 178, 80, 0.95);
    }

        .hero-nav ul li.is-current > a:after {
            opacity: 1;
        }

    .hero-nav ul li:hover .hero-close {
        background: rgba(85, 178, 80, 0.95);
    }

@media (max-width: 991px) {
    .hero-nav ul li:not(:nth-child(3)) {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-nav ul li:nth-last-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .hero-nav ul li:nth-last-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 479px) {
    .hero-nav ul li:nth-last-child(3) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}

.hero-nav ul li a {
    background: rgba(21, 83, 164, 0.87);
    height: 75px;
    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-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
    line-height: 1.3;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 479px) {
    .hero-nav ul li a {
        font-size: 14px;
        line-height: 1.3;
        height: 60px;
    }
}

.hero-nav ul li a span {
    font-weight: 800;
}

.hero-nav ul li a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 75px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    border-color: rgba(85, 178, 80, 0.95) transparent transparent;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 15px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 479px) {
    .hero-nav ul li a:after {
        top: 60px;
    }
}

.hero-container {
    height: 0;
    margin-top: 25px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: .4s;
    transition: .4s;
}

    .hero-container.is-bg {
        background: none !important;
    }

.hero-search {
    height: 155px;
    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;
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
   
@media (max-width: 767px) {
    .hero-search {
        padding: 15px;
        height: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hero-search {
        max-width: 970px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-search {
        max-width: 750px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .hero-search {
        max-width: 585px;
    }
}

@media (max-width: 479px) {
    .hero-search {
        max-width: 375px;
    }
}

.hero-search__close {
    background: #fff;
    position: absolute;
    z-index: -2;
    top: -35px;
    left: 50%;
    height: 35px;
    width: 70px;
    border-radius: 70px 70px 0 0;
    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-top: 5px;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 767px) {
    .hero-search__close {
        background: rgba(85, 178, 80, 0.95);
    }
}

@media (max-width: 479px) {
    .hero-search__close {
        top: -40px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .hero-search__close {
        top: -75px;
    }
}

.hero-search__close .icon {
    color: #49525b;
    font-size: 24px;
}

@media (max-width: 767px) {
    .hero-search__close .icon {
        color: #fff;
    }
}

.hero-search__close.is-active {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

.hero-search__dropdown {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    box-shadow: 0 0 50px rgba(73, 82, 91, 0.15);
    width: 100%;
    max-width: 1000px;
    z-index: 2;
    bottom: 165px;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 767px) {
    .hero-search__dropdown {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-search__dropdown {
        max-width: 750px;
    }
}

.hero-search__dropdown.is-visible {
    opacity: 1;
    visibility: visible;
}

.hero-search__dropdown-content {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: .4s;
    transition: .4s;
}

@media (max-width: 767px) {
    .hero-search__dropdown-content {
        display: none;
    }
}

.hero-search__dropdown-content.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.hero-search__dropdown-list ul {
    overflow-y: auto;
    height: 353px;
    scrollbar-color: rgba(73, 82, 91, 0.15) #eff2f7;
    scrollbar-width: thin;
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-search__dropdown-list ul {
        padding: 10px 15px 0 10px;
    }
}

.hero-search__dropdown-list ul::-webkit-scrollbar-track {
    background-color: #eff2f7;
}

.hero-search__dropdown-list ul::-webkit-scrollbar {
    width: 6px;
}

.hero-search__dropdown-list ul::-webkit-scrollbar-thumb {
    background-color: rgba(73, 82, 91, 0.15);
}

.hero-search__dropdown-list ul.list-link {
    padding-right: 15px;
}

    .hero-search__dropdown-list ul.list-link.is-hidden {
        display: none !important;
    }

    .hero-search__dropdown-list ul.list-link li:not(:last-child) {
        margin-bottom: 7px;
    }

    .hero-search__dropdown-list ul.list-link li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
        font-weight: 700;
        background: #1e4a71;
        line-height: 1.3;
        height: 65px;
        border-radius: 10px;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .hero-search__dropdown-list ul.list-link li a:hover {
            background: #1e4a717a;
            color: #fff;
        }

        .hero-search__dropdown-list ul.list-link li a .icon {
            color: #fff;
            font-size: 28px;
            margin-right: 13px;
        }

.hero-search__dropdown-list ul.list-search {
    padding: 10px 25px 0 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

    .hero-search__dropdown-list ul.list-search.is-hidden {
        display: none !important;
    }

    .hero-search__dropdown-list ul.list-search li {
        border-bottom: 1px solid rgba(73, 82, 91, 0.1);
        margin-bottom: 20px;
        padding-bottom: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .hero-search__dropdown-list ul.list-search li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            position: relative;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100%;
        }

            .hero-search__dropdown-list ul.list-search li a:hover .photo {
                -webkit-transform: scale3d(1.07, 1.07, 1.07);
                transform: scale3d(1.07, 1.07, 1.07);
            }

            .hero-search__dropdown-list ul.list-search li a:hover .figure {
                background: #49525b;
            }

                .hero-search__dropdown-list ul.list-search li a:hover .figure .icon {
                    color: #fff;
                }

    .hero-search__dropdown-list ul.list-search .figure {
        width: 100px;
        height: 75px;
        border-radius: 10px;
        background: #eff2f7;
        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-transition: .3s;
        transition: .3s;
    }

        .hero-search__dropdown-list ul.list-search .figure .icon {
            color: #49525b;
            font-size: 36px;
        }

    .hero-search__dropdown-list ul.list-search .photo {
        width: 100px;
        height: 75px;
        overflow: hidden;
        padding: 5px;
        background: #fff;
        -webkit-box-shadow: 0 0 20px rgba(73, 82, 91, 0.2);
        box-shadow: 0 0 20px rgba(73, 82, 91, 0.2);
        border-radius: 10px;
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.2, 1);
        transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.2, 1);
        transition: transform 0.4s cubic-bezier(0, 0, 0.2, 1);
        transition: transform 0.4s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0, 0, 0.2, 1);
    }

        .hero-search__dropdown-list ul.list-search .photo img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 7px;
        }

    .hero-search__dropdown-list ul.list-search .content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 15px;
        padding-right: 15px;
    }

        .hero-search__dropdown-list ul.list-search .content .tag {
            font-weight: 600;
            font-style: italic;
            color: rgba(73, 82, 91, 0.9);
            font-size: 11px;
        }

        .hero-search__dropdown-list ul.list-search .content .title {
            color: #49525b;
            line-height: 1.3;
            font-size: 13px;
            font-weight: 800;
            overflow: hidden;
            max-height: 32px;
        }

        .hero-search__dropdown-list ul.list-search .content .date {
            color: rgba(73, 82, 91, 0.8);
            line-height: 1.5;
            font-size: 11px;
            font-weight: 300;
            margin-top: 5px;
            font-family: "Roboto", sans-serif;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .hero-search__dropdown-list ul.list-search .content .date {
        font-size: 11px;
    }
}

.hero-search__dropdown-list ul.list-search .content .date .icon {
    font-size: 11px;
    margin-right: 3px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-search__dropdown-list ul.list-search .content .date .icon {
        font-size: 11px;
    }
}

.hero-search__dropdown .shortcuts > ul > li:not(:last-child) {
    margin-bottom: 10px;
}

.hero-search__dropdown .shortcuts-cover {
    height: 171px;
}

.hero-search__dropdown .shortcuts-body__list ul li a {
    padding-top: 1px;
    padding-bottom: 1px;
}

@media (max-width: 767px) {
    .hero-search__form {
        width: 100%;
    }
}

.hero-search__form input {
    width: 505px;
    height: 75px;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 7px;
    font-family: inherit;
    -webkit-box-shadow: inset -3px 3px 10px rgba(0, 0, 0, 0.4);
    box-shadow: inset -3px 3px 10px rgba(0, 0, 0, 0.4);
    font-size: 16px;
    text-transform: capitalize !important;
    font-style: italic;
    letter-spacing: 0.3px;
    color: #234b6c;
}

@media (max-width: 767px) {
    .hero-search__form input {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .hero-search__form input {
        width: 100%;
        height: 55px;
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hero-search__form input {
        width: 350px;
    }
}

@media (max-width: 767px) {
    .hero-search__buttons {
        display: none !important;
    }
}

.hero-search__buttons:hover .btn {
    opacity: .8;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.hero-search__buttons .btn {
    height: 75px;
    border-radius: 10px;
    background: #1553a4;
    font-family: inherit;
    margin-left: 7px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 25px;
    padding-right: 25px;
    min-width: 180px;
    outline: 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

    .hero-search__buttons .btn._1 {
        background: #1553a4;
    }

    .hero-search__buttons .btn:hover {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .hero-search__buttons .btn .icon {
        font-size: 24px;
    }

        .hero-search__buttons .btn .icon svg {
            fill: #fff;
        }

    .hero-search__buttons .btn .text {
        padding-left: 15px;
    }

.hero-search__links {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .hero-search__links {
        display: none;
    }
}

.hero-search__links ul {
    margin-left: -5px;
    margin-right: -5px;
}

    .hero-search__links ul li {
        padding-left: 5px;
        padding-right: 5px;
    }

        .hero-search__links ul li:first-child a:after {
            display: none;
        }

        .hero-search__links ul li:last-child a:after {
            display: none;
        }

        .hero-search__links ul li:nth-child(even) a {
            font-weight: 300;
        }

        .hero-search__links ul li:hover:not(:first-child) a {
            text-decoration: underline;
        }

        .hero-search__links ul li a {
            color: #fff;
            font-weight: 600;
            font-size: 16px;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .hero-search__links ul li a {
        font-size: 13px;
    }
}

.hero-search__links ul li a:after {
    content: ",";
}

.hero-activities {
    padding-top: 50px;
    padding-bottom: 20px;
}

.hero-projects {
    padding-top: 50px;
    padding-bottom: 50px;
}

.hero-shortcuts {
    padding-top: 50px;
    padding-bottom: 50px;
}

.hero-announcements {
    padding-top: 50px;
    padding-bottom: 20px;
}

.section.bg-1 {
    background: #1553a4;
}

.section.bg-2 {
    background: #eff2f7;
}
.section.bg-img {
    background: #1553a4;
}
.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 {
    background-color: #1553a4;
}

    .section.cover-1:before {
        background-image: url("../../assets/img/slide/5-multimedia.jpg");
    }

.section-stories > div {
    padding-top: 40px;
}

@media (max-width: 991px) {
    .section-stories > div {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 479px) {
    .section-stories > div {
        padding-top: 30px;
    }
}

.section-headlinenew {
    background: #fff;
    padding-top: 140px;
    padding-bottom: 60px;
    margin-top: -70px;
}

@media (max-width: 767px) {
    .section-headlinenew {
        margin-top: -85px;
    }
}

@media (max-width: 991px) {
    .section-headlinenew .news {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .section-headlinenew .news.list .news-card:nth-last-child(n+3) {
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-headlinenew .news.list .news-card:nth-last-child(-n+2) {
        display: none;
    }
}

@media (max-width: 991px) {
    .section-headlinenew .news.list .news-card:not(:last-child) {
        margin-bottom: 10px;
    }
}

.section-headlinenew .news.list .news-cover {
    height: 180px;
}

@media (min-width: 1750px) {
    .section-headlinenew .news.list .news-cover {
        height: 200px;
    }
}

@media (min-width: 2020px) {
    .section-headlinenew .news.list .news-cover {
        height: 226px;
    }
}

.section-shortcuts .container {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-projects > div {
    padding-top: 70px;
    padding-bottom: 70px;
}

.section-projects .buttons-container {
    position: relative;
    z-index: 2;
}

    .section-projects .buttons-container .button {
        -webkit-box-shadow: 0 0 50px rgba(85, 178, 80, 0.3);
        box-shadow: 0 0 50px rgba(85, 178, 80, 0.3);
        height: 60px;
        font-size: 14px;
        font-weight: 800;
    }

.section-projects .swiper-wrapper {
    margin-bottom: 50px;
}

.section-buildings::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background: rgba(239, 242, 247, 0.5);
}

.section-buildings > div {
    padding-top: 80px;
    padding-bottom: 50px;
}

.section-buildings .buttons-container {
    position: relative;
    z-index: 2;
}

    .section-buildings .buttons-container .button {
        -webkit-box-shadow: 0 0 50px rgba(85, 178, 80, 0.3);
        box-shadow: 0 0 50px rgba(85, 178, 80, 0.3);
        height: 60px;
        font-size: 14px;
        font-weight: 800;
    }

.section-buildings .swiper-wrapper {
    margin-bottom: 50px;
}

.section-activities {
    background: #eff2f7;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .section-activities {
        background: #e0e6ef;
    }
}

.section-activities:before {
    content: "";
    position: absolute;
    left: -250px;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 70%;
    background: #e0e6ef;
    -webkit-transform: skew(30deg);
    transform: skew(30deg);
}

@media (max-width: 767px) {
    .section-activities:before {
        display: none;
    }
}

.section-activities > div {
    padding-top: 90px;
    padding-bottom: 90px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .section-activities > div {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 479px) {
    .section-activities > div {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section-activities .activities.list {
        margin-top: 40px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .section-activities .activities.list {
        margin-top: 40px;
    }
}

@media (max-width: 479px) {
    .section-activities .activities.list {
        margin-top: 15px;
    }
}

.section-multimedia > div {
    padding-top: 70px;
    padding-bottom: 70px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .section-multimedia > div {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (max-width: 479px) {
    .section-multimedia > div {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (max-width: 479px) {
    .section-multimedia .gallery-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.section-links > .container {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (max-width: 479px) {
    .section-links > .container {
        padding-top: 40px;
    }
}

.banners-carousel {
    padding-top: 0;
    height: 525px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 991px) {
    .banners-carousel {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

@media (min-width: 992px) {
    .banners-carousel {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 991px) {
    .banners-carousel {
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
    }
}

.banners-container { /*@include respond-to("min_desktop") { @include padding-h(100px); }*/ /*@include respond-to("tablet") { padding-left: 10px; }*/ /*@include respond-to("mobile_l") { padding-left: 10px; }*/ /*@include respond-to("max_mobile") { @include padding-h(30px); }*/
}

.banners .swiper-slide .banners-card {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transition: .4s;
    transition: .4s;
}

.banners .swiper-slide-active .banners-card {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
}

.banners .swiper-slide .banners-card {
    width: 90%;
    margin: 0 auto;
}

@media (min-width: 1750px) {
    .banners .swiper-slide .banners-card {
        width: 80%;
    }
}

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

    .projects-header .title {
        color: #1553a4;
        font-size: 60px;
        letter-spacing: -3px;
        font-weight: 200;
        line-height: 1.2;
    }

@media (max-width: 479px) {
    .projects-header .title {
        font-size: 42px;
    }
}

.projects-header .text {
    margin-top: -10px;
}

    .projects-header .text img {
        width: 600px;
        max-width: 100%;
    }

/*.activities { &-header { text-align: center; margin-top: $gutter; .title { color: $color-secondary; font-size: 72px; font-weight: 900; letter-spacing: -2px; line-height: 0.7; @include respond-to("mobile_l") { font-size: 54px; } @include respond-to("max_mobile") { font-size: 36px; letter-spacing: -1px; } } } }*/
.activities-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;
    margin-bottom: 1.5em;
}

@media (max-width: 479px) {
    .activities-header {
        margin-bottom: 0;
        margin-top: 2em;
    }
}

.activities-header .title {
    color: #49525b;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.3;
    font-size: 36px;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 479px) {
    .activities-header .title {
        font-size: 24px;
    }
}

.activities-header .all {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 7px;
    background: #1553a4;
    padding: 7px 15px;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
}

    .activities-header .all:hover {
        background: #1553a4;
    }

@media (max-width: 479px) {
    .activities-header .all {
        font-size: 11px;
        padding: 7px 10px;
    }
}

.activities-link {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
}

    .activities-link a {
        background: #1553a4;
        color: #fff;
        font-size: 11px;
        border-radius: 10px;
        padding-left: 10px;
        padding-right: 10px;
        height: 42px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 700;
        position: relative;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .activities-link a:not(:last-child) {
            margin-right: 2px;
        }

        .activities-link a:hover {
            background: #1553a4;
        }

@media (max-width: 479px) {
    .activities-link a {
        height: 35px;
        margin-bottom: 7px;
    }
}

.section-activities { /*.fc-theme-standard td { padding: 2px; }*/
}

    .section-activities .fc-theme-standard td, .section-activities .fc-theme-standard th {
        border: 1px solid transparent;
    }

    .section-activities .fc-theme-standard th {
        padding-right: 2px;
        padding-left: 2px;
        padding-bottom: 2px;
    }

    .section-activities .fc .fc-daygrid-day-frame {
        position: static;
        width: 100%;
        background: none !important;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .section-activities .fc .fc-daygrid-day-frame::before {
            content: "";
            position: absolute;
            left: 2px;
            right: 2px;
            top: 2px;
            bottom: 2px;
            border-radius: 7px;
            background: #eff2f6;
            display: inherit;
        }

@media (min-width: 1200px) {
    .section-activities .fc .fc-daygrid-day-frame:hover::before {
        -webkit-box-shadow: 0 0 25px rgba(73, 82, 91, 0.15);
        box-shadow: 0 0 25px rgba(73, 82, 91, 0.15);
    }
}

@media (max-width: 479px) {
    .section-activities .fc .fc-daygrid-day-frame {
        border-radius: 5px;
    }
}

.section-activities .fc-scrollgrid-sync-inner {
    background: #f4f6f9;
    border-radius: 7px;
}

@media (max-width: 479px) {
    .section-activities .fc-scrollgrid-sync-inner {
        border-radius: 5px;
    }
}

.section-activities .fc .fc-toolbar.fc-header-toolbar {
    padding-right: 5px;
    padding-left: 5px;
}

.section-activities .fc .fc-daygrid-day.fc-day-today {
    background: none;
}

    .section-activities .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame::before {
        background: #1553a4;
    }

    .section-activities .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
        color: #fff;
        font-weight: 700;
    }

    .section-activities .fc .fc-daygrid-day.fc-day-today .fc-h-event .fc-event-main {
        color: #fff;
    }

    .section-activities .fc .fc-daygrid-day.fc-day-today .fc-daygrid-more-link {
        color: #fff;
    }

.section-activities .fc .fc-non-business {
    border-radius: 7px;
}

.section-activities .fc-theme-standard .fc-scrollgrid {
    border: 1px solid transparent;
}

.section-activities .fc .fc-col-header-cell-cushion {
    font-size: 13px;
    color: #8d97a5;
}

@media (max-width: 479px) {
    .section-activities .fc .fc-col-header-cell-cushion {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .section-activities .fc-daygrid-block-event .fc-event-time, .section-activities .fc-daygrid-block-event .fc-event-title {
        padding-left: 2px;
        padding-right: 2px;
    }
}

.section-activities .fc-theme-standard td.fc-day-sun .fc-daygrid-day-frame, .section-activities .fc-theme-standard td.fc-day-mon .fc-daygrid-day-frame {
    border: 1px solid transparent;
    background: none;
}

    .section-activities .fc-theme-standard td.fc-day-sun .fc-daygrid-day-frame::before, .section-activities .fc-theme-standard td.fc-day-mon .fc-daygrid-day-frame::before {
        background: #fff;
        border: 1px solid transparent;
    }

.section-activities .fc .fc-daygrid-day-number {
    padding: 6px 6px 5px 8px;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #a6b0b7;
}

@media (max-width: 479px) {
    .section-activities .fc .fc-daygrid-day-number {
        font-size: 11px;
        padding: 3px 5px 3px 5px;
    }
}

.section-activities .fc .fc-daygrid-day-bottom {
    margin: 1px 7px 0;
    font-size: 11px;
    font-weight: 700;
}

@media (max-width: 479px) {
    .section-activities .fc .fc-daygrid-day-bottom {
        margin: -2px 3px 0;
        font-size: 8px;
    }
}

.section-activities .fc-h-event {
    border: 0 none;
    background: none;
}

    .section-activities .fc-h-event .fc-event-main {
        color: #1553a4;
        font-size: 10px;
        font-weight: 700;
    }

@media (max-width: 479px) {
    .section-activities .fc-h-event .fc-event-main {
        font-size: 9px;
    }
}

@media (min-width: 992px) {
    .section-activities .fc-direction-ltr .fc-daygrid-event.fc-event-end {
        margin-right: 1px;
    }
}

@media (min-width: 992px) {
    .section-activities .fc-direction-ltr .fc-daygrid-event.fc-event-start {
        margin-left: 2px;
    }
}

.section-activities .fc-h-event .fc-event-title {
    text-overflow: ellipsis;
}

    .section-activities .fc-h-event .fc-event-title:before {
        content: "";
        background: #1553a4;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 4px;
        top: -2px;
        position: relative;
    }

.section-activities .fc-daygrid-event {
    line-height: 1.2;
}

@media (max-width: 479px) {
    .section-activities .fc-daygrid-event {
        margin-top: -1px;
    }
}

.section-activities .fc .fc-daygrid-bg-harness {
    display: none;
}

.arnavutkoy-social:hover a {
    -webkit-transform: scale(0.93);
    transform: scale(0.93);
    opacity: .6;
}

.arnavutkoy-social a {
    width: 60px;
    height: 60px;
    background: #1553a4;
    border-radius: 100%;
    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: 24px;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 479px) {
    .arnavutkoy-social a {
        width: 50px;
        height: 50px;
    }
}

.arnavutkoy-social a:not(:last-child) {
    margin-right: 15px;
}

@media (max-width: 479px) {
    .arnavutkoy-social a:not(:last-child) {
        margin-right: 10px;
    }
}

.arnavutkoy-social a:nth-child(1):hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#5aa8f1), to(#3072df));
    background: linear-gradient(#5aa8f1, #3072df);
}

.arnavutkoy-social a:nth-child(2):hover {
    background: #4da0eb;
}

.arnavutkoy-social a:nth-child(3) {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    font-size: 26px;
}

    .arnavutkoy-social a:nth-child(3):hover {
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    }

.arnavutkoy-social a:nth-child(4):hover {
    background: #ff0200;
}

.arnavutkoy-social a:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.arnavutkoy-social a img {
    width: 35px;
}

.arnavutkoy-mobile {
    margin-top: 60px;
}

@media (max-width: 991px) {
    .arnavutkoy-mobile {
        margin-top: 40px;
    }
}

@media (max-width: 991px) {
    .arnavutkoy-mobile ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.arnavutkoy-mobile ul li:first-child {
    margin-right: 50px;
}

.arnavutkoy-mobile ul li:not(:first-child) {
    margin-right: 30px;
}

@media (max-width: 991px) {
    .arnavutkoy-mobile ul li {
        margin-right: 0 !important;
        text-align: center;
    }

        .arnavutkoy-mobile ul li:first-child {
            width: 100%;
        }
}

.arnavutkoy-mobile ul li a {
    display: block;
    position: relative;
}

    .arnavutkoy-mobile ul li a:hover .photo {
        -webkit-transform: scale(1.06);
        transform: scale(1.06);
    }

.arnavutkoy-mobile .title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1553a4;
    font-weight: 800;
    font-size: 36px;
    letter-spacing: -1px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .arnavutkoy-mobile .title {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .arnavutkoy-mobile .title {
        margin-bottom: 15px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .arnavutkoy-mobile .title {
        font-size: 32px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .arnavutkoy-mobile .title {
        font-size: 36px;
    }
}

@media (max-width: 479px) {
    .arnavutkoy-mobile .title {
        font-size: 20px;
    }
}

@media (min-width: 390px) and (max-width: 479px) {
    .arnavutkoy-mobile .title {
        font-size: 26px;
    }
}

.arnavutkoy-mobile .title span {
    font-weight: 200;
}

.arnavutkoy-mobile .title .icon {
    font-size: 36px;
    margin-right: 15px;
}

@media (max-width: 767px) {
    .arnavutkoy-mobile .title .icon {
        display: none;
    }
}

.arnavutkoy-mobile .photo {
    -webkit-transition: .3s;
    transition: .3s;
}

    .arnavutkoy-mobile .photo img:last-child {
        width: 110px;
    }

    .arnavutkoy-mobile .photo img:first-child {
        margin-right: 15px;
        width: 50px;
    }

@media (max-width: 991px) {
    .arnavutkoy-mobile .photo img:first-child {
        display: none;
    }
}

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.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.35)), to(transparent));
        background: linear-gradient(rgb(30 58 147), transparent);
    }

.inner-page__photo {
    overflow: hidden;
    height: 220px;
    background: #1553a4;
}

@media (max-width: 479px) {
    .inner-page__photo {
        height: 130px !important;
    }
}

.inner-page__photo.large {
    height: 570px;
}

@media (max-width: 479px) {
    .inner-page__photo.large {
        height: 400px !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .inner-page__photo.large {
        height: 450px !important;
    }
}

.inner-page__photo.large-1 {
    height: 540px;
}

@media (max-width: 479px) {
    .inner-page__photo.large-1 {
        height: 400px !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .inner-page__photo.large-1 {
        height: 450px !important;
    }
}

.inner-page__photo.v-blur img {
    -webkit-filter: blur(6px);
    filter: blur(6px);
}

.inner-page__photo.style-1 {
    height: 190px;
}

    .inner-page__photo.style-1 img {
        opacity: 0;
    }

.inner-page__photo.style-2 {
    height: 190px;
}

    .inner-page__photo.style-2 img {
        opacity: 0;
    }

.inner-page__photo.style-3 {
    height: 190px;
    background: #202020;
}

    .inner-page__photo.style-3 img {
        opacity: 0;
    }

.inner-page__photo img {
    width: 100%;
    height: calc(100% + 50px);
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    opacity: .5;
}

.inner-page__heading {
    background: #0e4082;
}

    .inner-page__heading.v-absolute {
        background: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .inner-page__heading.v-absolute._schema > .container {
            margin-top: -55px;
        }

        .inner-page__heading.v-absolute > .container, .inner-page__heading.v-absolute > .container-fluid {
            height: auto;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .inner-page__heading.v-absolute > .container > div, .inner-page__heading.v-absolute > .container-fluid > div {
                z-index: 2;
                position: relative;
                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;
            }

        .inner-page__heading.v-absolute .title {
            font-size: 42px;
            font-weight: 800;
            text-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            margin-bottom: 7px;
            line-height: 1.3;
            text-transform: capitalize;
            max-width: 700px;
            width: 100%;
            letter-spacing: -0.5px;
        }

@media (max-width: 479px) {
    .inner-page__heading.v-absolute .title {
        font-size: 32px;
    }
}

.inner-page__heading > .container, .inner-page__heading > .container-fluid {
    height: 100px;
    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 (max-width: 479px) {
    .inner-page__heading > .container, .inner-page__heading > .container-fluid {
        height: 85px;
    }
}

@media (max-width: 767px) {
    .inner-page__heading > .container, .inner-page__heading > .container-fluid {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.inner-page__heading .title {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.2;
}

@media (max-width: 479px) {
    .inner-page__heading .title {
        font-size: 20px;
    }
}

.inner-page__heading.light {
    background: #fff;
}

    .inner-page__heading.light .container {
        height: 130px;
    }

    .inner-page__heading.light .title {
        color: #333;
    }

    .inner-page__heading.light .inner-page__action {
        margin-right: 15px;
    }

    .inner-page__heading.light .inner-page__wordsize .btn {
        border: 2px solid rgba(0, 0, 0, 0.08);
    }

        .inner-page__heading.light .inner-page__wordsize .btn .icon svg {
            fill: #666;
        }

        .inner-page__heading.light .inner-page__wordsize .btn:hover {
            border: 2px solid rgba(0, 0, 0, 0.2);
        }

    .inner-page__heading.light .inner-page__share .btn {
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
    }

        .inner-page__heading.light .inner-page__share .btn:hover {
            background: rgba(0, 0, 0, 0.5);
        }

.inner-page__heading.style-1 {
    background: #181818;
    position: relative;
}

    .inner-page__heading.style-1.is-active {
        z-index: 1003;
    }

.inner-page__heading.style-2 {
    position: relative;
}

    .inner-page__heading.style-2.is-active {
        z-index: 1003;
    }

    .inner-page__heading.style-2 .inner-page__nav-dropdown {
        background: #1553a4;
    }

.inner-page__heading ._order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.inner-page__back {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    border: 2px solid rgba(255, 255, 255, 0.3);
    padding-left: 20px;
    padding-right: 20px;
    height: 45px;
    border-radius: 7px;
    margin-left: 15px;
    -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.5);
}

.inner-page__back .icon {
    color: #1553a4;
    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__select {
    margin-right: 15px;
    position: relative;
    z-index: 9;
}

    .inner-page__select > ul > li {
        position: relative;
    }

        .inner-page__select > ul > li:hover > button {
            border: 2px solid rgba(0, 0, 0, 0.2);
        }

        .inner-page__select > ul > li > button {
            border: 2px solid rgba(0, 0, 0, 0.08);
            padding-left: 20px;
            padding-right: 20px;
            height: 45px;
            border-radius: 10px;
            font-family: inherit;
            text-align: left;
            letter-spacing: .5px;
            color: #999;
            text-transform: uppercase;
            font-size: 13px;
            min-width: 210px;
            position: relative;
            -webkit-transition: .3s;
            transition: .3s;
        }

            .inner-page__select > ul > li > button.is-active:before {
                -webkit-transform: translateY(-50%) rotate(135deg);
                transform: translateY(-50%) rotate(135deg);
                margin-top: -1px;
            }

            .inner-page__select > ul > li > button:before {
                content: "";
                position: absolute;
                top: 50%;
                right: 20px;
                -webkit-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg);
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                border-top: 2px solid #1553a4;
                border-right: 2px solid #1553a4;
                width: 10px;
                height: 10px;
                -webkit-transition: .3s;
                transition: .3s;
            }

.inner-page__select-dropdown {
    position: absolute;
    top: 48px;
    right: 7px;
    left: 7px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 3px 8px 25px rgba(73, 82, 91, 0.2);
    box-shadow: 3px 8px 25px rgba(73, 82, 91, 0.2);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: .3s;
    transition: .3s;
}

    .inner-page__select-dropdown.is-active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .inner-page__select-dropdown ul {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .inner-page__select-dropdown ul li a {
            color: #999;
            font-size: 14px;
            font-weight: 700;
            padding: 7px 25px;
            display: block;
        }

            .inner-page__select-dropdown ul li a:hover {
                color: #1553a4;
            }

.inner-page__nav {
    margin-top: 0 !important;
}

    .inner-page__nav > ul {
        margin-left: -15px;
        margin-right: -15px;
    }

        .inner-page__nav > ul > li {
            padding-left: 15px;
            padding-right: 15px;
        }

            .inner-page__nav > ul > li:hover > a:before {
                width: 100%;
            }

            .inner-page__nav > ul > li:hover .inner-page__nav-dropdown {
                opacity: 1;
                visibility: visible;
            }

            .inner-page__nav > ul > li > a {
                color: #fff;
                font-size: 14px;
                font-weight: 800;
                letter-spacing: .3px;
                text-transform: uppercase;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                height: 100px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
            }

                .inner-page__nav > ul > li > a:before {
                    content: "";
                    position: absolute;
                    right: 0;
                    bottom: 30px;
                    left: 0;
                    height: 2px;
                    background: #fff;
                    width: 0;
                    margin: 0 auto;
                    -webkit-transition: width .3s;
                    transition: width .3s;
                }

.inner-page__nav-dropdown {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    background: #202020;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

    .inner-page__nav-dropdown .container-fluid, .inner-page__nav-dropdown .container {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .inner-page__nav-dropdown ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .inner-page__nav-dropdown ul li {
            padding-left: 5px;
            padding-right: 5px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 14.28%;
            flex: 0 0 14.28%;
            max-width: 14.28%;
            margin-bottom: 10px;
        }

            .inner-page__nav-dropdown ul li a {
                background: rgba(0, 0, 0, 0.15);
                border-radius: 10px;
                height: 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-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-align: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding-left: 20px;
                padding-right: 20px;
                -webkit-transition: .3s;
                transition: .3s;
            }

                .inner-page__nav-dropdown ul li a:hover {
                    background: #1553a4;
                }

                .inner-page__nav-dropdown ul li a .icon {
                    font-size: 28px;
                    color: rgba(255, 255, 255, 0.5);
                    display: none;
                }

                .inner-page__nav-dropdown ul li a .label {
                    color: #fff;
                    font-size: 13px;
                    text-transform: uppercase;
                    font-weight: 800;
                    line-height: 1.6;
                }

.inner-page__tab {
    margin-top: 25px;
}

    .inner-page__tab ul {
        border: 1px solid #fff;
        border-radius: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .inner-page__tab ul li:not(:last-child) {
            border-right: 1px solid #fff;
        }

        .inner-page__tab ul li:first-child .item {
            border-radius: 7px 0 0 7px;
        }

        .inner-page__tab ul li:last-child .item {
            border-radius: 0 7px 7px 0;
        }

@media (max-width: 479px) {
    .inner-page__tab ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.inner-page__tab ul li .item {
    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;
    font-family: inherit;
    height: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .inner-page__tab ul li .item:hover {
        background: #fff;
        color: #49525b;
    }

    .inner-page__tab ul li .item .icon {
        margin-right: 12px;
    }

@media (max-width: 479px) {
    .inner-page__tab ul li .item .icon {
        font-size: 14px;
    }
}

@media (max-width: 479px) {
    .inner-page__tab ul li .item {
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.inner-page__action {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 50px;
}

@media (max-width: 767px) {
    .inner-page__action {
        display: none !important;
    }
}

.inner-page__wordsize .btn {
    width: 42px;
    height: 45px;
    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;
    border: 2px solid rgba(255, 255, 255, 0.08);
    border-radius: 7px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .inner-page__wordsize .btn:not(:last-child) {
        margin-right: 7px;
    }

    .inner-page__wordsize .btn:hover {
        border: 2px solid rgba(255, 255, 255, 0.2);
    }

    .inner-page__wordsize .btn svg {
        font-size: 14px;
        fill: #fff;
    }

.inner-page__share {
    margin-right: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .inner-page__share {
        display: none !important;
    }
}

.inner-page__share .btn {
    width: 42px;
    height: 45px;
    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;
    background: #1553a4;
    border-radius: 7px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}

    .inner-page__share .btn:not(:last-child) {
        margin-right: 7px;
    }

    .inner-page__share .btn:hover {
        background: rgba(0, 0, 0, 0.15);
    }

    .inner-page__share .btn:nth-child(1):hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#4da4f4), to(#3072df));
        background: linear-gradient(#4da4f4, #3072df);
    }

    .inner-page__share .btn:nth-child(2):hover {
        background: #4da0eb;
    }

    .inner-page__share .btn:nth-child(3):hover {
        background: #25d366;
    }

    .inner-page__share .btn .icon {
        font-size: 18px;
    }

.inner-page__wrapper {
    margin-bottom: 60px;
    margin-top: 40px;
}

@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__wrapper.bg-cover {
    position: relative;
    z-index: 1;
}

    .inner-page__wrapper.bg-cover::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -40px;
        right: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 60%;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: .2;
    }

.inner-page__wrapper.cover-1::before {
    background-image: url("../../assets/img/slide/1.jpg");
}

.inner-page__wrapper.cover-1::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, #fff));
    background: linear-gradient(transparent, #fff 50%);
}

.inner-page__content {
    min-height: 700px;
}

    .inner-page__content.no-height {
        min-height: inherit;
        height: auto !important;
    }

    .inner-page__content.large {
        margin-top: 60px;
    }

    .inner-page__content.bg {
        background: #fff;
        margin-top: -100px;
        padding: 45px 50px 0 50px;
        z-index: 2;
        position: relative;
    }

@media (min-width: 768px) {
    .inner-page__content.bg._schema {
        padding-left: 0;
        padding-right: 0;
    }
}

.inner-page__content.bg.bg-small {
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 767px) {
    .inner-page__content.bg {
        margin-top: -100px;
    }
}

@media (max-width: 479px) {
    .inner-page__content.bg {
        padding: 35px 25px 0 25px;
    }
}

.inner-page__content.bg:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #1553a4;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #bf1c2b), to(#c91215));
    background: linear-gradient(to right, #bf1c2b 0, #c91215 100%);
}

.inner-page__content.ui-bg {
    background-color: #fff;
    border-radius: 15px;
    height: 100%;
    padding: 30px 35px;
}

@media (max-width: 479px) {
    .inner-page__content.page-gallery .gallery-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.inner-page__content.page-service-guide > .row > div:not(:last-child) {
    margin-bottom: 50px;
}

.inner-page__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.inner-page__form {
    background: #fff;
    padding: 20px 25px;
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    border-radius: 13px;
}

@media (max-width: 479px) {
    .inner-page__form {
        padding: 15px;
    }
}

.inner-page__form.list-tender > form > ul > li {
    padding-left: 5px;
    padding-right: 5px;
}

@media (max-width: 767px) {
    .inner-page__form.list-tender > form > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .inner-page__form.list-tender > form > ul > li:nth-last-child(n+3) {
            margin-bottom: 10px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .inner-page__form.list-tender > form > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

        .inner-page__form.list-tender > form > ul > li:nth-last-child(n+4) {
            margin-bottom: 10px;
        }
}

@media (min-width: 992px) {
    .inner-page__form.list-tender > form > ul > li:not(:last-child) {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .inner-page__form.list-tender > form > ul > li:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .inner-page__form.list-tender > form > ul > li:last-child button {
        width: 100%;
    }
}

.inner-page__form.list-service ul li > .icon {
    right: 25px;
    font-size: 22px;
}

.inner-page__form.list-deaths {
    padding: 30px 35px;
}

@media (max-width: 767px) {
    .inner-page__form.list-deaths {
        padding: 20px;
    }
}

.inner-page__form.list-deaths > form > ul > li {
    padding-left: 10px;
    padding-right: 10px; /*&:not(:last-child) { @include respond-to("min_desktop") { flex-basis: 0; flex-grow: 1; max-width: 100%; } } &:last-child { @include respond-to("min_desktop") { flex: 0 0 auto; width: auto; max-width: 100%; } button { @include respond-to("max_desktop") { width: 100%; } } }*/
}

@media (min-width: 992px) {
    .inner-page__form.list-deaths > form > ul > li {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .inner-page__form.list-deaths > form > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .inner-page__form.list-deaths > form > ul > li:nth-last-child(n+3) {
            margin-bottom: 10px;
        }
}

@media (min-width: 480px) and (max-width: 767px) {
    .inner-page__form.list-deaths > form > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

        .inner-page__form.list-deaths > form > ul > li:nth-last-child(n+3) {
            margin-bottom: 10px;
        }
}

@media (max-width: 479px) {
    .inner-page__form.list-deaths > form > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .inner-page__form.list-deaths > form > ul > li:not(:last-child) {
            margin-bottom: 5px;
        }
}

.inner-page__form.list-deaths > form > ul > li input {
    height: 65px;
    padding-left: 25px;
    padding-right: 40px;
    font-size: 16px;
    font-weight: 300;
}

@media (max-width: 767px) {
    .inner-page__form.list-deaths > form > ul > li input {
        height: 50px;
        padding-right: 20px;
        padding-left: 15px;
        font-size: 14px;
    }
}

.inner-page__form.list-deaths > form > ul > li > .icon {
    right: 30px;
    font-size: 20px;
}

@media (max-width: 767px) {
    .inner-page__form.list-deaths > form > ul > li > .icon {
        right: 25px;
        font-size: 16px;
    }
}

.inner-page__form.list-deaths > form > ul > li button {
    height: 65px;
    width: 110px;
}

@media (max-width: 767px) {
    .inner-page__form.list-deaths > form > ul > li button {
        height: 50px;
    }
}

.inner-page__form.list-deaths > form > ul > li button .icon {
    font-size: 28px;
}

@media (max-width: 767px) {
    .inner-page__form.list-deaths > form > ul > li button .icon {
        font-size: 24px;
    }
}

.inner-page__form.list-iett {
    padding: 30px 35px;
    -webkit-box-shadow: 0 0 15px rgba(73, 82, 91, 0.15);
    box-shadow: 0 0 15px rgba(73, 82, 91, 0.15);
}

@media (max-width: 767px) {
    .inner-page__form.list-iett {
        padding: 20px;
    }
}

.inner-page__form.list-iett > form > ul > li input {
    height: 65px;
    padding-left: 25px;
    padding-right: 40px;
    font-size: 16px;
    font-weight: 300;
}

@media (max-width: 767px) {
    .inner-page__form.list-iett > form > ul > li input {
        height: 50px;
        padding-right: 20px;
        padding-left: 15px;
        font-size: 14px;
    }
}

.inner-page__form.list-iett > form > ul > li > .icon {
    right: 30px;
    font-size: 20px;
}

@media (max-width: 767px) {
    .inner-page__form.list-iett > form > ul > li > .icon {
        right: 25px;
        font-size: 16px;
    }
}

.inner-page__form.list-iett > form > ul > li button {
    height: 65px;
    width: 110px;
}

@media (max-width: 767px) {
    .inner-page__form.list-iett > form > ul > li button {
        height: 50px;
    }
}

.inner-page__form.list-iett > form > ul > li button .icon {
    font-size: 28px;
}

@media (max-width: 767px) {
    .inner-page__form.list-iett > form > ul > li button .icon {
        font-size: 24px;
    }
}

.inner-page__form.list-eguide {
    padding: 45px 50px;
}

@media (max-width: 767px) {
    .inner-page__form.list-eguide {
        padding: 20px;
    }
}

.inner-page__form.list-eguide > form > ul > li {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 480px) {
    .inner-page__form.list-eguide > form > ul > li:not(:last-child) {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (max-width: 479px) {
    .inner-page__form.list-eguide > form > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .inner-page__form.list-eguide > form > ul > li:not(:last-child) {
            margin-bottom: 5px;
        }
}

@media (min-width: 480px) {
    .inner-page__form.list-eguide > form > ul > li:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}

@media (max-width: 479px) {
    .inner-page__form.list-eguide > form > ul > li:last-child button {
        width: 100%;
    }
}

.inner-page__form.list-eguide > form > ul > li input {
    height: 70px;
    padding-left: 30px;
    padding-right: 55px;
    font-size: 18px;
    font-weight: 300;
}

@media (max-width: 767px) {
    .inner-page__form.list-eguide > form > ul > li input {
        padding-left: 17px;
        font-size: 13px;
        font-weight: 400;
        height: 50px;
    }
}

.inner-page__form.list-eguide > form > ul > li > .icon {
    right: 40px;
    font-size: 24px;
}

@media (max-width: 767px) {
    .inner-page__form.list-eguide > form > ul > li > .icon {
        right: 25px;
        font-size: 20px;
    }
}

.inner-page__form.list-eguide > form > ul > li button {
    height: 70px;
    width: 120px;
}

@media (max-width: 767px) {
    .inner-page__form.list-eguide > form > ul > li button {
        height: 50px;
    }
}

.inner-page__form.list-eguide > form > ul > li button .icon {
    font-size: 28px;
}

@media (max-width: 767px) {
    .inner-page__form.list-eguide > form > ul > li button .icon {
        font-size: 24px;
    }
}

.inner-page__form.list-dropdown {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .inner-page__form.list-dropdown > form > ul > li input {
        height: 65px;
        padding-left: 25px;
        padding-right: 40px;
        position: relative;
        z-index: 4;
        font-size: 16px;
        font-weight: 300;
    }

@media (max-width: 767px) {
    .inner-page__form.list-dropdown > form > ul > li input {
        height: 50px;
        padding-right: 20px;
        padding-left: 15px;
        font-size: 14px;
    }
}

.inner-page__form.list-dropdown > form > ul > li > .icon {
    right: 30px;
    font-size: 20px;
    z-index: 3;
}

@media (max-width: 767px) {
    .inner-page__form.list-dropdown > form > ul > li > .icon {
        right: 25px;
        font-size: 16px;
    }
}

.inner-page__form ul li {
    position: relative;
}

    .inner-page__form ul li > div > div input {
        border-radius: 7px 0 0 7px;
    }

    .inner-page__form ul li input {
        border: 2px solid rgba(0, 0, 0, 0.08);
        height: 50px;
        -webkit-box-shadow: inset -2px 2px 7px rgba(73, 82, 91, 0.1);
        box-shadow: inset -2px 2px 7px rgba(73, 82, 91, 0.1);
        padding-left: 17px;
        padding-right: 35px;
        font-family: "Roboto", sans-serif;
        font-size: 13px;
        color: #49525b;
        width: 100%;
        border-radius: 7px;
    }

        .inner-page__form ul li input:focus {
            border: 2px solid rgba(0, 0, 0, 0.2);
        }

    .inner-page__form ul li > .icon {
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #1553a4;
        font-size: 16px;
    }

    .inner-page__form ul li .btn {
        height: 50px;
        width: 40px;
        background: #1553a4;
        border-radius: 0 7px 7px 0;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .inner-page__form ul li .btn:hover {
            background: #fe5923;
        }

        .inner-page__form ul li .btn .icon {
            color: #fff;
            font-size: 16px;
        }

    .inner-page__form ul li button:not(.btn) {
        height: 50px;
        width: 70px;
        font-family: inherit;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #1553a4;
        -webkit-box-shadow: inset -3px 3px 10px rgba(0, 0, 0, 0.15);
        box-shadow: inset -3px 3px 10px rgba(0, 0, 0, 0.15);
        border-radius: 7px;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .inner-page__form ul li button:not(.btn) .icon {
            color: #fff;
            font-size: 24px;
        }

        .inner-page__form ul li button:not(.btn).v-text {
            font-size: 14px;
            letter-spacing: 0.3px;
            font-weight: 800;
            color: #fff;
            width: auto;
            padding-left: 20px;
            padding-right: 20px;
        }

        .inner-page__form ul li button:not(.btn):hover {
            background: #fe5923;
        }

.inner-page__form-dropdown {
    position: absolute;
    left: 5px;
    right: 5px;
    margin-top: -20px;
    padding-top: 15px;
    background: #fff;
    z-index: 3;
    -webkit-box-shadow: 0 10px 20px rgba(73, 82, 91, 0.1);
    box-shadow: 0 10px 20px rgba(73, 82, 91, 0.1);
    border-radius: 0 0 13px 13px;
    display: none;
    padding: 40px 0 20px 0;
}

    .inner-page__form-dropdown.is-visible {
        display: block;
    }

    .inner-page__form-dropdown ul {
        overflow-y: auto;
        max-height: 255px;
        padding: 0 30px;
        scrollbar-color: rgba(73, 82, 91, 0.15) #eff2f7;
        scrollbar-width: thin;
    }

        .inner-page__form-dropdown ul::-webkit-scrollbar-track {
            background-color: #eff2f7;
        }

        .inner-page__form-dropdown ul::-webkit-scrollbar {
            width: 6px;
        }

        .inner-page__form-dropdown ul::-webkit-scrollbar-thumb {
            background-color: rgba(73, 82, 91, 0.15);
        }

        .inner-page__form-dropdown ul li:not(:last-child) a {
            border-bottom: 1px solid rgba(73, 82, 91, 0.08);
        }

        .inner-page__form-dropdown ul li a {
            display: block;
            font-family: "Roboto", sans-serif;
            font-size: 13px;
            text-transform: uppercase;
            padding: 10px;
            font-weight: 500;
            color: #49525b;
            position: relative;
            z-index: 1;
        }

            .inner-page__form-dropdown ul li a::before {
                content: "";
                position: absolute;
                top: -2px;
                right: -15px;
                bottom: -2px;
                left: -15px;
                background: #eff2f7;
                z-index: -1;
                border-radius: 15px;
                opacity: 0;
                visibility: hidden;
                -webkit-transform: scale(1.03);
                transform: scale(1.03);
                -webkit-transition: .3s;
                transition: .3s;
            }

            .inner-page__form-dropdown ul li a:hover::before {
                opacity: 1;
                visibility: visible;
                border-radius: 40px;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

.inner-page__nav {
    background: #eff2f7;
}

@media (max-width: 767px) {
    .inner-page__nav-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.inner-page__nav .list-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .inner-page__nav .list-left {
        overflow-y: auto;
    }
}

@media (max-width: 767px) {
    .inner-page__nav .list-left li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}

.inner-page__nav .list-left li:not(:last-child) {
    margin-right: 3px;
}

.inner-page__nav .list-left li a {
    background: #1553a4;
    color: #fff;
    height: 40px;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 7px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .inner-page__nav .list-left li a:hover {
        background: #1553a4;
    }

@media (max-width: 767px) {
    .inner-page__nav .list-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.inner-page__nav ul li.v-icon a {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: -0.2px;
}

    .inner-page__nav ul li.v-icon a .icon {
        margin-top: -3px;
    }

    .inner-page__nav ul li.v-icon a:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: -1.5px;
        left: 0;
        background: currentColor;
        height: 3px;
        width: 0;
        margin: 0 auto;
        -webkit-transition: width .3s;
        transition: width .3s;
    }

    .inner-page__nav ul li.v-icon a:hover:before {
        width: 100%;
    }

.inner-page__nav ul li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #49525b;
    position: relative;
}

@media (max-width: 479px) {
    .inner-page__nav ul li a {
        height: 70px;
    }
}

.inner-page__nav ul li a .icon {
    margin-right: 15px;
    font-size: 24px;
}

@media (min-width: 1200px) {
    .inner-page__div {
        padding-left: 350px;
        padding-right: 350px;
    }
}

.inner-page__tv .header-nav__item a {
    color: rgba(255, 255, 255, 0.5);
}

.inner-page__tv .header-nav__item:hover > a {
    color: #fff;
}

.inner-page__tv .footer {
    margin-top: 0;
}

.inner-page__tv .footer-top {
    background: #181818;
}

    .inner-page__tv .footer-top:before {
        background: #202020;
    }

.inner-page__tv .footer-bottom {
    background: #202020;
}

    .inner-page__tv .footer-bottom .design {
        color: rgba(255, 255, 255, 0.4);
    }

.inner-page__tv .footer-card ul li a {
    color: rgba(255, 255, 255, 0.5);
}

    .inner-page__tv .footer-card ul li a:hover {
        color: white;
    }

.inner-page__tv .footer-contact__numbers ul li a {
    color: rgba(255, 255, 255, 0.5);
}

    .inner-page__tv .footer-contact__numbers ul li a:hover {
        color: white;
    }

.inner-page__tv .footer-contact__info a {
    color: rgba(255, 255, 255, 0.5);
}

    .inner-page__tv .footer-contact__info a:hover {
        color: white;
    }

.inner-page__tv .inner-page__heading > .container > div {
    margin-top: 10px;
}

.inner-page__tv .inner-page__content {
    background: #181818;
    min-height: inherit;
    padding-bottom: 70px;
}

    .inner-page__tv .inner-page__content .container {
        min-height: 700px;
    }

.inner-page__tv .inner-page__back .icon {
    color: #fff;
}

.inner-page__tv .breadcrumb ul li a:hover {
    color: #fff;
}

.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-left: 30px;
    }
}

.page-content__wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.75)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 20px;
}

@media (max-width: 991px) {
    .page-content__wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 479px) {
    .page-content__wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .page-content__wrapper {
        padding-bottom: 60px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-content__wrapper {
        padding-bottom: 60px;
    }
}

.page-content__wrapper .button.border {
    padding-left: 30px;
    padding-right: 30px;
}

    .page-content__wrapper .button.border .icon {
        font-size: 22px;
    }

.page-content__header {
    position: relative;
}

    .page-content__header .title {
        color: #1553a4;
        margin-bottom: 20px;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 900;
        letter-spacing: -0.5px;
        font-family: "Roboto", sans-serif;
        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-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 500;
    }

        .page-content__header .date .icon {
            margin-right: 15px;
            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: #1553a4;
            width: 45px;
            height: 45px;
            align-items: center;
            background: rgba(85, 178, 80, 0.1);
            border-radius: 50%;
            font-size: 14px;
        }

.page-content__heading {
    color: #49525b;
    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.size-1 {
        font-size: 18px;
        padding-bottom: 0;
    }

    .page-content__heading.color-1 {
        color: #1553a4;
    }

    .page-content__heading.color-2 {
        color: #1553a4;
    }

    .page-content__heading.color-3 {
        color: #fe5923;
    }

.page-content__photo {
    overflow: hidden;
    height: 300px;
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    width: 50%;
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    position: relative;
}

@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.large-gutter {
    margin-left: 50px;
    margin-bottom: 50px;
}

.page-content__photo.small, .page-content__photo.large {
    width: 100%;
    float: inherit;
    margin-left: 0;
}

.page-content__photo.small {
    height: 175px;
    margin-bottom: 0;
}

.page-content__photo.large {
    height: 400px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-content__photo.large {
        height: 300px;
    }
}

.page-content__photo.style-1 {
    height: auto;
    padding: 60px;
}

    .page-content__photo.style-1 img {
        -o-object-fit: contain;
        object-fit: contain;
    }

.page-content__photo.auto {
    height: auto;
}

.page-content__photo.float-inherit {
    float: inherit;
}

.page-content__photo img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-content__video {
    margin-top: 20px;
}

    .page-content__video a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        text-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        -webkit-transition: .3s;
        transition: .3s;
    }

        .page-content__video a:hover {
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }

            .page-content__video a:hover .text:before {
                width: 100%;
            }

    .page-content__video .icon {
        font-size: 24px;
        margin-right: 10px;
    }

    .page-content__video .text {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.5px;
        position: relative;
    }

        .page-content__video .text:before {
            content: "";
            position: absolute;
            right: 0;
            bottom: -4px;
            left: 0;
            background: #fff;
            height: 1px;
            width: 0;
            -webkit-transition: .3s;
            transition: .3s;
        }

.page-content__spot {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
    text-align: justify;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

    .page-content__spot span {
        color: #1553a4;
    }

    .page-content__spot.large {
        font-size: 24px;
        font-weight: 800;
    }

    .page-content__spot.style-2 {
        color: #666;
        font-weight: 300;
        overflow: hidden;
        max-height: 112px;
        margin-top: 20px;
    }

.page-content__description {
    color: #666 !important;
    font-size: 16px;
    text-align: justify;
    line-height: 1.9;
    font-family: "Roboto", sans-serif !important;
}

    .page-content__description * {
        font-family: "Roboto", sans-serif !important;
    }

@media (min-width: 1200px) {
    .page-content__description.padding-h {
        padding-left: 150px;
        padding-right: 150px;
    }
}

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

.page-content__description a {
    color: #55acef;
    font-weight: 600;
}

    .page-content__description a:hover {
        text-decoration: underline;
    }

.page-content__description h2 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: "Raleway", sans-serif;
    color: #1553a4;
}

.page-content__description h3 {
    font-weight: 800;
    font-size: 24px;
}

.page-content__description h5 {
    font-weight: 700;
    font-size: 14px;
}

.page-content__description strong {
    font-weight: 700;
}

.page-content__description img {
    max-width: 100%;
    height: auto !important;
}

.page-content__description ul, .page-content__description ol {
    padding-left: 20px;
}

    .page-content__description ul li {
        list-style: disc;
    }

.page-content__description table {
    width: 100% !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

    .page-content__description table._nufus tbody tr td:first-child {
        width: 40%;
    }

    .page-content__description table tbody tr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
    }

        .page-content__description table tbody tr:first-child {
            background: #1553a4;
        }

            .page-content__description table tbody tr:first-child td, .page-content__description table tbody tr:first-child th {
                color: #fff;
                font-weight: 900;
            }

        .page-content__description table tbody tr:not(:first-child):nth-child(odd) {
            background: #eff2f7;
        }

            .page-content__description table tbody tr:not(:first-child):nth-child(odd) td {
                font-weight: 600;
            }

        .page-content__description table tbody tr._total {
            background: #49525b !important;
        }

            .page-content__description table tbody tr._total td {
                color: #fff;
                font-size: 20px;
            }

        .page-content__description table tbody tr td, .page-content__description table tbody tr th {
            padding: 10px 12px !important;
            border-right: 1px solid rgba(0, 0, 0, 0.06) !important;
            line-height: 1.5;
            font-size: 14px;
        }

            .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: 18px;
    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: #1553a4;
    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__map {
    margin-top: 40px;
}

.page-content__iframe {
    background: #fff;
    padding: 12px;
    border-radius: 13px;
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .page-content__iframe iframe {
        height: 450px;
        width: 100%;
        border-radius: 13px;
    }

@media (max-width: 767px) {
    .page-content__iframe iframe {
        height: 300px;
    }
}

.page-content__other {
    display: inline-block;
    width: 100%;
    margin-top: 60px;
}

.page-content__btn {
    margin-top: 25px;
}

.page-content__buttons._block {
    width: 100%;
    display: inline-block;
}

.page-content__buttons a {
    font-family: "Roboto", sans-serif;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 420px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 30px;
    margin-bottom: 25px;
    margin-right: 15px;
    border-radius: 20px;
    -webkit-box-shadow: 0 6px 15px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 15px 2px rgba(0, 0, 0, 0.1);
    height: 70px;
    color: #49525b;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}

    .page-content__buttons a:hover {
        background: rgba(21, 83, 164, 0.7);
        color: #fff;
    }

    .page-content__buttons a._address {
        height: 90px;
        padding-right: 5px;
        border-radius: 20px;
    }

        .page-content__buttons a._address .icon-wrp {
            background: #1553a4;
            border-radius: 17px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-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;
            height: 80px;
            color: #fff;
            padding-left: 25px;
            padding-right: 25px;
            margin-left: 10px;
        }

            .page-content__buttons a._address .icon-wrp .icon {
                font-size: 24px;
            }

            .page-content__buttons a._address .icon-wrp .heading {
                font-size: 12px;
                font-weight: 600;
                margin-top: 6px;
                line-height: 1.2;
                text-align: center;
            }

    .page-content__buttons a > .icon {
        font-size: 20px;
        background: #1553a4;
        width: 48px;
        height: 48px;
        color: #fff;
        -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;
        -webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.15);
    }

    .page-content__buttons a .desc {
        padding-left: 15px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .page-content__buttons a .desc .heading {
            font-size: 12px;
            font-weight: 300;
        }

        .page-content__buttons a .desc .text {
            font-size: 14px;
            line-height: 1.3;
            font-weight: 600;
        }

.page-content__updated {
    margin-top: 50px;
}

    .page-content__updated .text {
        color: #999;
        font-size: 12px;
        font-family: "Roboto", sans-serif;
    }

.page-content__information {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

    .page-content__information > ul {
        border-radius: 13px;
        background: rgba(239, 242, 247, 0.7);
    }

        .page-content__information > ul > li {
            position: relative;
        }

            .page-content__information > ul > li:hover .item {
                background: #1553a4;
            }

                .page-content__information > ul > li:hover .item .icon {
                    color: rgba(255, 255, 255, 0.5);
                }

                .page-content__information > ul > li:hover .item .desc .heading {
                    color: #fff;
                }

                .page-content__information > ul > li:hover .item .desc .text {
                    color: #fff;
                }

            .page-content__information > ul > li:hover .detail {
                opacity: 1;
                visibility: visible;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

@media (min-width: 992px) {
    .page-content__information > ul > li:not(:last-child) .item {
        border-right: 1px solid rgba(0, 0, 0, 0.05);
    }

    .page-content__information > ul > li:first-child .item {
        border-radius: 13px 0 0 13px;
    }

    .page-content__information > ul > li:last-child .item {
        border-radius: 0 13px 13px 0;
    }
}

@media (max-width: 479px) {
    .page-content__information > ul > li:not(:last-child) .item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .page-content__information > ul > li:first-child .item {
        border-radius: 13px 13px 0 0;
    }

    .page-content__information > ul > li:last-child .item {
        border-radius: 0 0 13px 13px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .page-content__information > ul > li:nth-child(2n+1) .item {
        border-right: 1px solid rgba(0, 0, 0, 0.05);
    }

    .page-content__information > ul > li:nth-last-child(n+3) .item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .page-content__information > ul > li:nth-child(1) .item {
        border-radius: 13px 0 0 0;
    }

    .page-content__information > ul > li:nth-child(2) .item {
        border-radius: 0 13px 0 0;
    }

    .page-content__information > ul > li:nth-last-child(1) .item {
        border-radius: 0 0 13px 0;
    }

    .page-content__information > ul > li:nth-last-child(2) .item {
        border-radius: 0 0 0 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-content__information > ul > li:not(:nth-child(3n+3)) .item {
        border-right: 1px solid rgba(0, 0, 0, 0.05);
    }

    .page-content__information > ul > li:nth-last-child(n+4) .item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .page-content__information > ul > li:nth-child(1) .item {
        border-radius: 13px 0 0 0;
    }

    .page-content__information > ul > li:nth-child(3) .item {
        border-radius: 0 13px 0 0;
    }

    .page-content__information > ul > li:nth-last-child(1) .item {
        border-radius: 0 0 13px 0;
    }

    .page-content__information > ul > li:nth-last-child(3) .item {
        border-radius: 0 0 0 13px;
    }
}

.page-content__information .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;
    height: 90px;
    padding-left: 22px;
    padding-right: 22px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .page-content__information .item .icon {
        color: #1553a4;
        font-size: 32px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .page-content__information .item .icon {
        display: none;
    }
}

.page-content__information .item .desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    font-family: "Roboto", sans-serif;
    line-height: 1.3;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-content__information .item .desc {
        padding-left: 0;
    }
}

.page-content__information .item .desc .heading {
    color: #1553a4;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
}

.page-content__information .item .desc .text {
    color: #666;
    font-size: 13px;
    margin-top: 5px;
}

.page-content__information .detail {
    position: absolute;
    left: -15px;
    right: -15px;
    background: #fff;
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    border-radius: 13px;
    margin-top: 17px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transition: .3s;
    transition: .3s;
}

    .page-content__information .detail::before {
        content: "";
        position: absolute;
        top: -10px;
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #fff transparent;
        -webkit-filter: drop-shadow(0 -3px 3px rgba(73, 82, 91, 0.07));
        filter: drop-shadow(0 -3px 3px rgba(73, 82, 91, 0.07));
    }

.page-content__information .detail-content {
    padding: 10px;
}

.page-content__information .detail-photo {
    height: 220px;
    overflow: hidden;
    border-radius: 10px;
}

    .page-content__information .detail-photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.page-content__information .detail-information {
    padding-top: 15px;
}

    .page-content__information .detail-information a {
        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;
        color: #666;
        font-size: 13px;
        font-family: "Roboto", sans-serif;
    }

        .page-content__information .detail-information a:not(:last-child) {
            margin-bottom: 10px;
        }

        .page-content__information .detail-information a .icon {
            font-size: 14px;
            color: #1553a4;
            width: 20px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-right: 8px;
        }

.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;
    }

.cats-sidebar-list ul {
    background: #eff2f7;
    border-radius: 10px;
    overflow: hidden;
}

    .cats-sidebar-list ul li:not(.heading):not(:first-child) {
        border-top: 1px solid white;
    }

    .cats-sidebar-list ul li:not(.heading):hover a {
        padding-left: 30px;
        background: #fff;
        color: #49525b;
    }

        .cats-sidebar-list ul li:not(.heading):hover a:after {
            -webkit-transform: translateY(-50%) rotate(45deg) scale(1.5);
            transform: translateY(-50%) rotate(45deg) scale(1.5);
        }

    .cats-sidebar-list ul li.heading a {
        background: #1e4a71;
        color: #fff;
        font-size: 16px;
    }

        .cats-sidebar-list ul li.heading a:after {
            display: none;
        }

    .cats-sidebar-list ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 13px;
        line-height: 1.4;
        /* text-transform: uppercase; */
        font-weight: 500;
        font-family: "Roboto", sans-serif;
        padding: 17px 50px 17px 25px;
        color: #49525b;
        position: relative;
        -webkit-transition: .3s;
        transition: .3s;
    }
    .cats-sidebar-list ul li a i{
       padding-right:5px;
    }

        .cats-sidebar-list 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: 2px solid currentColor;
            border-right: 2px solid currentColor;
            opacity: .5;
            -webkit-transition: .3s;
            transition: .3s;
        }

.col-sidebar__buttons {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

    .col-sidebar__buttons ul li:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    }

    .col-sidebar__buttons ul li a {
        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;
        font-family: "Roboto", sans-serif;
        text-transform: uppercase;
        padding: 18px;
        color: #49525b;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .col-sidebar__buttons ul li a:hover {
            background: #1553a4;
            color: #fff;
        }

            .col-sidebar__buttons ul li a:hover .icon {
                background: rgba(255, 255, 255, 0.1);
                color: #fff;
            }

    .col-sidebar__buttons .icon {
        width: 50px;
        height: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: rgba(85, 178, 80, 0.1);
        border-radius: 10px;
        color: #1553a4;
        font-size: 24px;
    }

    .col-sidebar__buttons .title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 15px;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.5;
    }

.col-sidebar__shortcuts ul:hover li .item {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: .75;
}

.col-sidebar__shortcuts ul li:nth-last-child(n+3) {
    margin-bottom: 10px;
}

.col-sidebar__shortcuts ul li:hover .item {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.col-sidebar__shortcuts .item {
    background: #fe5923;
    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: 170px;
    color: #fff;
    border-radius: 13px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .col-sidebar__shortcuts .item .icon {
        font-size: 40px;
    }

    .col-sidebar__shortcuts .item .title {
        font-size: 14px;
        font-weight: 800;
        line-height: 1.4;
        max-width: 94px;
        margin-top: 15px;
        text-transform: uppercase;
    }

.col-sidebar__mayor-header {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.col-sidebar__mayor-photo {
    overflow: hidden;
    height: 300px;
}

    .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(transparent), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    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: 20px 30px;
}

    .col-sidebar__mayor-body .title {
        color: #fff;
        font-size: 20px;
        font-weight: 800;
        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: 10px;
        -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: #49525b;
        }

.col-sidebar__mayor-footer {
    background: #eff2f7;
    border-radius: 0 0 10px 10px;
    padding: 20px 25px;
}

    .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: #1553a4;
        font-size: 13px;
        font-weight: 700;
        position: relative;
        padding-top: 4px;
        padding-bottom: 4px;
    }

        .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: #1553a4;
        }

.col-sidebar__posts ul li:not(:last-child) {
    margin-bottom: 15px;
}

.col-sidebar__posts.pos-sticky {
    top: 90px;
}

.col-sidebar__posts.list-number ul {
    counter-reset: dots;
}

    .col-sidebar__posts.list-number ul li {
        position: relative;
    }

.col-sidebar__posts.list-number .news-dot {
    counter-increment: dots;
    background: #fe5923;
    position: absolute;
    top: 50%;
    left: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 29px;
    height: 29px;
    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: 11px;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    z-index: 1;
}

    .col-sidebar__posts.list-number .news-dot:before {
        content: counter(dots, decimal-leading-zero) " ";
    }

.col-sidebar__posts .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
}

    .col-sidebar__posts .item:hover {
        border: 1px solid rgba(0, 0, 0, 0.08);
    }

    .col-sidebar__posts .item .photo {
        width: 110px;
        height: 100px;
        overflow: hidden;
        border-radius: 10px 0 0 10px;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .col-sidebar__posts .item .photo {
        width: 100px;
    }
}

.col-sidebar__posts .item .photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.col-sidebar__posts .item .description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    padding-right: 5px;
}

    .col-sidebar__posts .item .description .tag {
        font-size: 11px;
        font-weight: 800;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        color: #fff;
        padding: 0 5px;
        border-radius: 4px;
    }

    .col-sidebar__posts .item .description .title {
        color: #333;
        font-size: 14px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        line-height: 1.3;
        overflow: hidden;
        max-height: 37px;
    }

    .col-sidebar__posts .item .description .date {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: "Roboto", sans-serif;
        font-size: 11px;
        color: #999;
    }

        .col-sidebar__posts .item .description .date .icon {
            font-size: 11px;
            margin-right: 5px;
            margin-top: -2px;
        }

.col-sidebar__video a {
    display: block;
    position: relative;
}

    .col-sidebar__video a:hover .col-sidebar__video-cover img {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15);
    }

    .col-sidebar__video a:hover .col-sidebar__video-body:before {
        opacity: .8;
    }

.col-sidebar__video-cover {
    height: 185px;
    overflow: hidden;
    border-radius: 10px;
}

    .col-sidebar__video-cover img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);
        transition: all 1s cubic-bezier(0, 0, 0.2, 1);
    }

.col-sidebar__video-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 1;
}

    .col-sidebar__video-body:before {
        content: "";
        position: absolute;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
        background: linear-gradient(transparent, black);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        border-radius: 10px;
        opacity: .6;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .col-sidebar__video-body > div {
        padding: 20px;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .col-sidebar__video-body .icon {
        color: #fff;
        font-size: 50px;
    }

    .col-sidebar__video-body .title {
        padding-left: 15px;
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 1.3;
        font-weight: 600;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-height: 63px;
        overflow: hidden;
    }

.col-sidebar__video-other {
    margin-top: 5px;
}

    .col-sidebar__video-other ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #333;
        font-family: "Roboto", sans-serif;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        padding-top: 18px;
        padding-bottom: 18px;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .col-sidebar__video-other ul li a:hover {
            color: #1553a4;
        }

    .col-sidebar__video-other .icon {
        opacity: .5;
        font-size: 24px;
    }

    .col-sidebar__video-other .title {
        font-size: 16px;
        font-weight: 700;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 18px;
        line-height: 1.3;
    }

.col-sidebar__activities ul li:not(:last-child) {
    margin-bottom: 11px;
}

.col-sidebar__activities ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
    border-radius: 10px;
    padding: 5px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .col-sidebar__activities ul li a:hover {
        -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    }

.col-sidebar__activities .photo {
    width: 110px;
    background: #fff;
    padding: 4px;
    border-radius: 10px;
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
}

    .col-sidebar__activities .photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 7px;
    }

.col-sidebar__activities .description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 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: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .col-sidebar__activities .description .title {
        color: #1553a4;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.3;
    }

    .col-sidebar__activities .description .tag {
        font-size: 12px;
        color: #999;
        line-height: 1.1;
        font-weight: 600;
        font-style: italic;
    }

    .col-sidebar__activities .description .text {
        font-size: 12px;
        font-family: "Roboto", sans-serif;
        color: #666;
        margin-top: 15px;
        line-height: 1.4;
    }

@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__categories.pos-sticky {
    top: 40px;
}

.col-sidebar__category {
    background: #fff;
    padding: 20px 25px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 13px;
}

    .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: #1553a4;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 5px;
    display: block;
}

.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: #666;
        font-size: 13px;
        font-weight: 500;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 40px;
        -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: #1553a433;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: .3s;
            transition: .3s;
        }

        .col-sidebar__category ul li a:hover {
            color: #1553a4;
        }

            .col-sidebar__category ul li a:hover:before {
                opacity: 1;
                visibility: visible;
            }

        .col-sidebar__category ul li a:after {
            content: attr(data-company-total);
            position: absolute;
            top: 50%;
            right: 10px;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            font-family: "Roboto", sans-serif;
            color: #999;
            font-weight: 300;
            font-size: 12px;
        }

        .col-sidebar__category ul li a .icon {
            color: #1553a4;
            font-size: 14px;
            width: 25px;
            margin-right: 7px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

@media (max-width: 767px) {
    .breadcrumb {
        display: none;
    }
}

.breadcrumb.style-2 {
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

    .breadcrumb.style-2 ul li a {
        color: #999;
        opacity: 1;
    }

.breadcrumb.light ul li a {
    color: #fff;
}

.breadcrumb.large ul li a {
    font-size: 13px;
}

.breadcrumb.center ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.breadcrumb ul li a {
    font-size: 11px;
    color: #666;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    letter-spacing: .5px;
    text-transform: uppercase;
    height: 30px;
    opacity: .5;
    -webkit-transition: .3s;
    transition: .3s;
}

    .breadcrumb ul li a:after {
        content: "";
        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;
    }

    .breadcrumb ul li a:hover {
        opacity: 1;
        color: #1553a4;
    }

    .breadcrumb ul li a .icon {
        font-size: 13px;
    }

.breadcrumb ul li:last-child a:after {
    display: none;
}

.MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.contact-address {
    margin-top: 60px;
}

.contact-address__card {
    position: relative;
}

    .contact-address__card:hover .contact-address__card-header {
        background: #1553a4;
    }

        .contact-address__card:hover .contact-address__card-header .icon {
            color: #fff;
        }

        .contact-address__card:hover .contact-address__card-header .title {
            color: #fff;
        }

.contact-address__card-header {
    background: rgba(85, 178, 80, 0.1);
    border-radius: 13px 13px 0 0;
    height: 100px;
    padding: 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-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;
}

    .contact-address__card-header._iett {
        border-radius: 13px;
        text-align: center;
    }

    .contact-address__card-header .icon {
        color: #1553a4;
        font-size: 32px;
    }

    .contact-address__card-header .title {
        color: #1553a4;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.3px;
        text-transform: uppercase;
        line-height: 1.2;
        margin-top: 10px;
    }

.contact-address__card-footer {
    background: #fff;
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    border-radius: 0 0 13px 13px;
    height: 100px;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .contact-address__card-footer .text {
        font-family: "Roboto", sans-serif;
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 1.3;
        color: #666;
    }

        .contact-address__card-footer .text.large {
            font-size: 18px;
            font-weight: 300;
        }

    .contact-address__card-footer a.text {
        -webkit-transition: .3s;
        transition: .3s;
    }

        .contact-address__card-footer a.text:hover {
            color: #55acef;
        }

.contact-form {
    margin-top: 80px;
}

.contact-form__summary {
    padding-top: 20px;
}

@media (max-width: 767px) {
    .contact-form__summary {
        padding-top: 0;
        padding-bottom: 40px;
    }
}

.contact-form .section-header .text {
    color: #666;
}

.contact-social {
    margin-top: 80px;
}

.contact-social__content {
    background-image: url("../../assets/img/slide/1.jpg");
    background-blend-mode: multiply;
    background-color: #1553a4;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 190px;
    border-radius: 15px;
    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: 42px;
        border-radius: 13px;
        width: 80px;
        height: 80px;
        margin-top: 10px;
        margin-bottom: 10px;
        border: 1px solid transparent;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .contact-social__content a:not(:last-child) {
            margin-right: 10px;
        }

@media (max-width: 479px) {
    .contact-social__content a {
        font-size: 24px;
        width: 30px;
        height: 30px;
    }
}

.contact-social__content a:hover {
    border: 1px solid #fff;
}

.contact-social__content a img {
    width: 42px;
}

@media (max-width: 479px) {
    .contact-social__content a img {
        width: 28px;
    }
}

.contact-map {
    margin-top: 70px;
    background: #fff;
    padding: 50px 20px 15px 20px;
    border-radius: 13px;
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
}

    .contact-map iframe {
        height: 500px;
        width: 100%;
        border-radius: 13px;
    }

@media (max-width: 767px) {
    .contact-map iframe {
        height: 300px;
    }
}

.activities-search.small {
    width: 500px;
    margin: 0 auto;
}

    .activities-search.small input {
        height: 70px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -0.3px;
    }

    .activities-search.small .icon {
        font-size: 20px;
    }

.activities-search form {
    position: relative;
}

.activities-search input {
    height: 120px;
    width: 100%;
    font-family: "Roboto", sans-serif;
    color: #999;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.5px;
}

@media (max-width: 479px) {
    .activities-search input {
        font-size: 14px;
        letter-spacing: 0;
        height: 75px;
    }
}

.activities-search .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    color: #1553a4;
    font-size: 32px;
}

@media (max-width: 479px) {
    .activities-search .icon {
        font-size: 20px;
    }
}

.activities-step:not(:last-child) {
    margin-bottom: 10px;
}

.activities-step.is-open .activities-step__header {
    background: rgba(85, 178, 80, 0.1);
}

    .activities-step.is-open .activities-step__header .heading .title {
        color: #1553a4;
    }

    .activities-step.is-open .activities-step__header .circle-arrow .icon {
        -webkit-transform: scaleX(-1) rotate(90deg);
        transform: scaleX(-1) rotate(90deg);
        color: rgba(85, 178, 80, 0.5);
    }

.activities-step__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: 80px;
    background: #eff2f7;
    padding-left: 35px;
    padding-right: 30px;
    border-radius: 13px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

@media (max-width: 479px) {
    .activities-step__header {
        padding-left: 20px;
        padding-right: 15px;
        height: 70px;
    }
}

.activities-step__header .heading {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .activities-step__header .heading .icon {
        color: #1553a4;
        font-size: 32px;
    }

@media (max-width: 479px) {
    .activities-step__header .heading .icon {
        font-size: 20px;
    }
}

.activities-step__header .heading .title {
    color: #49525b;
    font-family: "Roboto", sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.3;
    padding-left: 25px;
    padding-top: 3px;
}

@media (max-width: 479px) {
    .activities-step__header .heading .title {
        font-size: 20px;
        padding-left: 15px;
    }
}

.activities-step__header .heading .title span {
    font-size: 13px;
    font-weight: 600;
    font-family: "Raleway", sans-serif;
    font-style: italic;
}

.activities-step__header .circle-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .activities-step__header .circle-arrow .icon {
        color: #999;
        font-size: 28px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        -webkit-transition: .3s;
        transition: .3s;
    }

.activities-step__list.mt {
    margin-top: 120px;
}

.activities-step__list ul:not(.pagination) li:not(.not) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(73, 82, 91, 0.15);
}

.activities-step__list ul:not(.pagination) li.not {
    display: none;
}

.activities-step__list ul:not(.pagination) li:last-child {
    border-bottom: 0 none;
}

.activities-step__list-left {
    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;
}

.activities-step__list-calendar {
    text-align: center;
    font-family: "Roboto", sans-serif;
    width: 120px;
}

@media (max-width: 479px) {
    .activities-step__list-calendar {
        width: 45%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-step__list-calendar {
        width: 100px;
    }
}

.activities-step__list-calendar > div {
    line-height: 1.1;
}

.activities-step__list-calendar .number {
    color: #333;
    font-size: 48px;
    letter-spacing: -3px;
    font-weight: 900;
    margin-bottom: 7px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-step__list-calendar .number {
        font-size: 36px;
    }
}

.activities-step__list-calendar .month, .activities-step__list-calendar .day {
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
}

@media (max-width: 479px) {
    .activities-step__list-calendar .month, .activities-step__list-calendar .day {
        font-size: 16px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-step__list-calendar .month, .activities-step__list-calendar .day {
        font-size: 12px;
    }
}

.activities-step__list-calendar .month {
    margin-bottom: 3px;
}

.activities-step__list-calendar .time {
    color: #999;
    font-size: 13px;
    margin-top: 7px;
}

@media (max-width: 479px) {
    .activities-step__list-calendar .time {
        font-size: 13px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-step__list-calendar .time {
        font-size: 11px;
    }
}

.activities-step__list-photo {
    width: 145px;
    height: 176px;
    background: #fff;
    padding: 5px;
    border-radius: 10px;
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
}

@media (max-width: 479px) {
    .activities-step__list-photo {
        width: inherit;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: auto;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-step__list-photo {
        width: 135px;
        height: 160px;
    }
}

.activities-step__list-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 7px;
}

.activities-step__list-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 40px;
    padding-right: 60px;
    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;
}

@media (max-width: 479px) {
    .activities-step__list-content {
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-step__list-content {
        padding-left: 20px;
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .activities-step__list-content {
        padding-left: 20px;
        padding-right: 30px;
    }
}

.activities-step__list-content .title {
    color: #1553a4;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-step__list-content .title {
        font-size: 18px;
        line-height: 1.2;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .activities-step__list-content .title {
        font-size: 18px;
        line-height: 1.2;
    }
}

.activities-step__list-content .tag {
    font-size: 12px;
    color: #999;
    line-height: 1.1;
    font-weight: 600;
    font-style: italic;
    margin-top: 3px;
}

.activities-step__list-content .text {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #666;
    margin-top: 15px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 61px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .activities-step__list-content .text {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .activities-step__list-content .text {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .activities-step__list-right {
        width: 100%;
    }
}

.activities-step__list-right .button.border {
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width: 767px) {
    .activities-step__list-right .button.border {
        min-width: inherit;
        width: 100%;
        margin-top: 20px;
    }
}

.activities-step__content {
    display: none;
}

.inner-page__content-calendar {
    margin-top: 80px; /*.fc-theme-standard td { padding-left: 4px; padding-right: 4px; padding-bottom: 8px; @include respond-to("max_mobile") { padding-left: 2px; padding-right: 2px; padding-bottom: 4px; } }*/
}

@media (max-width: 479px) {
    .inner-page__content-calendar {
        margin-top: 30px;
    }
}

.inner-page__content-calendar .fc .fc-toolbar-title {
    font-size: 42px;
}

.inner-page__content-calendar .fc-theme-standard td, .inner-page__content-calendar .fc-theme-standard th {
    border: 1px solid transparent;
}

.inner-page__content-calendar .fc-theme-standard .fc-scrollgrid {
    border: 1px solid transparent;
}

.inner-page__content-calendar .fc-theme-standard th {
    padding-right: 5px;
    padding-left: 5px;
}

@media (max-width: 479px) {
    .inner-page__content-calendar .fc-theme-standard th {
        padding-left: 2px;
        padding-right: 2px;
    }
}

.inner-page__content-calendar .fc .fc-daygrid-day-number {
    padding: 5px 10px 0 0;
    font-size: 24px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.5px;
}

@media (max-width: 479px) {
    .inner-page__content-calendar .fc .fc-daygrid-day-number {
        font-size: 11px;
        padding: 3px 5px 3px 5px;
    }
}

.inner-page__content-calendar .fc .fc-daygrid-day-bottom {
    margin: 1px 12px 0;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 479px) {
    .inner-page__content-calendar .fc .fc-daygrid-day-bottom {
        margin: -2px 3px 0;
        font-size: 8px;
    }
}

.inner-page__content-calendar .fc-h-event {
    border: 0 none;
    background: none;
}

    .inner-page__content-calendar .fc-h-event .fc-event-main {
        color: #1553a4;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.5;
    }

@media (max-width: 479px) {
    .inner-page__content-calendar .fc-h-event .fc-event-main {
        font-size: 9px;
    }
}

@media (min-width: 992px) {
    .inner-page__content-calendar .fc-direction-ltr .fc-daygrid-event.fc-event-end {
        margin-right: 2px;
    }
}

@media (min-width: 992px) {
    .inner-page__content-calendar .fc-direction-ltr .fc-daygrid-event.fc-event-start {
        margin-left: 0;
    }
}

.inner-page__content-calendar .fc .fc-daygrid-event {
    margin-top: 0;
}

@media (max-width: 479px) {
    .inner-page__content-calendar .fc .fc-daygrid-event {
        margin-top: -1px;
    }
}

.inner-page__content-calendar .fc .fc-col-header-cell-cushion {
    padding: 5px;
    font-size: 13px;
}

@media (max-width: 479px) {
    .inner-page__content-calendar .fc .fc-col-header-cell-cushion {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .inner-page__content-calendar .fc-daygrid-block-event .fc-event-time, .inner-page__content-calendar .fc-daygrid-block-event .fc-event-title {
        padding-left: 2px;
        padding-right: 2px;
    }
}

.inner-page__content-calendar .fc .fc-daygrid-day-frame {
    width: 100%;
    height: 100%;
    padding: 8px 5px;
    position: static;
    -webkit-transition: .3s;
    transition: .3s;
}

    .inner-page__content-calendar .fc .fc-daygrid-day-frame::before {
        content: "";
        position: absolute;
        left: 5px;
        right: 5px;
        top: 5px;
        bottom: 5px;
        border-radius: 7px;
        border: 1px solid rgba(0, 0, 0, 0.05);
        background: #fff;
        display: inherit;
        -webkit-transition: .3s;
        transition: .3s;
    }

@media (min-width: 1200px) {
    .inner-page__content-calendar .fc .fc-daygrid-day-frame:hover::before {
        -webkit-box-shadow: 0 0 25px rgba(73, 82, 91, 0.1);
        box-shadow: 0 0 25px rgba(73, 82, 91, 0.1);
    }
}

@media (max-width: 479px) {
    .inner-page__content-calendar .fc .fc-daygrid-day-frame::before {
        border-radius: 5px;
        left: 2px;
        right: 2px;
        top: 2px;
        bottom: 2px;
    }
}

.inner-page__content-calendar .fc-scrollgrid-section-header .fc-scrollgrid-sync-inner {
    background: #eff2f7;
    border-radius: 7px;
}

.inner-page__content-calendar .fc .fc-daygrid-day.fc-day-today {
    background: none;
}

    .inner-page__content-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame::before {
        background: #eef7ed;
    }

    .inner-page__content-calendar .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
        color: #1553a4;
        font-weight: 700;
    }

    .inner-page__content-calendar .fc .fc-daygrid-day.fc-day-today .fc-h-event .fc-event-main {
        color: #1553a4;
    }

@media (min-width: 1200px) {
    .inner-page__content-calendar .fc-daygrid-block-event .fc-event-title {
        padding-left: 12px;
    }
}

.inner-page__content-calendar .fc-theme-standard td.fc-day-sun .fc-daygrid-day-frame, .inner-page__content-calendar .fc-theme-standard td.fc-day-mon .fc-daygrid-day-frame {
    border: 1px solid transparent;
    background: none;
}

    .inner-page__content-calendar .fc-theme-standard td.fc-day-sun .fc-daygrid-day-frame::before, .inner-page__content-calendar .fc-theme-standard td.fc-day-mon .fc-daygrid-day-frame::before {
        background: #eff2f7;
        border: 1px solid transparent;
    }

.inner-page__content-calendar .fc-h-event .fc-event-title {
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .inner-page__content-calendar .fc-h-event .fc-event-title {
        padding-right: 10px;
    }
}

.inner-page__content-calendar .fc-h-event .fc-event-title::before {
    content: "";
    background: #1553a4;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    top: -2px;
    position: relative;
}

.inner-page__content-calendar .fc .fc-daygrid-bg-harness {
    display: none;
}

.inner-page__content-calendar .fc .fc-toolbar.fc-header-toolbar {
    padding-left: 8px;
    padding-right: 8px;
}

.mayor {
    -webkit-box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
}

@media (max-width: 991px) {
    .mayor > .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media (min-width: 992px) {
    .mayor > .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.mayor-photo {
    overflow: hidden;
    height: 560px;
}

@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: left;
    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) {
    .mayor-wrapper {
        padding-left: 75px;
    }
}

@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 (min-width: 1750px) {
    .mayor-wrapper {
        max-width: 690px;
    }
}

.mayor-content {
    font-family: "Roboto", sans-serif;
}

@media (max-width: 991px) {
    .mayor-content {
        text-align: center;
    }
}

.mayor-content .title {
    color: #333;
    font-size: 66px;
    letter-spacing: -2px;
    font-weight: 900;
    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: #666;
    font-weight: 200;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: 2.1px;
    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: 8px 12px 25px rgba(73, 82, 91, 0.15);
    box-shadow: 8px 12px 25px rgba(73, 82, 91, 0.15);
    position: relative;
    height: 100px;
    font-family: "Roboto", sans-serif;
    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;
    line-height: 1.3;
    color: #999;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
}

    .mayor-links ul li a:hover {
        color: #1553a4;
    }

@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: #666;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .mayor-social__links a:not(:last-child) {
        margin-right: 8px;
    }

    .mayor-social__links a:hover {
        background: #1553a4;
        color: #fff;
    }

.livetv.style-1 .livetv-player__footer {
    background: rgba(21, 83, 164, 0.1);
}

    .livetv.style-1 .livetv-player__footer .title {
        color: #666;
    }

    .livetv.style-1 .livetv-player__footer .info .item {
        color: rgba(102, 102, 102, 0.5);
    }

.livetv.style-1 .livetv-player__description {
    color: #666 !important;
}

.livetv.style-1 .livetv-mostviewed > .title {
    color: #1553a4;
}

.livetv.style-1 .livetv-mostviewed__list ul li a:hover {
    background: rgba(21, 83, 164, 0.1);
}

.livetv.style-1 .livetv-mostviewed__list .description .title {
    color: #666;
}

.livetv.style-1 .livetv-mostviewed__list .description .info .item {
    color: #999;
}

.livetv.style-1 .livetv-shortcut {
    border: 2px solid rgba(0, 0, 0, 0.1);
}

    .livetv.style-1 .livetv-shortcut > .icon {
        color: rgba(102, 102, 102, 0.3);
    }

    .livetv.style-1 .livetv-shortcut .title {
        color: #666;
    }

    .livetv.style-1 .livetv-shortcut .text {
        color: #666;
    }

.livetv-player {
    width: 100%;
    height: 520px;
}

@media (max-width: 479px) {
    .livetv-player {
        height: 300px;
    }
}

.livetv-player iframe {
    width: 100%;
    height: 100%;
    border-radius: 13px 13px 0 0;
}

.livetv-player__footer {
    padding: 15px 35px;
    background: #202020;
    border-radius: 0 0 13px 13px;
    height: 120px;
    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;
}

@media (max-width: 767px) {
    .livetv-player__footer {
        -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;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: auto;
    }
}

@media (max-width: 479px) {
    .livetv-player__footer {
        padding: 15px 25px;
    }
}

.livetv-player__footer.no-bg {
    height: auto;
    background: transparent !important;
    padding: 30px 0 0 0;
}

.livetv-player__footer .title {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    max-height: 64px;
}

@media (min-width: 1200px) {
    .livetv-player__footer .title {
        padding-right: 80px;
    }
}

@media (max-width: 479px) {
    .livetv-player__footer .title {
        font-size: 18px;
        max-height: 46px;
    }
}

.livetv-player__footer .info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .livetv-player__footer .info {
        margin-top: 7px;
    }
}

.livetv-player__footer .info .item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "Roboto", sans-serif;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.35);
}

    .livetv-player__footer .info .item:not(:last-child) {
        margin-right: 30px;
    }

    .livetv-player__footer .info .item .icon {
        font-size: 14px;
        margin-right: 10px;
    }

        .livetv-player__footer .info .item .icon.size-1 {
            font-size: 18px;
        }

    .livetv-player__footer .info .item .label {
        line-height: 1.3;
    }

        .livetv-player__footer .info .item .label .heading {
            font-size: 12px;
            font-weight: 700;
        }

        .livetv-player__footer .info .item .label .text {
            font-size: 13px;
        }

.livetv-player__description {
    margin-top: 30px;
    color: rgba(255, 255, 255, 0.5) !important;
}

.livetv-mostviewed {
    padding-top: 15px;
}

    .livetv-mostviewed.pos-sticky {
        top: 10px;
    }

    .livetv-mostviewed > .title {
        color: #fff;
        font-size: 16px;
        font-weight: 800;
    }

.livetv-mostviewed__list {
    margin-top: 7px;
}

    .livetv-mostviewed__list ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .livetv-mostviewed__list ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 110px;
        border-radius: 10px;
        overflow: hidden;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .livetv-mostviewed__list ul li a:hover {
            background: #202020;
        }

    .livetv-mostviewed__list .photo {
        width: 180px;
        height: 100%;
        overflow: hidden;
        border-radius: 10px;
        background: #181818;
    }

@media (max-width: 479px) {
    .livetv-mostviewed__list .photo {
        width: 130px;
    }
}

.livetv-mostviewed__list .photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .8;
}

.livetv-mostviewed__list .description {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 0 10px 10px 0;
    height: 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: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .livetv-mostviewed__list .description .title {
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        font-family: "Roboto", sans-serif;
        overflow: hidden;
        max-height: 43px;
    }

    .livetv-mostviewed__list .description .info {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px;
    }

        .livetv-mostviewed__list .description .info .item {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-family: "Roboto", sans-serif;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: rgba(255, 255, 255, 0.35);
        }

            .livetv-mostviewed__list .description .info .item:not(:last-child) {
                margin-right: 15px;
            }

            .livetv-mostviewed__list .description .info .item .icon {
                font-size: 13px;
                margin-right: 7px;
            }

            .livetv-mostviewed__list .description .info .item .label {
                line-height: 1.3;
            }

                .livetv-mostviewed__list .description .info .item .label .heading {
                    font-size: 11px;
                    font-weight: 700;
                }

@media (min-width: 992px) and (max-width: 1199px) {
    .livetv-mostviewed__list .description .info .item .label .heading {
        display: none;
    }
}

@media (max-width: 767px) {
    .livetv-mostviewed__list .description .info .item .label .heading {
        display: none;
    }
}

.livetv-mostviewed__list .description .info .item .label .text {
    font-size: 12px;
}

.livetv-shortcut {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 45px 50px;
    margin-top: 70px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .livetv-shortcut {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .livetv-shortcut {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 767px) {
    .livetv-shortcut {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}

.livetv-shortcut > .icon {
    font-size: 84px;
    color: rgba(255, 255, 255, 0.3);
}

.livetv-shortcut .title {
    padding-left: 50px;
    padding-right: 50px;
    text-transform: uppercase;
    color: #fff;
    font-size: 28px;
    line-height: .9;
    font-weight: 900;
    letter-spacing: .9px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .livetv-shortcut .title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .livetv-shortcut .title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (max-width: 767px) {
    .livetv-shortcut .title {
        margin-top: 10px;
    }
}

.livetv-shortcut .title span {
    font-size: 60px;
    letter-spacing: 0;
}

.livetv-shortcut .title.v1 {
    font-size: 36px;
    line-height: 1.1;
}

    .livetv-shortcut .title.v1 span {
        font-size: 48px;
    }

.livetv-shortcut .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 300;
}

@media (min-width: 1200px) {
    .livetv-shortcut .text {
        padding-right: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .livetv-shortcut .text {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .livetv-shortcut .text {
        display: none;
    }
}

@media (max-width: 767px) {
    .livetv-shortcut .text {
        margin-top: 10px;
    }
}

.livetv-shortcut .button.min-width {
    min-width: 250px;
}

@media (max-width: 767px) {
    .livetv-shortcut .button.min-width {
        margin-top: 10px;
    }
}

.livetv-videos {
    margin-top: 70px;
}

    .livetv-videos.light .video-detail__item-header .title {
        color: #fff;
    }

    .livetv-videos.light .video-detail__item-header .all {
        color: rgba(255, 255, 255, 0.5);
        -webkit-transition: .3s;
        transition: .3s;
    }

        .livetv-videos.light .video-detail__item-header .all:hover {
            color: #fff;
        }

        .livetv-videos.light .video-detail__item-header .all .icon {
            color: #fe5923;
        }

    .livetv-videos .videos {
        margin-top: 10px;
    }

.schema {
    font-family: "Roboto", sans-serif;
    margin-bottom: calc( 80px + ( 20px * 2 ));
}

@media (max-width: 767px) {
    .schema {
        margin: 0 auto calc( 80px + ( 20px * 2 ));
        width: 250px;
    }
}

.schema > div {
    margin-bottom: 20px;
}

    .schema > div:last-child {
        margin-bottom: 0;
    }

@media (max-width: 767px) {
    .schema-header > ul:last-child > li {
        margin-bottom: 20px;
    }

        .schema-header > ul:last-child > li:last-child {
            margin-bottom: 0;
        }
}

.schema-header .schema-list:first-child > li > a {
    height: 100px;
}

    .schema-header .schema-list:first-child > li > a > .title {
        font-size: 20px;
    }

.schema-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px;
}

    .schema-list.justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

        .schema-list.justify-around > li:before {
            width: calc( ( 100% / 2 ) + 10px);
            left: calc( ( 100% / 2 ) * -1);
        }

@media (max-width: 767px) {
    .schema-list.justify-around > li:before {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .schema-list.justify-around > li:before {
        width: calc( ( 100% / 4 ) + 10px);
        left: calc( ( 100% / 4 ) * -1);
    }
}

.schema-list.justify-around > li.line-right:before {
    right: calc( ( 100% / 2 ) * -1);
}

@media (min-width: 768px) and (max-width: 991px) {
    .schema-list.justify-around > li.line-right:before {
        right: calc( ( 100% / 4 ) * -1);
    }
}

.schema-list.no.padding-left {
    margin-left: -85px;
}

@media (max-width: 767px) {
    .schema-list.no.padding-left {
        margin-left: -50px;
    }
}

.schema-list.no.line > li:before {
    display: none;
}

.schema-list:last-child {
    margin-bottom: 0;
}

.schema-list > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
    .schema-list > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 767px) {
    .schema-list > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.schema-list > li.null:before {
    display: none;
}

.schema-list > li.line-right:before {
    left: auto;
}

.schema-list > li:before {
    content: "";
    height: 1px;
    width: 30px;
    background: #4d6379;
    left: -20px;
    top: 40px;
    position: absolute;
}

.schema-list > li:hover > a {
    background: #1553a4;
    color: #fff;
}

.schema-list > li.is-arrow > a {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    padding-right: 60px;
}

    .schema-list > li.is-arrow > a .arrow {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 55px;
        border-radius: 0 15px 15px 0;
        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;
    }

        .schema-list > li.is-arrow > a .arrow:hover {
            background: rgba(0, 0, 0, 0.08);
        }

        .schema-list > li.is-arrow > a .arrow:before {
            content: "";
            position: absolute;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            width: 10px;
            height: 10px;
            border-top: 1px solid #49525b;
            border-right: 1px solid #49525b;
        }

.schema-list > li.is-arrow:hover > a .arrow:before {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.schema-list > li.is-active > ul {
    display: block;
}

.schema-list > li > 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;
    background: #fff;
    color: #4d6379;
    line-height: 1.3;
    -webkit-box-shadow: 3px 3px 25px rgba(23, 53, 86, 0.15);
    box-shadow: 3px 3px 25px rgba(23, 53, 86, 0.15);
    height: 80px;
    border-radius: 10px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .schema-list > li > a .title {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .schema-list > li > a .text {
        font-size: 14px;
        font-weight: 300;
        line-height: 1.5;
    }

        .schema-list > li > a .text.style-1 {
            font-size: 16px;
            font-weight: 600;
        }

.schema-dropdown {
    margin-top: 20px;
    padding-left: 50px;
    position: relative;
    display: none;
}

    .schema-dropdown:before {
        content: "";
        background: #4d6379;
        width: 1px;
        position: absolute;
        top: -20px;
        bottom: calc( 60px / 2);
        left: 20px;
        z-index: -1;
    }

    .schema-dropdown li {
        position: relative;
        margin-bottom: 20px;
    }

        .schema-dropdown li:last-child {
            margin-bottom: 0;
        }

        .schema-dropdown li:before {
            content: "";
            height: 1px;
            width: 30px;
            background: #4d6379;
            left: -30px;
            top: 30px;
            position: absolute;
        }

        .schema-dropdown li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 60px;
            -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;
            line-height: 1.2;
            background: #4d6379;
            border-radius: 15px;
            color: #fff;
            font-size: 14px;
            padding-left: 30px;
            padding-right: 30px;
            padding-top: 10px;
            padding-bottom: 10px;
            font-weight: 300;
        }

            .schema-dropdown li a:hover {
                background: #134a92;
            }

.schema-middle {
    position: relative;
}

    .schema-middle:before {
        content: "";
        background: #4d6379;
        width: 1px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -1;
        top: calc( -1 * (80px + (20px * 2)));
        bottom: calc( (-1 * 80px));
    }

@media (max-width: 767px) {
    .schema-middle:before {
        margin-left: -100px;
    }
}

@media (max-width: 767px) {
    .schema-middle:before {
        top: -320px;
    }
}

.schema-footer {
    margin-top: 110px;
}

@media (max-width: 767px) {
    .schema-footer {
        margin-top: 80px;
    }
}

.schema-footer .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) and (max-width: 991px) {
    .schema-footer .row {
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media (max-width: 767px) {
    .schema-footer .row > div {
        margin-bottom: 30px;
    }

        .schema-footer .row > div:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .schema-footer .row > div {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.schema-footer .row > div:first-child .schema-list:first-child li:before {
    left: 30px;
}

.schema-footer .row > div:first-child .schema-list:first-child li:after {
    left: 30px;
}

.schema-footer .row > div:last-child .schema-list:first-child li:before {
    right: 30px;
}

.schema-footer .row > div:last-child .schema-list:first-child li:after {
    right: 30px;
}

.schema-footer .row > div:not(:first-child):not(:last-child) .schema-list li:after {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.schema-footer .schema-list > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.schema-footer .schema-list:first-child > li:before {
    content: "";
    height: 1px;
    left: 0;
    right: 0;
    top: -30px;
    background: #4d6379;
    width: inherit;
}

@media (max-width: 767px) {
    .schema-footer .schema-list:first-child > li:before {
        display: none;
    }
}

.schema-footer .schema-list:first-child > li:after {
    content: "";
    width: 1px;
    height: 30px;
    background: #4d6379;
    position: absolute;
    top: -30px;
}

@media (max-width: 767px) {
    .schema-footer .schema-list:first-child > li:after {
        display: none;
    }
}

.schema-footer .schema-list:first-child > li > a > .title {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
}

@media (min-width: 768px) and (max-width: 991px) {
    .schema-footer .schema-list:first-child > li > a > .title {
        font-size: 13px;
    }
}

.schema-footer .schema-list:first-child > li > a > .text {
    font-size: 13px;
    opacity: .7;
}

@media (min-width: 768px) and (max-width: 991px) {
    .schema-footer .schema-list:first-child > li > a > .text {
        font-size: 10px;
    }
}

.schema-footer .schema-list:not(:first-child) > li > a .text {
    font-size: 13px;
}

.neighborhood-map {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    width: 50%;
    height: 275px;
    background: rgba(85, 178, 80, 0.1);
    border-radius: 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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 991px) {
    .neighborhood-map {
        width: 100%;
        margin-left: 0;
        float: left;
    }
}

.neighborhood-map a {
    color: #1553a4;
    border-radius: 10px;
    padding: 20px 25px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
}

    .neighborhood-map a:hover {
        background: #1553a4;
        color: #fff;
    }

        .neighborhood-map a:hover .icon {
            -webkit-animation-play-state: paused;
            animation-play-state: paused;
        }

.neighborhood-map .icon {
    font-size: 108px;
    -webkit-animation-name: swingIcon;
    animation-name: swingIcon;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.neighborhood-map .title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    margin-top: 10px;
}

.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 {
    margin-top: -40px;
    margin-left: 30px;
    position: relative;
}

.person-photo {
    width: 170px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    height: 190px;
    background: #fff;
    padding: 8px;
    -webkit-box-shadow: 5px 7px 15px rgba(73, 82, 91, 0.15);
    box-shadow: 5px 7px 15px rgba(73, 82, 91, 0.15);
    border-radius: 7px;
}

@media (max-width: 991px) {
    .person-photo {
        margin-left: 0;
    }
}

.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: #666;
    font-size: 18px;
    line-height: 1.3;
}

.person-info .rank {
    color: #666;
    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: #1553a4;
    font-size: 14px;
    position: relative;
    font-family: "Roboto", sans-serif;
}

    .person-info__contact .text:last-child {
        margin-right: 0;
    }

    .person-info__contact .text:hover {
        color: #1553a4;
    }

.person-info__contact .icon {
    margin-right: 10px;
    font-size: 14px;
    opacity: .4;
}

.person-button {
    background: #1553a4;
    height: 30px;
    border-radius: 7px;
    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: 800;
    -webkit-transition: .3s;
    transition: .3s;
}

    .person-button:hover {
        background: #1553a4;
    }

    .person-button .icon {
        margin-right: 5px;
        font-size: 12px;
    }

@media (max-width: 1199px) {
    .personnel-detail__unit > .row > div:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .personnel-detail__unit > .row > div:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .personnel-detail__unit > .row > div:nth-child(3) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.personnel-detail__unit .personnel-cover {
    height: 380px;
}

@media (min-width: 1200px) {
    .personnel-detail__unit .personnel-summary {
        padding-left: 10px;
    }
}

.personnel-detail__unit .personnel-summary .title {
    font-size: 20px;
    margin-bottom: 2px;
    color: #1553a4;
}

.personnel-detail__unit .personnel-summary .rank {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #333;
    margin-bottom: 30px;
}

.personnel-detail__unit .personnel-field .text, .personnel-detail__unit .personnel-field .detail {
    font-size: 14px;
}

.personnel-cover {
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 10px 20px 40px rgba(73, 82, 91, 0.15);
    box-shadow: 10px 20px 40px rgba(73, 82, 91, 0.15);
    padding: 10px;
    height: 430px;
}

@media (max-width: 767px) {
    .personnel-cover {
        height: auto !important;
    }
}

@media (min-width: 1750px) {
    .personnel-cover {
        height: 470px;
    }
}

.personnel-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px;
}

.personnel-summary {
    padding-top: 35px;
}

@media (min-width: 1200px) {
    .personnel-summary {
        padding-left: 20px;
    }
}

.personnel-summary .title {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: .5px;
    color: #1553a4;
    margin-bottom: 30px;
    line-height: 1.2;
}

.personnel-summary .button {
    margin-top: 40px;
}

.personnel-field {
    margin-bottom: 13px;
    font-family: "Roboto", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .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: 500;
        margin-right: 7px;
    }

    .personnel-field .detail {
        color: #333;
        -webkit-transition: .3s;
        transition: .3s;
        font-weight: 300;
    }

    .personnel-field a:hover {
        color: #1553a4;
    }

    .personnel-field ul {
        width: 100%;
        float: left;
        margin-top: 8px;
    }

        .personnel-field ul li {
            display: block;
        }

            .personnel-field ul li:not(:last-child) {
                margin-bottom: 4px;
            }

            .personnel-field ul li a {
                color: #333;
                font-size: 18px;
                line-height: 1.4;
                font-weight: 300;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                position: relative;
                padding-left: 20px;
                -webkit-transition: .3s;
                transition: .3s;
            }

                .personnel-field ul li a:before {
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    background: currentColor;
                    width: 5px;
                    height: 5px;
                    border-radius: 50%;
                }

                .personnel-field ul li a:hover {
                    color: #1553a4;
                }

.personnel-social {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding-bottom: 20px;
    text-align: center;
    z-index: 1;
}

    .personnel-social::before {
        content: "";
        z-index: -1;
        border-radius: 0 0 13px 13px;
        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);
        opacity: .7;
        padding-top: 100px;
    }

    .personnel-social a {
        color: #fff;
        width: 37px;
        height: 37px;
        border: 1px solid #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 7px;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .personnel-social a:hover {
            color: #333;
            background: #fff;
        }

        .personnel-social a:last-child {
            margin-right: 0;
        }

        .personnel-social a .icon {
            font-size: 16px;
        }

@media (max-width: 1199px) {
    .personnel-buttons {
        margin-bottom: 10px;
    }
}

.personnel-buttons ul {
    height: 100%;
}

@media (max-width: 1199px) {
    .personnel-buttons ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
    }
}

.personnel-buttons ul li {
    height: 87px;
}

@media (min-width: 1200px) {
    .personnel-buttons ul li:not(:last-child) {
        margin-bottom: 10px;
    }
}

@media (max-width: 1199px) {
    .personnel-buttons ul li {
        margin-right: 15px;
    }
}

.personnel-buttons ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(21, 83, 164, 0.15);
    border-radius: 13px;
    color: #1553a4;
    padding-left: 27px;
    padding-right: 27px;
    -webkit-transition: background .3s;
    transition: background .3s;
}

    .personnel-buttons ul li a:hover {
        background: #1553a4;
        color: #fff;
    }

    .personnel-buttons ul li a .icon {
        font-size: 24px;
        width: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .personnel-buttons ul li a .title {
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0.4px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 15px;
        line-height: 1.4;
    }

.facility-info {
    position: relative;
    margin-bottom: 30px;
}

.facility-cover {
    height: 475px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 10px 20px 40px rgba(73, 82, 91, 0.15);
    box-shadow: 10px 20px 40px rgba(73, 82, 91, 0.15);
    background: black;
}

    .facility-cover._gallery {
        height: auto;
        min-height: 400px;
    }

@media (max-width: 479px) {
    .facility-cover {
        height: 500px;
    }
}

.facility-cover.small {
    height: 300px;
}

.facility-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
}

.facility-body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    z-index: 1;
    padding: 30px 50px;
}

@media (max-width: 479px) {
    .facility-body {
        padding: 20px 30px;
    }
}

.facility-body > .row {
    height: 100%;
}

.facility-body.style-1 {
    padding: 45px 50px;
}

    .facility-body.style-1 .title-large {
        font-size: 32px;
    }

.facility-body._gallery {
    padding: 50px 60px;
}

    .facility-body._gallery:before {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
        background: linear-gradient(transparent, black);
    }

    .facility-body._gallery .row {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

.facility-body:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(70%, black));
    background: linear-gradient(to right, transparent, black 70%);
    opacity: .7;
}

.facility-body .title-large {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .facility-body .title-large {
        text-align: center;
    }
}

@media (max-width: 479px) {
    .facility-body .title-large {
        font-size: 18px;
    }
}

.facility-body .title-large.size-1 {
    font-size: 42px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .facility-body .title-large.size-1 {
        font-size: 36px;
    }
}

@media (max-width: 479px) {
    .facility-body .title-large.size-1 {
        font-size: 28px;
    }
}

.facility-list {
    margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .facility-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .facility-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .facility-list ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .facility-list ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.facility-list ul li:not(:last-child) {
    margin-bottom: 15px;
}

@media (max-width: 479px) {
    .facility-list ul li:not(:last-child) {
        margin-bottom: 10px;
    }
}

.facility-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 10px 15px 10px 20px;
}

@media (max-width: 479px) {
    .facility-list .item {
        padding: 7px 10px 7px 15px;
    }
}

.facility-list .icon {
    color: #1553a4;
    font-size: 24px;
    margin-top: 5px;
}

@media (max-width: 991px) {
    .facility-list .icon {
        font-size: 18px;
    }
}

.facility-list .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
}

    .facility-list .info .title {
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        letter-spacing: 2px;
        font-weight: 900;
        line-height: 1;
    }

@media (max-width: 991px) {
    .facility-list .info .title {
        display: none;
    }
}

.facility-list .info .text {
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4;
    display: inline-block;
    margin-top: 3px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .facility-list .info .text {
        font-size: 12px;
    }
}

.facility-map {
    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: 100%;
}

    .facility-map a {
        color: #fff;
        border-radius: 10px;
        border: 1px solid transparent;
        padding: 20px 25px;
        text-align: center;
        -webkit-transition: .3s;
        transition: .3s;
    }

        .facility-map a:hover {
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

            .facility-map a:hover .icon {
                -webkit-animation-play-state: paused;
                animation-play-state: paused;
            }

    .facility-map .icon {
        font-size: 108px;
        -webkit-animation-name: swingIcon;
        animation-name: swingIcon;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

@media (max-width: 991px) {
    .facility-map .icon {
        font-size: 54px;
    }
}

.facility-map .title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    margin-top: 10px;
}

.video-detail__wrapper {
    background: #134a92;
    min-height: 600px;
    padding-top: calc( 140px + 20px);
    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: 36px;
        font-weight: 800;
        line-height: 1.3;
    }

@media (max-width: 479px) {
    .video-detail__header .title {
        font-size: 28px;
    }
}

@media (max-width: 991px) {
    .video-detail__player {
        -ms-flex-preferred-size: inherit;
        flex-basis: inherit;
    }
}

.video-detail__player iframe {
    width: 100%;
    height: 550px;
}

@media (max-width: 767px) {
    .video-detail__player iframe {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .video-detail__player iframe {
        height: 400px;
    }
}

.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: #1553a4;
    height: 65px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 16p;
    font-weight: 800;
}

    .video-detail__other-videos .heading .all-videos {
        text-transform: capitalize;
        font-size: 12px;
        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: 20px;
    }

.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;
    }

.video-detail__item {
    position: relative;
}

    .video-detail__item:not(:last-child) {
        margin-bottom: 50px;
    }

.video-detail__item-header {
    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;
}

    .video-detail__item-header .title {
        color: #333;
        font-size: 28px;
        font-weight: 800;
        letter-spacing: -0.5px;
        line-height: 1.2;
    }

    .video-detail__item-header .all {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: rgba(73, 82, 91, 0.5);
        font-size: 13px;
        font-weight: 600;
    }

        .video-detail__item-header .all:hover {
            color: #1553a4;
        }

            .video-detail__item-header .all:hover .icon {
                -webkit-transform: scaleX(-1) translateX(-4px);
                transform: scaleX(-1) translateX(-4px);
            }

        .video-detail__item-header .all .icon {
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            margin-left: 7px;
            font-size: 18px;
            color: #1553a4;
            -webkit-transition: .3s;
            transition: .3s;
        }

.activity-info {
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

    .activity-info:after {
        content: "";
        background: rgba(0, 0, 0, 0.12);
        height: 1px;
        position: absolute;
        bottom: 0;
    }

@media (max-width: 991px) {
    .activity-info:after {
        left: 10px;
        right: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .activity-info:after {
        left: 300px;
        right: 300px;
    }
}

@media (min-width: 1200px) {
    .activity-info:after {
        left: 400px;
        right: 400px;
    }
}

@media (min-width: 768px) {
    .activity-info ul li {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media (max-width: 767px) {
    .activity-info ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }

        .activity-info ul li:not(:nth-last-child(-n+2)) {
            margin-bottom: 30px;
        }
}

.activity-info .item {
    text-align: center;
    font-family: "Roboto", sans-serif;
}

    .activity-info .item .icon {
        color: #1553a4;
        font-size: 28px;
    }

@media (max-width: 479px) {
    .activity-info .item .icon {
        font-size: 24px;
    }
}

.activity-info .item .title {
    color: #333;
    font-size: 14px;
    letter-spacing: 0.4px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 1px;
}

@media (max-width: 479px) {
    .activity-info .item .title {
        font-size: 13px;
    }
}

.activity-info .item .text {
    color: #666;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 300;
    display: inline-block;
}

@media (max-width: 479px) {
    .activity-info .item .text {
        font-size: 12px;
    }
}

.activity-info .item a.text {
    position: relative;
}

    .activity-info .item a.text:before {
        content: "";
        background: currentColor;
        height: 1px;
        position: absolute;
        right: 0;
        bottom: -3px;
        left: 0;
        width: 0;
        margin: 0 auto;
        -webkit-transition: width .3s;
        transition: width .3s;
    }

    .activity-info .item a.text:hover:before {
        width: 100%;
    }

.activity-photo {
    border-radius: 13px;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
}

    .activity-photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

@media (min-width: 992px) {
    .activity-description {
        font-size: 18px;
    }
}

.activity-header {
    margin-top: 16px;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .activity-header {
        margin-top: 35px;
    }
}

.activity-header .title {
    font-size: 28px;
    color: #1553a4;
    font-weight: 800;
    margin-bottom: 7px;
    line-height: 1.3;
    text-transform: capitalize;
    letter-spacing: -0.5px;
}

@media (max-width: 479px) {
    .activity-header .title {
        font-size: 24px;
    }
}

.activity-other {
    margin-top: 80px;
}

.book-detail__btn {
    position: fixed;
    right: 0;
    bottom: 100px;
    z-index: 1002;
    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;
    align-items: flex-end;
}

@media (max-width: 767px) {
    .book-detail__btn {
        bottom: 75px;
    }
}

.book-detail__btn a {
    background: #fe5923;
    color: #fff;
    text-transform: uppercase;
    height: 55px;
    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;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 40px;
    border-radius: 10px 0 0 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media (max-width: 767px) {
    .book-detail__btn a {
        font-size: 12px;
        padding-right: 25px;
        height: 45px;
    }
}

.book-detail__btn a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: -1;
    -webkit-transition: width .3s;
    transition: width .3s;
}

.book-detail__btn a:hover:before {
    width: 100%;
}

.book-detail__btn a:not(:last-child) {
    margin-bottom: 10px;
}

.book-detail__btn a._all-books {
    background: #1553a4;
}

.book-detail__btn a .icon {
    margin-right: 15px;
}

@media (max-width: 479px) {
    .book-detail__btn a .icon {
        font-size: 14px;
    }
}

.detail-building__top {
    padding-top: 50px;
    background-color: rgba(239, 242, 247, 0.5);
}

.detail-building__top-left {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 13px;
}

@media (max-width: 991px) {
    .detail-building__top-left {
        margin-bottom: 10px;
    }
}

.detail-building__top-left::after, .detail-building__top-left::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 75%;
    height: 75%;
    opacity: .6;
    pointer-events: none;
}

.detail-building__top-left::after {
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(45%, transparent), to(black));
    background-image: linear-gradient(to bottom right, transparent 45%, black);
}

.detail-building__top-left::before {
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, right bottom, left top, color-stop(45%, transparent), to(black));
    background-image: linear-gradient(to top left, transparent 45%, black);
}

@media (min-width: 1750px) {
    .detail-building__top-cover {
        max-height: 630px;
    }
}

@media (min-width: 1200px) {
    .detail-building__top-cover {
        height: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-building__top-cover {
        height: auto;
    }
}

@media (max-width: 991px) {
    .detail-building__top-cover {
        height: auto;
    }
}

@media (max-width: 479px) {
    .detail-building__top-cover {
        max-height: 300px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .detail-building__top-cover {
        max-height: 425px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .detail-building__top-cover {
        max-height: 540px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-building__top-cover {
        max-height: 420px;
    }
}

.detail-building__top-cover a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

    .detail-building__top-cover a img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.detail-building__top-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .detail-building__top-buttons {
        padding: 2.33vw 3vw;
    }
}

@media (max-width: 991px) {
    .detail-building__top-buttons {
        padding: 5.5vw 7vw;
    }
}

.detail-building__top-buttons .btn:not(:last-child) {
    margin-right: 10px;
}

.detail-building__top-buttons .btn.ui-icon {
    position: relative;
}

    .detail-building__top-buttons .btn.ui-icon .icon {
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        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: 18px;
        font-weight: 900;
        font-family: "Roboto", sans-serif;
        -webkit-transition: .3s;
        transition: .3s;
    }

    .detail-building__top-buttons .btn.ui-icon .text {
        position: absolute;
        top: -40px;
        right: -20px;
        left: -20px;
        background: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
        color: #999;
        text-transform: uppercase;
        height: 32px;
        padding-left: 10px;
        padding-right: 10px;
        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;
        text-align: center;
        line-height: 1.2;
        font-size: 11px;
        font-weight: 900;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transition: .3s;
        transition: .3s;
        z-index: 1;
    }

    .detail-building__top-buttons .btn.ui-icon:hover .icon {
        background-color: #fff;
        color: #666;
    }

    .detail-building__top-buttons .btn.ui-icon:hover .text {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.detail-building__top-play {
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
}

.detail-building__top-summary {
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 50px rgba(102, 102, 102, 0.2);
    box-shadow: 10px 10px 50px rgba(102, 102, 102, 0.2);
    position: relative;
}

    .detail-building__top-summary.pos-sticky {
        top: 100px;
    }

@media (min-width: 1750px) {
    .detail-building__top-summary {
        max-height: 630px;
    }
}

@media (min-width: 1200px) {
    .detail-building__top-summary {
        height: 38vw;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-building__top-summary {
        height: 40vw;
    }
}

@media (max-width: 991px) {
    .detail-building__top-summary {
        height: 70vw;
    }
}

@media (max-width: 479px) {
    .detail-building__top-summary {
        max-height: 300px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .detail-building__top-summary {
        max-height: 425px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .detail-building__top-summary {
        max-height: 540px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-building__top-summary {
        max-height: 420px;
    }
}

@media (min-width: 992px) {
    .detail-building__top-summary {
        padding: 2.33vw 3vw;
        border-radius: 13px;
    }
}

@media (max-width: 991px) {
    .detail-building__top-summary {
        padding: 5.5vw 7vw;
        border-radius: 13px;
    }
}

@media (min-width: 2020px) {
    .detail-building__top-summary {
        padding: 55px 60px;
    }
}

.detail-building__top-summary .tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase;
    color: rgba(153, 153, 153, 0.8);
    font-weight: 500;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 700;
}

    .detail-building__top-summary .tag:not(:last-child) {
        margin-right: 7px;
    }

        .detail-building__top-summary .tag:not(:last-child)::after {
            content: ",";
        }

    .detail-building__top-summary .tag:hover {
        color: #999;
    }

.detail-building__top-summary .title {
    color: #333;
    font-weight: 800;
    letter-spacing: -0.75px;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .detail-building__top-summary .title {
        font-size: 28px;
    }
}

@media (max-width: 479px) {
    .detail-building__top-summary .title {
        font-size: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-building__top-summary .title {
        font-size: 20px;
    }
}

.detail-building__top-summary > .desc {
    line-height: 1.6;
    font-weight: 300;
    margin-top: 1.5vw;
}

@media (min-width: 768px) {
    .detail-building__top-summary .infos {
        margin-top: 2vw;
    }
}

@media (min-width: 1750px) {
    .detail-building__top-summary .infos {
        margin-top: 2vw;
    }
}

@media (max-width: 767px) {
    .detail-building__top-summary .infos {
        margin-top: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .detail-building__top-summary .infos 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: 768px) and (max-width: 991px) {
    .detail-building__top-summary .infos ul li {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 480px) {
    .detail-building__top-summary .infos ul li:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (min-width: 480px) and (min-width: 768px) and (max-width: 991px) {
    .detail-building__top-summary .infos ul li:not(:last-child) {
        margin-right: 10px;
    }
}

@media (min-width: 480px) and (min-width: 992px) and (max-width: 1199px) {
    .detail-building__top-summary .infos ul li:not(:last-child) {
        margin-bottom: 12px;
    }
}

@media (max-width: 479px) {
    .detail-building__top-summary .infos ul li:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (min-width: 1750px) {
    .detail-building__top-summary .infos ul li:not(:last-child) {
        margin-bottom: 20px;
    }
}

.detail-building__top-summary .infos ul li:nth-child(2) .item .icon {
    color: #1553a4;
    background-color: rgba(85, 178, 80, 0.15);
}

.detail-building__top-summary .infos ul li:nth-child(3) .item .icon {
    color: #fe5923;
    background-color: rgba(254, 89, 35, 0.15);
}

.detail-building__top-summary .infos ul li:nth-child(4) .item .icon {
    color: #666;
    background-color: rgba(102, 102, 102, 0.15);
}

.detail-building__top-summary .infos ul li:nth-child(5) .item .icon {
    color: #49525b;
    background-color: rgba(73, 82, 91, 0.15);
}

.detail-building__top-summary .infos .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .detail-building__top-summary .infos .item .icon {
        width: 60px;
        height: 60px;
        border-radius: 13px;
        background-color: rgba(21, 83, 164, 0.1);
        color: #1553a4;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 24px;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-building__top-summary .infos .item .icon {
        width: 40px;
        height: 40px;
        font-size: 14px;
        border-radius: 13px;
    }
}

.detail-building__top-summary .infos .item .desc {
    padding-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-building__top-summary .infos .item .desc {
        padding-left: 10px;
    }
}

@media (min-width: 1750px) {
    .detail-building__top-summary .infos .item .desc {
        padding-left: 20px;
    }
}

.detail-building__top-summary .infos .item .desc .heading {
    color: #333;
    font-weight: 800;
    line-height: 1.1;
}

@media (min-width: 768px) {
    .detail-building__top-summary .infos .item .desc .heading {
        font-size: 14px;
    }
}

@media (max-width: 479px) {
    .detail-building__top-summary .infos .item .desc .heading {
        font-size: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-building__top-summary .infos .item .desc .heading {
        font-size: 12px;
    }
}

.detail-building__top-summary .infos .item .desc .text {
    color: #999;
    font-family: "Roboto", sans-serif;
    margin-top: 5px;
    line-height: 1.3;
    display: block;
}

@media (min-width: 768px) {
    .detail-building__top-summary .infos .item .desc .text {
        font-size: 13px;
    }
}

@media (max-width: 479px) {
    .detail-building__top-summary .infos .item .desc .text {
        font-size: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .detail-building__top-summary .infos .item .desc .text {
        font-size: 11px;
    }
}

.detail-building__top-summary .infos .item .desc a.text:hover {
    color: #666;
}

.detail-building__top-summary .share {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 2.33vw 3vw;
}

.detail-building__bottom {
    background-color: rgba(239, 242, 247, 0.5);
}

@media (min-width: 768px) {
    .detail-building__bottom {
        padding-bottom: 50px;
    }
}

.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: -webkit-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;
}

.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 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.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;
}
.left-sidebar {
    float: left;
    position: fixed;
    top: 75%;
    transform: translateY(-85%);
    left: 0;
    width: 238px;
    background: linear-gradient(90deg, rgb(0 0 0 / 15%) 0%, rgb(0 0 0 / 15%) 76%, rgba(221, 190, 109, 0) 100%);
    z-index: 1;
    text-align: center;
}
.ri-sidebar {
    float: right;
    position: fixed;
    top: 75%;
    transform: translateY(-85%);
    right: 0;
    width: 238px;
    background: linear-gradient(270deg, rgb(0 0 0 / 15%) 0%, rgb(0 0 0 / 15%) 76%, rgba(221, 190, 109, 0) 100%);
    z-index: 1;
    /* height: 100vh; */
    text-align: center;
}
.mbl-menu {
    position: relative;
    display: grid;
}


    .mbl-menu li {
        display: inline-block;
        position: relative;
        margin-bottom: -13px;
    }
        .mbl-menu li:after {
            content: '';
            position: absolute;
            top: -10px;
            left: 50%;
            height: 31px;
            width: 1px;
            background: #ffffff;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            margin-left: 0px;
        }
        
       
            .mbl-menu li a {
            line-height: 150%;
            color: white;
            font-weight: 700;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
            flex: none;
            order: 1;
            align-self: center;
            margin: 0px 60px;
        }
        .mbl-menu li h4 {
            margin-top: 10px;
            color: white;
            font-size: 16px;
            font-weight: 700;
        }
        .mbl-menu li i {
            border-style: double;
            border-radius: 100%;
            border-color: white;
            /* padding: 17px; */
            width: 45px;
            padding: 10px;
            height: 45px;
            color: white;
            font-size: 19px;
            background: #ffffff2e;
        }

.mbl-menu-ri {
    position: relative;
    top: 40%;
    display: grid;
}

    

    .mbl-menu-ri li {
        display: inline-block;
        position: relative;
        margin-bottom: -13px;
    }

        .mbl-menu-ri li a {
            line-height: 150%;
            color: white;
            font-weight: 700;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
            flex: none;
            order: 1;
            align-self: center;
            margin: 0px 60px;
        }

        .mbl-menu-ri li h4 {
            margin-top: 10px;
            color: white;
            font-size: 16px;
            font-weight: 700;
        }

        .mbl-menu-ri li i {
            border-style: double;
            border-radius: 100%;
            border-color: white;
            /* padding: 17px; */
            width: 45px;
            padding: 10px;
            height: 45px;
            color: white;
            font-size: 19px;
            background: #ffffff2e;
        }
.header__bottom_menu {
    right: 0;
    margin-top: -2%;
    position: absolute;
    align-items: center;
    justify-content: space-between;
    display: flex;
    z-index: 4;
}

    .header__bottom_menu .item {
        display: flex;
        margin-right: 8px;
        border-radius: 16px;
        width: 8.5rem;
        position: relative;
        background: #fff;
        box-shadow: 0 2px 13px 0 rgb(66 91 166 / 19%);
        justify-content: center;
        align-items: center;
    }

        .header__bottom_menu .item a {
            display: block;
            text-align: center;
            padding: 5px 0px 0px 0px;
            color: #727272;
            letter-spacing: -0.5px;
            font-size: 13px;
            transition: all 0.2s ease-out;
            height: 5rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

            .header__bottom_menu .item a .img {
                margin-bottom: 5px;
                transition: all 0.2s ease-out;
                width: 35%;
            }

            .header__bottom_menu .item a .tit {
                font-weight: 600;
                font-size: 11px;
                color: #425ba6;
            }
@media (max-width: 479px) {
    .header__bottom_menu .item {
        width: 5.2rem;
        margin-top: -35px;
        margin-right: 11px;
    }
}
@media (max-width: 479px) {
    .header__bottom_menu .item a {
        line-height: 13px;
    }
}
@media (max-width: 479px) {
    .header__bottom_menu .item a .tit {
        font-size:8px;
    }
}
.sliding-element {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #333;
    color: white;
    padding: 10px;
    display: flex;
    align-items: center;
    transition: transform 0.5s ease;
}

    .sliding-element img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
        border-radius: 5px;
        transition: transform 0.3s ease;
    }

    .sliding-element:hover img {
        transform: scale(1.2); /* Resmi %20 oranında büyüt */
    }

    .sliding-element .content h3 {
        margin: 0;
        font-size: 16px;
    }

    .sliding-element .content p {
        margin: 5px 0;
        font-size: 12px;
    }

    .sliding-element .social-icons a {
        margin-right: 5px;
        color: white;
        text-decoration: none;
        font-size: 16px;
    }

    .sliding-element:hover {
        transform: translateX(0);
    }

.trapezoid-1 {
    width: 75%;
    height: 80px;
    position: absolute;
    right: 0;
    bottom: -53px;
    left: 12%;
    z-index: 10;
    /* margin-left: 13%; */
    background: #fff;
    clip-path: polygon(5% 100%, 10.5% 0%, 90.5% 0%, 95% 103%);
    border-top: 4px solid #e27d00;
    align-content: center;
    text-align: -webkit-center;
    padding: 1%;
}
    .trapezoid-1 .sect {
        width: 75%;
        display: flex;
        align-items: center;
    }
        .trapezoid-1 .sect i {
            margin-right: 50px;
            color: #f0660a;
            font-size: 20px;
            border: 2px solid #f0660a;
            border-radius: 100%;
            padding: 10px;
        }
        .trapezoid-1 .sect p {
            font-size: 17px;
            color: #f0660a;
            font-weight:600;
            margin-right:50px;
        }

.carousel-container {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.hbr-carousel-slide {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.hbr-carousel-item {
    min-width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.card-hbr {
    background-color: #00000073;
    border-radius: 19px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    text-align: left;
    max-width: 600px;
    margin: 0 auto;
    padding: 10px;
    border:2px solid #fff;
}

    .card-hbr img {
        width: 100%;
        height: auto;
        border-radius: 19px;
        height:150px;
        border:1 pc dashed #fff;
    }

.card-hbr-content {
    padding: 15px;
}

    .card-hbr-content h3 {
        margin: 10px 0;
        font-size: 15px;
        font-weight: 800;
        text-align: center;
        color: white;
    }

    .card-hbr-content p {
        margin: 0;
        font-size: 13px;
        line-height: 15px;
        color: white;
        text-align: justify;
    }
.hbr-kt {
    width: 300px;
    padding-left: 0px;
    padding-top: 0px;
    position: absolute;
    top: 0;
    right: 10%;
    background-size: 100% 100%;
    z-index: 2;
    color: #555555;
    font-size: .91rem;
    transform: translate(0%, -120%);
}
@media (max-width: 479px) {
    .hbr-kt {
        display:none;
    }
}
.carousel-container .ggggs h5{
    font-weight:700;
    color: white;
    padding-bottom:7px;
    padding-top:7px;
    border:1px solid #fff;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    width: 120px;
}