/*DEFAULTV1*/

/*silinen owl*/
 .headlinenews .owl-theme .owl-dots {
     text-align: left;
     display: flex;
     flex-wrap: wrap;
     counter-reset: dots;
}
 @media (max-width: 767px) {
     .headlinenews .owl-theme .owl-dots {
         justify-content: center;
    }
}
 .headlinenews .owl-theme .owl-dots .owl-dot {
     background: #ccd5df;
     width: 42px;
     height: 42px;
     border-radius: 50%;
     text-align: center;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     color: #7a93a9;
     font-size: 16px;
     font-weight: 900;
}
 @media (max-width: 479px) {
     .headlinenews .owl-theme .owl-dots .owl-dot {
         width: 28px;
         height: 28px;
         font-size: 13px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .headlinenews .owl-theme .owl-dots .owl-dot {
         width: 28px;
         height: 28px;
         font-size: 13px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .headlinenews .owl-theme .owl-dots .owl-dot {
         width: 37px;
         height: 37px;
         font-size: 13px;
    }
}
 .headlinenews .owl-theme .owl-dots .owl-dot:not(:last-child) {
     margin-right: 6px;
}
 @media (max-width: 479px) {
     .headlinenews .owl-theme .owl-dots .owl-dot:not(:last-child) {
         margin-right: 2px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .headlinenews .owl-theme .owl-dots .owl-dot:not(:last-child) {
         margin-right: 2px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .headlinenews .owl-theme .owl-dots .owl-dot:not(:last-child) {
         margin-right: 2px;
    }
}
 .headlinenews .owl-theme .owl-dots .owl-dot.active, .headlinenews .owl-theme .owl-dots .owl-dot:hover {
     background: #fe7e00;
     color: #fff;
}
 .headlinenews .owl-theme .owl-dots .owl-dot.active {
     box-shadow: 0 0 20px rgba(94, 120, 143, 0.3);
}
 .headlinenews .owl-theme .owl-dots .owl-dot:before {
     counter-increment: dots;
     content: counter(dots);
}
 .headlinenews .owl-theme .owl-dots .owl-dot span {
     display: none;
}
 .projects .owl-theme .owl-nav {
     margin-left: auto;
     margin-right: auto;
     display: flex;
     justify-content: space-between;
     align-items: center;
     max-width: 100px;
     width: 100%;
     background: rgba(122, 147, 169, 0.7);
     box-shadow: 0 0 50px rgba(122, 147, 169, 0.7);
     border-radius: 20px;
     position: absolute;
     z-index: 2;
}
 @media (min-width: 480px) {
     .projects .owl-theme .owl-nav {
         right: 0;
         left: 0;
    }
}
 @media (max-width: 479px) {
     .projects .owl-theme .owl-nav {
         right: 0;
         left: 0;
        /*max-width: 300px;
         bottom: calc(-1 * 55px);
        */
    }
}
 .projects .owl-theme .owl-nav [class*="owl-"] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: rgba(0, 0, 0, 0);
     margin: 0;
     border-radius: 20px;
     width: 65px;
     transition: 0.2s;
}
 @media (min-width: 480px) {
     .projects .owl-theme .owl-nav [class*="owl-"] {
         height: 60px;
         font-size: 24px;
    }
}
 @media (max-width: 479px) {
     .projects .owl-theme .owl-nav [class*="owl-"] {
         height: 55px;
         font-size: 20px;
    }
}
 .projects .owl-theme .owl-nav [class*="owl-"]:hover {
     background: #5e788f;
}
 .projects-buttons {
     text-align: center;
}
 .projects-buttons a {
     position: relative;
     z-index: 1;
     display: inline-flex;
     height: 60px;
     align-items: center;
     padding-left: 50px;
     padding-right: 50px;
     border-radius: 20px;
     background-color: #5e788f;
     color: #fff;
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 800;
     transition: 0.3s;
}
 @media (max-width: 479px) {
     .projects-buttons a {
         font-size: 14px;
         padding-left: 20px;
         padding-right: 20px;
         height: 55px;
    }
}
 @media (min-width: 480px) {
     .projects-buttons a {
         height: 60px;
    }
}
 .projects-buttons a:hover {
     background-color: #455f76;
}
 body.compensate-for-scrollbar {
     overflow: hidden;
}
 .buttons-container.ui-center {
     text-align: center;
     width: 100%;
}
 .buttons-container .btn {
     position: relative;
     z-index: 1;
}
 .buttons-container .btn-group {
     background-color: rgba(122, 147, 169, 0.15);
     margin-left: -10px;
     padding-left: 25px;
     padding-right: 20px;
     display: inline-flex;
     align-items: center;
     border-top-right-radius: 11px;
     border-bottom-right-radius: 11px;
     text-transform: uppercase;
     font-weight: 900;
     letter-spacing: 0.3px;
     color: #7a93a9;
     transition: 0.3s;
}
 .buttons-container .btn-group:not([class*="ui-size-small-"]) {
     height: 45px;
     font-size: 13px;
}
 .buttons-container .btn-group.ui-size-small-1 {
     height: 40px;
     font-size: 12px;
}
 .buttons-container .btn-group:hover {
     background-color: rgba(122, 147, 169, 0.25);
}
 .button {
     display: inline-flex;
     align-items: center;
     justify-content: space-between;
     font-family: inherit;
     text-align: center;
     letter-spacing: 0.3px;
     line-height: 1.2;
     outline: 0;
     text-transform: uppercase;
     border-radius: 11px;
     color: #fff;
     position: relative;
     font-weight: 900;
     z-index: 1;
     overflow: hidden;
     transition: 0.4s;
     background: #035e71;
}
 .button:not([class*="ui-size-"]) {
     padding-left: 25px;
     padding-right: 25px;
     font-size: 14px;
     height: 55px;
}
 .button:not([class*="ui-size-"]) .icon {
     font-size: 24px;
}
 .button:not([class*="ui-size-"]) .icon:not([class*="ui-margin-"]) {
     margin-left: 17px;
}
 .button:not([class*="ui-size-"]) .icon.ui-margin-right {
     margin-right: 17px;
}
 .button.ui-size-small {
     padding-left: 20px;
     padding-right: 20px;
     font-size: 13px;
     height: 50px;
}
 .button.ui-size-small .icon {
     margin-left: 13px;
     font-size: 20px;
}
 .button.ui-size-small-1 {
     padding-left: 15px;
     padding-right: 15px;
     font-size: 12px;
     height: 35px;
}
 .button .icon {
     transition: 0.3s;
}
 .button.ui-min-width {
     min-width: 180px;
}
 .button.ui-full-width {
     width: 100%;
}
 .button:hover .icon:not([class*="ui-no-hover-"]) {
     transform: scale(1.1) translateX(3px);
}
 .button:hover .icon.ui-no-hover-translate {
     transform: scale(1.1);
}
 .button:not([class*="ui-color-"]):hover {
     background: #035e71;
}
 .button.ui-color-dark {
     background: #000;
}
 .button.ui-color-wp {
     background: #25d366;
}
 .button.ui-color-wp .icon {
     color: #25d366;
}
 .button.ui-color-1 {
     background: #fe7e00;
}
 .button.ui-color-2 {
     background-color: #dbe2e7;
     color: #5e788f;
}
 .button.ui-color-2:hover {
     background-color: #fff;
     box-shadow: 0 0 20px rgba(94, 120, 143, 0.1);
}
 .button-border {
     display: inline-flex;
     align-items: center;
     justify-content: space-between;
     font-family: inherit;
     text-align: center;
     letter-spacing: 0.3px;
     line-height: 1.2;
     outline: 0;
     text-transform: uppercase;
     border-radius: 11px;
     color: #fff;
     position: relative;
     font-weight: 900;
     z-index: 1;
     overflow: hidden;
     transition: 0.4s;
     border: 1px solid #fff;
}
 .button-border:not([class*="ui-size-"]) {
     padding-left: 25px;
     padding-right: 25px;
     font-size: 14px;
     height: 55px;
}
 .button-border:not([class*="ui-size-"]) .icon {
     font-size: 24px;
}
 .button-border:not([class*="ui-size-"]) .icon:not([class*="ui-margin-"]) {
     margin-left: 17px;
}
 .button-border:not([class*="ui-size-"]) .icon.ui-margin-right {
     margin-right: 17px;
}
 .button-border.ui-size-small {
     padding-left: 20px;
     padding-right: 20px;
     font-size: 13px;
     height: 50px;
}
 .button-border.ui-size-small .icon {
     margin-left: 13px;
     font-size: 20px;
}
 .button-border.ui-size-small-1 {
     padding-left: 15px;
     padding-right: 15px;
     font-size: 12px;
     height: 35px;
}
 .button-border .icon {
     transition: 0.3s;
}
 .button-border.ui-min-width {
     min-width: 180px;
}
 .button-border.ui-full-width {
     width: 100%;
}
 .button-border:hover .icon:not([class*="ui-no-hover-"]) {
     transform: scale(1.1) translateX(3px);
}
 .button-border:hover .icon.ui-no-hover-translate {
     transform: scale(1.1);
}
 .button-border.ui-border-dark {
     color: #5e788f;
     border-width: 2px;
     border-style: solid;
     border-color: rgba(94, 120, 143, 0.1);
}
 .button-border.ui-border-dark:hover {
     border-color: rgba(94, 120, 143, 0.2);
}
 .button-border.ui-border-dark .icon {
     color: #5e788f;
}
 .button-border.ui-color-2 {
     color: #fe7e00;
     border: 2px solid #fe7e00;
}
 .button-border.ui-color-2 .icon {
     color: #fe7e00;
}
 .button-line {
     display: inline-flex;
     align-items: center;
     text-transform: uppercase;
     font-weight: 900;
     position: relative;
     transition: 0.3s;
}
 .button-line:hover .icon {
     transform: scale(1.1) translateX(3px);
}
 .button-line .icon {
     transition: 0.3s;
}
 .button-line:not([class*="ui-size-"]) {
     letter-spacing: 0.3px;
     font-size: 16px;
}
 .button-line:not([class*="ui-size-"]) .icon {
     margin-left: 15px;
     font-size: 20px;
}
 .button-line.ui-size-small {
     font-size: 14px;
}
 .button-line.ui-size-small .icon {
     font-size: 18px;
     margin-left: 10px;
}
 .button-line:not([class*="ui-color-"]) {
     color: #fff;
}
 .button-line:not([class*="ui-color-"]) .icon {
     color: #fff;
}
 .button-line.ui-color-dark {
     color: #5e788f;
}
 .button-line.ui-color-dark .icon {
     color: #5e788f;
}
 .button-icon {
     display: inline-flex;
     align-items: center;
     justify-content: space-between;
     background: #fff;
     font-family: inherit;
     border-radius: 11px;
     box-shadow: 0px 6px 15px 2px rgba(94, 120, 143, 0.1);
     padding-right: 5px;
}
 .button-icon:not([class*="ui-size-"]) {
     height: 55px;
     letter-spacing: 0.3px;
     padding-left: 25px;
}
 .button-icon:not([class*="ui-size-"]) .button-icon__text {
     font-size: 14px;
     line-height: 1.4;
}
 .button-icon:not([class*="ui-size-"]) .icon {
     width: 44px;
     height: 44px;
     font-size: 22px;
     margin-left: 25px;
}
 .button-icon.ui-size-small {
     height: 45px;
     letter-spacing: 0.1px;
}
 @media (min-width: 480px) {
     .button-icon.ui-size-small {
         padding-left: 20px;
    }
}
 @media (max-width: 479px) {
     .button-icon.ui-size-small {
         padding-left: 15px;
    }
}
 .button-icon.ui-size-small .button-icon__text {
     font-size: 13px;
     line-height: 1.4;
}
 .button-icon.ui-size-small .icon {
     width: 35px;
     height: 35px;
     font-size: 20px;
}
 @media (min-width: 480px) {
     .button-icon.ui-size-small .icon {
         margin-left: 20px;
    }
}
 @media (max-width: 479px) {
     .button-icon.ui-size-small .icon {
         margin-left: 10px;
    }
}
 .button-icon.ui-size-small-1 {
     height: 40px;
     letter-spacing: 0.1px;
     padding-left: 20px;
}
 .button-icon.ui-size-small-1 .button-icon__text {
     font-size: 12px;
}
 .button-icon.ui-size-small-1 .icon {
     width: 30px;
     height: 30px;
     font-size: 16px;
     margin-left: 17px;
}
 .button-icon:not([class*="ui-color-"]) .button-icon__text {
     color: #455f76;
}
 .button-icon:not([class*="ui-color-"]) .icon {
     background-color: #fe7e00;
     box-shadow: 0 5px 15px 0 rgba(254, 126, 0, 0.2);
}
 .button-icon.ui-color-1 .button-icon__text {
     color: #fe7e00;
}
 .button-icon.ui-color-1 .icon {
     background-color: #fe7e00;
     box-shadow: 0 5px 15px 0 rgba(254, 126, 0, 0.2);
}
 .button-icon__text {
     font-weight: 900;
     text-transform: uppercase;
     text-align: left;
     flex: 1;
}
 .button-icon .icon {
     border-radius: 11px;
     align-items: center;
     justify-content: center;
     color: #fff;
     transition: 0.3s;
}
 .button-icon .icon.is-live {
     animation: backgroundToggle ease-in-out 0.5s infinite alternate;
}
 .button-icon:hover .icon {
     background: #035e71;
     box-shadow: 0 5px 15px 0 rgba(3, 94, 113, 0.35);
}
 label.checkbox {
     display: inline-flex;
     align-items: center;
     cursor: pointer;
}
 label.checkbox:not(:last-child) {
     margin-bottom: 7px;
}
 label.checkbox.is-error .checkbox {
     border: 2px solid red !important;
}
 label.checkbox.is-error .text {
     color: red !important;
}
 label.checkbox.is-error .text a {
     color: red !important;
}
 label.checkbox.is-active .checkbox::before {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
}
 label.checkbox.is-active .text {
     font-weight: 700;
     color: #5e788f;
}
 label.checkbox input {
     z-index: -1;
     position: absolute;
     left: 8px;
     opacity: 0;
}
 label.checkbox .checkbox {
     display: inline-flex;
     width: 20px;
     height: 20px;
     background: none;
     border: 2px solid rgba(94, 120, 143, 0.2);
     border-radius: 5px;
     transition: 0.2s;
     position: relative;
}
 label.checkbox .checkbox::before {
     content: "✓";
     position: absolute;
     top: -2px;
     left: 3px;
     line-height: 0.7;
     font-size: 20px;
     transform: scale(0);
     color: #fe7e00;
     opacity: 0;
     visibility: hidden;
     transition: 0.2s;
}
 label.checkbox .text {
     color: #5e788f;
     flex: 1;
     font-size: 13px;
     line-height: 1.3;
     padding-left: 8px;
     margin-top: 2px;
     transition: 0.3s;
}
 label.checkbox .text span {
     color: rgba(122, 147, 169, 0.7);
     margin-left: 5px;
}
 label.checkbox .text a {
     font-weight: 800;
     color: #455f76;
}
 label.checkbox input:checked + .checkbox::before {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
}
 label.checkbox input:checked + .checkbox + .text {
     font-weight: 700;
     color: #5e788f;
}
 label.radio {
     display: inline-flex;
     align-items: center;
}
 label.radio input {
     position: absolute;
     left: -9999px;
}
 label.radio .radio {
     display: inline-flex;
     width: 24px;
     height: 24px;
     background: #fff;
     border: 2px solid rgba(0, 0, 0, 0.08);
     border-radius: 50%;
     transition: 0.2s;
     position: relative;
}
 label.radio .radio:before {
     content: "";
     position: absolute;
     left: 3px;
     right: 3px;
     top: 3px;
     bottom: 3px;
     background: #035e71;
     border-radius: 50%;
     opacity: 0;
     visibility: hidden;
}
 label.radio .text {
     color: #5e788f;
     flex: 1;
     font-size: 14px;
     line-height: 1.2;
     padding-left: 10px;
}
 label.radio .text span {
     color: rgba(122, 147, 169, 0.7);
     margin-left: 5px;
}
 label.radio input:checked + .radio:before {
     opacity: 1;
     visibility: visible;
}
 select.selectbox {
     width: 100%;
     height: 60px;
     border-radius: 15px;
     font-family: inherit;
     padding-left: 25px;
     padding-right: 25px;
     border: 1px solid rgba(0, 0, 0, 0);
     color: rgba(94, 120, 143, 0.8);
     font-size: 14px;
     font-weight: 600;
     background: rgba(219, 226, 231, 0.5);
     transition: 0.3s;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     cursor: pointer;
     position: relative;
}
 select.selectbox:focus {
     outline: 0;
     background-color: #fff;
     border: 1px solid rgba(94, 120, 143, 0.1);
}
 select.selectbox::-moz-placeholder {
     color: rgba(94, 120, 143, 0.8);
}
 select.selectbox::placeholder {
     color: rgba(94, 120, 143, 0.8);
}
 select.selectbox:before {
     content: "";
}
 select.selectbox:focus + .icon.arrow {
     transform: translateY(-50%) rotate(-90deg);
}
 .MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
     box-sizing: inherit;
}
 .popup {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-color: rgba(2, 47, 57, 0.8);
     z-index: 2000;
     display: flex;
     padding-left: 20px;
     padding-right: 20px;
     justify-content: center;
     transition: 0.3s;
}
 .popup:not(.is-visible) {
     opacity: 0;
     visibility: hidden;
}
 .popup-wrapper {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     transition: 0.3s;
}
 .popup-wrapper:not(.is-visible) {
     opacity: 0;
     visibility: hidden;
     transform: translateY(100px);
}
 .popup-content {
     width: 700px;
     max-width: 100%;
     display: table-cell;
     text-align: center;
     position: relative;
     overflow: hidden;
     border-radius: 20px;
}
 @media (max-width: 991px) {
     .popup-content {
         height: auto;
    }
}
 .popup-content img {
     width: 100%;
}
 .popup-close {
     position: absolute;
     top: -15px;
     right: -15px;
     width: 45px;
     height: 45px;
     border-radius: 999px;
     background: #fff;
     font-size: 24px;
     z-index: 12;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: 0.3s;
}
 .popup-close::before, .popup-close::after {
     content: "";
     position: absolute;
     background: #4f8e9c;
     height: 2px;
     width: 24px;
}
 .popup-close::before {
     transform: rotate(45deg);
}
 .popup-close::after {
     transform: rotate(-45deg);
}
 .popup-close:hover {
     background: #fe7e00;
}
 .popup-close:hover::before, .popup-close:hover::after {
     background: #fff;
}
 .fixed-btn {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     position: fixed;
     border: 5px solid #fff;
     width: 65px;
     height: 65px;
     border-radius: 100%;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
     text-align: center;
     color: #fff;
     z-index: 990;
     transition: 0.3s;
}
 @media (min-width: 480px) {
     .fixed-btn {
         right: 25px;
    }
}
 @media (max-width: 479px) {
     .fixed-btn {
         right: 12px;
    }
}
 .fixed-btn::before, .fixed-btn::after {
     content: "";
     position: absolute;
     border-radius: 100%;
     animation: pulsate 1.5s ease-out;
     animation-iteration-count: infinite;
     opacity: 0;
}
 .fixed-btn:not([class*="ui-"]) {
     bottom: 150px;
}
 .fixed-btn.ui-wp {
     background: #25d366;
}
 @media (min-width: 768px) {
     .fixed-btn.ui-wp {
         bottom: 180px;
    }
}
 @media (max-width: 767px) {
     .fixed-btn.ui-wp {
         bottom: 135px;
    }
}
 .fixed-btn.ui-wp::before, .fixed-btn.ui-wp::after {
     background: rgba(37, 211, 102, 0.1);
}
 .fixed-btn.ui-search {
     background: #79a45a;
}
 @media (min-width: 768px) {
     .fixed-btn.ui-search {
         bottom: 107px;
    }
}
 @media (max-width: 767px) {
     .fixed-btn.ui-search {
         bottom: 135px;
         display: none;
    }
}
 .fixed-btn.ui-search::before, .fixed-btn.ui-search::after {
     background: rgba(121, 164, 90, 0.1);
}
 .fixed-btn.ui-search .icon {
     font-size: 24px;
}
 .fixed-btn.ui-support {
     background: #035e71;
}
 @media (min-width: 480px) {
     .fixed-btn.ui-support {
         bottom: 35px;
    }
}
 @media (max-width: 479px) {
     .fixed-btn.ui-support {
         bottom: 68px;
    }
}
 .fixed-btn.ui-support::before, .fixed-btn.ui-support::after {
     background: rgba(3, 94, 113, 0.1);
}
 .fixed-btn::before {
     width: 80px;
     height: 80px;
}
 .fixed-btn::after {
     width: 100px;
     height: 100px;
}
 .fixed-btn .icon {
     font-size: 28px;
}
 .fixed-btn.is-active {
     transform: translateY(-70px);
}
 .headlinenews {
     position: relative;
}
 @media (max-width: 767px) {
     .headlinenews {
         text-align: center;
    }
}
 .headlinenews .owl-headlinenews {
     position: relative;
}
 @media (min-width: 768px) {
     .headlinenews .owl-headlinenews .owl-dots {
         right: 0;
         bottom: 100px;
         width: 50%;
         padding-left: 20px;
         position: absolute;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .headlinenews .owl-headlinenews .owl-dots {
         padding-left: 10px;
         bottom: 40px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .headlinenews .owl-headlinenews .owl-dots {
         bottom: 40px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .headlinenews .owl-headlinenews .owl-dots {
         padding-left: 10px;
    }
}
 @media (max-width: 767px) {
     .headlinenews .owl-headlinenews .owl-dots {
         margin-top: 0 !important;
    }
}
 .headlinenews .owl-headlinenews .owl-item .item {
     margin-top: 30px;
     margin-bottom: 30px;
     transition: 0.3s;
}
 .headlinenews .owl-headlinenews .owl-item:not(.active) .item {
     opacity: 0;
     visibility: hidden;
}
 .headlinenews .owl-headlinenews .owl-item:not(.active) .headlinenews-description .title, .headlinenews .owl-headlinenews .owl-item:not(.active) .headlinenews-description .text, .headlinenews .owl-headlinenews .owl-item:not(.active) .headlinenews-description .buttons-container {
     transform: translateY(-30px);
     opacity: 0;
}
 .headlinenews .owl-headlinenews .owl-item .headlinenews-description .title {
     transition: 0.4s 0.1s;
}
 .headlinenews .owl-headlinenews .owl-item .headlinenews-description .text {
     transition: 0.4s 0.2s;
}
 .headlinenews .owl-headlinenews .owl-item .headlinenews-description .buttons-container {
     transition: 0.4s 0.3s;
}
 .headlinenews-photo {
     height: 450px;
}
 @media (max-width: 479px) {
     .headlinenews-photo {
         height: 75vw;
         max-height: 300px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .headlinenews-photo {
         height: 75vw;
         max-height: 455px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .headlinenews-photo {
         height: 350px;
    }
}
 .headlinenews-photo a {
     display: block;
     position: relative;
     height: 100%;
     overflow: hidden;
     border-radius: 11px;
     background-color: #fff;
     box-shadow: 0 0 30px rgba(69, 95, 118, 0.15);
     padding: 13px;
     border-radius: 11px;
}
 @media (max-width: 479px) {
     .headlinenews-photo a {
         padding: 8px;
    }
}
 .headlinenews-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 11px;
}
 @media (max-width: 767px) {
     .headlinenews-description {
         padding-top: 25px;
         text-align: center;
    }
}
 @media (min-width: 768px) {
     .headlinenews-description {
         display: flex;
         flex-direction: column;
         justify-content: center;
    }
}
 @media (min-width: 992px) {
     .headlinenews-description {
         height: 340px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .headlinenews-description {
         height: 310px;
    }
}
 .headlinenews-description .title {
     color: rgba(69, 95, 118, 0.9);
     font-size: 36px;
     font-family: "Cerebri Sans Heavy", sans-serif;
     line-height: 1.3;
     text-transform: uppercase;
     letter-spacing: -1.2px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 92px;
}
 @media (max-width: 479px) {
     .headlinenews-description .title {
         font-size: 20px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .headlinenews-description .title {
         font-size: 28px;
    }
}
 .headlinenews-description .text {
     font-size: 16px;
     color: #5e788f;
     margin-top: 10px;
     line-height: 1.45;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 69px;
}
 @media (max-width: 479px) {
     .headlinenews-description .text {
         font-size: 14px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .headlinenews-description .text {
         font-size: 14px;
    }
}
 .headlinenews-description .date {
     margin-top: 15px;
     color: rgba(122, 147, 169, 0.7);
     font-size: 12px;
}
 .headlinenews-description .date .icon {
     font-size: 12px;
     margin-right: 5px;
}
 .headlinenews-description .buttons-container {
     margin-top: 25px;
}
 @media (max-width: 767px) {
     .headlinenews-description .buttons-container {
         justify-content: center;
    }
}
 @media (max-width: 479px) {
     .headlinenews-description .buttons-container .button-icon {
         padding-left: 15px;
    }
}
 @media (max-width: 479px) {
     .headlinenews-description .buttons-container .button-icon__text {
         font-size: 11px;
    }
}
 @media (max-width: 479px) {
     .headlinenews-description .buttons-container .btn-group {
         font-size: 11px;
         margin-left: -10px;
         padding-left: 20px;
         padding-right: 15px;
    }
}
 .headlinenews-description .buttons-container .date {
     margin-left: 15px;
}
 .headlinenews-all {
     z-index: 2;
     display: inline-flex;
     align-items: center;
     background-color: #035e71;
     height: 42px;
     border-radius: 15px;
     padding-left: 20px;
     padding-right: 20px;
     text-transform: uppercase;
     color: #fff;
     padding-top: 2px;
     font-size: 14px;
     font-weight: 900;
}
 @media (min-width: 768px) {
     .headlinenews-all {
         position: absolute;
         right: 50px;
         bottom: 100px;
    }
}
 @media (max-width: 767px) {
     .headlinenews-all {
         margin-top: 20px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .headlinenews-all {
         height: 28px;
         font-size: 11px;
         padding-left: 10px;
         padding-right: 10px;
         bottom: 41px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .headlinenews-all {
         bottom: 40px;
         height: 37px;
         padding-left: 10px;
         padding-right: 10px;
         font-size: 12px;
         border-radius: 11px;
    }
}
 .headlinenews-all:hover {
     background-color: #fe7e00;
}
 .headlinenews-all .icon {
     margin-left: 8px;
     margin-top: -3px;
     font-size: 13px;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .headlinenews-all .icon {
         font-size: 10px;
         margin-left: 5px;
    }
}
 .headlinenews-categories {
     position: absolute;
     z-index: 2;
     right: 0;
     bottom: 45px;
     width: 50%;
     padding-left: 20px;
}
 @media (max-width: 1199px) {
     .headlinenews-categories {
         display: none !important;
    }
}
 .headlinenews-other .owl-news .owl-item .item {
     margin-top: 30px;
     margin-bottom: 30px;
     transition: 0.3s;
}
 .headlinenews-other .owl-news .owl-item:not(.active) .item {
     opacity: 0;
     visibility: hidden;
}
 .headlinenews-other .owl-news2 .owl-item .item {
     margin-top: 30px;
     margin-bottom: 30px;
     transition: 0.3s;
}
 .headlinenews-other .owl-news2 .owl-item:not(.active) .item {
     opacity: 0;
     visibility: hidden;
}
 .modal {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 1010;
     background-color: rgba(1, 38, 45, 0.8);
     -webkit-backdrop-filter: blur(2px);
     backdrop-filter: blur(2px);
     transition: 0.4s;
     will-change: opacity;
}
 .modal:not(.is-visible) {
     opacity: 0;
     visibility: hidden;
}
 .modal:not(.ui-no-padding) {
     padding-left: 10px;
     padding-right: 10px;
}
 .modal:not(.ui-no-end) {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
}
 @media (max-width: 767px) {
     .modal:not(.ui-no-end) {
         padding-bottom: 60px;
    }
}
 @media (min-width: 768px) {
     .modal.ui-center {
         display: flex;
         align-items: center;
         justify-content: center;
    }
}
 @media (max-width: 767px) {
     .modal.ui-center {
         overflow-y: auto;
         padding-top: 10px;
         padding-bottom: 10px;
    }
}
 .modal-wrapper:not(.ui-not) {
     background-color: #fff;
     max-width: 100%;
     margin-left: auto;
     margin-right: auto;
     position: relative;
     transition: 0.4s;
     will-change: opacity, transform;
}
 .modal-wrapper:not(.ui-not):not(.is-visible) {
     opacity: 0;
     visibility: hidden;
     transform: translateY(300px);
}
 .modal-header {
     height: 110px;
     padding-left: 40px;
     padding-right: 40px;
     align-items: center;
     justify-content: center;
     position: relative;
     z-index: 1;
}
 @media (max-width: 479px) {
     .modal-header {
         padding-left: 20px;
         padding-right: 20px;
    }
}
 .modal-header::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     height: 1px;
     background-image: radial-gradient( rgba(219, 226, 231, 0.4) 60%, transparent, transparent );
}
 @media (max-width: 767px) {
     .modal-header .section-tab {
         width: 100%;
    }
}
 @media (max-width: 479px) {
     .modal-header .section-tab ul {
         width: calc(100% - 35px);
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .modal-header .section-tab ul {
         width: calc(100% - 15px);
    }
}
 .modal-close {
     position: absolute;
     top: 0;
     right: 0;
}
 .modal-close .btn {
     display: inline-flex;
     width: 55px;
     height: 55px;
     background-color: #035566;
     align-items: center;
     justify-content: center;
     border-top-right-radius: 15px;
     border-bottom-left-radius: 15px;
     transition: 0.3s;
}
 .modal-close .btn:hover {
     background-color: #02424f;
}
 .modal-close .btn .icon {
     color: #fff;
     font-size: 28px;
}
 .modal-container {
     overflow-y: auto;
     scrollbar-color: #fe7e00 rgba(254, 126, 0, 0.2);
     scrollbar-width: thin;
     height: calc(100% - 110px);
}
 .modal-container::-webkit-scrollbar-track {
     background-color: rgba(254, 126, 0, 0.2);
}
 .modal-container::-webkit-scrollbar {
     width: 5px;
}
 .modal-container::-webkit-scrollbar-thumb {
     background-color: #fe7e00;
}
 @media (min-width: 480px) {
     .modal-container {
         padding: 40px;
    }
}
 @media (max-width: 479px) {
     .modal-container {
         padding-right: 20px;
         padding-bottom: 20px;
         padding-left: 20px;
    }
}
 .modal-buttons .modal-wrapper {
     max-height: 90vh;
     min-height: 600px;
     width: 1050px;
     border-top-left-radius: 26px;
     border-top-right-radius: 26px;
}
 .modal-search .modal-wrapper {
     width: 800px;
     height: 700px;
     max-height: 90%;
     overflow: hidden;
     border-radius: 20px;
}
 .modal-search__row {
     height: 100%;
}
 .modal-search__nav {
     flex: 0 0 270px;
     max-width: 270px;
     height: 100%;
     background-color: rgba(254, 126, 0, 0.06);
}
 @media (max-width: 767px) {
     .modal-search__nav {
         display: none;
    }
}
 .modal-search__nav .heading {
     display: flex;
     align-items: center;
     height: 66px;
     padding-left: 25px;
     padding-right: 25px;
     color: #fe7e00;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
 .modal-search__nav .heading .icon {
     color: #fe7e00;
     font-size: 20px;
}
 .modal-search__nav .heading .icon svg {
     fill: #fe7e00;
}
 .modal-search__nav .heading .text {
     padding-left: 10px;
     font-size: 18px;
     letter-spacing: -0.5px;
     font-weight: 900;
     text-transform: uppercase;
}
 .modal-search__nav ul {
     padding-top: 10px;
     padding-bottom: 10px;
}
 .modal-search__nav ul li a {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     padding: 13px 25px;
     color: #fe7e00;
     position: relative;
     z-index: 1;
}
 .modal-search__nav ul li a::after {
     content: "";
     position: absolute;
     top: 0;
     right: 7px;
     bottom: 0;
     left: 7px;
     background-color: #fe7e00;
     border-radius: 11px;
     z-index: -1;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s;
}
 .modal-search__nav ul li a:hover {
     color: #fff;
}
 .modal-search__nav ul li a:hover::after {
     opacity: 1;
     visibility: visible;
}
 .modal-search__nav ul li a .icon {
     opacity: 0.5;
     font-size: 22px;
     width: 24px;
}
 .modal-search__nav ul li a .text {
     flex: 1;
     font-size: 14px;
     font-weight: 600;
     padding-left: 12px;
}
 .modal-search__input {
     height: 66px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
}
 .modal-search__input > .icon {
     position: absolute;
     left: 20px;
     color: #7a93a9;
     font-size: 24px;
     opacity: 0.3;
}
 .modal-search__input input {
     width: 100%;
     height: 100%;
     font-family: inherit;
     color: #7a93a9;
     padding-left: calc(25px + 40px);
     padding-right: 70px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     font-size: 16px;
}
 .modal-search__input input::-moz-placeholder {
     color: #7a93a9;
}
 .modal-search__input input::placeholder {
     color: #7a93a9;
}
 .modal-search__input input:focus + .border {
     width: 100%;
}
 .modal-search__input .border {
     position: absolute;
     right: 0;
     bottom: -1px;
     left: 0;
     height: 2px;
     background-image: linear-gradient(to right, #fe7e00, #ffd8b3);
     width: 0;
     transition: width 0.4s;
}
 .modal-search__input .btn-close {
     position: absolute;
     top: 50%;
     right: 25px;
     transform: translateY(-50%);
     display: inline-flex;
}
 .modal-search__input .btn-close .icon {
     font-size: 24px;
     color: #7a93a9;
     opacity: 0.7;
}
 .modal-search__input .btn-close:hover .icon {
     opacity: 1;
}
 .modal-search__container {
     height: 100%;
     flex: 0 0 calc(100% - 270px);
     max-width: calc(100% - 270px);
}
 @media (max-width: 767px) {
     .modal-search__container {
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 .modal-search__content {
     padding-right: 25px;
     padding-bottom: 25px;
     padding-left: 25px;
     padding-top: 10px;
     height: calc(100% - 66px);
     overflow-y: auto;
     scrollbar-color: #fe7e00 rgba(254, 126, 0, 0.2);
     scrollbar-width: thin;
}
 .modal-search__content::-webkit-scrollbar-track {
     background-color: rgba(254, 126, 0, 0.2);
}
 .modal-search__content::-webkit-scrollbar {
     width: 5px;
}
 .modal-search__content::-webkit-scrollbar-thumb {
     background-color: #fe7e00;
}
 .modal-search__content .list-common ul {
     position: relative;
}
 .modal-search__content .list-common ul::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: #fff;
     z-index: 1;
     height: 25px;
}
 .modal-common__header {
     display: flex;
     align-items: center;
     height: calc(70px + 80px);
}
 @media (min-width: 1750px) {
     .modal-common__header {
         padding-left: 120px;
         padding-right: 120px;
    }
}
 @media (min-width: 768px) {
     .modal-common__header {
         justify-content: space-between;
         padding-left: 50px;
         padding-right: 50px;
    }
}
 @media (max-width: 767px) {
     .modal-common__header {
         justify-content: flex-end;
         padding-left: 10px;
         padding-right: 10px;
    }
}
 .modal-common__header .heading {
     align-items: center;
     color: #fff;
}
 @media (max-width: 767px) {
     .modal-common__header .heading {
         display: none !important;
    }
}
 .modal-common__header .heading .number {
     font-family: "Bebas Neue", cursive;
     font-size: 84px;
     line-height: 1;
     position: relative;
     top: 2px;
}
 .modal-common__header .heading .icon:not(.ui-arrow) {
     font-size: 60px;
}
 .modal-common__header .heading .icon.ui-arrow {
     font-size: 20px;
     margin-left: 30px;
}
 .modal-common__header .heading > .title {
     margin-left: 25px;
     font-size: 54px;
     font-weight: 900;
     letter-spacing: -2px;
}
 .modal-common__header .heading .desc {
     padding-left: 15px;
     text-transform: uppercase;
     color: #fff;
     line-height: 1.1;
}
 .modal-common__header .heading .desc .title {
     font-weight: 900;
     font-size: 32px;
     letter-spacing: -0.3px;
}
 .modal-common__header .heading .desc .text {
     font-weight: 100;
     font-size: 24px;
     letter-spacing: -0.5px;
}
 .modal-common__header .btn-close {
     display: inline-flex;
     position: relative;
     z-index: 10;
}
 .modal-common__header .btn-close .icon {
     color: #fff;
     font-size: 48px;
}
 .modal-common__container {
     padding-top: 2vw;
     padding-bottom: 2vw;
}
 @media (min-width: 768px) {
     .modal-common__container {
         height: calc(100% - calc(70px + 80px));
    }
}
 @media (max-width: 767px) {
     .modal-common__container {
         height: calc(100% - calc(70px + 80px) - 70px);
    }
}
 @media (min-width: 768px) {
     .modal-common__container .card:not([class*="ui-"]) {
         height: calc(100vh - calc(70px + 80px));
    }
}
 @media (max-width: 767px) {
     .modal-common__container .card:not([class*="ui-"]) {
         height: calc(100vh - calc(70px + 80px) - 80px);
    }
}
 .modal-common__container .card.ui-cover {
     height: calc(100vh - calc(70px + 80px) - 20vh);
     max-height: 500px;
}
 .modal-common__container .card-photo {
     height: calc(30% - 2vw);
}
 .modal-common__container .card-footer {
     height: calc(calc(100% - 30%) - 2vw);
}
 @media (min-width: 1750px) {
     .modal-common__container .card-footer {
         height: calc(calc(100% - 30%) - 3vw);
    }
}
 .modal-online .modal-wrapper {
     height: 100%;
     transition: 0.4s;
     will-change: opacity, transform;
}
 .modal-online .modal-wrapper:not(.is-visible) {
     opacity: 0;
     visibility: hidden;
     transform: scale(1.05);
}
 .modal-summary .modal-wrapper {
     height: 100%;
     transition: 0.4s;
     will-change: opacity, transform;
}
 .modal-summary .modal-wrapper:not(.is-visible) {
     opacity: 0;
     visibility: hidden;
     transform: scale(1.05);
}
 .modal-personnel:not(.ui-style-1) .modal-wrapper {
     border-top-left-radius: 26px;
     border-top-right-radius: 26px;
}
 .modal-personnel.ui-style-1 .modal-wrapper {
     border-radius: 26px;
}
 .modal-personnel:not([class*="ui-size-"]) .modal-wrapper {
     max-height: 90vh;
     min-height: 750px;
     width: calc(1300px - 10px);
}
 @media (min-width: 768px) {
     .modal-personnel.ui-size-1 .modal-wrapper {
         height: 595px;
    }
}
 @media (min-width: 1200px) {
     .modal-personnel.ui-size-1 .modal-wrapper {
         width: calc(1300px - 10px);
    }
}
 @media (max-width: 767px) {
     .modal-personnel.ui-size-1 .modal-wrapper {
         width: 390px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .modal-personnel.ui-size-1 .modal-wrapper {
         width: calc(768px - 10px);
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .modal-personnel.ui-size-1 .modal-wrapper {
         width: calc(992px - 10px);
    }
}
 .modal-personnel__wrapper {
     height: 100%;
}
 .modal-personnel__row {
     height: 100%;
     overflow: hidden;
}
 .modal-personnel__row > div {
     height: 100%;
}
 .modal-personnel__sidebar {
     height: 100%;
     padding-top: 30px;
     padding-bottom: 30px;
     padding-left: 30px;
}
 @media (max-width: 767px) {
     .modal-personnel__sidebar {
         padding-right: 30px;
    }
}
 .modal-personnel__card {
     height: 100%;
     position: relative;
}
 .modal-personnel__card-cover {
     overflow: hidden;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
}
 .modal-personnel__card-cover:not(.ui-style-default) {
     height: 70%;
}
 @media (min-width: 768px) {
     .modal-personnel__card-cover.ui-style-default {
         height: 450px;
    }
}
 @media (max-width: 767px) {
     .modal-personnel__card-cover.ui-style-default {
         height: auto;
    }
}
 .modal-personnel__card-cover.ui-style-default:empty {
     background-color: rgba(219, 226, 231, 0.5);
     min-height: 400px;
}
 .modal-personnel__card-cover.ui-style-default img {
     -o-object-position: center 0;
     object-position: center 0;
}
 .modal-personnel__card-cover img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .modal-personnel__card-body:not(.ui-style-default) {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 1;
     padding: 40px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
}
 .modal-personnel__card-body:not(.ui-style-default)::after {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-image: linear-gradient(transparent, #023844 65%);
     border-radius: 20px;
     opacity: 1;
}
 .modal-personnel__card-body:not(.ui-style-default) > .title, .modal-personnel__card-body:not(.ui-style-default) > .rank {
     color: #fff;
     text-transform: uppercase;
     line-height: 1;
}
 .modal-personnel__card-body:not(.ui-style-default) > .title {
     letter-spacing: -1px;
     font-weight: 900;
     font-size: 40px;
}
 .modal-personnel__card-body:not(.ui-style-default) > .rank {
     letter-spacing: 2px;
     font-size: 18px;
     font-weight: 300;
     margin-top: 5px;
}
 .modal-personnel__card-body.ui-style-default {
     background-color: #035e71;
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
     padding: 20px 30px;
     text-align: center;
     color: #fff;
     line-height: 1.4;
}
 .modal-personnel__card-body.ui-style-default > .title {
     text-transform: uppercase;
     font-weight: 900;
}
 @media (min-width: 480px) {
     .modal-personnel__card-body.ui-style-default > .title {
         font-size: 20px;
    }
}
 @media (max-width: 479px) {
     .modal-personnel__card-body.ui-style-default > .title {
         font-size: 18px;
    }
}
 .modal-personnel__card-body.ui-style-default > .rank {
     font-size: 14px;
     opacity: 0.7;
}
 @media (min-width: 480px) {
     .modal-personnel__card-body.ui-style-default > .rank {
         font-size: 14px;
    }
}
 @media (max-width: 479px) {
     .modal-personnel__card-body.ui-style-default > .rank {
         font-size: 12px;
    }
}
 .modal-personnel__card-social {
     margin-top: 20px;
}
 .modal-personnel__card-social > a {
     display: inline-flex;
     width: 50px;
     height: 50px;
     border-radius: 11px;
     align-items: center;
     justify-content: center;
     border: 1px solid #fff;
     color: #fff;
     font-size: 18px;
     transition: 0.3s;
}
 .modal-personnel__card-social > a:not(:last-child) {
     margin-right: 7px;
}
 .modal-personnel__card-social > a:hover {
     border: 1px solid #fe7e00;
     background-color: #fe7e00;
     color: #fff;
}
 .modal-personnel__nav {
     padding-top: 30px;
     padding-right: 30px;
}
 .modal-personnel__nav ul li.is-current a {
     background-color: #fe7e00;
     color: #fff;
     box-shadow: 0 0 20px rgba(254, 126, 0, 0.3);
}
 .modal-personnel__nav ul li a {
     background-color: rgba(219, 226, 231, 0.3);
     color: #5e788f;
     font-size: 12px;
     font-weight: 900;
     letter-spacing: -0.3px;
     line-height: 1.35;
     text-transform: uppercase;
     padding-left: 15px;
     padding-right: 15px;
}
 .modal-personnel__nav ul li a, .modal-personnel__nav ul li .btn {
     height: 65px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     width: 100%;
     border-radius: 15px;
     font-family: inherit;
}
 .modal-personnel__nav ul li .btn {
     flex-direction: column;
     background-color: #035566;
     padding-left: 10px;
     padding-right: 10px;
     transition: 0.3s;
}
 .modal-personnel__nav ul li .btn:hover {
     background-color: #024b5a;
}
 .modal-personnel__nav ul li .btn .icon {
     font-size: 32px;
     color: #fff;
}
 .modal-personnel__container {
     padding-left: 30px;
}
 .modal-personnel__container:not(.ui-no-nav) {
     height: calc(100% - 65px - 60px);
}
 .modal-personnel__container.ui-no-nav {
     height: 95%;
}
 @media (min-width: 768px) {
     .modal-personnel__container {
         overflow-y: auto;
         scrollbar-color: #fe7e00 rgba(254, 126, 0, 0.2);
         scrollbar-width: thin;
    }
     .modal-personnel__container::-webkit-scrollbar-track {
         background-color: rgba(254, 126, 0, 0.2);
    }
     .modal-personnel__container::-webkit-scrollbar {
         width: 5px;
    }
     .modal-personnel__container::-webkit-scrollbar-thumb {
         background-color: #fe7e00;
    }
}
 @media (min-width: 768px) {
     .modal-personnel__container {
         margin-top: 15px;
         padding-top: 40px;
         padding-right: 60px;
         padding-bottom: 50px;
    }
}
 @media (max-width: 767px) {
     .modal-personnel__container {
         padding-right: 30px;
         padding-bottom: 30px;
    }
}
 @media (max-width: 767px) {
     .dots-nav {
         display: flex;
         overflow-y: auto;
    }
}
 .dots-nav:not([class*="ui-size-"]) a {
     text-transform: uppercase;
     font-weight: 900;
     min-width: 120px;
     padding: 9px 19px;
     font-size: 13px;
}
 .dots-nav:not([class*="ui-size-"]) a:not(:last-child) {
     margin-right: 7px;
}
 .dots-nav:not([class*="ui-size-"]) a:hover {
     background-color: #fe7e00;
}
 .dots-nav.ui-size-1 a {
     font-size: 12px;
     font-weight: 800;
     padding: 5px 14px;
}
 .dots-nav.ui-size-1 a:not(:last-child) {
     margin-right: 5px;
}
 .dots-nav.ui-size-1 a:hover {
     background-color: #7a93a9;
}
 .dots-nav a {
     background-color: #fff;
     border-radius: 8px;
     color: #455f76;
     display: inline-flex;
     align-items: center;
     transition: 0.3s;
}
 .dots-nav a::before {
     content: "";
     display: inline-flex;
     width: 6px;
     height: 6px;
     border-radius: 20px;
     background-color: currentColor;
     opacity: 0.15;
     margin-right: 10px;
}
 .dots-nav a.is-current {
     color: #fe7e00;
}
 .dots-nav a:hover {
     color: #fff;
}
 .days-nav:not([class*="ui-size-"]) .item a .title {
     font-size: 28px;
}
 .days-nav:not([class*="ui-size-"]) .item a .text {
     font-size: 16px;
}
 .days-nav.ui-size-1 .item a .title {
     font-size: 20px;
}
 .days-nav.ui-size-1 .item a .text {
     font-size: 13px;
}
 .days-nav .item {
     position: relative;
}
 .days-nav .item.is-current a {
     color: #fe7e00;
}
 .days-nav .item a {
     display: inline-flex;
     flex-direction: column;
     justify-content: center;
     text-align: left;
     line-height: 1;
     height: 55px;
     padding-left: 15px;
     padding-right: 15px;
     color: #7a93a9;
     position: relative;
     z-index: 1;
     background-color: rgba(219, 226, 231, 0.3);
     border-radius: 11px;
     width: 100%;
}
 .days-nav .item a span {
     display: block;
}
 .days-nav .item a .title {
     font-weight: 800;
     letter-spacing: -1px;
}
 .days-nav .item a .text {
     opacity: 0.7;
}
 .accordion:not(.ui-no-content) > ul > li {
     background: #fff;
     border-radius: 15px;
     border: 1px solid rgba(94, 120, 143, 0.06);
     overflow: hidden;
}
 .accordion:not(.ui-no-content) > ul > li.is-open, .accordion:not(.ui-no-content) > ul > li:hover {
     border: 1px solid rgba(0, 0, 0, 0);
     box-shadow: 0 2px 4px rgba(94, 120, 143, 0.1);
}
 .accordion:not(.ui-no-content) > ul > li.is-open .accordion-header, .accordion:not(.ui-no-content) > ul > li:hover .accordion-header {
     background: rgba(219, 226, 231, 0.3);
}
 .accordion:not(.ui-no-content) > ul > li.is-open .accordion-header .title, .accordion:not(.ui-no-content) > ul > li:hover .accordion-header .title {
     color: #455f76;
}
 .accordion:not(.ui-no-content) > ul > li.is-open .accordion-right > .icon, .accordion:not(.ui-no-content) > ul > li:hover .accordion-right > .icon {
     color: rgba(69, 95, 118, 0.3);
}
 .accordion:not(.ui-no-content) > ul > li.is-open .accordion-right > .icon {
     transform: rotate(-180deg);
}
 .accordion:not(.ui-no-content) > ul > li:hover .accordion-right > .icon {
     transform: scale(1.2) translateX(3px) rotate(-90deg);
}
 .accordion.ui-no-content > ul > li:hover .accordion-right > .icon {
     transform: scale(1.2) translateX(3px);
}
 .accordion.ui-no-content > ul > li a {
     background-color: #fff;
     border-radius: 15px;
     border: 1px solid rgba(94, 120, 143, 0.1);
     box-shadow: 0 2px 4px rgba(94, 120, 143, 0.08);
}
 .accordion.ui-no-content > ul > li a:hover {
     background-color: #fe7e00;
     box-shadow: 5px 5px 30px rgba(254, 126, 0, 0.3);
}
 .accordion.ui-no-content > ul > li a:hover .title {
     color: #fff;
}
 .accordion.ui-no-content > ul > li a:hover .accordion-right > .icon {
     color: rgba(255, 255, 255, 0.5);
}
 .accordion > ul > li {
     margin-bottom: 15px;
}
 .accordion > ul > li:last-child {
     margin-bottom: 0;
}
 .accordion-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
     transition: 0.3s;
}
 @media (min-width: 480px) {
     .accordion-header {
         padding: 25px 30px;
    }
}
 @media (min-width: 480px) and (min-width: 768px) and (max-width: 991px) {
     .accordion-header {
         padding: 20px;
    }
}
 @media (max-width: 479px) {
     .accordion-header {
         padding: 20px;
    }
}
 .accordion-header .title {
     color: #5e788f;
     letter-spacing: -0.5px;
     font-weight: 700;
     line-height: 1.4;
     overflow: hidden;
     max-height: 50px;
}
 @media (min-width: 768px) {
     .accordion-header .title {
         font-size: 18px;
    }
}
 @media (max-width: 479px) {
     .accordion-header .title {
         font-size: 14px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .accordion-header .title {
         font-size: 16px;
    }
}
 .accordion-right {
     margin-left: 30px;
     display: flex;
     align-items: center;
}
 .accordion-right > .icon {
     color: #7a93a9;
     opacity: 0.5;
     transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1);
     transition: 0.3s;
}
 @media (min-width: 480px) {
     .accordion-right > .icon {
         font-size: 16px;
    }
}
 @media (min-width: 480px) and (min-width: 768px) and (max-width: 991px) {
     .accordion-right > .icon {
         font-size: 13px;
    }
}
 @media (max-width: 479px) {
     .accordion-right > .icon {
         font-size: 13px;
    }
}
 .accordion-right .date {
     display: inline-flex;
     align-items: center;
     color: rgba(122, 147, 169, 0.7);
}
 .accordion-right .date .icon {
     font-size: 12px;
     margin-right: 5px;
}
 .accordion-right .date .text {
     font-size: 11px;
}
 .accordion-content {
     display: none;
}
 @media (min-width: 480px) {
     .accordion-content .page-content__description, .accordion-content .page-content__gallery, .accordion-content .page-content__other, .accordion-content .table-list {
         padding-left: 30px;
         padding-right: 30px;
    }
}
 @media (max-width: 479px) {
     .accordion-content .page-content__description, .accordion-content .page-content__gallery, .accordion-content .page-content__other, .accordion-content .table-list {
         padding-left: 20px;
         padding-right: 20px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .accordion-content .page-content__description, .accordion-content .page-content__gallery, .accordion-content .page-content__other, .accordion-content .table-list {
         padding-left: 20px;
         padding-right: 20px;
    }
}
 @media (min-width: 480px) {
     .accordion-content .page-content__photo {
         margin-top: 30px;
    }
}
 @media (max-width: 479px) {
     .accordion-content .page-content__photo {
         margin-top: 20px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .accordion-content .page-content__photo {
         margin-top: 20px;
    }
}
 .accordion-content .page-content__description {
     max-height: 750px;
     overflow-y: auto;
     scrollbar-color: #fe7e00 rgba(254, 126, 0, 0.1);
     scrollbar-width: thin;
}
 .accordion-content .page-content__description::-webkit-scrollbar-track {
     background-color: rgba(254, 126, 0, 0.1);
}
 .accordion-content .page-content__description::-webkit-scrollbar {
     width: 5px;
}
 .accordion-content .page-content__description::-webkit-scrollbar-thumb {
     background-color: #fe7e00;
}
 @media (min-width: 480px) {
     .accordion-content .page-content__description {
         padding-top: 30px;
    }
}
 @media (max-width: 479px) {
     .accordion-content .page-content__description {
         padding-top: 20px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .accordion-content .page-content__description {
         padding-top: 20px;
    }
}
 .pagination {
     justify-content: center;
     display: flex;
}
 .pagination li:not(:last-child) {
     margin-right: 10px;
}
 .pagination li.active a {
     background-color: #5e788f;
     color: #fff;
}
 .pagination li:not(.active) a:hover {
     background-color: #035e71;
     color: #fff;
}
 .pagination li a {
     width: 45px;
     height: 45px;
     border-radius: 15px;
     display: inline-flex;
     background-color: #fff;
     align-items: center;
     justify-content: center;
     color: #7a93a9;
     font-weight: 900;
     font-size: 16px;
     transition: 0.3s;
}
 .js .inputfile {
     width: 0.1px;
     height: 0.1px;
     opacity: 0;
     overflow: hidden;
     position: absolute;
     z-index: -1;
}
 .inputfile + label {
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     font-size: 16px;
     height: 60px;
     overflow: hidden;
     padding-left: 25px;
     padding-right: 25px;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 100%;
     position: relative;
     z-index: 1;
}
 .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 {
     opacity: 0;
     position: absolute;
}
 .inputfile + label svg {
     width: 1em;
     height: 1em;
     vertical-align: middle;
     fill: currentColor;
     margin-top: -0.25em;
     margin-right: 0.25em;
}
 .inputfile-1 + label {
     background: rgba(219, 226, 231, 0.5);
     border: 1px solid rgba(0, 0, 0, 0);
     font-weight: 600;
     color: #7a93a9;
     border-radius: 15px;
     transition: 0.3s;
}
 .inputfile-1 + label:hover {
     border: 1px solid rgba(254, 126, 0, 0.5);
     color: #fe7e00;
}
 .inputfile-1:focus + label, .inputfile-1.has-focus + label, .inputfile-1 + label:hover {
     background: none;
}
 .shortcuts.ui-style-item .shortcuts-card.item {
     height: 95px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     margin-top: 15px;
     margin-bottom: 15px;
}
 .shortcuts.ui-style-item .shortcuts-card.item:hover a {
     height: 100%;
}
 .shortcuts.ui-style-item .shortcuts-card a {
     height: 78px;
     background-color: #fff;
     border-radius: 11px;
     display: flex;
     align-items: center;
     padding-left: 15px;
     padding-right: 15px;
     color: #5e788f;
     box-shadow: 0 0 25px rgba(69, 95, 118, 0.07);
     transition: 0.3s;
}
 .shortcuts.ui-style-item .shortcuts-card a:hover {
     background-color: #035e71;
     color: #fff;
}
 .shortcuts.ui-style-item .shortcuts-card a:hover .icon {
     color: #fff;
}
 .shortcuts.ui-style-item .shortcuts-card .icon {
     color: #fe7e00;
     font-size: 28px;
}
 .shortcuts.ui-style-item .shortcuts-card .desc {
     flex: 1;
     padding-left: 10px;
}
 .shortcuts.ui-style-item .shortcuts-card .desc .title {
     text-transform: uppercase;
     font-size: 13px;
     line-height: 1.25;
     font-weight: 900;
     display: inline-flex;
     flex-wrap: wrap;
}
 .shortcuts.ui-style-item .shortcuts-card .desc .title span:not(:last-child) {
     margin-right: 3px;
}
 .shortcuts.ui-style-item .shortcuts-card .desc .title span:nth-child(even) {
     font-weight: 300;
}
 .shortcuts.ui-style-card .shortcuts-card {
     background-color: #039a36;
     border-radius: 11px;
     padding-top: 35px;
     padding-left: 20px;
     padding-right: 20px;
     text-align: center;
     position: relative;
     z-index: 1;
}
 .shortcuts.ui-style-card .shortcuts-card::before {
     content: "";
     position: absolute;
     top: 50px;
     right: -30px;
     bottom: -20px;
     left: -30px;
     z-index: -1;
     background-image: radial-gradient(closest-side, white, transparent);
     opacity: 0.3;
}
 .shortcuts.ui-style-card .shortcuts-card .icon.ui-figure {
     padding-left: 30px;
     padding-right: 30px;
     padding-bottom: 10px;
     position: relative;
     z-index: 1;
}
 @media (min-width: 1750px) {
     .shortcuts.ui-style-card .shortcuts-card .icon.ui-figure {
         padding-left: 40px;
         padding-right: 40px;
         padding-bottom: 20px;
    }
}
 .shortcuts.ui-style-card .shortcuts-card .icon.ui-figure::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     height: 1px;
     background-image: radial-gradient( rgba(255, 255, 255, 0.2) 50%, transparent, transparent );
}
 .shortcuts.ui-style-card .shortcuts-card .icon.ui-figure img {
     width: 100%;
     height: 100%;
     -o-object-fit: contain;
     object-fit: contain;
     filter: drop-shadow(0 0 40px rgba(0, 0, 0, 0.5));
}
 .shortcuts.ui-style-card .shortcuts-card .title {
     color: #fff;
     font-size: 16px;
     font-weight: 900;
     text-transform: uppercase;
     line-height: 1.3;
     letter-spacing: -0.5px;
     position: relative;
     z-index: 2;
     margin-top: 20px;
     max-width: 150px;
     margin-left: auto;
     margin-right: auto;
}
 .shortcuts.ui-style-card .shortcuts-card .buttons-container {
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     padding-bottom: 6px;
}
 .card {
     position: relative;
}
 .card.ui-cover a {
     display: block;
     position: relative;
     height: 100%;
}
 .card.ui-cover a:hover .card-body::before {
     opacity: 1;
}
 .card-photo {
     overflow: hidden;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     background-color: #024b5a;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .card-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .card-photo .title {
     color: #1c6e7f;
     font-family: "Bebas Neue", cursive;
     line-height: 1;
     font-size: 60px;
     letter-spacing: -2px;
     white-space: nowrap;
}
 .card-footer {
     background-color: #fff;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
     position: relative;
}
 .card-content {
     height: calc(100% - 55px);
     overflow-y: auto;
     scrollbar-color: #fe7e00 rgba(254, 126, 0, 0.2);
     scrollbar-width: thin;
}
 .card-content::-webkit-scrollbar-track {
     background-color: rgba(254, 126, 0, 0.2);
}
 .card-content::-webkit-scrollbar {
     width: 5px;
}
 .card-content::-webkit-scrollbar-thumb {
     background-color: #fe7e00;
}
 @media (min-width: 768px) {
     .card-content {
         padding: 25px 40px 40px 40px;
    }
}
 @media (max-width: 767px) {
     .card-content {
         padding: 25px 30px;
    }
}
 .card-content > .title {
     color: #fe7e00;
     font-size: 16px;
     font-weight: 700;
     letter-spacing: -0.5px;
     line-height: 1.4;
}
 .card-content ul {
     margin-top: 10px;
}
 .card-content ul li:not(:last-child) {
     margin-bottom: 10px;
}
 .card-content ul li a {
     display: block;
     border-radius: 8px;
     box-shadow: 0 2px 7px rgba(69, 95, 118, 0.15);
     border: 1px solid rgba(94, 120, 143, 0.1);
     background-color: #fff;
     padding: 8px 15px;
     transition: 0.3s;
}
 .card-content ul li a:hover {
     background-color: #1c6e7f;
}
 .card-content ul li a:hover .title {
     color: #fff;
}
 .card-content ul li a:hover .text {
     color: #9abfc6;
}
 .card-content ul li a .title {
     font-size: 14px;
     color: #035e71;
     font-weight: 700;
}
 .card-content ul li a .text {
     font-size: 12px;
     color: #7a93a9;
     line-height: 1.4;
     margin-top: 2px;
}
 .card-sub {
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: rgba(254, 126, 0, 0.1);
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
     height: 55px;
     padding-left: 30px;
     padding-right: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .card-sub a {
     color: #fe7e00;
     font-size: 14px;
     font-weight: 900;
     text-transform: uppercase;
}
 .card-cover {
     height: 100%;
     border-radius: 15px;
     overflow: hidden;
}
 .card-cover img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     transform: scale(1.01);
}
 .card-body {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     border-radius: 15px;
     overflow: hidden;
     z-index: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 40px 45px;
}
 .card-body::before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-image: linear-gradient(transparent, #011c22);
     opacity: 0.7;
     transition: 0.3s;
}
 .card-body .play {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateY(-50%) translateX(-50%);
     margin-top: -75px;
     display: inline-flex;
     flex-direction: column;
     align-items: center;
}
 .card-body .play .icon {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     border: 1px solid #fff;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding-left: 5px;
     padding-top: 3px;
     color: #fff;
     font-size: 36px;
}
 .card-body .play .text {
     text-transform: uppercase;
     color: #fff;
     font-family: "Bebas Neue", cursive;
     letter-spacing: 5px;
     font-size: 24px;
     margin-top: 10px;
}
 .card-body .title {
     color: #fff;
     font-family: "Bebas Neue", cursive;
     font-size: 36px;
     line-height: 1.15;
}
 .card-body .title span {
     display: block;
}
 .cards.ui-gap-1 ul {
     row-gap: 30px;
}
 .card-v1 a {
     display: block;
     position: relative;
     border-radius: 11px;
     padding: 11px;
     background-color: #fff;
     box-shadow: 0 0 20px rgba(94, 120, 143, 0.15);
}
 @media (max-width: 479px) {
     .card-v1 a {
         padding: 6px;
    }
}
 .card-v1 a:hover .card-v1-body::before {
     opacity: 0;
     visibility: hidden;
}
 .card-v1 a:hover .card-v1-body::after {
     opacity: 0.85;
     visibility: visible;
}
 .card-v1 a:hover .card-v1-body > .icon {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
}
 .card-v1-item {
     border-radius: 11px;
     overflow: hidden;
     position: relative;
}
 .card-v1-cover {
     height: 215px;
     overflow: hidden;
}
 @media (max-width: 479px) {
     .card-v1-cover {
         height: 150px;
    }
}
 .card-v1-cover img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .card-v1-body {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 20px;
     color: #fff;
}
 @media (max-width: 479px) {
     .card-v1-body {
         padding: 15px 15px 10px 15px;
    }
}
 .card-v1-body::before, .card-v1-body::after {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     transition: 0.4s;
     will-change: opacity;
}
 .card-v1-body::before {
     background-image: linear-gradient(transparent, #023844);
     opacity: 0.8;
}
 .card-v1-body::after {
     background-color: rgba(254, 126, 0, 0.7);
     opacity: 0;
     visibility: hidden;
}
 .card-v1-body .title {
     color: #fff;
     font-size: 16px;
     font-weight: 900;
     line-height: 1.4;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 @media (min-width: 1200px) {
     .card-v1-body .title {
         padding-right: 40px;
    }
}
 @media (max-width: 479px) {
     .card-v1-body .title {
         font-size: 13px;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         overflow: hidden;
         max-height: auto;
    }
}
 .card-v1-body .date {
     font-size: 12px;
     margin-top: 7px;
}
 @media (max-width: 479px) {
     .card-v1-body .date {
         font-size: 11px;
         margin-top: 3px;
    }
}
 .card-v1-body .date .icon {
     font-size: 12px;
}
 @media (max-width: 479px) {
     .card-v1-body .date .icon {
         font-size: 11px;
    }
}
 .card-v1-body > .icon {
     position: absolute;
     align-items: center;
     justify-content: center;
     right: 15px;
     bottom: 15px;
     font-size: 18px;
     width: 40px;
     height: 40px;
     border-radius: 99px;
     border: 1px solid #fff;
     opacity: 0;
     visibility: hidden;
     transform: scale(0.5);
     will-change: opacity, transform;
     transition: 0.3s;
}
 @media (max-width: 479px) {
     .card-v1-body > .icon {
         display: none;
    }
}
 .card-v1-footer {
     height: 55px;
     padding-top: 0;
     padding-left: 6px;
     padding-right: 6px;
     display: flex;
     padding-top: 10px;
     align-items: center;
}
 .card-v1-footer .icon {
     font-size: 36px;
     width: 25px;
     opacity: 0.3;
     margin-right: 13px;
     color: #7a93a9;
}
 @media (max-width: 479px) {
     .card-v1-footer .icon {
         display: none;
    }
}
 .card-v1-footer .title {
     color: #035e71;
     font-size: 14px;
     font-weight: 800;
     line-height: 1.3;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 39px;
}
 @media (max-width: 479px) {
     .card-v1-footer .title {
         font-size: 13px;
    }
}
 .projects.ui-gap-1 ul li {
     margin-bottom: 30px;
}
 .card-v2 a {
     display: block;
     position: relative;
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0 0 50px rgba(69, 95, 118, 0.2);
}
 .card-v2 a:hover .card-v2-overlay {
     opacity: 1;
     visibility: visible;
}
 .card-v2 a:hover .card-v2-overlay .title, .card-v2 a:hover .card-v2-overlay .text, .card-v2 a:hover .card-v2-overlay .number, .card-v2 a:hover .card-v2-overlay .sub {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
}
 .card-v2-photo {
     height: 198px;
     overflow: hidden;
     background-color: #fff;
     border-bottom: 1px solid rgba(94, 120, 143, 0.08);
}
 .card-v2-photo.ui-padding {
     padding: 20px;
}
 .card-v2-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: contain;
     object-fit: contain;
}
 .card-v2-footer {
     background-color: #fff;
     text-align: center;
     padding: 25px 30px;
     height: 165px;
}
 .card-v2-footer .title {
     color: #fe7e00;
     font-size: 18px;
     font-weight: 900;
     letter-spacing: -0.3px;
     line-height: 1.4;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 50px;
}
 .card-v2-footer .text {
     color: #7a93a9;
     font-size: 13px;
     line-height: 1.5;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 59px;
     margin-top: 5px;
}
 .card-v2-overlay {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-color: rgba(254, 126, 0, 0.8);
     -webkit-backdrop-filter: blur(3px);
     backdrop-filter: blur(3px);
     padding: 30px 35px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s;
}
 .card-v2-overlay .title, .card-v2-overlay .text, .card-v2-overlay .number, .card-v2-overlay .sub {
     opacity: 0;
     visibility: hidden;
     transform: translateY(-20px);
}
 .card-v2-overlay .title {
     transition: 0.3s 0.1s;
     color: #fff;
     font-size: 24px;
     font-weight: 900;
     letter-spacing: -0.3px;
     line-height: 1.3;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 .card-v2-overlay .text {
     transition: 0.3s 0.2s;
     color: #fff;
     font-size: 13px;
     line-height: 1.5;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 .card-v2-overlay .number {
     transition: 0.3s 0.3s;
     color: #fff;
     font-family: "Bebas Neue", cursive;
     font-size: 36px;
     line-height: 1.2;
}
 .card-v2-overlay .number span:last-child {
     font-size: 24px;
}
 .card-v2-overlay .sub {
     transition: 0.3s 0.4s;
}
 .card-v2-overlay .sub .icon {
     align-items: center;
     justify-content: center;
     font-size: 18px;
     width: 40px;
     height: 40px;
     border-radius: 99px;
     border: 2px solid #fff;
     color: #fff;
}
 .card-v2-overlay .sub .btn {
     font-size: 13px;
     color: #fff;
     margin-top: 13px;
     text-decoration: underline;
}
 .boxes.ui-gap-1 ul li {
     margin-bottom: 20px;
}
 .boxes:not([class*="ui-no-"]) .boxes-card a {
     padding: 30px 30px calc(50px) 30px;
}
 .boxes.ui-no-date .boxes-card a {
     padding: 30px;
}
 .boxes-card a {
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
     height: 150px;
     border-radius: 15px;
     background-color: #fff;
     box-shadow: 0 0 20px rgba(69, 95, 118, 0.1);
     transition: 0.3s;
}
 .boxes-card a:hover {
     background-color: #035566;
}
 .boxes-card a:hover .title {
     color: #fff;
}
 .boxes-card a:hover .boxes-sub .date, .boxes-card a:hover .boxes-sub .text {
     color: rgba(255, 255, 255, 0.4);
}
 .boxes-card .title {
     color: #455f76;
     font-size: 16px;
     line-height: 1.5;
     font-weight: 800;
     letter-spacing: -0.3px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 50px;
}
 @media (min-width: 1200px) {
     .boxes-card .title {
         padding-right: 20px;
    }
}
 .boxes-sub {
     position: absolute;
     right: 15px;
     bottom: 15px;
     left: 30px;
     align-items: flex-end;
}
 .boxes-sub:not(.ui-justify-end) {
     justify-content: space-between;
}
 .boxes-sub .date, .boxes-sub .text {
     color: rgba(122, 147, 169, 0.7);
     font-size: 12px;
     font-weight: 500;
}
 .boxes-sub .icon {
     width: 25px;
     height: 25px;
     background-color: #fe7e00;
     border-radius: 50%;
     color: #fff;
     align-items: center;
     justify-content: center;
     font-size: 13px;
     padding-left: 2px;
}
 .activities.ui-gap-1 > ul > li {
     margin-bottom: 20px;
}
 .activity-card {
     position: relative;
     display: flex;
     align-items: center;
}
 .activity-card:hover .activity-description {
     background-color: #fff;
}
 .activity-photo {
     background-color: #fff;
     border-radius: 11px;
     box-shadow: 0 0 30px rgba(94, 120, 143, 0.2);
     position: relative;
     z-index: 1;
}
 @media (min-width: 480px) {
     .activity-photo {
         flex: 0 0 150px;
         max-width: 150px;
         padding: 11px;
         height: 220px;
    }
}
 @media (max-width: 479px) {
     .activity-photo {
         flex: 0 0 130px;
         max-width: 130px;
         padding: 7px;
         height: 198px;
         display: none;
    }
}
 .activity-photo a {
     display: block;
     position: relative;
     height: 100%;
}
 .activity-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 11px;
}
 .activity-description {
     display: flex;
     flex-direction: column;
     position: relative;
     background-color: rgba(255, 255, 255, 0.3);
     box-shadow: 0 0 20px rgba(94, 120, 143, 0.1);
     padding-left: 15px;
     padding-right: 10px;
     padding-top: 15px;
     transition: 0.3s;
}
 @media (min-width: 480px) {
     .activity-description {
         flex: 0 0 calc(100% - 150px);
         max-width: calc(100% - 150px);
         height: calc(220px - 30px);
         border-top-right-radius: 11px;
         border-bottom-right-radius: 11px;
    }
}
 @media (max-width: 479px) {
     .activity-description {
         flex: 0 0 100%;
         max-width: 100%;
         border-radius: 11px;
         padding-bottom: 30px;
    }
}
 .activity-description .title {
     color: #fe7e00;
     font-size: 16px;
     letter-spacing: -0.5px;
     font-weight: 800;
     line-height: 1.3;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 42px;
}
 .activity-description .title a {
     color: currentColor;
}
 .activity-description > .icon {
     position: absolute;
     right: 8px;
     bottom: 8px;
     width: 17px;
     height: 17px;
     color: #fe7e00;
     border: 1px solid #fe7e00;
     border-radius: 50%;
     font-size: 10px;
     align-items: center;
     justify-content: center;
}
 .activity-description .more {
     position: absolute;
     right: 12px;
     bottom: 9px;
     color: #fe7e00;
     font-size: 11px;
     line-height: 1;
     font-weight: 700;
}
 .activity-description .infos.ui-style-group {
     margin-top: 12px;
     display: flex;
     flex-wrap: wrap;
}
 .activity-description .infos.ui-style-group .heading {
     width: 100%;
     line-height: 1;
     font-size: 11px;
     color: #fe7e00;
     font-weight: 700;
}
 .activity-description .infos.ui-style-group ul {
     flex: 0 0 50%;
     max-width: 50%;
     margin-top: 5px;
}
 .activity-description .infos ul li:not(:last-child) {
     margin-bottom: 2px;
}
 .activity-description .infos .item {
     font-size: 11px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .activity-description .infos .item .icon {
     font-size: 11px;
     opacity: 0.4;
     width: 12px;
     justify-content: center;
}
 .activity-description .infos .item .text {
     color: #5e788f;
     flex: 1;
     padding-left: 5px;
     padding-right: 10px;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 .activity-description .infos .item a.text:hover {
     color: #fe7e00;
}
 .activity-description .markers {
     display: flex;
     flex-wrap: wrap;
     margin-left: -5px;
     margin-right: -5px;
     margin-top: 8px;
}
 .activity-description .markers .marker-item {
     flex: 0 0 50%;
     max-width: 50%;
     padding-left: 5px;
     padding-right: 5px;
}
 .activity-description .markers .marker-item:not(.is-today) ul {
     border: 1px solid rgba(94, 120, 143, 0.1);
}
 .activity-description .markers .marker-item.is-today {
     position: relative;
}
 .activity-description .markers .marker-item.is-today > .icon {
     align-items: center;
     justify-content: center;
     position: absolute;
     top: -1px;
     right: 5px;
     z-index: 2;
     background-color: #fff;
     width: 20px;
     height: 20px;
     color: #fe7e00;
     border-radius: 15px;
     font-size: 9px;
}
 .activity-description .markers .marker-item.is-today ul {
     border: 3px solid rgba(94, 120, 143, 0.2);
}
 .activity-description .markers .marker-item ul {
     height: 90px;
     position: relative;
     display: flex;
     flex-direction: column;
     overflow: hidden;
     position: relative;
     border-radius: 11px;
     padding: 8px 10px;
}
 .activity-description .markers .marker-item ul li:first-child {
     margin-bottom: 5px;
}
 .activity-description .markers .marker-item ul li .heading {
     font-weight: 800;
     letter-spacing: -0.5px;
     font-size: 12px;
     line-height: 1.3;
     color: #5e788f;
     display: block;
     height: 33px;
     overflow: hidden;
     transition: 0.3s;
}
 .activity-description .markers .marker-item ul li .heading:hover {
     color: #fe7e00;
}
 .activity-description .markers .marker-item .item {
     display: flex;
     align-items: center;
}
 .activity-description .markers .marker-item .item .icon {
     justify-content: center;
     font-size: 11px;
     margin-right: 3px;
     margin-top: -1px;
     opacity: 0.3;
     width: 12px;
}
 .activity-description .markers .marker-item .item .text {
     flex: 1;
     color: #7a93a9;
     font-size: 11px;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 .brand-card a {
     display: block;
     position: relative;
     background-color: #fff;
     border-radius: 15px;
     box-shadow: 0 0 25px rgba(69, 95, 118, 0.1);
     transition: 0.3s;
}
 .brand-card a:hover {
     box-shadow: 0 0 25px rgba(69, 95, 118, 0.25);
}
 .brand-card a:hover .brand-footer .title {
     color: #fe7e00;
}
 .brand-photo {
     height: 100px;
     overflow: hidden;
     padding: 15px;
     position: relative;
     z-index: 1;
}
 .brand-photo::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     height: 1px;
     background-image: radial-gradient( rgba(219, 226, 231, 0.4) 35%, transparent, transparent );
}
 .brand-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: contain;
     object-fit: contain;
}
 .brand-footer {
     text-align: center;
     height: 60px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-left: 10px;
     padding-right: 10px;
}
 .brand-footer .title {
     color: #5e788f;
     font-size: 12px;
     font-weight: 800;
     line-height: 1.4;
     text-transform: uppercase;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
     transition: 0.3s;
}
 .gallery.ui-gap-1 ul li {
     margin-bottom: 20px;
}
 .gallery.ui-gap-1 ul.js-more-list li:not(.ui-not) {
     display: none;
}
 .gallery-card a {
     display: block;
     position: relative;
}
 .gallery-card a:hover .gallery-photo img {
     transform: scale(1.1);
}
 .gallery-photo {
     overflow: hidden;
     /*height: 149px;*/
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0 5px 10px rgba(94, 120, 143, 0.2);
}
 .gallery-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: contain;
     object-fit: contain;
     transition: 1s transform cubic-bezier(0, 0, 0.2, 1);
}
 .gallery-btn {
     background-color: #7a93a9;
     width: 100%;
     height: 140px;
     border-radius: 15px;
     font-family: inherit;
     color: #fff;
     line-height: 1;
     transition: 0.3s;
     display: none;
}
 .gallery-btn:hover {
     background-color: #5e788f;
}
 .gallery-btn .number {
     font-size: 60px;
     font-weight: 900;
}
 .gallery-btn .text {
     font-size: 13px;
     text-transform: uppercase;
     margin-top: 5px;
     opacity: 0.7;
}
 .documents ul li {
     margin-bottom: 30px;
}
 .document-card {
     height: 220px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     box-shadow: 5px 5px 40px rgba(94, 120, 143, 0.1);
     border-radius: 20px;
     padding: 25px 25px 20px 25px;
     transition: 0.3s;
}
 @media (max-width: 1199px) {
     .document-card {
         padding: 20px 20px 15px 20px;
         height: 190px;
    }
}
 .document-card:hover {
     box-shadow: 5px 5px 40px rgba(94, 120, 143, 0.2);
}
 .document-header {
     justify-content: space-between;
     align-items: center;
}
 .document-header .icon {
     width: 60px;
     height: 60px;
     border-radius: 15px;
     align-items: center;
     justify-content: center;
     font-size: 28px;
}
 @media (max-width: 1199px) {
     .document-header .icon {
         width: 50px;
         height: 50px;
         font-size: 24px;
    }
}
 .document-header .icon:not([class*="ui-type-"]) {
     background-color: rgba(94, 120, 143, 0.1);
     color: #5e788f;
}
 .document-header .icon.ui-type-pdf {
     background-color: rgba(223, 33, 33, 0.1);
     color: #df2121;
}
 .document-header .icon.ui-type-jpg, .document-header .icon.ui-type-jpeg, .document-header .icon.ui-type-png, .document-header .icon.ui-type-tiff {
     background-color: rgba(163, 33, 223, 0.1);
     color: #a321df;
}
 .document-header .icon.ui-type-doc, .document-header .icon.ui-type-docx {
     background-color: rgba(33, 138, 223, 0.1);
     color: #218adf;
}
 .document-header .icon.ui-type-ppt, .document-header .icon.ui-type-pptx {
     background-color: rgba(223, 33, 33, 0.1);
     color: #df2121;
}
 .document-header .icon.ui-type-xls, .document-header .icon.ui-type-xlsx {
     background-color: rgba(34, 211, 172, 0.1);
     color: #22d3ac;
}
 .document-header .icon.ui-type-mp4, .document-header .icon.ui-type-mp3, .document-header .icon.ui-type-wmv {
     background-color: rgba(211, 134, 34, 0.1);
     color: #d38622;
}
 .document-header .icon.ui-type-rar {
     background-color: rgba(100, 77, 46, 0.1);
     color: #644d2e;
}
 .document-header .icon.ui-type-zip {
     background-color: rgba(212, 164, 100, 0.1);
     color: #d4a464;
}
 .document-header .type {
     color: #7a93a9;
     font-size: 48px;
     opacity: 0.15;
     font-weight: 900;
     line-height: 1;
     letter-spacing: -1.5px;
}
 @media (max-width: 1199px) {
     .document-header .type {
         font-size: 32px;
    }
}
 .document-footer {
     line-height: 1.3;
}
 .document-footer .title {
     color: #5e788f;
     font-size: 16px;
     font-weight: 800;
     letter-spacing: -0.5px;
}
 @media (max-width: 1199px) {
     .document-footer .title {
         font-size: 14px;
    }
}
 .document-footer .link {
     color: rgba(122, 147, 169, 0.6);
     font-size: 12px;
     display: inline-flex;
     align-items: center;
     margin-top: 5px;
}
 @media (max-width: 1199px) {
     .document-footer .link {
         font-size: 11px;
    }
}
 .document-footer .link .icon {
     font-size: 10px;
     opacity: 0.5;
     margin-left: 5px;
}
 @media (min-width: 1200px) {
     .books.ui-col-5 > ul > li {
         flex: 0 0 20%;
         max-width: 20%;
    }
}
 .books.ui-list > ul > li {
     margin-bottom: 20px;
     padding-left: 10px;
     padding-right: 10px;
}
 @media (max-width: 479px) {
     .books.ui-list > ul > li {
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 .book-card > a {
     display: block;
     position: relative;
}
 .book-card > a:hover .book-photo {
     box-shadow: 0 0 25px rgba(94, 120, 143, 0.3);
}
 .book-content {
     display: block;
     position: relative;
     background: #fff;
     border: 1px solid rgba(94, 120, 143, 0.08);
     border-radius: 11px;
     transition: 0.3s;
}
 @media (min-width: 480px) {
     .book-content {
         padding: 10px;
    }
}
 @media (min-width: 768px) {
     .book-content {
         height: 380px;
    }
}
 @media (max-width: 479px) {
     .book-content {
         padding: 5px;
         height: 90vw;
         max-height: 350px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .book-content {
         height: 78vw;
         max-height: 470px;
    }
}
 .book-content:hover {
     box-shadow: 0 20px 25px rgba(94, 120, 143, 0.15);
}
 .book-photo {
     overflow: hidden;
     border-radius: 11px;
     background-color: rgba(219, 226, 231, 0.2);
     transition: 0.3s;
}
 @media (min-width: 992px) {
     .book-photo {
         height: 240px;
    }
}
 @media (max-width: 479px) {
     .book-photo {
         max-height: 170px;
         height: 43vw;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .book-photo {
         height: 47vw;
         max-height: 284px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .book-photo {
         height: 210px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .book-photo {
         height: 210px;
    }
}
 .book-photo a {
     display: block;
     position: relative;
     height: 100%;
}
 .book-photo a .icon {
     color: #7a93a9;
     font-size: 60px;
     opacity: 0.15;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
}
 .book-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 8px;
}
 .book-footer {
     text-align: center;
}
 @media (min-width: 480px) {
     .book-footer {
         padding-left: 15px;
         padding-right: 15px;
         padding-top: 15px;
    }
}
 @media (max-width: 479px) {
     .book-footer {
         padding-left: 10px;
         padding-right: 10px;
         padding-top: 10px;
    }
}
 .book-footer .title {
     font-family: "Bebas Neue", cursive;
     color: #5e788f;
     font-size: 18px;
     line-height: 1.3;
     max-height: 47px;
     overflow: hidden;
}
 @media (min-width: 480px) {
     .book-footer .title {
         font-size: 18px;
    }
}
 @media (max-width: 479px) {
     .book-footer .title {
         font-size: 16px;
    }
}
 .book-footer__action {
     position: absolute;
     right: 6px;
     bottom: 6px;
     left: 6px;
}
 @media (min-width: 480px) {
     .book-footer__action .row > div:first-child .item {
         border-top-left-radius: 8px;
         border-bottom-left-radius: 8px;
    }
     .book-footer__action .row > div:last-child .item {
         border-top-right-radius: 8px;
         border-bottom-right-radius: 8px;
    }
}
 @media (max-width: 479px) {
     .book-footer__action .row > div:not(:last-child) {
         margin-bottom: 5px;
    }
}
 .book-footer__action .item {
     display: flex;
     align-items: center;
     justify-content: center;
     color: rgba(122, 147, 169, 0.75);
     font-size: 14px;
     font-family: "Bebas Neue", cursive;
     background: rgba(219, 226, 231, 0.5);
     transition: 0.3s;
}
 @media (min-width: 480px) {
     .book-footer__action .item {
         height: 45px;
    }
}
 @media (max-width: 479px) {
     .book-footer__action .item {
         border-radius: 5px;
         height: 40px;
    }
}
 .book-footer__action .item .icon {
     margin-right: 10px;
     font-size: 14px;
}
 .book-footer__action .item:hover {
     background: #5e788f;
     color: #fff;
}
 .videos.ui-gap-1 ul li {
     margin-bottom: 30px;
}
 @media (max-width: 479px) {
     .videos.ui-list ul {
         margin-left: -5px;
         margin-right: -5px;
    }
}
 @media (max-width: 479px) {
     .videos.ui-list ul li {
         padding-left: 5px;
         padding-right: 5px;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 .video-card {
     position: relative;
}
 .video-card:hover .video-photo img {
     transform: scale(1.1);
}
 .video-header {
     position: relative;
}
 .video-header > .icon {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     background-image: linear-gradient(#fe7e00, rgba(254, 178, 102, 0.5));
     width: 50px;
     height: 50px;
     border-radius: 50%;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 18px;
     padding-left: 2px;
     pointer-events: none;
}
 .video-photo {
     overflow: hidden;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
}
 @media (min-width: 768px) {
     .video-photo {
         height: 180px;
    }
}
 @media (max-width: 767px) {
     .video-photo {
         height: 35vw;
    }
}
 @media (max-width: 479px) {
     .video-photo {
         max-height: 140px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .video-photo {
         max-height: 215px;
    }
}
 .video-photo a {
     display: block;
     position: relative;
     height: 100%;
}
 .video-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     transition: 1s transform cubic-bezier(0, 0, 0.2, 1);
}
 .video-footer {
     padding-top: 25px;
     padding-left: 20px;
     padding-right: 20px;
     height: 140px;
     background-color: rgba(255, 255, 255, 0.5);
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
}
 @media (max-width: 479px) {
     .video-footer .avatar {
         display: none;
    }
}
 .video-footer .avatar a {
     display: block;
     width: 50px;
     height: 50px;
     overflow: hidden;
     border-radius: 50%;
}
 .video-footer .avatar img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .video-footer .avatar .letter {
     display: inline-flex;
     width: 100%;
     height: 100%;
     background-color: rgba(219, 226, 231, 0.4);
     color: #7a93a9;
     line-height: 1;
     align-items: center;
     justify-content: center;
     font-size: 22px;
     text-transform: uppercase;
     font-weight: 900;
}
 .video-footer .description {
     display: flex;
     flex-direction: column;
}
 @media (min-width: 480px) {
     .video-footer .description {
         flex: 0 0 calc(100% - 50px);
         max-width: calc(100% - 50px);
         padding-left: 15px;
    }
}
 .video-footer .description .title a {
     color: #455f76;
     font-size: 14px;
     font-weight: 800;
     display: block;
     line-height: 1.4;
     letter-spacing: -0.3px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
     transition: 0.3s;
}
 .video-footer .description .title a:hover {
     color: #fe7e00;
}
 .video-footer .description .tag {
     color: rgba(122, 147, 169, 0.7);
     font-size: 12px;
     display: inline-block;
     transition: 0.3s;
}
 .video-footer .description .tag:hover {
     color: #7a93a9;
}
 .video-footer .description .date {
     color: rgba(122, 147, 169, 0.5);
     font-size: 11px;
     display: inline-flex;
     align-items: center;
     margin-top: 10px;
}
 .video-footer .description .date .icon {
     font-size: 11px;
     margin-top: -3px;
     margin-right: 5px;
}
 .categories.ui-gap-1 ul li {
     margin-bottom: 40px;
}
 .category-card a {
     display: flex;
     position: relative;
     justify-content: flex-end;
     border-radius: 15px;
}
 .category-card a:hover .category-cover img {
     filter: grayscale(0);
}
 .category-card a:hover .category-body__content .title {
     color: #feb266;
}
 .category-card a:hover .category-body > .icon {
     transform: scale(1.2);
}
 .category-cover {
     overflow: hidden;
     border-top-right-radius: 15px;
     border-bottom-right-radius: 15px;
     width: 50%;
}
 @media (min-width: 480px) {
     .category-cover {
         height: 350px;
    }
}
 @media (max-width: 479px) {
     .category-cover {
         height: 250px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .category-cover {
         height: 250px;
    }
}
 .category-cover img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     filter: grayscale(1);
     transition: 0.3s;
}
 .category-body {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 1;
}
 @media (min-width: 480px) {
     .category-body {
         padding: 40px 50px;
    }
}
 @media (max-width: 479px) {
     .category-body {
         padding: 30px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .category-body {
         padding: 30px;
    }
}
 .category-body::before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-image: linear-gradient(to left, transparent, #fff 50%);
     border-top-left-radius: 15px;
     border-bottom-left-radius: 15px;
}
 .category-body > .icon {
     position: absolute;
     font-size: 48px;
     color: #fe7e00;
     transition: 0.4s;
}
 @media (min-width: 480px) {
     .category-body > .icon {
         bottom: 40px;
         left: 50px;
         font-size: 48px;
    }
}
 @media (max-width: 479px) {
     .category-body > .icon {
         bottom: 30px;
         left: 25px;
         font-size: 36px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .category-body > .icon {
         bottom: 30px;
         left: 25px;
         font-size: 36px;
    }
}
 .category-body__content {
     width: calc(50% + 50px);
     position: relative;
}
 .category-body__content .title {
     text-transform: uppercase;
     font-family: "Cerebri Sans Heavy", sans-serif;
     color: #5e788f;
     transition: 0.3s;
}
 .category-body__content .title:not([class*="ui-size-"]) {
     width: -moz-min-content;
     width: min-content;
     line-height: 1.1;
}
 @media (min-width: 480px) {
     .category-body__content .title:not([class*="ui-size-"]) {
         font-size: 42px;
         letter-spacing: -2.5px;
    }
}
 @media (max-width: 479px) {
     .category-body__content .title:not([class*="ui-size-"]) {
         font-size: 28px;
         letter-spacing: -1px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .category-body__content .title:not([class*="ui-size-"]) {
         font-size: 28px;
         letter-spacing: -1px;
    }
}
 .category-body__content .title.ui-size-1 {
     letter-spacing: -1px;
     line-height: 1.3;
}
 @media (min-width: 480px) {
     .category-body__content .title.ui-size-1 {
         font-size: 32px;
    }
}
 @media (max-width: 479px) {
     .category-body__content .title.ui-size-1 {
         font-size: 24px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .category-body__content .title.ui-size-1 {
         font-size: 24px;
    }
}
 .category-body__content .text {
     color: rgba(94, 120, 143, 0.7);
     font-size: 16px;
     font-weight: 300;
     line-height: 1.3;
     margin-top: 10px;
}
 @media (min-width: 480px) {
     .category-body__content .text {
         font-size: 16px;
    }
}
 @media (max-width: 479px) {
     .category-body__content .text {
         font-size: 13px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .category-body__content .text {
         font-size: 13px;
    }
}
 .project-category__card {
     display: block;
     position: relative;
     overflow: hidden;
}
 .project-category__card:hover .project-category__cover img {
     transform: scale(1.1);
}
 .project-category__card:hover .project-category__body-footer {
     opacity: 0;
     visibility: hidden;
     transform: translateY(30px);
}
 .project-category__card:hover .project-category__overlay {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
}
 .project-category__cover {
     overflow: hidden;
     background-color: #022f39;
}
 @media (min-width: 992px) {
     .project-category__cover {
         height: 30vw;
    }
}
 @media (max-width: 479px) {
     .project-category__cover {
         height: 100vw;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .project-category__cover {
         height: 60vw;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .project-category__cover {
         height: 60vw;
    }
}
 .project-category__cover img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     opacity: 0.4;
     transition: 1s cubic-bezier(0, 0, 0.2, 1);
}
 .project-category__body {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
}
 @media (min-width: 992px) {
     .project-category__body {
         padding: 2.5vw 3vw;
    }
}
 @media (max-width: 479px) {
     .project-category__body {
         padding: 10vw;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .project-category__body {
         padding: 5vw;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .project-category__body {
         padding: 7.5vw;
    }
}
 .project-category__body::after {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-image: linear-gradient(transparent, #022f39);
}
 .project-category__body-footer {
     transition: 0.3s;
}
 .project-category__body-footer .total {
     margin-bottom: 20px;
     font-family: "Bebas Neue", cursive;
     line-height: 0.7;
     -webkit-text-fill-color: rgba(0, 0, 0, 0);
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: #b3cfd4;
}
 @media (min-width: 992px) {
     .project-category__body-footer .total {
         font-size: 10vw;
         margin-left: -10px;
         letter-spacing: -7px;
    }
}
 @media (max-width: 479px) {
     .project-category__body-footer .total {
         font-size: 33.33333vw;
         letter-spacing: -5px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .project-category__body-footer .total {
         font-size: 20vw;
         letter-spacing: -3px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .project-category__body-footer .total {
         font-size: 20vw;
         letter-spacing: -3px;
    }
}
 .project-category__body-footer .title {
     color: #fff;
     font-family: "Bebas Neue", cursive;
     line-height: 1;
     letter-spacing: -1.2px;
     width: -moz-min-content;
     width: min-content;
}
 @media (min-width: 992px) {
     .project-category__body-footer .title {
         font-size: 3vw;
    }
}
 @media (max-width: 479px) {
     .project-category__body-footer .title {
         font-size: 12vw;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .project-category__body-footer .title {
         font-size: 9vw;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .project-category__body-footer .title {
         font-size: 7vw;
    }
}
 .project-category__overlay {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 2;
     background-color: rgba(254, 126, 0, 0.8);
     -webkit-backdrop-filter: blur(2px);
     backdrop-filter: blur(2px);
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     opacity: 0;
     visibility: hidden;
     transform: scale(1.05);
     transition: 0.3s;
}
 @media (min-width: 992px) {
     .project-category__overlay {
         padding: 4.5vw 2vw 2vw 2vw;
    }
}
 @media (max-width: 479px) {
     .project-category__overlay {
         padding: 10vw;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .project-category__overlay {
         padding: 5vw;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .project-category__overlay {
         padding: 7.5vw;
    }
}
 .project-category__overlay-header {
     align-items: center;
     color: #fff;
}
 .project-category__overlay-header .total {
     font-family: "Bebas Neue", cursive;
     line-height: 0.9;
     letter-spacing: -2px;
     margin-right: 15px;
     -webkit-text-fill-color: rgba(0, 0, 0, 0);
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: #fff;
}
 @media (min-width: 768px) {
     .project-category__overlay-header .total {
         font-size: 4.75vw;
    }
}
 @media (max-width: 479px) {
     .project-category__overlay-header .total {
         font-size: 20vw;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .project-category__overlay-header .total {
         font-size: 10vw;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .project-category__overlay-header .total {
         font-size: 10vw;
    }
}
 .project-category__overlay-header .desc {
     flex: 1;
}
 .project-category__overlay-header .desc .title {
     width: -moz-min-content;
     width: min-content;
     line-height: 1.1;
     text-transform: uppercase;
     font-weight: 900;
}
 @media (min-width: 768px) {
     .project-category__overlay-header .desc .title {
         font-size: 1.75vw;
         letter-spacing: -1.5px;
    }
}
 @media (max-width: 479px) {
     .project-category__overlay-header .desc .title {
         font-size: 7vw;
         letter-spacing: -1.5px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .project-category__overlay-header .desc .title {
         font-size: 3.5vw;
         letter-spacing: -0.5px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .project-category__overlay-header .desc .title {
         font-size: 3.5vw;
         letter-spacing: -1px;
    }
}
 .project-category__overlay-middle ul li:not(:last-child) {
     margin-bottom: 15px;
}
 .project-category__overlay-middle .item {
     display: flex;
     flex-wrap: wrap;
     align-content: center;
     position: relative;
}
 .project-category__overlay-middle .item:hover::after {
     opacity: 1;
}
 .project-category__overlay-middle .item::after {
     content: "";
     position: absolute;
     left: calc(25px - 10px);
     right: 0;
     bottom: 1px;
     background-color: #fff;
     height: 1px;
     opacity: 0.3;
     transition: 0.3s;
}
 .project-category__overlay-middle .item .icon {
     background-color: #fff;
     border-radius: 5px;
     width: 25px;
     height: 25px;
     align-items: center;
     justify-content: center;
     color: #fe7e00;
     font-size: 14px;
}
 .project-category__overlay-middle .item .text {
     flex: 1;
     padding-left: 13px;
     font-size: 14px;
     font-weight: 900;
     letter-spacing: -0.5px;
     color: #fff;
     text-transform: uppercase;
     position: relative;
}
 .project-category__overlay-middle .item .text::after {
     content: attr(data-total);
     position: absolute;
     right: 10px;
     font-size: 13px;
     top: 50%;
     transform: translateY(-50%);
     color: #ffd8b3;
}
 @media (min-width: 480px) and (max-width: 767px) {
     .project-category__overlay-middle .item .text::after {
         font-size: 12px;
    }
}
 .project-category__overlay-footer .btn {
     text-align: center;
     width: 100%;
     padding-left: 20px;
}
 .project-category__overlay-footer .btn .button-icon__text {
     font-size: 13px;
}
 .project-category__overlay-footer .btn .icon {
     margin-left: 10px;
}
 .card-address {
     background-color: #035566;
     padding-bottom: 15px;
     padding-left: 15px;
     padding-right: 15px;
     display: flex;
     align-items: center;
}
 .card-address:not(.is-default) {
     margin-top: -30px;
     padding-top: 45px;
     border-bottom-left-radius: 15px;
     border-bottom-right-radius: 15px;
}
 .card-address.is-default {
     padding-top: 15px;
     border-radius: 15px;
}
 .card-address > .icon {
     width: 60px;
     height: 60px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     background-color: #1c6e7f;
     border-radius: 15px;
     font-size: 32px;
}
 @media (max-width: 767px) {
     .card-address > .icon {
         display: none;
    }
}
 .card-address .description {
     flex: 1;
     position: relative;
}
 @media (min-width: 768px) {
     .card-address .description {
         padding-left: 20px;
         padding-right: 75px;
    }
}
 .card-address .description .heading {
     text-transform: uppercase;
     font-weight: 800;
     font-size: 13px;
     color: #4f8e9c;
     line-height: 1.3;
}
 .card-address .description .text {
     font-weight: 300;
     color: #fff;
     font-size: 14px;
     line-height: 1.4;
     margin-top: 3px;
}
 @media (max-width: 479px) {
     .card-address .description .text {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
    }
}
 .card-address .description .text a {
     background-color: #fe7e00;
     border-radius: 15px;
     padding: 2px 10px;
     display: inline-flex;
     font-size: 11px;
     font-weight: 800;
     color: #fff;
     position: relative;
     top: -1px;
     transition: 0.3s;
}
 @media (min-width: 480px) {
     .card-address .description .text a {
         margin-left: 7px;
    }
}
 @media (max-width: 479px) {
     .card-address .description .text a {
         margin-top: 10px;
    }
}
 .card-address .description .icon {
     position: absolute;
     top: 50%;
     right: 5px;
     transform: translateY(-50%);
     color: #357e8d;
     font-size: 32px;
}
 @media (max-width: 479px) {
     .card-address .description .icon {
         display: none;
    }
}
 .card-state {
     text-align: center;
}
 .card-state > .icon {
     color: rgba(122, 147, 169, 0.15);
}
 .card-state > .icon:not(.ui-bg) {
     font-size: 108px;
     margin-bottom: 15px;
}
 .card-state > .icon:not(.ui-bg) img {
     width: 96px;
}
 .card-state > .icon.ui-bg {
     width: 132px;
     height: 132px;
     background-color: #fff;
     border-radius: 20px;
     align-items: center;
     justify-content: center;
     font-size: 72px;
     box-shadow: 0 10px 20px rgba(69, 95, 118, 0.15);
     margin-bottom: 20px;
}
 .card-state > .icon.ui-bg img {
     width: 72px;
}
 .card-state .title {
     color: #455f76;
     font-size: 20px;
     font-weight: 900;
     letter-spacing: -0.5px;
}
 .card-state .text {
     color: #7a93a9;
     font-size: 14px;
     line-height: 1.5;
     margin-top: 10px;
}
 .card-state .buttons-container {
     margin-top: 20px;
}
 .MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
     box-sizing: inherit;
}
 .form.ui-bg {
     background-color: #fff;
     border-radius: 20px;
}
 @media (min-width: 768px) {
     .form.ui-bg {
         padding: 50px 60px;
    }
}
 @media (max-width: 767px) {
     .form.ui-bg {
         padding: 30px;
    }
}
 .form.ui-form-membership .form-messages, .form.ui-form-serinokta .form-messages {
     display: none;
}
 .form-stage:first-child {
     margin-top: 20px;
}
 .form-stage:not(:last-child) {
     margin-bottom: 20px;
}
 .form-stage > ul {
     padding-left: 15px;
     padding-right: 15px;
}
 .form-stage > ul > * {
     position: relative;
}
 .form-stage > ul > *:not(:last-child) {
     margin-bottom: 15px;
}
 .form-stage__header {
     background-color: #fff;
     border-radius: 15px;
     padding: 20px 25px;
     border: 1px solid rgba(94, 120, 143, 0.1);
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .form-stage__header .heading {
     color: #fe7e00;
     text-transform: uppercase;
     font-size: 18px;
     font-weight: 900;
     letter-spacing: -0.75px;
}
 .form-stage__header .icon {
     font-size: 24px;
     color: #7a93a9;
     opacity: 0.5;
}
 .form > form > ul > * {
     position: relative;
}
 .form > form > ul > *:not(:last-child) {
     margin-bottom: 15px;
}
 .form-field.ui-selectbox .form-error {
     right: 45px;
}
 .form-field.ui-selectbox .form-star {
     right: 45px;
}
 .form-field.ui-textarea .form-error {
     top: 15px;
     transform: translateY(0);
}
 .form-field.ui-inputfile .form-error {
     right: 55px;
}
 @media (min-width: 768px) {
     .form-field.ui-form-error-pos-bottom .form-error {
         position: relative;
         top: inherit;
         right: inherit;
         left: 15px;
         transform: translateY(0);
    }
}
 .form-field .heading {
     color: #035e71;
     font-size: 13px;
     font-weight: 700;
}
 .form-field .icon:not(.ui-arrow) {
     position: absolute;
     left: 0;
     top: 23px;
     width: 55px;
     justify-content: center;
     color: #fe7e00;
}
 .form-field .icon:not(.ui-arrow).ui-right {
     left: inherit;
     right: 5px;
     z-index: 2;
}
 .form-field.is-error input, .form-field.is-error textarea, .form-field.is-error label, .form-field.is-error select {
     border: 2px solid red !important;
     background-color: rgba(255, 0, 0, 0.07);
     color: red;
}
 .form-field.is-error input::-moz-placeholder, .form-field.is-error textarea::-moz-placeholder, .form-field.is-error label::-moz-placeholder, .form-field.is-error select::-moz-placeholder {
     color: red;
}
 .form-field.is-error input::placeholder, .form-field.is-error textarea::placeholder, .form-field.is-error label::placeholder, .form-field.is-error select::placeholder {
     color: red;
}
 .form-field.is-error .icon, .form-field.is-error label {
     color: red !important;
}
 .form-field input, .form-field textarea {
     width: 100%;
     height: 60px;
     border-radius: 15px;
     font-family: inherit;
     padding-left: 25px;
     padding-right: 25px;
     border: 1px solid rgba(0, 0, 0, 0);
     color: #7a93a9;
     font-size: 14px;
     font-weight: 600;
     background: rgba(219, 226, 231, 0.5);
     transition: 0.3s;
}
 .form-field input:focus, .form-field textarea:focus {
     outline: 0;
     background-color: #fff;
     border: 1px solid rgba(94, 120, 143, 0.1);
}
 .form-field input::-moz-placeholder, .form-field textarea::-moz-placeholder {
     color: #7a93a9;
}
 .form-field input::placeholder, .form-field textarea::placeholder {
     color: #7a93a9;
}
 .form-field textarea {
     padding-top: 20px;
     height: 140px;
     display: block;
     border: 0 none;
}
 .form-field .icon.ui-arrow {
     position: absolute;
     pointer-events: none;
     top: 25px;
     right: 25px;
     font-size: 14px;
     opacity: 0.5;
     transition: 0.3s;
}
 .form-group {
     position: relative;
}
 .form-note {
     background-color: rgba(254, 126, 0, 0.1);
     color: #fe7e00;
     font-size: 13px;
     border-radius: 15px;
     padding: 10px 25px;
     margin-top: 5px;
}
 .form-note strong {
     font-weight: 800;
}
 .form-star {
     position: absolute;
     top: 27px;
     right: 20px;
     color: red;
     font-weight: 900;
     line-height: 1;
     pointer-events: none;
}
 .form-footer {
     display: flex;
     justify-content: space-between;
     width: 100%;
}
 .form-footer:not(.ui-no-padding-h) {
     padding-left: 10px;
     padding-right: 10px;
}
 .form-kvkk {
     display: flex;
     flex-direction: column;
}
 .form-send.ui-style-footer > input, .form-send.ui-style-footer > button {
     padding-left: 10px;
     padding-right: 10px;
     font-size: 13px;
}
 .form-send:not(.is-hidden) > input, .form-send:not(.is-hidden) > button {
     background: #035e71;
     color: #fff;
}
 .form-send:not(.is-hidden) > input:hover, .form-send:not(.is-hidden) > button:hover {
     background-color: #fe7e00;
     box-shadow: 5px 5px 20px rgba(254, 126, 0, 0.2);
}
 .form-send.is-hidden > input, .form-send.is-hidden > button {
     background-color: rgba(219, 226, 231, 0.7);
     color: #7a93a9;
     pointer-events: none;
}
 .form-send > input, .form-send > button {
     height: 60px;
     font-family: inherit;
     width: 100%;
     border: 0 none;
     text-align: center;
     border-radius: 15px;
     width: 100%;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 900;
     font-family: inherit;
     cursor: pointer;
     border: 2px solid rgba(0, 0, 0, 0);
     transition: 0.3s;
     position: relative;
     will-change: transform;
}
 .form-error {
     position: absolute;
     top: 21px;
     right: 25px;
     color: red;
     font-size: 12px;
     font-weight: 500;
}
 .form-messages {
     border-radius: 15px;
     padding: 25px;
     font-size: 14px;
     font-weight: 700;
     line-height: 1.3;
}
 .form-messages.ui-success {
     color: #3c763d;
     background-color: #dff0d8;
     border: 1px solid #d6e9c6;
}
 .form-messages.ui-error {
     color: #a94442;
     background-color: #f2dede;
     border: 1px solid #ebccd1;
}
 @media (min-width: 768px) {
     .logos {
         position: absolute;
         top: -80px;
         right: -115px;
    }
}
 @media (max-width: 767px) {
     .logos {
         display: none;
    }
}
 .logos ul {
     justify-content: center;
}
 .logos ul li a {
     height: 120px;
     display: block;
     position: relative;
}
 .logos ul li a img {
     width: 100%;
     height: 100%;
     -o-object-fit: contain;
     object-fit: contain;
}
 .list-shortcuts.ui-item-fixed ul li:not(:first-child) a:hover::before {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
}
 .list-shortcuts.ui-item-fixed ul li:first-child a::after {
     content: "";
     position: absolute;
     z-index: -1;
     top: 1px;
     right: -17px;
     bottom: 2px;
     left: -17px;
     background-color: #fe7e00;
     border-radius: 11px;
}
 .list-shortcuts.ui-item-fixed ul li:first-child .icon {
     color: #fff;
}
 .list-shortcuts.ui-item-fixed ul li:first-child .description .title {
     color: #fff;
}
 .list-shortcuts.ui-item-fixed ul li:first-child .description .text {
     color: rgba(255, 255, 255, 0.7);
}
 .list-shortcuts:not(.ui-item-fixed) ul li a:hover::before {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
}
 .list-shortcuts:not([class*="ui-style-"]) ul li a::before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 1px;
     right: -17px;
     bottom: 2px;
     left: -17px;
     background-color: rgba(219, 226, 231, 0.4);
     border-radius: 11px;
     opacity: 0;
     visibility: hidden;
     transform: scale(0.97);
     transition: 0.3s;
}
 .list-shortcuts:not([class*="ui-style-"]):not([class*="ui-size-"]) .description .title {
     font-size: 16px;
     letter-spacing: -0.5px;
}
 .list-shortcuts:not([class*="ui-style-"]).ui-size-small .description .title {
     font-size: 13px;
     letter-spacing: -0.3px;
}
 .list-shortcuts:not([class*="ui-style-"]) .icon {
     flex: 0 0 40px;
     max-width: 40px;
     color: #fe7e00;
     font-size: 32px;
     justify-content: center;
     align-items: center;
     justify-content: center;
     border-radius: 11px;
}
 .list-shortcuts:not([class*="ui-style-"]) .icon svg {
     fill: #fe7e00;
}
 .list-shortcuts:not([class*="ui-style-"]) .description {
     flex: 0 0 calc(100% - 40px);
     max-width: calc(100% - 40px);
}
 .list-shortcuts:not([class*="ui-style-"]) .description .title {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 .list-shortcuts.ui-style-letter ul li a:hover .letter {
     background-color: #fe7e00;
     color: #fff;
}
 .list-shortcuts.ui-style-letter .letter {
     flex: 0 0 70px;
     max-width: 70px;
     height: 70px;
     text-transform: uppercase;
     background-color: rgba(254, 126, 0, 0.1);
     display: inline-flex;
     border-radius: 11px;
     align-items: center;
     justify-content: center;
     color: #fe7e00;
     font-size: 32px;
     font-weight: 900;
     transition: 0.3s;
}
 .list-shortcuts.ui-style-letter .description {
     flex: 0 0 calc(100% - 70px);
     max-width: calc(100% - 70px);
}
 .list-shortcuts.ui-style-letter .description .title {
     font-size: 14px;
     letter-spacing: -0.3px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 40px;
}
 .list-shortcuts.ui-style-photo .photo {
     flex: 0 0 120px;
     max-width: 120px;
     height: 85px;
     border-radius: 15px;
     overflow: hidden;
     box-shadow: 0 0 20px rgba(94, 120, 143, 0.1);
}
 .list-shortcuts.ui-style-photo .photo:not(.ui-contain) img {
     -o-object-fit: cover;
     object-fit: cover;
}
 .list-shortcuts.ui-style-photo .photo.ui-contain {
     padding: 11px;
     background-color: #fff;
}
 .list-shortcuts.ui-style-photo .photo.ui-contain img {
     -o-object-fit: contain;
     object-fit: contain;
}
 .list-shortcuts.ui-style-photo .photo img {
     width: 100%;
     height: 100%;
}
 .list-shortcuts.ui-style-photo .description {
     flex: 0 0 calc(100% - 120px);
     max-width: calc(100% - 120px);
}
 .list-shortcuts.ui-style-photo .description .title {
     font-size: 14px;
     letter-spacing: -0.3px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 40px;
}
 .list-shortcuts:not([class*="ui-size-"]) .description .text {
     font-size: 13px;
}
 .list-shortcuts.ui-size-small .description .text {
     font-size: 12px;
}
 .list-shortcuts ul li {
     position: relative;
     z-index: 1;
}
 .list-shortcuts ul li::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     height: 1px;
     background-image: radial-gradient( rgba(94, 120, 143, 0.1) 60%, transparent, transparent );
}
 .list-shortcuts ul li a {
     display: flex;
     align-items: center;
     padding-top: 15px;
     padding-bottom: 15px;
     position: relative;
     z-index: 1;
}
 .list-shortcuts .description {
     padding-left: 20px;
     line-height: 1.4;
}
 .list-shortcuts .description .title {
     text-transform: uppercase;
     color: #5e788f;
     font-weight: 900;
}
 .list-shortcuts .description .text {
     color: #7a93a9;
     margin-top: 3px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 .list-common.ui-gap-1 ul li, .list-common.ui-gap-1 ul.list li {
     margin-bottom: 30px;
}
 .list-common.ui-gap-2 ul li, .list-common.ui-gap-2 ul.list li {
     margin-bottom: 20px;
}
 .list-common:not(.ui-list) ul li:not(:last-child) {
     border-bottom: 1px solid rgba(94, 120, 143, 0.1);
}
 .list-common:not(.ui-list):not([class*="ui-style-"]) .list-common__item {
     padding-top: 15px;
     padding-bottom: 15px;
}
 .list-common:not(.ui-list):not([class*="ui-style-"]) .list-common__item::before {
     content: "";
     position: absolute;
     top: 0;
     right: -15px;
     bottom: 0;
     left: -15px;
     border-radius: 11px;
     background-color: rgba(219, 226, 231, 0.2);
     z-index: -1;
     opacity: 0;
     visibility: hidden;
     transform: scale(0.97);
     transition: 0.3s;
}
 .list-common:not(.ui-list):not([class*="ui-style-"]) .list-common__item:hover::before {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
}
 .list-common.ui-list.ui-list-bordered .list-common__item {
     border: 1px solid rgba(94, 120, 143, 0.08);
}
 .list-common.ui-list ul:not(.table-header):not(.table-pagination):not(.ui-no-justify-center) {
     justify-content: center;
}
 .list-common.ui-list .list-common__item {
     background-color: #fff;
     padding: 15px;
     border-radius: 15px;
}
 .list-common.ui-list .list-common__item:hover .list-common__icon {
     background-color: #035566;
}
 .list-common.ui-list .list-common__item:hover .list-common__icon > .icon {
     color: #fff;
}
 .list-common:not([class*="ui-style-"]) .list-common__photo {
     background-color: #fff;
     padding: 5px;
}
 .list-common:not([class*="ui-style-"]) .list-common__photo:not(.ui-no-shadow) {
     box-shadow: 2px 2px 20px rgba(94, 120, 143, 0.15);
}
 .list-common:not([class*="ui-style-"]) .list-common__description .title {
     color: #fe7e00;
}
 .list-common:not([class*="ui-style-"]) .list-common__description > .text {
     color: #7a93a9;
}
 .list-common:not([class*="ui-style-"]) .list-common__description .tag {
     color: #7a93a9;
}
 @media (min-width: 992px) {
     .list-common.ui-list-videos ul {
         overflow-y: auto;
         scrollbar-color: #fe7e00 rgba(254, 126, 0, 0.1);
         scrollbar-width: thin;
    }
     .list-common.ui-list-videos ul::-webkit-scrollbar-track {
         background-color: rgba(254, 126, 0, 0.1);
    }
     .list-common.ui-list-videos ul::-webkit-scrollbar {
         width: 5px;
    }
     .list-common.ui-list-videos ul::-webkit-scrollbar-thumb {
         background-color: #fe7e00;
    }
}
 @media (min-width: 1200px) {
     .list-common.ui-list-videos ul {
         max-height: 670px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .list-common.ui-list-videos ul {
         max-height: 420px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-common.ui-list-videos ul {
         margin-left: -10px;
         margin-right: -10px;
         display: flex;
         flex-wrap: wrap;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-common.ui-list-videos ul li {
         padding-left: 10px;
         padding-right: 10px;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 .list-common.ui-list-videos .list-common__description .tag {
     margin-top: 5px;
}
 .list-common.ui-style-light .list-common__item {
     padding-top: 10px;
     padding-bottom: 10px;
}
 .list-common.ui-style-light .list-common__description .title {
     color: #fff;
}
 .list-common.ui-style-light .list-common__description > .text {
     color: #357e8d;
}
 .list-common.ui-style-light .list-common__description .tag {
     color: #357e8d;
}
 .list-common__left {
     position: relative;
}
 @media (min-width: 768px) {
     .list-common__left {
         flex: 0 0 120px;
         max-width: 120px;
         height: 90px;
    }
}
 @media (max-width: 767px) {
     .list-common__left {
         flex: 0 0 100px;
         max-width: 100px;
         height: 75px;
    }
}
 .list-common__left > div {
     width: 100%;
     height: 100%;
}
 .list-common__left > .icon {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
     background-image: linear-gradient(#fe7e00, rgba(254, 178, 102, 0.5));
     width: 40px;
     height: 40px;
     border-radius: 50%;
     align-items: center;
     justify-content: center;
     color: #fff;
     font-size: 16px;
     padding-left: 2px;
     pointer-events: none;
}
 .list-common__item {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     position: relative;
     z-index: 1;
}
 .list-common__photo {
     overflow: hidden;
     border-radius: 11px;
}
 .list-common__photo.ui-fit-contain {
     padding: 10px;
}
 .list-common__photo.ui-fit-contain img {
     -o-object-fit: contain;
     object-fit: contain;
}
 .list-common__photo.ui-transform-scale img {
     transform: scale(1.2);
}
 .list-common__photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     border-radius: 11px;
}
 .list-common__icon, .list-common__letter {
     background-color: rgba(3, 85, 102, 0.1);
     border-radius: 11px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: 0.3s;
}
 .list-common__icon > span, .list-common__letter > span {
     font-size: 42px;
     color: #035566;
}
 .list-common__letter .letter {
     font-weight: 900;
     line-height: 0;
     text-transform: uppercase;
}
 .list-common__description {
     padding-left: 13px;
     display: flex;
     flex-direction: column;
}
 @media (min-width: 768px) {
     .list-common__description {
         flex: 0 0 calc(100% - 120px);
         max-width: calc(100% - 120px);
    }
}
 @media (max-width: 767px) {
     .list-common__description {
         flex: 0 0 calc(100% - 100px);
         max-width: calc(100% - 100px);
    }
}
 .list-common__description strong {
     font-weight: 900;
}
 .list-common__description .title {
     font-size: 14px;
     font-weight: 800;
     letter-spacing: 700;
     letter-spacing: -0.3px;
     line-height: 1.4;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 .list-common__description > .text {
     font-size: 12px;
     line-height: 1.4;
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
     margin-top: 3px;
}
 .list-common__description .tag {
     display: inline-flex;
     align-items: center;
     font-size: 11px;
     margin-top: 8px;
}
 .list-common__description .tag .icon {
     font-size: 11px;
     opacity: 0.5;
     margin-right: 7px;
}
 .list-common__description .tag .text {
     line-height: 1;
     font-weight: 900;
     text-transform: uppercase;
}
 .list-common__description .date {
     color: #1c6e7f;
     font-size: 10px;
     display: inline-flex;
     margin-top: 10px;
}
 .list-links.ui-style-between ul li a .desc {
     display: flex;
     justify-content: space-between;
}
 .list-links:not([class*="ui-size-"]) > ul > li > a {
     font-size: 13px;
     padding-top: 18px;
     padding-bottom: 18px;
}
 .list-links:not([class*="ui-size-"]) > ul > li > a > .icon {
     font-size: 20px;
     margin-top: 2px;
}
 .list-links:not([class*="ui-size-"]) > ul > li > a .desc {
     padding-left: 12px;
}
 .list-links.ui-size-small > ul > li > a {
     font-size: 12px;
     padding-top: 13px;
     padding-bottom: 13px;
}
 .list-links.ui-size-small > ul > li > a > .icon {
     font-size: 18px;
     margin-top: 1px;
}
 .list-links.ui-size-small > ul > li > a .desc {
     padding-left: 8px;
}
 .list-links > ul > li:not(:last-child) {
     margin-bottom: 8px;
}
 .list-links > ul > li > a {
     display: flex;
     align-items: flex-start;
     color: #5e788f;
     transition: 0.3s;
     background-color: rgba(219, 226, 231, 0.4);
     padding-left: 15px;
     padding-right: 15px;
     border-radius: 11px;
}
 .list-links > ul > li > a:hover {
     background-color: #7a93a9;
     color: #fff;
}
 .list-links > ul > li > a:hover .desc .date {
     color: rgba(255, 255, 255, 0.6);
}
 .list-links > ul > li > a:hover .desc .infos .item {
     color: rgba(255, 255, 255, 0.7);
}
 .list-links > ul > li > a > .icon {
     opacity: 0.3;
}
 .list-links > ul > li > a .desc {
     flex: 1;
}
 @media (max-width: 1199px) {
     .list-links > ul > li > a .desc {
         display: flex;
         flex-direction: column;
    }
}
 .list-links > ul > li > a .desc > .title {
     font-weight: 700;
}
 .list-links > ul > li > a .desc .date {
     font-size: 12px;
     color: rgba(122, 147, 169, 0.6);
     display: inline-flex;
     align-items: center;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
}
 @media (max-width: 1199px) {
     .list-links > ul > li > a .desc .date {
         margin-top: 5px;
    }
}
 .list-links > ul > li > a .desc .date .icon {
     font-size: 12px;
     margin-right: 5px;
     margin-top: 0px;
}
 .list-links > ul > li > a .infos {
     margin-right: 10px;
}
 .list-links > ul > li > a .infos ul {
     display: flex;
     flex-wrap: wrap;
}
 .list-links > ul > li > a .infos ul li:not(:last-child) {
     margin-right: 15px;
}
 .list-links > ul > li > a .infos .item {
     display: inline-flex;
     align-items: center;
     color: rgba(122, 147, 169, 0.7);
}
 .list-links > ul > li > a .infos .item .icon {
     font-size: 11px;
     margin-right: 5px;
     margin-top: -2px;
     opacity: 0.5;
}
 .list-links > ul > li > a .infos .item .text {
     font-size: 11px;
}
 .list-activity:not(.ui-no-item-border).ui-list-ordered > ul > li:not(:last-child) {
     border-bottom: 1px solid rgba(94, 120, 143, 0.1);
}
 .list-activity:not(.ui-no-item-border).ui-list-ordered .list-activity__item {
     padding-top: 13px;
     padding-bottom: 13px;
}
 .list-activity:not(.ui-no-item-border).ui-list-ordered .list-activity__item::before {
     content: "";
     position: absolute;
     top: 0;
     right: -15px;
     bottom: 0;
     left: -15px;
     border-radius: 11px;
     background-color: rgba(219, 226, 231, 0.2);
     z-index: -1;
     opacity: 0;
     visibility: hidden;
     transform: scale(0.97);
     transition: 0.3s;
}
 .list-activity:not(.ui-no-item-border).ui-list-ordered .list-activity__item:hover::before {
     opacity: 1;
     visibility: visible;
     transform: scale(1);
}
 .list-activity.ui-list > ul > li {
     border-bottom: 1px solid rgba(94, 120, 143, 0.08);
}
 .list-activity.ui-list .list-activity__item {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .list-activity.ui-gap-1 > ul > li:not(:last-child) {
     margin-bottom: 10px;
}
 .list-activity.ui-style-1 .list-activity__item {
     padding-top: 13px;
     padding-bottom: 13px;
     padding-left: 15px;
     padding-right: 15px;
}
 .list-activity__item {
     background-color: #fff;
     border-radius: 15px;
     position: relative;
     align-items: center;
     z-index: 1;
}
 .list-activity__left {
     align-items: center;
}
 .list-activity__date {
     display: flex;
     flex-direction: column;
     text-align: center;
     width: 50px;
     margin-left: -5px;
     margin-right: 10px;
}
 .list-activity__date span {
     color: #035e71;
     line-height: 1.25;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 12px;
}
 .list-activity__date span.number {
     font-size: 28px;
     font-weight: 900;
     letter-spacing: -3px;
     line-height: 1;
}
 .list-activity__date span.year {
     font-weight: 900;
     font-size: 16px;
}
 .list-activity__figure {
     position: relative;
     width: 150px;
     height: 175px;
     margin-left: 20px;
}
 @media (min-width: 480px) and (max-width: 767px) {
     .list-activity__figure {
         margin-left: 7px;
         width: 120px;
         height: 110px;
    }
}
 .list-activity__figure .letter-bg {
     background-color: #035e71;
     border-radius: 15px;
     opacity: 0.1;
     width: 100%;
     height: 100%;
}
 .list-activity__figure .letter {
     color: #035e71;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translateY(-50%) translateX(-50%);
     font-size: 54px;
     font-weight: 900;
}
 .list-activity__photo {
     width: 65px;
     overflow: hidden;
     border-radius: 8px;
}
 .list-activity__photo a {
     display: block;
     position: relative;
}
 .list-activity__photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .list-activity__middle {
     flex: 1;
     padding-left: 15px;
     padding-right: 15px;
}
 .list-activity__middle .title a {
     color: #fe7e00;
     font-size: 14px;
     letter-spacing: -0.5px;
     font-weight: 800;
     line-height: 1.3;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 42px;
}
 .list-activity__info {
     margin-top: 6px;
}
 .list-activity__info ul li:not(:last-child) {
     margin-bottom: 3px;
}
 .list-activity__info .item {
     font-size: 11px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .list-activity__info .item .icon {
     font-size: 11px;
     opacity: 0.4;
     width: 12px;
     justify-content: center;
}
 .list-activity__info .item .text {
     color: #5e788f;
     flex: 1;
     padding-left: 6px;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 .list-activity__info .item a.text:hover {
     color: #fe7e00;
}
 .list-activity__right .icon {
     font-size: 20px;
     color: rgba(122, 147, 169, 0.5);
}
 .list-personnel.ui-gap-1 > ul > li {
     margin-bottom: 30px;
}
 .list-personnel ul {
     justify-content: center;
}
 .list-personnel__item {
     background-color: #fff;
     border-radius: 15px;
     padding: 15px;
     position: relative;
     z-index: 1;
}
 @media (min-width: 1200px) {
     .list-personnel__item {
         max-height: 215px;
    }
}
 @media (min-width: 768px) {
     .list-personnel__item {
         height: 100%;
    }
}
 @media (min-width: 1750px) {
     .list-personnel__item {
         max-height: 260px;
    }
}
 @media (min-width: 1200px) {
     .list-personnel__item > .row {
         height: 100%;
    }
}
 .list-personnel__item > .row > div {
     padding-left: 10px;
     padding-right: 10px;
}
 @media (min-width: 1200px) {
     .list-personnel__item > .row > div {
         height: 100%;
    }
}
 @media (max-width: 479px) {
     .list-personnel__item > .row > div {
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 @media (min-width: 1200px) {
     .list-personnel__left {
         flex: 0 0 27%;
         max-width: 27%;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .list-personnel__left {
         flex: 0 0 35%;
         max-width: 35%;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-personnel__left {
         flex: 0 0 35%;
         max-width: 35%;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .list-personnel__left {
         flex: 0 0 165px;
         max-width: 165px;
    }
}
 @media (min-width: 1200px) {
     .list-personnel__middle {
         flex: 0 0 calc(100% - (27% + 37%));
         max-width: calc(100% - (27% + 37%));
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .list-personnel__middle {
         flex: 0 0 calc(100% - 35%);
         max-width: calc(100% - 35%);
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-personnel__middle {
         flex: 0 0 calc(100% - 35%);
         max-width: calc(100% - 35%);
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .list-personnel__middle {
         flex: 0 0 calc(100% - 165px);
         max-width: calc(100% - 165px);
    }
}
 @media (min-width: 1200px) {
     .list-personnel__right {
         flex: 0 0 37%;
         max-width: 37%;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .list-personnel__right {
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-personnel__right {
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .list-personnel__right {
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 .list-personnel__right-content {
     border-radius: 11px;
     background-color: rgba(219, 226, 231, 0.25);
     padding-left: 20px;
     padding-right: 20px;
     overflow-y: auto;
     scrollbar-color: #fe7e00 rgba(254, 126, 0, 0.1);
     scrollbar-width: thin;
}
 @media (min-width: 1200px) {
     .list-personnel__right-content {
         height: 100%;
    }
}
 .list-personnel__right-content::-webkit-scrollbar-track {
     background-color: rgba(254, 126, 0, 0.1);
}
 .list-personnel__right-content::-webkit-scrollbar {
     width: 5px;
}
 .list-personnel__right-content::-webkit-scrollbar-thumb {
     background-color: #fe7e00;
}
 @media (max-width: 1199px) {
     .list-personnel__right-content {
         padding-top: 20px;
         padding-bottom: 20px;
         margin-top: 15px;
    }
}
 .list-personnel__photo {
     overflow: hidden;
     border-radius: 15px;
}
 @media (min-width: 480px) {
     .list-personnel__photo {
         height: 185px;
    }
}
 @media (min-width: 480px) and (min-width: 768px) and (max-width: 991px) {
     .list-personnel__photo {
         height: 145px;
    }
}
 @media (min-width: 1750px) {
     .list-personnel__photo {
         height: 230px;
    }
}
 @media (max-width: 479px) {
     .list-personnel__photo {
         height: auto;
    }
}
 .list-personnel__photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .list-personnel__description {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     padding-top: 25px;
     padding-bottom: 10px;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-personnel__description {
         padding-top: 10px;
    }
}
 .list-personnel__header {
     line-height: 1.3;
}
 .list-personnel__header .title {
     color: #455f76;
     font-weight: 900;
     font-size: 18px;
     letter-spacing: -0.5px;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-personnel__header .title {
         font-size: 16px;
    }
}
 .list-personnel__header .rank {
     font-size: 12px;
     color: rgba(122, 147, 169, 0.7);
}
 .list-personnel__footer .btn {
     background-color: rgba(254, 126, 0, 0.1);
     border-radius: 15px;
     padding: 3px 15px;
     display: inline-flex;
     font-size: 11px;
     font-weight: 800;
     color: #fe7e00;
     margin-top: 15px;
     transition: 0.3s;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-personnel__footer .btn {
         margin-top: 7px;
    }
}
 .list-personnel__footer .btn:hover {
     background-color: #fe7e00;
     color: #fff;
     box-shadow: 5px 5px 15px rgba(254, 126, 0, 0.3);
}
 @media (max-width: 479px) {
     .list-personnel__contact {
         margin-top: 10px;
    }
}
 .list-personnel__contact .item {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     font-size: 11px;
     color: #7a93a9;
     font-weight: 800;
     transition: 0.3s;
}
 .list-personnel__contact .item:hover {
     color: #fe7e00;
}
 .list-personnel__contact .item .icon {
     font-size: 12px;
     width: 21px;
     height: 21px;
     color: #fe7e00;
     align-items: center;
     justify-content: center;
     margin-right: 3px;
}
 .list-personnel__contact .item .text {
     color: currentColor;
     flex: 1;
     line-height: 1.4;
}
 .list-personnel__units {
     height: 100%;
}
 .list-personnel__units ul {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .list-personnel__units ul li {
     display: block;
}
 .list-personnel__units ul li:not(:last-child) {
     margin-bottom: 7px;
}
 .list-personnel__units ul li a {
     color: #7a93a9;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: -0.3px;
     display: flex;
     align-items: center;
     line-height: 1.3;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
     position: relative;
     transition: 0.3s;
}
 .list-personnel__units ul li a:hover {
     color: #fe7e00;
}
 .list-personnel__units ul li a::before {
     content: "";
     position: relative;
     top: -2px;
     width: 4px;
     height: 4px;
     border-radius: 5px;
     background-color: currentColor;
     opacity: 0.2;
     display: inline-flex;
     margin-right: 7px;
}
 .list-personnel__buttons {
     padding-top: 10px;
     padding-bottom: 10px;
     height: 100%;
}
 .list-personnel__buttons ul {
     height: 100%;
}
 .list-personnel__buttons ul li {
     height: 25%;
}
 .list-personnel__buttons ul li a {
     height: 100%;
     display: flex;
     align-items: center;
}
 .list-personnel__buttons ul li a:hover .icon {
     background-color: #fe7e00;
     color: #fff;
     box-shadow: 5px 5px 20px rgba(254, 126, 0, 0.2);
}
 .list-personnel__buttons ul li a:hover .text {
     color: #5e788f;
}
 .list-personnel__buttons ul li a .icon {
     width: 33px;
     height: 33px;
     background-color: #fff;
     color: #fe7e00;
     border-radius: 11px;
     align-items: center;
     justify-content: center;
     font-size: 14px;
     transition: 0.3s;
}
 .list-personnel__buttons ul li a .text {
     flex: 1;
     margin-left: 10px;
     padding-bottom: 3px;
     color: #7a93a9;
     font-size: 12px;
     font-weight: 800;
     border-bottom: 1px solid rgba(94, 120, 143, 0.1);
     line-height: 1.3;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 .list-news.ui-list ul li:not(:last-child) {
     margin-bottom: 20px;
}
 .list-news__item {
     background-color: #fff;
     padding: 15px;
     border-radius: 15px;
}
 @media (min-width: 480px) {
     .list-news__item {
         flex-direction: row-reverse;
    }
}
 @media (max-width: 479px) {
     .list-news__item {
         flex-direction: column-reverse;
    }
}
 .list-news__item.ui-style-border {
     border: 1px solid rgba(94, 120, 143, 0.08);
}
 @media (min-width: 480px) and (max-width: 767px) {
     .list-news__item.ui-style-border {
         padding: 0;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-news__item.ui-style-border {
         padding: 0;
    }
}
 .list-news__item:hover .list-news__photo img {
     transform: scale(1.1);
}
 @media (min-width: 480px) {
     .list-news__description {
         flex: 0 0 65%;
         max-width: 65%;
         padding-top: 15px;
    }
}
 @media (min-width: 992px) {
     .list-news__description {
         padding-left: 35px;
    }
}
 @media (min-width: 1200px) {
     .list-news__description {
         padding-right: 50px;
    }
}
 @media (max-width: 479px) {
     .list-news__description {
         padding-top: 20px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .list-news__description {
         padding-left: 20px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-news__description {
         padding-left: 20px;
    }
}
 .list-news__description .tag {
     text-transform: uppercase;
     color: rgba(122, 147, 169, 0.6);
     font-size: 12px;
     font-weight: 800;
}
 .list-news__description .title {
     display: block;
}
 @media (min-width: 1200px) {
     .list-news__description .title {
         padding-right: 50px;
    }
}
 .list-news__description .title h3 {
     color: #455f76;
     font-weight: 800;
     line-height: 1.4;
     transition: 0.3s;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 @media (min-width: 992px) {
     .list-news__description .title h3 {
         font-size: 20px;
         letter-spacing: -0.65px;
    }
}
 @media (max-width: 991px) {
     .list-news__description .title h3 {
         font-size: 16px;
         letter-spacing: -0.5px;
    }
}
 .list-news__description .title h3:hover {
     color: #fe7e00;
}
 .list-news__description .text {
     font-size: 14px;
     font-weight: 500;
     color: #5e788f;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
     margin-top: 10px;
}
 @media (min-width: 480px) and (max-width: 767px) {
     .list-news__description .text {
         display: none;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-news__description .text {
         display: none;
    }
}
 .list-news__description .date {
     display: inline-flex;
     align-items: center;
     margin-left: 15px;
     font-size: 12px;
     color: rgba(122, 147, 169, 0.5);
}
 @media (min-width: 480px) and (max-width: 767px) {
     .list-news__description .date {
         margin-top: 8px;
    }
}
 .list-news__description .date .icon {
     font-size: 12px;
     margin-right: 7px;
}
 .list-news__description .buttons-container {
     margin-top: 15px;
}
 @media (min-width: 480px) and (max-width: 767px) {
     .list-news__description .buttons-container {
         margin-top: 10px;
    }
}
 @media (min-width: 480px) {
     .list-news__right {
         flex: 0 0 calc(100% - 65%);
         max-width: calc(100% - 65%);
    }
}
 .list-news__photo {
     border-radius: 15px;
     overflow: hidden;
     background-color: rgba(219, 226, 231, 0.5);
}
 @media (min-width: 480px) {
     .list-news__photo {
         height: 222px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .list-news__photo {
         height: 160px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .list-news__photo {
         height: 160px;
    }
}
 .list-news__photo a {
     display: block;
     position: relative;
     height: 100%;
}
 .list-news__photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: contain;
     object-fit: contain;
     transition: 1s transform cubic-bezier(0, 0, 0.2, 1);
}
 .list-multimedia.ui-gap-1 ul li {
     margin-bottom: 30px;
}
 .list-multimedia__item {
     display: flex;
     flex-wrap: wrap;
}
 .list-multimedia__item:hover .list-multimedia__photo img {
     transform: scale(1.1);
}
 .list-multimedia__item:hover .list-multimedia__description .title {
     color: #fe7e00;
}
 .list-multimedia__left {
     position: relative;
     flex: 0 0 45%;
     max-width: 45%;
     z-index: 1;
}
 .list-multimedia__left::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     background-image: linear-gradient(transparent, #02424f);
     height: 100%;
     border-bottom-left-radius: 15px;
}
 .list-multimedia__photo {
     height: 150px;
     overflow: hidden;
     border-top-left-radius: 15px;
     border-bottom-left-radius: 15px;
}
 .list-multimedia__photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     transition: 1s transform cubic-bezier(0, 0, 0.2, 1);
}
 .list-multimedia__total {
     position: absolute;
     bottom: 15px;
     left: 15px;
     z-index: 2;
     background-color: #fe7e00;
     border-radius: 8px;
     display: inline-flex;
     align-items: center;
     color: #fff;
     line-height: 1;
     padding: 5px 7px;
}
 .list-multimedia__total .icon {
     font-size: 12px;
     margin-right: 5px;
}
 .list-multimedia__total .text {
     font-weight: 900;
     font-size: 12px;
     letter-spacing: -0.5px;
}
 .list-multimedia__description {
     flex: 0 0 calc(100% - 45%);
     max-width: calc(100% - 45%);
     background-color: #fff;
     border-top-right-radius: 15px;
     border-bottom-right-radius: 15px;
     padding-left: 23px;
     padding-right: 23px;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .list-multimedia__description .title {
     color: #455f76;
     font-size: 16px;
     font-weight: 800;
     letter-spacing: -0.5px;
     line-height: 1.35;
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
     transition: 0.3s;
}
 .list-multimedia__description .date {
     color: rgba(122, 147, 169, 0.5);
     font-size: 12px;
     margin-top: 6px;
}
 .list-multimedia__description .date .icon {
     font-size: 12px;
     margin-right: 5px;
}
 .list-nav .item a {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     position: relative;
     background-color: rgba(255, 255, 255, 0.3);
     border-radius: 99px;
     transition: 0.3s;
}
 .list-nav .item a:hover {
     background-color: #fff;
}
 .list-nav__left {
     position: relative;
}
 .list-nav__left > * {
     border-radius: 50%;
}
 @media (min-width: 480px) {
     .list-nav__left > * {
         width: 65px;
         height: 65px;
    }
}
 @media (max-width: 479px) {
     .list-nav__left > * {
         width: 50px;
         height: 50px;
    }
}
 .list-nav .letter {
     background-color: #dbe2e7;
     color: #7a93a9;
     line-height: 1;
     font-size: 28px;
     font-weight: 900;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-transform: uppercase;
}
 .list-nav .photo {
     overflow: hidden;
}
 .list-nav .photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .list-nav .description {
     padding-right: 10px;
}
 @media (min-width: 480px) {
     .list-nav .description {
         flex: 0 0 calc(100% - 65px);
         max-width: calc(100% - 65px);
         padding-left: 10px;
    }
}
 @media (max-width: 479px) {
     .list-nav .description {
         flex: 0 0 calc(100% - 50px);
         max-width: calc(100% - 50px);
         padding-left: 6px;
    }
}
 .list-nav .description .title {
     color: #5e788f;
     font-weight: 800;
     line-height: 1.3;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 88px;
     transition: 0.3s;
}
 @media (min-width: 480px) {
     .list-nav .description .title {
         font-size: 13px;
    }
}
 @media (max-width: 479px) {
     .list-nav .description .title {
         font-size: 12px;
    }
}
 @media (min-width: 250px) and (max-width: 800px) {
     .image-button img {
         max-width:150px;
    }
}
 .mayor {
     position: relative;
}
 .mayor-header {
     background-color: #fff;
     border-radius: 11px;
     position: relative;
     height: 100%;
}
 .mayor-cover {
     background-color: #fff;
     border-radius: 11px;
     overflow: hidden;
}
 @media (max-width: 479px) {
     .mayor-cover {
         max-height: 360px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .mayor-cover {
         max-height: 550px;
    }
}
 @media (max-width: 767px) {
     .mayor-cover {
         height: 90vw !important;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .mayor-cover {
         height: 350px !important;
         overflow: hidden;
         border-radius: 11px;
    }
}
 @media (min-width: 992px) {
     .mayor-cover {
         height: 100%;
    }
}
 .mayor-cover img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .mayor-photo {
     position: absolute;
     bottom: 0;
     left: 15px;
}
 @media (max-width: 479px) {
     .mayor-photo {
        /*height:300px !important;
        */
         display: none;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .mayor-photo {
         width: 55%;
         left: 5px;
         display:none;
    }
}
 @media (min-width: 900px) and (max-width: 1440px) {
     .mayor-photo {
         width: 55%;
         left: 5px;
         display:none;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .mayor-photo {
         width: 210px;
         left: 30px;
         display:none;
    }
}
 .mayor-photo img {
     width: 100%;
     max-width: 400px;
}
 .mayor-body {
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     position: absolute;
     z-index: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-end;
}
 @media (min-width: 768px) {
     .mayor-body {
         padding: 30px;
    }
}
 @media (max-width: 767px) {
     .mayor-body {
         padding: 7vw;
    }
}
 .mayor-body::before {
     content: "";
     position: absolute;
     right: 0;
     bottom: -2px;
     left: 0;
     height: 60%;
     z-index: -1;
     background-image: linear-gradient(transparent, #324452);
     border-radius: 11px;
}
 .mayor-body__heading {
     text-align: right;
     color: #fff;
     text-transform: uppercase;
     line-height: 1;
}
 .mayor-body__heading .title {
     letter-spacing: -1px;
     font-weight: 900;
}
 @media (min-width: 480px) {
     .mayor-body__heading .title {
         font-size: 42px;
    }
}
 @media (max-width: 479px) {
     .mayor-body__heading .title {
         font-size: 10vw;
    }
}
 @media (min-width: 390px) and (max-width: 479px) {
     .mayor-body__heading .title {
         font-size: 42px;
    }
}
 .mayor-body__heading .title span:last-child {
     font-weight: 400;
}
 .mayor-body__heading .title span:first-child {
     margin-right: 5px;
}
 .mayor-body__heading .rank {
     font-weight: 300;
     margin-top: 5px;
     letter-spacing: 2.1px;
}
 @media (min-width: 480px) {
     .mayor-body__heading .rank {
         font-size: 18px;
    }
}
 @media (max-width: 479px) {
     .mayor-body__heading .rank {
         font-size: 3.9vw;
    }
}
 @media (min-width: 390px) and (max-width: 479px) {
     .mayor-body__heading .rank {
         font-size: 16px;
    }
}
 @media (min-width: 768px) {
     .mayor-social {
        /*margin-top: 20px;
        */
    }
}
 @media (max-width: 767px) {
     .mayor-social {
         margin-top: 13px;
    }
}
 .mayor-social a {
     display: inline-flex;
     border-radius: 11px;
     align-items: center;
     justify-content: center;
     background-color: #fff;
     color: #fe7e00;
     transition: 0.3s;
}
 @media (min-width: 480px) {
     .mayor-social a {
         width: 50px;
         height: 50px;
         font-size: 18px;
    }
}
 @media (max-width: 479px) {
     .mayor-social a {
         width: 40px;
         height: 40px;
         font-size: 16px;
    }
}
 .mayor-social a:not(:last-child) {
     margin-right: 7px;
}
 .mayor-social a:hover {
     background-color: #035e71;
     color: #fff;
}
 .mayor-footer {
     background-color: #fe7e00;
     border-radius: 11px;
     box-shadow: 15px 15px 35px rgba(254, 126, 0, 0.2);
}
 @media (min-width: 992px) {
     .mayor-footer {
         margin-top: 25px;
    }
}
 @media (max-width: 991px) {
     .mayor-footer {
         margin-top: 10px;
    }
}
 @media (max-width: 479px) {
     .mayor-footer ul li {
         flex: 0 0 25%;
         max-width: 25%;
    }
}
 .mayor-footer ul li:not(:last-child) a::after {
     content: "";
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     width: 2px;
     height: 20px;
     background-color: #fff;
}
 .mayor-footer ul li a {
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     padding-left: 10px;
     padding-right: 10px;
     color: #fff;
     line-height: 1.4;
     font-weight: 900;
     text-transform: uppercase;
     transition: 0.3s;
}
 @media (min-width: 992px) {
     .mayor-footer ul li a {
         height: 4.3vw;
         max-height: 80px;
         font-size: 12px;
    }
}
 @media (max-width: 479px) {
     .mayor-footer ul li a {
         height: 60px;
         font-size: 3vw;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .mayor-footer ul li a {
         height: 75px;
         font-size: 2.75vw;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .mayor-footer ul li a {
         height: 75px;
         font-size: 16px;
    }
}
 @media (min-width: 390px) and (max-width: 479px) {
     .mayor-footer ul li a {
         font-size: 11px;
    }
}
 @media (min-width: 600px) and (max-width: 767px) {
     .mayor-footer ul li a {
         font-size: 14px;
    }
}
 .mayor-footer ul li a span:last-child {
     font-weight: 300;
}
 .mayor-footer ul li a:hover {
     color: rgba(0, 0, 0, 0.4);
}
 .banner {
     position: relative;
}
 .banner::after {
     content: "";
     position: absolute;
     z-index: 1;
     top: 0;
     bottom: 115px;
     right: 0;
     width: 50%;
     pointer-events: none;
     background-image: linear-gradient(to right, transparent, #dbe2e7);
     opacity: 0.95;
     display: none;
}
 .banner .owl-banner-thumbs .owl-stage {
     counter-reset: dots;
}
 .banner .owl-banner-thumbs .owl-stage .owl-item {
     counter-increment: dots;
}
 .banner .owl-banner-thumbs .owl-stage .owl-item .banner-thumb__wrapper .number::before {
     content: counter(dots);
}
 .banner-card a {
     display: block;
     position: relative;
     background-color: #fff;
     border-radius: 11px;
     padding: 13px;
}
 @media (max-width: 479px) {
     .banner-card a {
         padding: 8px;
    }
}
 .banner-photo {
     border-radius: 11px;
     overflow: hidden;
}
 .banner-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .banner-thumb {
     width: 100%;
     border-radius: 8px;
     overflow: hidden;
     cursor: pointer;
     position: relative;
     z-index: 1;
     box-shadow: 0 0 20px rgba(69, 95, 118, 0.2);
}
 .banner-thumb__wrapper {
     display: flex;
     align-items: center;
     position: relative;
}
 .banner-thumb__wrapper .number {
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     margin-top: 3px;
     line-height: 1;
     font-family: "Cerebri Sans Heavy", sans-serif;
     color: #000;
     -webkit-text-fill-color: #ecf0f2;
     -webkit-text-stroke-width: 3px;
     -webkit-text-stroke-color: rgba(122, 147, 169, 0.2);
}
 @media (min-width: 992px) {
     .banner-thumb__wrapper .number {
         font-size: 5.1vw;
    }
}
 @media (max-width: 479px) {
     .banner-thumb__wrapper .number {
         font-size: 60px;
    }
}
 @media (min-width: 992px) {
     .banner-thumb {
         margin-left: 2vw;
    }
}
 @media (max-width: 479px) {
     .banner-thumb {
         margin-left: 32px;
    }
}
 .banner-thumb img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 body {
     font-family: "Cerebri Sans", sans-serif;
     font-size: 16px;
     line-height: 1.6;
     font-weight: 400;
     color: #5e788f;
     letter-spacing: -0.2px;
     overflow-x: hidden;
}
 body.ui-bg {
     background: rgba(219, 226, 231, 0.5);
}
 body.is-scroll {
     overflow: hidden;
}

 .shape {
     position: absolute;
     z-index: -1;
}
 @media (max-width: 1199px) {
     .shape {
         display: none;
    }
}
 .shape.ui-01 {
     bottom: 50px;
     right: -590px;
}
 .shape.ui-01 img {
     width: 83.33vw;
     max-width: 1360px;
}
 .shape.ui-02 {
     top: -15px;
     left: -650px;
}
 .shape.ui-02 img {
     width: 94.66vw;
     max-width: 1400px;
     opacity: 0.1;
}
 .shape.ui-03 {
     top: -170px;
     right: 0;
}
 .shape.ui-03 img {
     width: 120vw;
     max-width: 1850px;
     opacity: 0.06;
}
 .shape.ui-04 {
     top: -120px;
     left: 0;
}
 .shape.ui-04 img {
     width: 33.33vw;
     max-width: 500px;
     opacity: 0.1;
}
 .small-title:not(.ui-not) {
     position: relative;
     text-transform: uppercase;
     display: block;
     font-size: 10px;
     line-height: 1.3;
     color: #fe7e00;
     font-weight: 600;
     letter-spacing: 1.5px;
}
 .section-header.ui-txt-center {
     text-align: center;
}
 @media (min-width: 768px) {
     .section-header.ui-txt-right {
         text-align: right;
    }
}
 .section-header:not([class*="ui-txt-size-"]) .title {
     font-size: 42px;
}
 @media (max-width: 479px) {
     .section-header:not([class*="ui-txt-size-"]) .title {
         font-size: 28px !important;
    }
}
 .section-header:not([class*="ui-txt-size-"]) .text {
     font-size: 16px;
}
 @media (max-width: 479px) {
     .section-header:not([class*="ui-txt-size-"]) .text {
         font-size: 14px;
    }
}
 @media (min-width: 480px) {
     .section-header.ui-txt-size-large .title {
         font-size: 54px;
    }
}
 @media (max-width: 479px) {
     .section-header.ui-txt-size-large .title {
         font-size: 36px;
    }
}
 .section-header.ui-txt-size-small .title {
     font-size: 36px;
}
 .section-header.ui-txt-size-small-1 .title {
     font-size: 28px;
}
 .section-header .heading {
     font-family: "Bebas Neue", cursive;
     font-size: 66px;
     line-height: 1;
     display: flex;
     justify-content: center;
}
 @media (max-width: 479px) {
     .section-header .heading {
         font-size: 42px;
    }
}
 .section-header .heading span:first-child {
     color: rgba(94, 120, 143, 0.1);
}
 .section-header .heading span:last-child {
     color: rgba(94, 120, 143, 0.2);
}
 .section-header .title {
     color: #455f76;
     font-family: "Cerebri Sans Heavy", sans-serif;
     line-height: 1.2;
     letter-spacing: -1px;
}
 .section-header .title:not(.ui-no-uppercase) {
     text-transform: uppercase;
}
 .section-header .title span {
     color: #fe7e00;
}
 .section-header .text {
     line-height: 1.5;
}
 .section-header .text:not([class*="ui-state"]) {
     color: #7a93a9;
}
 .section-header .text[class*="ui-state"] {
     padding: 25px;
     border-radius: 15px;
     font-size: 14px;
     line-height: 1.6;
}
 .section-header .text.ui-state-warning {
     color: #fe7e00;
     background-color: rgba(254, 126, 0, 0.1);
}
 .section-header .text.ui-state-bg {
     background: rgba(219, 226, 231, 0.5);
}
 .section-header .text strong {
     font-weight: 900;
}
 .section-header.ui-transactions .title {
     color: #fff;
}
 .section-header.ui-transactions .title span {
     color: #035e71;
}
 .section-header.ui-transactions .text {
     color: #4f8e9c;
}
 .section-header.ui-unit .text {
     margin-top: 15px;
     margin-left: auto;
     margin-right: auto;
     max-width: 650px;
}
 .section-header.ui-mayor-message .title {
     color: #fe7e00;
}
 
 .buyukMansetAlani {
    /*.hero*/
     display: flex;
     height: 100%;
     flex-direction: column;
     align-items: center;
     justify-content: end;
     padding: 0;
     max-height: -moz-max-content !important;
     max-height: max-content !important;
     margin: 0;
     position: relative;
     margin-top: 50px;
     box-shadow: 0 0 0 !important;
}

 .buyukMansetAlaniContainer {
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
}
 .buyukMansetAlaniContainer .owl-stage {
     display: flex;
     width: 100%;
}
 .buyukMansetAlaniContainer .owl-nav {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 5px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
}
 .buyukMansetAlaniContainer .owl-dots {
     width: 100%;
     display: flex;
     justify-content: end;
     align-items: center;
     padding: 0 5px;
     position: absolute;
     bottom: 5px;
}
 .buyukMansetAlaniContainer .owl-dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background-color: #47a9cb;
     margin: 0 5px;
     transition: 0.4s;
}
 .buyukMansetAlaniContainer .owl-dot.active {
    /*width: 100px;
    */
     border-radius: 20px;
}
 .buyukMansetAlaniContainer .owl-nav button {
     width: 40px;
     height: 40px;
     font-size: 30px !important;
     border-radius: 50%;
     color: #fff;
     border: none;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
}
 .buyukMansetAlaniContainer .owl-nav .owl-prev {
     background: #fff;
     padding: 5px;
}
 .buyukMansetAlaniContainer .owl-nav .owl-next {
     margin-left: 5px;
     background: #fff;
     padding: 5px;
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 {
     width: 80%;
     height: 100%;
     position: relative;
     display: flex;
     align-items: start;
     -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
     box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
     border-radius: 20px;
     padding:20px;
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 .hero-news-slider {
     display: flex !important;
     position: relative;
    /*border-radius: 25px;
    */
     width: 60%;
     height: 100%;
     height: 100%;
     overflow: hidden !important;
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 .hero-news-slider img {
     width: 100%;
     height:auto !important;
     height: 510px;
    /*-o-object-fit: cover;
     object-fit: cover;
    */
     -o-object-fit: scale-down;
     object-fit: scale-down;
}
 .new-slider-content-item-wrapper {
     width: 40%;
     display: flex;
     flex-direction: column !important;
     justify-content: space-between;
     overflow-y: scroll;
}
 .news-content-header {
     display: flex;
     width: 100%;
     justify-content: space-between;
     padding: 1rem 2rem;
}
 .news-content-header .news-content-title {
     font-size: 13px;
     font-weight: 700;
     color: #fff;
}
 .news-content-header .news-header-link {
     font-size: 15px;
     font-weight: 700;
     color: #fff;
     transition: 0.4s;
     text-decoration: underline;
}
 .news-content-header .news-header-link:hover {
     color: #fa7d01;
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: 0 1rem;
     gap: 0.5rem;
     max-height: 460px;
     overflow-y: auto;
     scrollbar-width: none;
     -ms-overflow-style: none;
}


/* 2560x1440 çözünürlük için max-height artır */
@media screen and (min-width: 2500px) {
    .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content {
		width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     padding: 0 1rem;
     gap: 0.5rem;
     overflow-y: auto;
     scrollbar-width: none;
     -ms-overflow-style: none;
        max-height: 575px;
    }
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content::-webkit-scrollbar {
     display: none;
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content .slider-tab-content-item {
     
     background: linear-gradient(45deg, #f3fcff, transparent);
    /*background-color: #fff; border-radius: 12px;
    
     border-left: solid 3px #47a9cb;
     background: linear-gradient(45deg, #f3fdff, transparent);
     */
     height: 65px;
     font-size: 13px;
     padding-left: 20px;
     padding: 10px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     z-index: 500;
     cursor: pointer;
    /*overflow: hidden;
    */
     position: relative;
     
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content .slider-tab-content-item::after {
     content: "";
     position: absolute;
     width: 0%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
    /*background-color: rgba(23, 94, 114, 0.168627451);
    */
    /*border-radius: 12px;
    */
     z-index: 0;
     transition: 0.4s;
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content .slider-tab-content-item:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content .slider-tab-content-item:hover::after {
     width: 100%;
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content .slider-tab-content-item-date {
     font-size: 9px;
     color: #1a5f726b;
     z-index: 500;
     font-weight: 600;
}
 .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content .slider-tab-content-item-title {
     font-weight: 700;
     z-index: 500;
     max-width: 50ch;
     color: #595b5c;
}
 .baskan-foto-alani {
     width: 20%;
     cursor: pointer;
     display: flex;
     flex-direction: column;
}
 .baskan-foto-alani .president-img-wrapper-relative {
     width: 100%;
     height: 285px;
     margin-top: 50px;
     position: relative;
     /*background-color: #f7f7f7;*/
     margin: 0px 0px 0px 10px;
     border-radius: 20px;
     overflow: visible !important;
     /*-webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
     box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);*/
}
 .baskan-foto-alani .president-img-wrapper-relative .belediye-baskani-header-foto {
     width: 100%;
     height: 100%;
     border-radius: 20px;
     background-color: rgba(0, 0, 0, 0);
     position: relative;
}
 .baskan-foto-alani .president-img-wrapper-relative .belediye-baskani-header-foto img {
     width: 100%;
     height: 340px;
     -o-object-fit: contain;
     object-fit: contain;
     position: absolute;
     bottom: 0;
     border-radius: 20px;
    /*z-index: 99999;
    */
     left: 50%;
     transform: translateX(-50%);
}
 .president-header {
     position: absolute;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     bottom: 30px;
     z-index: 500;
}
 .president-header .president-social-title {
     color: #000;
     font-size: 20px;
}
 .president-header .president-sub-title {
     color: #000;
     font-size: 14px;
     font-weight: 400;
     letter-spacing: 1px;
}
 .baskan-foto-alani .president-img-wrapper-relative .absolute-social-links {
     position: absolute;
     bottom: -20px;
     left: 50%;
     transform: translateX(-50%);
     display: flex;
     width: 100%;
     justify-content: center;
     z-index: 500;
     gap: 5px;
     align-items: center;
}
 .baskan-foto-alani .president-img-wrapper-relative .absolute-social-links .absolute-social-links-item {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 34px;
     height: 34px;
     border-radius: 10px;
     background-color: #fff;
     color: #000;
     transition: 0.4s;
     cursor: pointer;
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
 .baskan-foto-alani .president-img-wrapper-relative .absolute-social-links a {
     font-size: 14px;
     color: inherit;
}
 .baskan-foto-alani .president-img-wrapper-relative .absolute-social-links a img {
     width: 30px;
     height: 30px;
     filter: invert(100%);
}
 .baskan-foto-alani .president-img-wrapper-relative .absolute-social-links .absolute-social-links-item:hover {
     color: #fff;
     background-color: #ff6101;
}
 .president-sub-img {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin-top: 38px;
}
 .president-sub-img .baskan-btn {
     width: 48%;
     height: 60px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: start;
     font-size: 12px;
     padding: 10px;
     text-align: left;
     border-radius: 10px;
     background-color: pink;
     color: #fff;
     line-height: 1.3;
     transition: 0.4s;
}
 .president-sub-img .baskan-btn:nth-child(1) {
     background-color: #145e71;
}
 .president-sub-img .baskan-btn:nth-child(2) {
     background-color: #79a45a;
}
 .president-sub-img .baskan-btn:nth-child(3) {
     background-color: #9e2f72;
}
 .president-sub-img .baskan-btn:nth-child(4) {
     background-color: #fa7d01;
}
 .president-sub-img .baskan-btn:nth-child(1):hover {
     background-color: rgba(20, 94, 113, 0.7607843137);
}
 .president-sub-img .baskan-btn:nth-child(2):hover {
     background-color: rgba(121, 164, 90, 0.7803921569);
}
 .president-sub-img .baskan-btn:nth-child(3):hover {
     background-color: rgba(158, 47, 114, 0.7607843137);
}
 .president-sub-img .baskan-btn:nth-child(4):hover {
     background-color: rgba(250, 125, 1, 0.7882352941);
}
 .hero-new-categories {
     position: absolute;
     left: 30px;
     bottom: -40px;
}
 .hero-new-categories a {
     border-radius: 20px;
}
 .new-tesisler {
     line-height: 1.2 !important;
     font-size: 20px !important;
}
 .new-tesisler-body {
     padding: 10px !important;
}
 .header-top__right .header-buttons {
     margin-left: 20px !important;
     margin-bottom: 0 !important;
}
 .header-buttons.position-absolute {
     position: absolute;
     top: 0;
     right: 6%;
}
 .header-buttons.ui-style-1 .btn.ui-default {
     height: 45px !important;
}
 .headlinenews-other .card-v1-item {
     height: 215px !important;
}
 .headlinenews-other .card-v1-item .card-v1-cover {
     height: 100% !important;
}
 .owl-news2 .card-v1-item {
     height: 300px !important;
}
 .owl-news2 .card-v1-item .card-v1-cover {
     height: 100% !important;
}
 .president-sub-img-text {
     display: flex;
     flex-direction: column;
     width: 100%;
}
 .president-sub-img-text .baskan-msg-title {
     font-size: 15px;
     align-self: center;
}
 .president-sub-img-text .baskan-msg-title strong {
     color: #000;
}
 .president-sub-img-text .baskan-text {
     text-align: center;
     font-style: italic;
     margin-bottom: 10px;
}
 .president-sub-img-text .baskan-signature {
     align-self: center;
}
 .footer-left-map {
     display: flex;
     align-items: start;
     justify-content: start;
     gap: 50px;
     margin-top: 40px;
}
 .footer-left-map .footer-links-areas {
     display: flex;
     flex-wrap: wrap;
     justify-content: start;
     width: 70%;
     gap: 20px;
}
 .footer-left-map .footer-card:not(.with-btns) {
     width: 22%;
}
 .footer-left-map .with-btns {
     width: 34%;
}
 .footer-left-map .footer-card {
     margin-bottom: 0 !important;
}
 .footer-left-map .footer-card h4 {
     display: flex;
     align-items: center;
     gap: 7px;
     transition: 0.4s;
     cursor: pointer;
}
 .footer-left-map .footer-card h4:hover {
     color: #ff6101;
}
 .footer-left-map .footer-card:nth-child(4) {
     margin-left: -30px;
}
 .footer-left-map i {
     font-size: 8px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 @media (min-width: 1500px) {
     .baskan-foto-alani .president-img-wrapper-relative {
         height: 530px;
    }
     .baskan-foto-alani .president-img-wrapper-relative .belediye-baskani-header-foto img {
         height: 470px;
         /*object-fit: cover;*/
    }
}
 .footer-top-title {
     position: absolute;
     top: 40px;
     left: 7.5%;
     font-weight: 900 !important;
     font-size: 20px;
}
 .MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
     box-sizing: inherit;
}
 .hero {
     position: relative;
     box-shadow: 0 0 65px rgba(94, 120, 143, 0.45);
}
 .hero-tab {
     position: absolute;
     z-index: 2;
     top: 50%;
     left: 30px;
     transform: translateY(-50%);
     width: 450px;
     margin-right: 10px;
}
 @media (min-width: 1400px) {
     .hero-tab {
         margin-right: 50px;
    }
}
 @media (min-width: 1750px) {
     .hero-tab {
         margin-right: 120px;
    }
}
 @media (max-width: 1199px) {
     .hero-tab {
         display: none;
    }
}
 .hero-tab__nav ul {
     padding-left: 20px;
     padding-right: 20px;
}
 .hero-tab__nav ul li {
     height: 92px;
}
 .hero-tab__nav ul li:nth-child(3) .btn {
     background-color: #79a45a;
}
 .hero-tab__nav ul li:nth-child(1) .btn {
     background-color: #9e2f72;
}
 .hero-tab__nav ul li:nth-child(2) .btn {
     background-color: #2893b0;
}
 .hero-tab__nav ul li.is-current .btn {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     height: 100%;
}
 .hero-tab__nav ul li .btn {
     height: 90%;
     width: 100%;
     display: flex;
     font-family: inherit;
     border-radius: 11px;
     background-color: #035e71;
     transition: 0.3s;
}
 .hero-tab__nav ul li .item {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     flex-direction: column;
     text-align: center;
     color: #fff;
     padding-top: 1vw;
     padding-left: 3px;
     padding-right: 3px;
}
 .hero-tab__nav ul li .item .icon {
     font-size: 22px;
}
 .hero-tab__nav ul li .item .icon svg {
     fill: #fff;
}
 .hero-tab__nav ul li .item .title {
     text-transform: uppercase;
     font-size: 11px;
     font-weight: 900;
     line-height: 1.35;
     margin-top: 10px;
}
 .hero-tab__nav ul li .item .title span {
     font-weight: 300;
     display: block;
}
 .hero-tab__container {
     background-color: #fff;
     height: 400px;
     border-radius: 11px;
     padding-top: 15px;
     padding-bottom: 15px;
}
 @media (min-width: 1500px) {
     .hero-tab__container {
         height: 490px;
    }
}
 .hero-tab__content {
     height: 100%;
     overflow-y: auto;
     scrollbar-color: #fe7e00 rgba(254, 126, 0, 0.2);
     scrollbar-width: thin;
}
 .hero-tab__content::-webkit-scrollbar-track {
     background-color: rgba(254, 126, 0, 0.2);
}
 .hero-tab__content::-webkit-scrollbar {
     width: 5px;
}
 .hero-tab__content::-webkit-scrollbar-thumb {
     background-color: #fe7e00;
}
 .hero-tab__content .list-shortcuts {
     padding-left: 35px;
     padding-right: 35px;
}
 .hero-tab__content .list-shortcuts ul li:last-child::after {
     display: none;
}
 .hero-tab__content .activities > ul {
     position: relative;
}
 .hero-tab__content .activities > ul::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: #fff;
     z-index: 1;
     height: 25px;
}
 .hero-tab__content .card-state {
     padding-bottom: 20px;
}
 .hero-tab__header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-family: "Bebas Neue", cursive;
}
 .hero-tab__header .heading {
     font-size: 32px;
     line-height: 1.2;
     color: rgba(122, 147, 169, 0.3);
}
 .hero-tab__header .link {
     font-size: 18px;
     display: inline-flex;
     align-items: center;
     color: #7a93a9;
     opacity: 0.6;
     transition: 0.3s;
}
 .hero-tab__header .link .icon {
     margin-left: 5px;
     margin-top: -5px;
}
 .hero-tab__header .link:hover {
     opacity: 0.9;
}
 .hero-tab__activities {
     padding-left: 20px;
     padding-right: 20px;
}
 .hero-tab__activities .list-activity {
     margin-top: 3px;
}
 .hero-tab__projects {
     padding-left: 20px;
     padding-right: 20px;
}
 @media (min-width: 1200px) {
     .section-container {
         padding-left: calc((100vw - 1300px + 10px) / 2);
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-container {
         padding-left: calc((100vw - 768px + 20px) / 2);
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .section-container {
         padding-left: calc((100vw - 992px + 20px) / 2);
    }
}
 @media (min-width: 1750px) {
     .section-container {
         padding-left: calc((100vw - 1300px + 10px) / 2);
    }
}
 .section-tab:not([class*="ui-color-1"]) ul li.is-current a, .section-tab:not([class*="ui-color-1"]) ul li:hover a {
     background-color: #035566;
}
 .section-tab:not([class*="ui-color-1"]) ul li a::after {
     border-left: 10px solid rgba(0, 0, 0, 0);
     border-right: 10px solid rgba(0, 0, 0, 0);
     border-top: 10px solid #035566;
}
 .section-tab.ui-color-1 ul li.is-current a, .section-tab.ui-color-1 ul li:hover a {
     background-color: #fe7e00;
     color: #fff;
}
 .section-tab.ui-color-1 ul li a::after {
     border-left: 10px solid rgba(0, 0, 0, 0);
     border-right: 10px solid rgba(0, 0, 0, 0);
     border-top: 10px solid #fe7e00;
}
 @media (min-width: 480px) {
     .section-tab:not([class*="ui-size-"]):not(.ui-no-width) ul li a {
         min-width: 190px;
    }
}
 .section-tab:not([class*="ui-size-"]) ul li:not(:last-child) {
     margin-right: 15px;
}
 .section-tab:not([class*="ui-size-"]) ul li a {
     padding-left: 40px;
     padding-right: 40px;
     font-size: 14px;
}
 .section-tab.ui-size-small ul li:not(:last-child) {
     margin-right: 10px;
}
 .section-tab.ui-size-small ul li a {
     font-size: 12px;
     padding-left: 20px;
     padding-right: 20px;
}
 .section-tab.ui-view-personnel ul li {
     margin-bottom: 10px;
}
 .section-tab:not(.ui-view-row) ul li {
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
}
 @media (min-width: 768px) {
     .section-tab ul {
         flex-wrap: wrap;
    }
     .section-tab ul:not(.ui-no-center) {
         justify-content: center;
    }
}
 @media (max-width: 767px) {
     .section-tab ul {
         overflow-x: auto;
         padding-top: 30px;
         padding-bottom: 40px;
         flex-wrap: inherit;
    }
}
 .section-tab ul li.is-current a, .section-tab ul li:hover a {
     color: #fff;
}
 .section-tab ul li.is-current a::after {
     opacity: 1;
}
 .section-tab ul li a {
     display: inline-flex;
     text-align: center;
     position: relative;
     z-index: 1;
     align-items: center;
     justify-content: center;
     background-color: #fff;
     box-shadow: 0 0 50px rgba(69, 95, 118, 0.15);
     border-radius: 20px;
     color: #455f76;
     font-weight: 900;
     text-transform: uppercase;
     transition: 0.3s;
     height: 50px;
}
 .section-tab ul li a::after {
     content: "";
     position: absolute;
     z-index: -1;
     right: 0;
     bottom: calc(-1 * 10px);
     left: 0;
     opacity: 0;
     width: 10px;
     height: 10px;
     margin-left: auto;
     margin-right: auto;
     transition: 0.3s;
}
 .section.ui-bg-cover {
     position: relative;
     z-index: 1;
}
 .section.ui-bg-cover::before {
     content: "";
     z-index: -1;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
}
 @media (min-width: 992px) {
     .section.ui-bg-cover.ui-cover-1::before {
         background-position: center 0;
         background-image: url(../images/section-bg-gallery.png);
    }
}
 @media (min-width: 992px) {
     .section-shortcuts .section-container {
         padding-top: 40px;
         padding-bottom: 40px;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container {
         max-width: 390px;
         padding-top: 15px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .section-shortcuts .section-container {
         max-width: 600px;
         padding-top: 20px;
    }
}
 @media (max-width: 767px) {
     .section-shortcuts .section-container {
         margin-left: auto;
         margin-right: auto;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-shortcuts .section-container {
         padding-top: 20px;
    }
}
 @media (min-width: 768px) {
     .section-shortcuts .section-container .shortcuts {
         margin-left: -15px !important;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .shortcuts.ui-style-item .shortcuts-card a {
         padding-left: 15px;
         padding-right: 10px;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .shortcuts.ui-style-item .shortcuts-card a .icon {
         font-size: 20px;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .shortcuts.ui-style-item .shortcuts-card a .desc {
         padding-left: 8px;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .shortcuts.ui-style-item .shortcuts-card a .desc .title {
         font-size: 12px;
         line-height: 1.35;
    }
}
 @media (min-width: 768px) {
     .section-shortcuts .section-container .owl-shortcuts .owl-stage {
         padding-left: 15px !important;
    }
}
 .section-shortcuts .section-container .owl-shortcuts .owl-stage .owl-item {
     transition: 0.4s;
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .owl-shortcuts .owl-stage .owl-item .item {
         transition: 0.4s;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .owl-shortcuts .owl-stage .owl-item:not(.active) .item {
         opacity: 0;
         visibility: hidden;
    }
}
 .section-shortcuts .list-shortcuts {
     display: none;
}
 @media (max-width: 767px) {
     .section-shortcuts .list-shortcuts {
         padding-left: 25px;
         padding-right: 25px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-shortcuts .list-shortcuts {
         padding-left: 18px;
         padding-right: 28px;
         max-width: 768px;
    }
}
 @media (max-width: 991px) {
     .section-shortcuts .list-shortcuts {
         display: block;
    }
}
 @media (min-width: 2020px) {
     .section-group-01 {
         display: flex;
         justify-content: flex-end;
    }
}
 .section-group-01 .section-wrapper {
     padding-top: 10px;
     padding-left: 10px;
     padding-right: 10px;
}
 @media (min-width: 1400px) {
     .section-group-01 .section-wrapper {
         padding-left: 50px;
         padding-right: 50px;
    }
}
 @media (min-width: 1750px) {
     .section-group-01 .section-wrapper {
         padding-left: 8vw;
         padding-right: 8vw;
    }
}
 @media (min-width: 2020px) {
     .section-group-01 .section-wrapper {
         max-width: 2200px;
    }
}
 @media (max-width: 991px) {
     .section-group-01 .section-wrapper {
         margin-left: auto;
         margin-right: auto;
    }
}
 @media (max-width: 479px) {
     .section-group-01 .section-wrapper {
         max-width: 390px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .section-group-01 .section-wrapper {
         max-width: 600px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-group-01 .section-wrapper {
         max-width: 768px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .section-group-01 .section-wrapper {
         max-width: 992px;
    }
}
 @media (min-width: 1200px) {
     .section-group-01 .section-wrapper > .row {
         align-items: flex-end;
    }
}
 @media (max-width: 1199px) {
     .section-group-01 .section-wrapper > .row {
         margin-left: 0;
         margin-right: 0;
    }
}
 @media (max-width: 1199px) {
     .section-group-01 .section-wrapper > .row > div {
         width: 100%;
    }
}
 @media (min-width: 1200px) {
     .section-group-01 .section-wrapper .col-mayor {
         flex: 0 0 460px;
         max-width: 460px;
    }
}
 @media (min-width: 992px) {
     .section-group-01 .section-wrapper .col-mayor .mayor-photo {
         width: 16vw;
         max-width: 250px;
    }
}
 @media (min-width: 1750px) {
     .section-group-01 .section-wrapper .col-mayor .mayor-photo {
         max-width: 275px;
    }
}
 @media (min-width: 1200px) {
     .section-group-01 .section-wrapper .col-banner {
         flex: 0 0 calc(100% - 460px);
         max-width: calc(100% - 460px);
    }
}
 .section-group-01 .section-wrapper .col-banner .col-header {
     align-items: center;
     padding-right: 10px;
}
 @media (min-width: 768px) {
     .section-group-01 .section-wrapper .col-banner .col-header {
         justify-content: space-between;
    }
}
 @media (max-width: 767px) {
     .section-group-01 .section-wrapper .col-banner .col-header {
         justify-content: center;
    }
}
 @media (min-width: 768px) {
     .section-group-01 .section-wrapper .col-banner .col-header .btn {
         margin-bottom: 15px;
    }
}
 @media (max-width: 767px) {
     .section-group-01 .section-wrapper .col-banner .col-header .btn {
         display: none;
    }
}
 @media (min-width: 1200px) {
     .section-group-01 .banner {
         min-height: 400px;
    }
}
 .section-group-01 .banner .owl-banner {
     display: flex;
}
 .section-group-01 .banner .owl-banner .owl-stage-outer {
     border-top-left-radius: 11px;
     border-bottom-left-radius: 11px;
}
 .section-group-01 .banner .owl-banner .owl-stage {
     padding-left: 0 !important;
}
 .section-group-01 .banner .owl-banner-thumbs .owl-item.current .banner-thumb__wrapper .number {
     -webkit-text-stroke-color: rgba(254, 126, 0, 0.5);
}
 .section-group-01 .banner .owl-banner-thumbs .owl-item .item {
     margin-top: 25px;
     margin-bottom: 25px;
}
 @media (min-width: 1200px) {
     .section-group-01 .mayor {
         margin-bottom: 1.5vw;
    }
}
 @media (min-width: 1750px) {
     .section-group-01 .mayor {
         margin-bottom: 1vw;
    }
}
 @media (max-width: 991px) {
     .section-group-01 .mayor {
         margin-bottom: 50px;
    }
}
 @media (min-width: 992px) {
     .section-headlinenews .container {
         padding-top: 70px;
         padding-bottom: 50px;
    }
}
 @media (max-width: 479px) {
     .section-headlinenews .container {
         padding-top: 0;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-headlinenews .container {
         padding-top: 25px;
         padding-bottom: 25px;
    }
}
 @media (max-width: 479px) {
     .section-headlinenews .section-header {
         position: relative;
         top: 30px;
    }
}
 @media (min-width: 768px) {
     .section-ann .section-container .boxes {
         margin-left: -20px !important;
    }
}
 @media (min-width: 768px) {
     .section-ann .section-container .boxes .owl-boxes .owl-stage {
         padding-left: 20px !important;
    }
}
 @media (min-width: 768px) {
     .section-ann .section-container .boxes .owl-boxes .owl-stage .owl-item {
         margin-top: 50px;
         margin-bottom: 50px;
    }
}
 @media (max-width: 767px) {
     .section-ann .section-container .boxes .owl-boxes .owl-stage .owl-item {
         margin-top: 10px;
         margin-bottom: 10px;
    }
}
 .section-ann .section-container .boxes .owl-boxes .owl-dots {
     margin-top: 10px;
}
 @media (min-width: 1200px) {
     .section-ann .section-container .boxes .owl-boxes .owl-dots {
         margin-left: calc(-1 * (100vw - 1300px + 10px) / 2);
    }
}
 @media (min-width: 1750px) {
     .section-ann .section-container .boxes .owl-boxes .owl-dots {
         margin-left: calc(-1 * (100vw - 1300px + 10px) / 2);
    }
}
 .section-projects .container {
     padding-top: 80px;
     padding-bottom: 100px;
}
 @media (max-width: 479px) {
     .section-projects .container {
         padding-top: 40px;
         padding-bottom: 60px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-projects .container {
         padding-top: 50px;
    }
}
 @media (min-width: 768px) {
     .section-projects .section-tab {
         margin-top: 50px;
    }
}
 .section-projects .owl-projects .owl-item .item {
     transition: 0.4s;
     will-change: opacity;
}
 @media (min-width: 768px) {
     .section-projects .owl-projects .owl-item .item {
         margin-top: 50px;
         margin-bottom: 50px;
    }
}
 @media (max-width: 767px) {
     .section-projects .owl-projects .owl-item .item {
         margin-top: 20px;
         margin-bottom: 20px;
    }
}
 .section-projects .owl-projects .owl-item:not(.active) .item {
     opacity: 0;
     visibility: hidden;
}
 @media (min-width: 390px) and (max-width: 479px) {
     .section-projects .card-v2-photo {
         height: 120px;
    }
}
 @media (min-width: 390px) and (max-width: 479px) {
     .section-projects .card-v2-footer {
         padding: 20px;
    }
}
 @media (min-width: 390px) and (max-width: 479px) {
     .section-projects .card-v2-footer .title {
         font-size: 16px;
    }
}
 @media (min-width: 390px) and (max-width: 479px) {
     .section-projects .card-v2-footer .text {
         font-size: 12px;
    }
}
 .section-group-02 .section-wrapper {
     padding-left: 10px;
     padding-right: 10px;
}
 @media (min-width: 768px) {
     .section-group-02 .section-wrapper {
         padding-bottom: 50px;
    }
}
 @media (min-width: 1400px) {
     .section-group-02 .section-wrapper {
         padding-left: 50px;
         padding-right: 50px;
    }
}
 @media (min-width: 1750px) {
     .section-group-02 .section-wrapper {
         padding-left: 8vw;
         padding-right: 8vw;
    }
}
 @media (min-width: 2020px) {
     .section-group-02 .section-wrapper {
         max-width: 2200px;
         margin-left: auto;
         margin-right: auto;
    }
}
 .section-group-02 .section-wrapper .section-header .text {
     margin-top: 10px;
     margin-bottom: 2rem;
}
 @media (min-width: 1200px) {
     .section-group-02 .section-wrapper .section-header .text {
         max-width: 450px;
    }
}
 @media (max-width: 479px) {
     .section-group-02 .section-wrapper .col-activities {
         max-width: 390px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .section-group-02 .section-wrapper .col-activities {
         max-width: 600px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-group-02 .section-wrapper .col-activities {
         max-width: 768px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .section-group-02 .section-wrapper .col-activities {
         max-width: 992px;
    }
}
 @media (max-width: 1199px) {
     .section-group-02 .section-wrapper .col-activities {
         margin-left: auto;
         margin-right: auto;
    }
}
 .section-group-02 .section-wrapper .col-activities .owl-activities .owl-item > .item {
     margin-top: 33px;
     margin-bottom: 40px;
     transition: 0.4s;
     will-change: opacity;
}
 .section-group-02 .section-wrapper .col-activities .owl-activities .owl-item:not(.active) .item {
     opacity: 0;
     visibility: hidden;
}
 .section-group-02 .section-wrapper .col-activities .buttons-container {
     justify-content: center;
}
 @media (max-width: 479px) {
     .section-group-02 .section-wrapper .col-activities .buttons-container .button-icon {
         padding-left: 15px;
    }
}
 @media (max-width: 479px) {
     .section-group-02 .section-wrapper .col-activities .buttons-container .button-icon__text {
         font-size: 11px;
    }
}
 @media (max-width: 479px) {
     .section-group-02 .section-wrapper .col-activities .buttons-container .btn-group {
         font-size: 11px;
         margin-left: -10px;
         padding-left: 20px;
         padding-right: 15px;
    }
}
 @media (max-width: 767px) {
     .section-group-02 .section-wrapper .col-activities .section-header {
         text-align: center;
    }
}
 @media (max-width: 1199px) {
     .section-group-02 .section-wrapper .col-transactions {
         display: none;
    }
}
 @media (min-width: 768px) {
     .section-group-02 .section-wrapper .col-transactions .section-header {
         display: flex;
         flex-direction: column;
         align-items: flex-end;
    }
}
 @media (max-width: 767px) {
     .section-group-02 .section-wrapper .col-transactions .section-header {
         text-align: center;
    }
}
 .section-group-02 .section-wrapper .col-transactions .transactions {
     margin-top: 40px;
}
 .section-group-02 .section-wrapper .col-transactions .owl-transactions .owl-item .item {
     transition: 0.4s;
}
 .section-group-02 .section-wrapper .col-transactions .owl-transactions .owl-item:not(.center) .item {
     transform: scale(0.85);
}
 .section-group-02 .section-wrapper .col-transactions .shortcuts.ui-style-card .shortcuts-card {
     height: 19.2vw;
     max-height: 320px;
}
 .section-group-02 .section-wrapper .col-transactions .shortcuts.ui-style-card .icon.ui-figure {
     height: 7vw;
     max-height: 140px;
}
 @media (min-width: 992px) {
     .section-gallery .container, .section-gallery .container-fluid {
         padding-top: 150px;
         padding-bottom: 50px;
         min-height: 855px;
    }
}
 @media (max-width: 767px) {
     .section-gallery .container, .section-gallery .container-fluid {
         padding-top: 50px;
         padding-bottom: 35px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-gallery .container, .section-gallery .container-fluid {
         padding-top: 0;
         padding-bottom: 35px;
    }
}
 @media (min-width: 768px) {
     .section-gallery .container > .row, .section-gallery .container-fluid > .row {
         align-items: flex-end;
    }
}
 @media (max-width: 767px) {
     .section-gallery .section-header {
         text-align: center;
    }
}
 .section-gallery .section-header .text {
     max-width: 400px;
     margin-top: 10px;
}
 @media (min-width: 768px) {
     .section-gallery .section-tab {
         margin-top: 30px;
    }
}
 .section-gallery .gallery-container {
     position: relative;
}
 @media (min-width: 1200px) {
     .section-gallery .gallery-container {
         height: 430px;
    }
}
 @media (min-width: 768px) {
     .section-gallery .gallery-content .buttons-container {
         right: 0;
         bottom: -10px;
         position: absolute;
    }
}
 @media (max-width: 767px) {
     .section-gallery .gallery-content .buttons-container {
         justify-content: center;
         margin-top: 23px;
    }
}
 .section-gallery .owl-gallery .owl-item .item {
     transition: 0.4s;
     will-change: opacity;
}
 @media (min-width: 768px) {
     .section-gallery .owl-gallery .owl-item .item {
         margin-top: 40px;
         margin-bottom: 40px;
    }
}
 @media (max-width: 767px) {
     .section-gallery .owl-gallery .owl-item .item {
         margin-top: 30px;
         margin-bottom: 30px;
    }
}
 .section-gallery .owl-gallery .owl-item:not(.active) .item {
     opacity: 0;
     visibility: hidden;
}
 @media (min-width: 768px) {
     .section-gallery .owl-gallery .owl-dots {
         margin-top: 20px;
    }
}
 @media (max-width: 767px) {
     .section-gallery .owl-gallery .owl-dots {
         margin-top: 0 !important;
    }
}
 .section-group-03 {
     background-color: #fff;
}
 @media (max-width: 479px) {
     .section-group-03 .container {
         text-align: center;
         padding-top: 27px;
         padding-bottom: 70px;
    }
}
 @media (min-width: 480px) {
     .section-group-03 .container {
         padding-top: 80px;
         padding-bottom: 60px;
    }
}
 @media (max-width: 479px) {
     .section-group-03 .social {
         justify-content: center;
    }
}
 .section-group-03 .social a {
     width: 52px;
     height: 52px;
     background-color: rgba(219, 226, 231, 0.5);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 11px;
     color: #5e788f;
     font-size: 18px;
     transition: 0.3s;
}
 .section-group-03 .social a:not(:last-child) {
     margin-right: 10px;
}
 .section-group-03 .social a:hover {
     background-color: #455f76;
     color: #fff;
}
 .section-group-03 .slogan {
     font-weight: 900;
     color: #455f76;
     font-size: 48px;
     letter-spacing: -1px;
     margin-top: 15px;
}
 @media (max-width: 479px) {
     .section-group-03 .slogan {
         font-size: 28px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .section-group-03 .slogan {
         font-size: 42px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-group-03 .slogan {
         font-size: 32px;
    }
}
 @media (min-width: 992px) and (max-width: 1199px) {
     .section-group-03 .slogan {
         font-size: 42px;
    }
}
 .section-group-03 .slogan span {
     font-weight: 400;
}
 .section-group-03 .app {
     margin-top: 15px;
}
 @media (max-width: 767px) {
     .section-group-03 .app {
         margin-bottom: 50px;
    }
}
 .section-group-03 .app .heading {
     text-transform: uppercase;
     color: #fe7e00;
     font-size: 16px;
     font-weight: 900;
     letter-spacing: -0.5px;
     margin-bottom: 10px;
}
 @media (max-width: 479px) {
     .section-group-03 .app .heading + div {
         justify-content: center;
    }
}
 .section-group-03 .app a {
     display: block;
     position: relative;
     transition: 0.3s;
}
 .section-group-03 .app a:hover {
     opacity: 0.6;
}
 .section-group-03 .app a:not(:last-child) {
     margin-right: 30px;
}
 .section-group-03 .app a img {
     width: 120px;
}
 @media (max-width: 479px) {
     .section-group-03 .app a img {
         width: 100px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-group-03 .section-header .title:not([class*="ui-txt-size-"]) {
         font-size: 32px;
    }
}
 .section-group-03 .brands .owl-brands .owl-item .item {
     transition: 0.3s;
     margin-top: 30px;
     margin-bottom: 30px;
     will-change: opacity;
}
 .section-group-03 .brands .owl-brands .owl-item:not(.active) .item {
     opacity: 0;
     visibility: hidden;
}
 @media (min-width: 480px) and (max-width: 767px) {
     .section-group-03 .owl-nav-style.ui-top-right .owl-theme .owl-nav {
         top: -25px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-group-03 .owl-nav-style.ui-top-right .owl-theme .owl-nav {
         top: -40px;
    }
}
 .section-newsother .container {
     padding-top: 40px;
     padding-bottom: 25px;
}
 .section-categories .section-container {
     padding-top: 30px;
     padding-bottom: 30px;
}
 @media (min-width: 768px) {
     .section-categories .section-container .video-categories {
         margin-left: -15px !important;
    }
}
 @media (min-width: 768px) {
     .section-categories .section-container .owl-video-categories .owl-stage {
         padding-left: 15px !important;
    }
}
 .section-categories .section-container .owl-video-categories .owl-stage .owl-item {
     transition: 0.4s;
}
 @media (max-width: 479px) {
     .section-categories .section-container .owl-video-categories .owl-stage .owl-item .item {
         transition: 0.4s;
    }
}
 @media (max-width: 479px) {
     .section-categories .section-container .owl-video-categories .owl-stage .owl-item:not(.active) .item {
         opacity: 0;
         visibility: hidden;
    }
}
 .oops {
     text-align: center;
     margin-top: 10vw;
     color: #035e71;
}
 .oops .title {
     line-height: 0.8;
     font-weight: 900;
     font-size: 18vw;
}
 .oops .text {
     text-transform: uppercase;
     font-weight: 100;
     font-size: 3vw;
     letter-spacing: 4px;
     line-height: 1.2;
}
 .oops .buttons-container {
     margin-top: 50px;
}
 .oops .buttons-container .btn:not(:last-child) {
     margin-right: 20px;
}
 .ui-no-scroll {
     overflow: hidden;
}
 .ui-no-scroll-y {
     overflow-y: hidden;
}
 .ui-no-scroll-x {
     overflow-x: hidden;
}
 .ui-pos-relative {
     position: relative;
}
 .ui-pos-inherit {
     position: inherit;
}
 .ui-pos-sticky {
     position: sticky;
     top: 20px;
}
 .ui-text-center {
     text-align: center;
}
 .ui-justify-center {
     justify-content: center;
}
 .ui-justify-end {
     justify-content: flex-end;
}
 .ui-justify-start {
     justify-content: flex-start;
}
 .ui-justify-between {
     justify-content: space-between;
}
 .ui-align-center {
     align-items: center;
}
 .ui-align-end {
     align-items: flex-end;
}
 .ui-align-start {
     align-items: flex-start;
}
 .ui-align-between {
     align-items: space-between;
}
 .ui-z-index {
     position: relative;
     z-index: 9;
}
 .ui-hidden {
     display: none;
}
 @media (max-width: 479px) {
     .ui-xs-hidden {
         display: none;
    }
}
 @media (max-width: 767px) {
     .ui-sm-hidden {
         display: none;
    }
}
 @media (max-width: 991px) {
     .ui-md-hidden {
         display: none;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .ui-flex-full-tablet {
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 .ui-pv-5px {
     padding-top: 5px;
     padding-bottom: 5px;
}
 .ui-pv-10px {
     padding-top: 10px;
     padding-bottom: 10px;
}
 .ui-pv-15px {
     padding-top: 15px;
     padding-bottom: 15px;
}
 .ui-pv-20px {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .ui-pv-25px {
     padding-top: 25px;
     padding-bottom: 25px;
}
 .ui-pv-30px {
     padding-top: 30px;
     padding-bottom: 30px;
}
 .ui-pv-40px {
     padding-top: 40px;
     padding-bottom: 40px;
}
 .ui-pv-50px {
     padding-top: 50px;
     padding-bottom: 50px;
}
 .ui-pv-60px {
     padding-top: 60px;
     padding-bottom: 60px;
}
 .ui-pv-70px {
     padding-top: 70px;
     padding-bottom: 70px;
}
 .ui-pv-80px {
     padding-top: 80px;
     padding-bottom: 80px;
}
 .ui-pv-90px {
     padding-top: 90px;
     padding-bottom: 90px;
}
 .ui-pv-100px {
     padding-top: 100px;
     padding-bottom: 100px;
}
 .ui-pv-0 {
     padding-top: 0;
     padding-bottom: 0;
}
 .ui-pt-0 {
     padding-top: 0 !important;
}
 .ui-pb-0 {
     padding-bottom: 0 !important;
}
 .ui-pt-5px {
     padding-top: 5px;
}
 .ui-pt-10px {
     padding-top: 10px;
}
 .ui-pt-15px {
     padding-top: 15px;
}
 .ui-pt-20px {
     padding-top: 20px;
}
 .ui-pt-25px {
     padding-top: 25px;
}
 .ui-pt-30px {
     padding-top: 30px;
}
 .ui-pt-40px {
     padding-top: 40px;
}
 .ui-pt-50px {
     padding-top: 50px;
}
 .ui-pt-60px {
     padding-top: 60px;
}
 .ui-pt-70px {
     padding-top: 70px;
}
 .ui-pt-80px {
     padding-top: 80px;
}
 .ui-pt-90px {
     padding-top: 90px;
}
 .ui-pt-100px {
     padding-top: 100px;
}
 .ui-pb-5px {
     padding-bottom: 5px;
}
 .ui-pb-10px {
     padding-bottom: 10px;
}
 .ui-pb-15px {
     padding-bottom: 15px;
}
 .ui-pb-20px {
     padding-bottom: 20px;
}
 .ui-pb-25px {
     padding-bottom: 25px;
}
 .ui-pb-30px {
     padding-bottom: 30px;
}
 .ui-pb-40px {
     padding-bottom: 40px;
}
 .ui-pb-50px {
     padding-bottom: 50px;
}
 .ui-pb-60px {
     padding-bottom: 60px;
}
 .ui-pb-70px {
     padding-bottom: 70px;
}
 .ui-pb-80px {
     padding-bottom: 80px;
}
 .ui-pb-90px {
     padding-bottom: 90px;
}
 .ui-pb-100px {
     padding-bottom: 100px;
}
 .ui-mv-5px {
     margin-top: 5px;
     margin-bottom: 5px;
}
 .ui-mv-10px {
     margin-top: 10px;
     margin-bottom: 10px;
}
 .ui-mv-15px {
     margin-top: 15px;
     margin-bottom: 15px;
}
 .ui-mv-20px {
     margin-top: 20px;
     margin-bottom: 20px;
}
 .ui-mv-25px {
     margin-top: 25px;
     margin-bottom: 25px;
}
 .ui-mv-30px {
     margin-top: 30px;
     margin-bottom: 30px;
}
 .ui-mv-40px {
     margin-top: 40px;
     margin-bottom: 40px;
}
 .ui-mv-50px {
     margin-top: 50px;
     margin-bottom: 50px;
}
 .ui-mv-60px {
     margin-top: 60px;
     margin-bottom: 60px;
}
 .ui-mv-70px {
     margin-top: 70px;
     margin-bottom: 70px;
}
 .ui-mv-80px {
     margin-top: 80px;
     margin-bottom: 80px;
}
 .ui-mv-90px {
     margin-top: 90px;
     margin-bottom: 90px;
}
 .ui-mv-100px {
     margin-top: 100px;
     margin-bottom: 100px;
}
 .ui-mv-0 {
     margin-top: 0;
     margin-bottom: 0;
}
 .ui-mt-0 {
     margin-top: 0 !important;
}
 .ui-mb-0 {
     margin-bottom: 0 !important;
}
 .ui-ml-0 {
     margin-left: 0 !important;
}
 .ui-mr-0 {
     margin-right: 0 !important;
}
 .ui-mt-5px {
     margin-top: 5px;
}
 .ui-mt-10px {
     margin-top: 10px;
}
 .ui-mt-15px {
     margin-top: 15px;
}
 .ui-mt-20px {
     margin-top: 20px;
}
 .ui-mt-25px {
     margin-top: 25px;
}
 .ui-mt-30px {
     margin-top: 30px;
}
 .ui-mt-40px {
     margin-top: 40px;
}
 .ui-mt-50px {
     margin-top: 50px;
}
 .ui-mt-60px {
     margin-top: 60px;
}
 .ui-mt-70px {
     margin-top: 70px;
}
 .ui-mt-80px {
     margin-top: 80px;
}
 .ui-mt-90px {
     margin-top: 90px;
}
 .ui-mt-100px {
     margin-top: 100px;
}
 .ui-mb-5px {
     margin-bottom: 5px !important;
}
 .ui-mb-10px {
     margin-bottom: 10px !important;
}
 .ui-mb-15px {
     margin-bottom: 15px !important;
}
 .ui-mb-20px {
     margin-bottom: 20px !important;
}
 .ui-mb-25px {
     margin-bottom: 25px !important;
}
 .ui-mb-30px {
     margin-bottom: 30px !important;
}
 .ui-mb-40px {
     margin-bottom: 40px !important;
}
 .ui-mb-50px {
     margin-bottom: 50px !important;
}
 .ui-mb-60px {
     margin-bottom: 60px !important;
}
 .ui-mb-70px {
     margin-bottom: 70px !important;
}
 .ui-mb-80px {
     margin-bottom: 80px !important;
}
 .ui-mb-90px {
     margin-bottom: 90px !important;
}
 .ui-mb-100px {
     margin-bottom: 100px !important;
}
/*# sourceMappingURL=app.css.map */
 .footer-left-map {
     display: flex;
     flex-direction: column;
}
 .left-map-row {
     width: 100%;
     display: flex;
     align-items: start;
}
 .hero-new-categories {
     left: 0;
     bottom: 0;
     padding-left: 0;
}
 .news-content-header {
     align-items: center;
}
 @media (max-width: 1500px) {
     .hero-new-categories {
         bottom: -45px;
    }
     .special-hero-container {
         max-width: 97% !important;
    }
     .president-header .president-sub-title {
         text-align: center;
    }
     .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content .slider-tab-content-item-title {
         max-width: 33ch;
    }
}
 @media (max-width: 992px) {
     .buyukMansetAlaniContainer .news-wrapper-col-8 {
         width: 80%;
         height: 100%;
         position: relative;
         display: flex;
         align-items: start;
         -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
         box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
         border-radius: 20px;
         padding:20px;
    }
     .buyukMansetAlaniContainer .news-wrapper-col-8 .hero-news-slider {
         display: flex !important;
         position: relative;
        /*border-radius: 25px;
        */
         width: 60%;
         height: 100%;
         height: 100%;
         overflow: hidden !important;
    }
     .buyukMansetAlaniContainer .news-wrapper-col-8 .hero-news-slider img {
         width: 100%;
         height:auto !important;
         height: 510px;
        /*-o-object-fit: cover;
         object-fit: cover;
        */
         -o-object-fit: scale-down;
         object-fit: scale-down;
    }
     .buyukMansetAlaniContainer {
         flex-direction: column-reverse;
         margin-bottom: 10px;
    }
     .ata-logo {
         width: 100%;
         height: 100%;
         margin-left: 10px;
         margin-right: 20px;
    }
     .ata-logo .ata-logo-wrapper {
         width: 100%;
         height: 100%;
         position: relative;
    }
     .ata-logo .ata-logo-wrapper img {
         width: 135px;
         position: absolute;
         right: 70px;
         bottom: 0;
    }
     .buyukMansetAlaniContainer .owl-nav button {
         z-index: 9999;
    }
     .buyukMansetAlaniContainer .news-wrapper-col-8 {
         width: 100%;
    }
     .baskan-foto-alani {
         flex-direction: row;
         width: 100%;
         justify-content: space-between;
         justify-content: center;
         margin-bottom: 65px;
    }
     .baskan-foto-alani .president-img-wrapper-relative {
         height: 400px;
         width: 35%;
    }
     .baskan-foto-alani .president-img-wrapper-relative .belediye-baskani-header-foto img {
         height: 400px;
    }
     .baskan-foto-alani .president-img-wrapper-relative .absolute-social-links {
        /* bottom: 100px;
         left: 200%;
        */
    }
     .president-sub-img-text {
         margin-top: -70px;
    }
     .president-sub-img {
         width: 62%;
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         align-items: center;
         gap: 10px;
         margin-top: 6px;
        /* background: #ff000012;
         */
         border-radius: 20px;
         box-shadow: 0 0 50px #0000000f;
         background-image: url("#");
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center;
    }
     .buyukMansetAlaniContainer .news-wrapper-col-8 .slider-tab-content {
         padding-right: 0;
    }
     .president-sub-img-text .baskan-msg-title {
         font-size: 19px;
    }
     .president-sub-img-text .baskan-text {
         font-size: 17px;
    }
     .president-sub-img-text .baskan-signature {
         font-size: 22px;
    }
     .baskan-foto-alani .president-img-wrapper-relative .absolute-social-links .absolute-social-links-item {
         width: 44px;
         height: 44px;
    }
     .baskan-foto-alani .president-img-wrapper-relative .absolute-social-links a {
         font-size: 20px;
    }
}
 .slide-content-mobile {
    /*display: none;
     position: absolute;
     bottom: 70px;
    */
     overflow: visible !important;
     left: 0;
     width: 100%;
     z-index: 9999 !important;
     justify-content: center;
}
 .slide-content-mobile .slide-content-mobile-date {
     font-size: 9px;
     color: #1a5f726b;
     z-index: 500;
     font-weight: 600;
     z-index: 12000;
}
 .slide-content-mobile .slide-content-mobile-title {
     font-weight: 700;
     z-index: 500;
     font-size: 14px;
     width: 90%;
     color: #6f6f6f;
     z-index: 12000;
}
 @media (max-width: 768px) {
}
 @media (max-width: 768px) {
     .slide-content-mobile {
         display: flex !important;
         flex-direction: column !important;
         bottom: 40px;
         padding: 1rem 2rem;
        /*height: 100px;
        */
        /* margin-bottom: 10px;
        */
         align-items: start !important;
    }
     .new-slider-content-item-wrapper {
         display: none;
    }
     .buyukMansetAlaniContainer .news-wrapper-col-8 .hero-news-slider {
         width: 100%;
         margin-bottom: 0px;
    }
     .hero-news-slider .item {
         position: relative;
         display: flex;
         width: 100%;
        /* height: 350px !important;
        */
    }
     .buyukMansetAlaniContainer .news-wrapper-col-8 .hero-news-slider img {
         height: 350px;
        /*border-radius: 25px;
        */
    }
     .slide-content-mobile {
         display: flex !important;
         flex-direction: column !important;
         padding: 5px;
        /*bottom: 40px;
         padding: 1rem 2rem;
         margin-top: 10px;
         border-radius: 20px;
         box-shadow: 0 0 50px #0000000f;
         height: 100px;
         align-items: start !important;
        */
    }
     .buyukMansetAlaniContainer .owl-dots{
         display: none;
    }
     .buyukMansetAlaniContainer .owl-stage {
         gap: 4px;
    }
     .buyukMansetAlaniContainer .owl-nav {
         width: 100%;
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 0 5px;
         position: absolute;
         top: 32%;
         transform: translateY(-50%);
    }
    /* .buyukMansetAlaniContainer .owl-nav button {
         width: 40px;
         height: 40px;
         font-size: 30px !important;
         border-radius: 10px;
         color: #fff;
         border: none;
         background: #1a5f72;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 20px;
    }
     */
     .slide-content-mobile .slide-content-mobile-title {
         max-width: 100%;
    }
     .footer-sub{
         margin-top: 20px;
    }
}
 @media (max-width: 540px) {
     .baskan-foto-alani {
         flex-direction: column;
    }
     .hero::after{
         height: 18%;
    }
     .header-buttons.ui-mobile{
         justify-content: start!important;
         gap: 1rem;
    }
     .baskan-foto-alani .president-img-wrapper-relative {
         width: 300px;
         height: 270px;
         align-self: center;
         margin: 0px;
         box-shadow: none;
    }
     .baskan-foto-alani .president-img-wrapper-relative .belediye-baskani-header-foto img {
        height: 370px;
        object-fit: cover;
    }
     .baskan-foto-alani .president-img-wrapper-relative .absolute-social-links {
         position: absolute;
         bottom: -20px;
         left: 50%;
         transform: translateX(-50%);
         display: flex;
         width: 100%;
         justify-content: center;
         z-index: 500;
         gap: 5px;
         align-items: center;
    }
     .president-sub-img {
         width: 100%;
         height: 160px;
    }
     .baskan-foto-alani {
         margin-top: 50px;
    }
     .president-sub-img-text {
         margin-top: 0;
    }
     .buyukMansetAlaniContainer {
         margin-bottom: 3px;
    }
     .buyukMansetAlaniContainer {
         margin-top: -36px;
    }
     .owl-news2 .card-v1-item {
         height: 130px !important;
    }
     .owl-nav-style .owl-theme .owl-nav {
         margin-top: -20px !important;
    }
     .buyukMansetAlaniContainer .news-wrapper-col-8 .hero-news-slider img{
        /*height: 300px !important;
        */
    }
    /* .hero-news-slider .item{
         height: 450px!important;
    }
    */
}
 @media(max-width:992px){
     .footer-left-map .footer-card:not(.with-btns) {
         width: 35%!important;
    }
     .footer-left-map .footer-card:nth-child(4){
         margin-left: 0!important;
    }
     .footer-heading::after{
         display: none!important;
    }
}
 @media(max-width:450px){
     .buyukMansetAlaniContainer .news-wrapper-col-8 .hero-news-slider img{
        /*height: 250px !important;
        */
    }
    /*.hero-news-slider .item{
         height: 298px !important;
    }
    */
     .footer-left-map {
         margin-top: 10px;
    }
}
 .baskan-signature{
     font-weight: 600;
}
 .baskan-signature strong{
     font-weight:900!important;
}
 @media(max-width:479px){
     .section-projects .container{
         padding-top: 0!important;
    }
}
 #mobile-baskan{
     display: none!important;
}
 @media(max-width:768px){
     #mobile-baskan{
         display: flex!important;
         margin-top: 25px;
    }
     #mayorArea{
        /*display: none!important;
        */
        /*margin:100px 0px 50px 0px;
        */
         margin: 90px 0px 60px 0px;
             background: #eee;
    /*padding: 30px;*/
    border-radius: 20px;
    background-image: url(../img/baskan.jpg);
    background-position: bottom;
    background-attachment: local;
    }
}
 
 .social-links{
     display:flex;
     justify-content: end;
}
 .page-header .header-top .social-links{
     position:absolute;
     right:15px 
}
 .social-links a{
     -webkit-transition:.2s;
     -moz-transition:.2s;
     -o-transition:.2s;
     transition:.2s;
     text-align:center;
     margin-right:12px;
     display:flex;
     justify-content:center;
     align-items:center 
}
 .social-links a.e-belediye{
     width:auto;
     background-color:#ff652e;
     color:#fff;
     padding:6px 24px;
     border-radius:8px;
     transition:all .3s ease-in-out 
}
 .social-links a.ozelImg{
     width:auto;
     color:#fff;
     padding:6px 5px;
     border-radius:8px;
     transition:all .3s ease-in-out 
}
 .social-links a:active{
     top:1px 
}
 .social-links a:last-child{
     margin-right:0 
}
 .social-links a .icon{
     width:20px;
     height:20px;
     color:#04508c 
}
 .social-links a .icon:last-child{
     margin-right:0 
}
 
/* DEFAULTV1 */
*{
	font-family: "Montserrat", serif;
}
html {
     line-height: 1.15;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     font-family: "Montserrat", serif;
}
 body {
     margin: 0;
     font-family: "Montserrat", serif;
}
 article, aside, footer, header, nav, section {
     display: block;
}
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
}
 figcaption, figure, main {
     display: block;
}
 figure {
     margin: 1em 40px;
}
 hr {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
     overflow: visible;
}
 pre {
     font-family: monospace, monospace;
     font-size: 1em;
}
 a {
     background-color: transparent;
     -webkit-text-decoration-skip: objects;
}
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted;
}
 b, strong {
     font-weight: inherit;
}
 b, strong {
     font-weight: bolder;
}
 code, kbd, samp {
     font-family: monospace, monospace;
     font-size: 1em;
}
 dfn {
     font-style: italic;
}
 mark {
     background-color: #ff0;
     color: #000;
}
 small {
     font-size: 80%;
}
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sub {
     bottom: -0.25em;
}
 sup {
     top: -0.5em;
}
 audio, video {
     display: inline-block;
}
 audio:not([controls]) {
     display: none;
     height: 0;
}
 img {
     border-style: none;
}
 button, input, optgroup, select, textarea {
     font-family: sans-serif;
     font-size: 100%;
     line-height: 1.15;
     margin: 0;
}
 button, input {
     overflow: visible;
}
 button, select {
     text-transform: none;
}
 button, html [type="button"], [type="reset"], [type="submit"] {
     -webkit-appearance: button;
}
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0;
}
 button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
     outline: 1px dotted ButtonText;
}
 fieldset {
     padding: 0.35em 0.75em 0.625em;
}
 legend {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal;
}
 progress {
     display: inline-block;
     vertical-align: baseline;
}
 textarea {
     overflow: auto;
}
 [type="checkbox"], [type="radio"] {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
}
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
     height: auto;
}
 [type="search"] {
     -webkit-appearance: textfield;
     outline-offset: -2px;
}
 [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
}
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit;
}
 details, menu {
     display: block;
}
 summary {
     display: list-item;
}
 canvas {
     display: inline-block;
}
 template {
     display: none;
}
 [hidden] {
     display: none;
}
 *, *:before, *:after {
     -webkit-box-sizing: inherit;
     box-sizing: inherit;
}
 html {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-rendering: optimizeLegibility;
}
 body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 a {
     text-decoration: none;
}
 img {
     vertical-align: middle;
}
 blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form {
     margin: 0;
}
 h1, h2, h3, h4, h5, h6 {
     font-weight: normal;
}
 input {
     border: 0 none;
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 button {
     background: none;
     cursor: pointer;
}
 button, fieldset, iframe {
     border: 0;
}
 fieldset, ul, ol, button, menu {
     padding: 0;
}
 ol, ul {
     list-style: none;
}
 textarea {
     resize: vertical;
}
 table {
     width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
}
 td {
     padding: 0;
}
 svg {
     width: 1em;
     height: 1em;
     font-size: 18px;
}
 .icon {
     font-size: 18px;
     color: currentColor;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     line-height: 1;
}
 @-ms-viewport {
     width: device-width;
}
 .dBlock {
    display:block !important;
}
 html {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -ms-overflow-style: scrollbar;
}
 *, *::before, *::after {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .container {
     margin-left: auto;
     margin-right: auto;
     padding-right: 10px;
     padding-left: 10px;
}
 @media (min-width: 480px) {
     .container {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 @media (min-width: 768px) {
     .container {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 @media (min-width: 992px) {
     .container {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 @media (min-width: 1200px) {
     .container {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 @media (min-width: 320px) and (max-width: 479px) {
     .container {
         max-width: 390px;
         width: 100%;
    }
}
 @media (min-width: 480px) {
     .container {
         width: 100%;
         max-width: 600px;
    }
}
 @media (min-width: 768px) {
     .container {
         width: 768px;
         max-width: 100%;
    }
}
 @media (min-width: 992px) {
     .container {
         width: 992px;
         max-width: 100%;
    }
}
 @media (min-width: 1200px) {
     .container {
         width: 1300px;
         max-width: 100%;
    }
}
 @media (min-width: 1824px) {
     .container {
         width: 1300px;
    }
}
 .container-fluid {
     position: relative;
     margin-left: auto;
     margin-right: auto;
     padding-right: 10px;
     padding-left: 10px;
     width: 100%;
}
 .container-fluid.no-gutters {
     padding-left: 0;
     padding-right: 0;
}
 .container-fluid.style-1 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     -webkit-box-align: inherit;
     -ms-flex-align: inherit;
     align-items: inherit;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .container-fluid {
         max-width: 768px;
         width: 100%;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .container-fluid {
         max-width: 600px;
         width: 100%;
    }
}
 @media (max-width: 479px) {
     .container-fluid {
         max-width: 390px;
         width: 100%;
    }
     .tableBold{
        font-weight:700;
    }
}
 @media (min-width: 480px) {
     .container-fluid {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 @media (min-width: 768px) {
     .container-fluid {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 @media (min-width: 992px) {
     .container-fluid {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 @media (min-width: 1280px) {
     .container-fluid {
         padding-right: 20px;
         padding-left: 20px;
    }
}
 @media (min-width: 1500px) {
     .container-fluid {
         padding-right: 50px;
         padding-left: 50px;
    }
}
 @media (min-width: 1824px) {
     .container-fluid {
         padding-right: 120px;
         padding-left: 120px;
    }
}
 .row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -10px;
     margin-left: -10px;
}
 @media (min-width: 480px) {
     .row {
         margin-right: -10px;
         margin-left: -10px;
    }
}
 @media (min-width: 768px) {
     .row {
         margin-right: -10px;
         margin-left: -10px;
    }
}
 @media (min-width: 992px) {
     .row {
         margin-right: -10px;
         margin-left: -10px;
    }
}
 @media (min-width: 1200px) {
     .row {
         margin-right: -10px;
         margin-left: -10px;
    }
}
 .no-gutters {
     margin-right: 0;
     margin-left: 0;
}
 .no-gutters > .col, .no-gutters > [class*="col-"] {
     padding-right: 0;
     padding-left: 0;
}
 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-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-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-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-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 {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 10px;
     padding-left: 10px;
}
 @media (min-width: 480px) {
     .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-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-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-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-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 {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 @media (min-width: 768px) {
     .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-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-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-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-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 {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 @media (min-width: 992px) {
     .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-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-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-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-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 {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 @media (min-width: 1200px) {
     .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-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-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-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-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 {
         padding-right: 10px;
         padding-left: 10px;
    }
}
 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
}
 .col-auto {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
}
 .col-1 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
     max-width: 8.333333%;
}
 .col-2 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
}
 .col-3 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
}
 .col-4 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
}
 .col-5 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 41.666667%;
     flex: 0 0 41.666667%;
     max-width: 41.666667%;
}
 .col-6 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
}
 .col-7 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 58.333333%;
     flex: 0 0 58.333333%;
     max-width: 58.333333%;
}
 .col-8 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 66.666667%;
     flex: 0 0 66.666667%;
     max-width: 66.666667%;
}
 .col-9 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 75%;
     flex: 0 0 75%;
     max-width: 75%;
}
 .col-10 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 83.333333%;
     flex: 0 0 83.333333%;
     max-width: 83.333333%;
}
 .col-11 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 91.666667%;
     flex: 0 0 91.666667%;
     max-width: 91.666667%;
}
 .col-12 {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
}
 @media (min-width: 480px) {
     .col-sm {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
    }
     .col-sm-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
    }
     .col-sm-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
    }
     .col-sm-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
    }
     .col-sm-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     .col-sm-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
    }
     .col-sm-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
    }
     .col-sm-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .col-sm-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
    }
     .col-sm-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
    }
     .col-sm-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
    }
     .col-sm-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
    }
     .col-sm-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
    }
     .col-sm-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 @media (min-width: 768px) {
     .col-md {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
    }
     .col-md-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
    }
     .col-md-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
    }
     .col-md-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
    }
     .col-md-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     .col-md-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
    }
     .col-md-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
    }
     .col-md-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .col-md-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
    }
     .col-md-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
    }
     .col-md-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
    }
     .col-md-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
    }
     .col-md-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
    }
     .col-md-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 @media (min-width: 992px) {
     .col-lg {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
    }
     .col-lg-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
    }
     .col-lg-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
    }
     .col-lg-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
    }
     .col-lg-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     .col-lg-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
    }
     .col-lg-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
    }
     .col-lg-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .col-lg-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
    }
     .col-lg-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
    }
     .col-lg-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
    }
     .col-lg-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
    }
     .col-lg-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
    }
     .col-lg-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 @media (min-width: 1200px) {
     .col-xl {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -webkit-box-flex: 1;
         -ms-flex-positive: 1;
         flex-grow: 1;
         max-width: 100%;
    }
     .col-xl-auto {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto;
    }
     .col-xl-1 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
    }
     .col-xl-2 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
    }
     .col-xl-3 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
     .col-xl-4 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
    }
     .col-xl-5 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
    }
     .col-xl-6 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
     .col-xl-7 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
    }
     .col-xl-8 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
    }
     .col-xl-9 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 75%;
         flex: 0 0 75%;
         max-width: 75%;
    }
     .col-xl-10 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
    }
     .col-xl-11 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
    }
     .col-xl-12 {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 .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 slideInUp {
     from {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible;
    }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 @keyframes slideInUp {
     from {
         -webkit-transform: translate3d(0, 100%, 0);
         transform: translate3d(0, 100%, 0);
         visibility: visible;
    }
     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
}
 .slideInUp {
     -webkit-animation-name: slideInUp;
     animation-name: slideInUp;
}
 @-webkit-keyframes slideInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-100px);
         transform: translateY(-100px);
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
}
 @keyframes slideInDown {
     0% {
         opacity: 0;
         -webkit-transform: translateY(-100px);
         transform: translateY(-100px);
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
}
 .slideInDown {
     -webkit-animation-name: slideInDown;
     animation-name: slideInDown;
}
 @-webkit-keyframes slideInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-2000px);
         transform: translateX(-2000px);
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes slideInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translateX(-2000px);
         transform: translateX(-2000px);
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 .slideInLeft {
     -webkit-animation-name: slideInLeft;
     animation-name: slideInLeft;
}
 @-webkit-keyframes slideInRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(2000px);
         transform: translateX(2000px);
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 @keyframes slideInRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(2000px);
         transform: translateX(2000px);
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
}
 .slideInRight {
     -webkit-animation-name: slideInRight;
     animation-name: slideInRight;
}
 @-webkit-keyframes slideOutLeft {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
     100% {
         opacity: 0;
         -webkit-transform: translateX(-2000px);
         transform: translateX(-2000px);
    }
}
 @keyframes slideOutLeft {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
     100% {
         opacity: 0;
         -webkit-transform: translateX(-2000px);
         transform: translateX(-2000px);
    }
}
 .slideOutLeft {
     -webkit-animation-name: slideOutLeft;
     animation-name: slideOutLeft;
}
 @-webkit-keyframes slideOutRight {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
     100% {
         opacity: 0;
         -webkit-transform: translateX(2000px);
         transform: translateX(2000px);
    }
}
 @keyframes slideOutRight {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
    }
     100% {
         opacity: 0;
         -webkit-transform: translateX(2000px);
         transform: translateX(2000px);
    }
}
 .slideOutRight {
     -webkit-animation-name: slideOutRight;
     animation-name: slideOutRight;
}
 @-webkit-keyframes slideOutUp {
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     100% {
         opacity: 0;
         -webkit-transform: translateY(-2000px);
         transform: translateY(-2000px);
    }
}
 @keyframes slideOutUp {
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
     100% {
         opacity: 0;
         -webkit-transform: translateY(-2000px);
         transform: translateY(-2000px);
    }
}
 .slideOutUp {
     -webkit-animation-name: slideOutUp;
     animation-name: slideOutUp;
}
 @-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;
}
 body.compensate-for-scrollbar {
     overflow: hidden;
}
 .fancybox-active {
     height: auto;
}
 .fancybox-is-hidden {
     left: -9999px;
     margin: 0;
     position: absolute !important;
     top: -9999px;
     visibility: hidden;
}
 .fancybox-container {
     -webkit-backface-visibility: hidden;
     height: 100%;
     left: 0;
     outline: none;
     position: fixed;
     -webkit-tap-highlight-color: transparent;
     top: 0;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     width: 100%;
     z-index: 99992;
}
 .fancybox-container * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
}
 .fancybox-outer {
     -webkit-overflow-scrolling: touch;
     overflow-y: auto;
}
 .fancybox-bg {
     background: rgba(23, 53, 86, 0.95);
     opacity: 0;
     -webkit-transition-duration: inherit;
     transition-duration: inherit;
     -webkit-transition-property: opacity;
     transition-property: opacity;
     -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
     transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
 .fancybox-is-open .fancybox-bg {
     opacity: .9;
     -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-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {
     direction: ltr;
     opacity: 0;
     position: absolute;
     -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
     transition: opacity .25s ease, visibility 0s ease .25s;
     visibility: hidden;
     z-index: 99997;
}
 .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {
     opacity: 1;
     -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
     transition: opacity .25s ease 0s, visibility 0s ease 0s;
     visibility: visible;
}
 .fancybox-infobar {
     color: #ccc;
     font-size: 13px;
     -webkit-font-smoothing: subpixel-antialiased;
     height: 44px;
     left: 0;
     line-height: 44px;
     min-width: 44px;
     mix-blend-mode: difference;
     padding: 0 10px;
     pointer-events: none;
     top: 0;
     display: none;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .fancybox-toolbar {
     right: 0;
     top: 0;
}
 .fancybox-stage {
     direction: ltr;
     overflow: visible;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     z-index: 99994;
}
 .fancybox-is-open .fancybox-stage {
     overflow: hidden;
}
 .fancybox-slide {
     -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
     display: none;
     height: 100%;
     left: 0;
     outline: none;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     padding: 44px;
     position: absolute;
     text-align: center;
     top: 0;
     transition-property: opacity, -webkit-transform;
     -webkit-transition-property: opacity, -webkit-transform;
     transition-property: transform, opacity;
     transition-property: transform, opacity, -webkit-transform;
     white-space: normal;
     width: 100%;
     z-index: 99994;
}
 .fancybox-slide::before {
     content: '';
     display: inline-block;
     font-size: 0;
     height: 100%;
     vertical-align: middle;
     width: 0;
}
 .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {
     display: block;
}
 .fancybox-slide--image {
     overflow: hidden;
     padding: 44px 0;
}
 .fancybox-slide--image::before {
     display: none;
}
 .fancybox-slide--html {
     padding: 6px;
}
 .fancybox-content {
     background: #fff;
     display: inline-block;
     margin: 0;
     max-width: 100%;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     padding: 44px;
     position: relative;
     text-align: left;
     vertical-align: middle;
}
 .fancybox-slide--image .fancybox-content {
     -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
     animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
     -webkit-backface-visibility: hidden;
     background: transparent;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     left: 0;
     max-width: none;
     overflow: visible;
     padding: 0;
     position: absolute;
     top: 0;
     -webkit-transform-origin: top left;
     transform-origin: top left;
     transition-property: opacity, -webkit-transform;
     -webkit-transition-property: opacity, -webkit-transform;
     transition-property: transform, opacity;
     transition-property: transform, opacity, -webkit-transform;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     z-index: 99995;
}
 .fancybox-can-zoomOut .fancybox-content {
     cursor: -webkit-zoom-out;
     cursor: zoom-out;
}
 .fancybox-can-zoomIn .fancybox-content {
     cursor: -webkit-zoom-in;
     cursor: zoom-in;
}
 .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {
     cursor: -webkit-grab;
     cursor: grab;
}
 .fancybox-is-grabbing .fancybox-content {
     cursor: -webkit-grabbing;
     cursor: grabbing;
}
 .fancybox-container [data-selectable='true'] {
     cursor: text;
}
 .fancybox-image, .fancybox-spaceball {
     background: transparent;
     border: 0;
     height: 100%;
     left: 0;
     margin: 0;
     max-height: none;
     max-width: none;
     padding: 0;
     position: absolute;
     top: 0;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width: 100%;
}
 .fancybox-spaceball {
     z-index: 1;
}
 .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {
     height: 100%;
     overflow: visible;
     padding: 0;
     width: 100%;
}
 .fancybox-slide--video .fancybox-content {
     background: #000;
}
 .fancybox-slide--map .fancybox-content {
     background: #e5e3df;
}
 .fancybox-slide--iframe .fancybox-content {
     background: #fff;
}
 .fancybox-video, .fancybox-iframe {
     background: transparent;
     border: 0;
     display: block;
     height: 100%;
     margin: 0;
     overflow: hidden;
     padding: 0;
     width: 100%;
}
/* Fix iOS */
 .fancybox-iframe {
     left: 0;
     position: absolute;
     top: 0;
}
 .fancybox-error {
     background: #fff;
     cursor: default;
     max-width: 400px;
     padding: 40px;
     width: 100%;
}
 .fancybox-error p {
     color: #444;
     font-size: 16px;
     line-height: 20px;
     margin: 0;
     padding: 0;
}
/* Buttons */
 .fancybox-button {
     background: #79ac2b;
     border: 0;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     cursor: pointer;
     display: inline-block;
     height: 44px;
     margin: 0;
     padding: 10px;
     position: relative;
     -webkit-transition: color .2s;
     transition: color .2s;
     vertical-align: top;
     visibility: inherit;
     width: 44px;
}
 .fancybox-button--zoom, .fancybox-button--play, .fancybox-button--thumbs {
     display: none !important;
}
 .fancybox-button, .fancybox-button:visited, .fancybox-button:link {
     color: #fff;
}
 .fancybox-button:hover {
     color: #fff;
}
 .fancybox-button:focus {
     outline: none;
}
 .fancybox-button.fancybox-focus {
     outline: 1px dotted;
}
 .fancybox-button[disabled], .fancybox-button[disabled]:hover {
     color: rgba(255, 255, 255, 0.5);
     cursor: default;
     outline: none;
}
/* Fix IE11 */
 .fancybox-button div {
     height: 100%;
}
 .fancybox-button svg {
     display: block;
     height: 100%;
     overflow: visible;
     position: relative;
     width: 100%;
}
 .fancybox-button svg path {
     fill: currentColor;
     stroke-width: 0;
}
 .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) {
     display: none;
}
 .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {
     display: none;
}
 .fancybox-progress {
     background: #ff5268;
     height: 2px;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0;
     transform-origin: 0;
     transition-property: -webkit-transform;
     -webkit-transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-timing-function: linear;
     transition-timing-function: linear;
     z-index: 99998;
}
/* Close button on the top right corner of html content */
 .fancybox-close-small {
     background: transparent;
     border: 0;
     border-radius: 0;
     color: #ccc;
     cursor: pointer;
     opacity: .8;
     padding: 8px;
     position: absolute;
     right: -12px;
     top: -44px;
     z-index: 401;
}
 .fancybox-close-small:hover {
     color: #fff;
     opacity: 1;
}
 .fancybox-slide--html .fancybox-close-small {
     color: currentColor;
     padding: 10px;
     right: 0;
     top: 0;
}
 .fancybox-slide--image.fancybox-is-scaling .fancybox-content {
     overflow: hidden;
}
 .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
     display: none;
}
/* Navigation arrows */
 .fancybox-navigation .fancybox-button {
     background-clip: content-box;
     height: 100px;
     opacity: 0;
     position: absolute;
     top: calc(50% - 50px);
     width: 70px;
}
 .fancybox-navigation .fancybox-button div {
     padding: 7px;
}
 .fancybox-navigation .fancybox-button--arrow_left {
     left: 0;
     padding: 31px 26px 31px 6px;
}
 .fancybox-navigation .fancybox-button--arrow_right {
     padding: 31px 6px 31px 26px;
     right: 0;
}
/* Caption */
 .fancybox-caption {
     bottom: 0;
     color: #eee;
     font-size: 14px;
     font-weight: 400;
     left: 0;
     line-height: 1.5;
     padding: 25px 44px 25px 44px;
     right: 0;
     text-align: center;
     z-index: 99996;
}
 /*.fancybox-caption::before {
     background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
     background-repeat: repeat-x;
     background-size: contain;
     bottom: 0;
     content: '';
     display: block;
     left: 0;
     pointer-events: none;
     position: absolute;
     right: 0;
     top: -44px;
     z-index: -1;
}*/
 .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
     color: #ccc;
     text-decoration: none;
}
 .fancybox-caption a:hover {
     color: #fff;
     text-decoration: underline;
}
/* Loading indicator */
 .fancybox-loading {
     -webkit-animation: fancybox-rotate 1s linear infinite;
     animation: fancybox-rotate 1s linear infinite;
     background: transparent;
     border: 4px solid #888;
     border-bottom-color: #fff;
     border-radius: 50%;
     height: 50px;
     left: 50%;
     margin: -25px 0 0 -25px;
     opacity: .7;
     padding: 0;
     position: absolute;
     top: 50%;
     width: 50px;
     z-index: 99999;
}
 @-webkit-keyframes fancybox-rotate {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes fancybox-rotate {
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
/* Transition effects */
 .fancybox-animated {
     -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
     transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
 .fancybox-fx-slide.fancybox-slide--previous {
     opacity: 0;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
}
 .fancybox-fx-slide.fancybox-slide--next {
     opacity: 0;
     -webkit-transform: translate3d(100%, 0, 0);
     transform: translate3d(100%, 0, 0);
}
 .fancybox-fx-slide.fancybox-slide--current {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
 .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {
     opacity: 0;
     -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
     transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
 .fancybox-fx-fade.fancybox-slide--current {
     opacity: 1;
}
/* transitionEffect: zoom-in-out */
 .fancybox-fx-zoom-in-out.fancybox-slide--previous {
     opacity: 0;
     -webkit-transform: scale3d(1.5, 1.5, 1.5);
     transform: scale3d(1.5, 1.5, 1.5);
}
 .fancybox-fx-zoom-in-out.fancybox-slide--next {
     opacity: 0;
     -webkit-transform: scale3d(0.5, 0.5, 0.5);
     transform: scale3d(0.5, 0.5, 0.5);
}
 .fancybox-fx-zoom-in-out.fancybox-slide--current {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1);
     transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
 .fancybox-fx-rotate.fancybox-slide--previous {
     opacity: 0;
     -webkit-transform: rotate(-360deg);
     transform: rotate(-360deg);
}
 .fancybox-fx-rotate.fancybox-slide--next {
     opacity: 0;
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
}
 .fancybox-fx-rotate.fancybox-slide--current {
     opacity: 1;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
}
/* transitionEffect: circular */
 .fancybox-fx-circular.fancybox-slide--previous {
     opacity: 0;
     -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
     transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
 .fancybox-fx-circular.fancybox-slide--next {
     opacity: 0;
     -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
     transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
 .fancybox-fx-circular.fancybox-slide--current {
     opacity: 1;
     -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
     transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
 .fancybox-fx-tube.fancybox-slide--previous {
     -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
     transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
 .fancybox-fx-tube.fancybox-slide--next {
     -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
     transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
 .fancybox-fx-tube.fancybox-slide--current {
     -webkit-transform: translate3d(0, 0, 0) scale(1);
     transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
 @media all and (max-height: 576px) {
     .fancybox-caption {
         padding: 12px;
    }
     .fancybox-slide {
         padding-left: 6px;
         padding-right: 6px;
    }
     .fancybox-slide--image {
         padding: 6px 0;
    }
     .fancybox-close-small {
         right: -6px;
    }
     .fancybox-slide--image .fancybox-close-small {
         background: #4e4e4e;
         color: #f2f4f6;
         height: 36px;
         opacity: 1;
         padding: 6px;
         right: 0;
         top: 0;
         width: 36px;
    }
}
/* Share */
 .fancybox-share {
     background: #f4f4f4;
     border-radius: 3px;
     max-width: 90%;
     padding: 30px;
     text-align: center;
}
 .fancybox-share h1 {
     color: #222;
     font-size: 35px;
     font-weight: 700;
     margin: 0 0 20px 0;
}
 .fancybox-share p {
     margin: 0;
     padding: 0;
}
 .fancybox-share__button {
     border: 0;
     border-radius: 3px;
     display: inline-block;
     font-size: 14px;
     font-weight: 700;
     line-height: 40px;
     margin: 0 5px 10px 5px;
     min-width: 130px;
     padding: 0 15px;
     text-decoration: none;
     -webkit-transition: all .2s;
     transition: all .2s;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     white-space: nowrap;
}
 .fancybox-share__button:visited, .fancybox-share__button:link {
     color: #fff;
}
 .fancybox-share__button:hover {
     text-decoration: none;
}
 .fancybox-share__button--fb {
     background: #3b5998;
}
 .fancybox-share__button--fb:hover {
     background: #344e86;
}
 .fancybox-share__button--pt {
     background: #bd081d;
}
 .fancybox-share__button--pt:hover {
     background: #aa0719;
}
 .fancybox-share__button--tw {
     background: #1da1f2;
}
 .fancybox-share__button--tw:hover {
     background: #0d95e8;
}
 .fancybox-share__button svg {
     height: 25px;
     margin-right: 7px;
     position: relative;
     top: -1px;
     vertical-align: middle;
     width: 25px;
}
 .fancybox-share__button svg path {
     fill: #fff;
}
 .fancybox-share__input {
     background: transparent;
     border: 0;
     border-bottom: 1px solid #d7d7d7;
     border-radius: 0;
     color: #5d5b5b;
     font-size: 14px;
     margin: 10px 0 0 0;
     outline: none;
     padding: 10px 15px;
     width: 100%;
}
/* Thumbs */
 .fancybox-thumbs {
     background: #ddd;
     bottom: 0;
     display: none;
     margin: 0;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar;
     padding: 2px 2px 4px 2px;
     position: absolute;
     right: 0;
     -webkit-tap-highlight-color: transparent;
     top: 0;
     width: 212px;
     z-index: 99995;
}
 .fancybox-thumbs-x {
     overflow-x: auto;
     overflow-y: hidden;
}
 .fancybox-show-thumbs .fancybox-thumbs {
     display: block;
}
 .fancybox-show-thumbs .fancybox-inner {
     right: 212px;
}
 .fancybox-thumbs__list {
     font-size: 0;
     height: 100%;
     list-style: none;
     margin: 0;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 0;
     position: absolute;
     position: relative;
     white-space: nowrap;
     width: 100%;
}
 .fancybox-thumbs-x .fancybox-thumbs__list {
     overflow: hidden;
}
 .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
     width: 7px;
}
 .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
     background: #fff;
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
     background: #2a2a2a;
     border-radius: 10px;
}
 .fancybox-thumbs__list a {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     background-color: rgba(0, 0, 0, 0.1);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     cursor: pointer;
     float: left;
     height: 75px;
     margin: 2px;
     max-height: calc(100% - 8px);
     max-width: calc(50% - 4px);
     outline: none;
     overflow: hidden;
     padding: 0;
     position: relative;
     -webkit-tap-highlight-color: transparent;
     width: 100px;
}
 .fancybox-thumbs__list a::before {
     border: 6px solid #ff5268;
     bottom: 0;
     content: '';
     left: 0;
     opacity: 0;
     position: absolute;
     right: 0;
     top: 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);
     z-index: 99991;
}
 .fancybox-thumbs__list a:focus::before {
     opacity: .5;
}
 .fancybox-thumbs__list a.fancybox-thumbs-active::before {
     opacity: 1;
}
/* Styling for Small-Screen Devices */
 @media all and (max-width: 576px) {
     .fancybox-thumbs {
         width: 110px;
    }
     .fancybox-show-thumbs .fancybox-inner {
         right: 110px;
    }
     .fancybox-thumbs__list a {
         max-width: calc(100% - 10px);
    }
}
/** Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch Licensed under () */
/* Owl Carousel - Core */
 .owl-carousel {
     display: none;
     width: 100%;
     -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
     position: relative;
    /* z-index: 1;
     */
}
 .owl-carousel .owl-stage {
     position: relative;
     -ms-touch-action: pan-Y;
     touch-action: pan-Y;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
    /* fix firefox animation glitch */
}
 .owl-carousel .owl-stage:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
    /* fix for flashing background */
     -webkit-transform: translate3d(0px, 0px, 0px);
     transform: translate3d(0px, 0px, 0px);
}
 .owl-carousel .owl-wrapper {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .owl-carousel .owl-item {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -transform: translate3d(0, 0, 0);
     position: relative;
     min-height: 1px;
     float: left;
     backface-visibility: hidden;
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
    /*&.current {
         opacity: .5;
    }
    */
}
 .owl-carousel .owl-item img {
     display: block;
     position: inherit;
}
 .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
     display: none;
}
 .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
     cursor: pointer;
     cursor: hand;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .owl-carousel .owl-dot {
     cursor: pointer;
     cursor: hand;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .owl-carousel.owl-loaded {
     display: block;
}
 .owl-carousel.owl-loading {
     opacity: 0;
     display: block;
}
 .owl-carousel.owl-hidden {
     opacity: 0;
}
 .owl-carousel.owl-refresh .owl-item {
     visibility: hidden;
}
 .owl-carousel.owl-drag .owl-item {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .owl-carousel.owl-grab {
     cursor: move;
     cursor: -webkit-grab;
     cursor: grab;
}
 .owl-carousel.owl-rtl {
     direction: rtl;
}
 .owl-carousel.owl-rtl .owl-item {
     float: right;
}
/* No Js */
 .no-js .owl-carousel {
     display: block;
}
/* Owl Carousel - Animate Plugin */
 .owl-carousel .animated {
     -webkit-animation-duration: 300ms;
     animation-duration: 300ms;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-transform-origin: bottom center;
     transform-origin: bottom center;
}
 .owl-carousel .owl-animated-in {
     z-index: 0;
}
 .owl-carousel .owl-animated-out {
     z-index: 1;
}
 .owl-carousel .fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut;
}
 .owl-carousel .scaleOut {
     -webkit-animation-name: scaleOut;
     animation-name: scaleOut;
}
 .owl-carousel .scaleIn {
     -webkit-animation-name: scaleIn;
     animation-name: scaleIn;
     -webkit-animation-delay: .3s;
     animation-delay: .3s;
}
 @-webkit-keyframes fadeOut {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @keyframes fadeOut {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
    }
}
 @-webkit-keyframes scaleIn {
     0% {
         opacity: 0;
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
     100% {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 @keyframes scaleIn {
     0% {
         opacity: 0;
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
     100% {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 @-webkit-keyframes scaleOut {
     0% {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
}
 @keyframes scaleOut {
     0% {
         opacity: 1;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(0.5);
         transform: scale(0.5);
    }
}
/* Owl Carousel - Auto Height Plugin */
 .owl-height {
     -webkit-transition: height 500ms ease-in-out;
     transition: height 500ms ease-in-out;
}
/* Owl Carousel - Lazy Load Plugin */
 .owl-carousel .owl-item .owl-lazy {
     opacity: 0;
     -webkit-transition: opacity 400ms ease;
     transition: opacity 400ms ease;
}
 .owl-carousel .owl-item img.owl-lazy {
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
}
 .owl-carousel .owl-video-wrapper {
     position: relative;
     height: 100%;
     background: #000;
}
 .owl-carousel .owl-video-play-icon {
     position: absolute;
     height: 80px;
     width: 80px;
     left: 50%;
     top: 50%;
     margin-left: -40px;
     margin-top: -40px;
     background: url("owl.video.play.png") no-repeat;
     cursor: default;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-transition: -webkit-transform 100ms ease;
     transition: -webkit-transform 100ms ease;
     transition: transform 100ms ease;
     transition: transform 100ms ease, -webkit-transform 100ms ease;
}
 .owl-carousel .owl-video-play-icon:hover {
     -webkit-transform: scale(1.3, 1.3);
     transform: scale(1.3, 1.3);
}
 .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
     display: none;
}
 .owl-carousel .owl-video-tn {
     opacity: 0;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     -webkit-transition: opacity 400ms ease;
     transition: opacity 400ms ease;
}
 .owl-carousel .owl-video-frame {
     position: relative;
     z-index: 1;
     height: 100%;
     width: 100%;
}
/* Owl Carousel - Video Plugin */
/** Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch Licensed under () */
/* Default theme - Owl Carousel CSS File */
 .owl-theme .owl-nav {
     margin-top: 10px;
     text-align: center;
     -webkit-tap-highlight-color: transparent;
}
 .owl-theme .owl-nav [class*='owl-'] {
     color: #fff;
     background: #d6d6d6;
     display: inline-block;
     cursor: pointer;
}
 .owl-theme .owl-nav [class*='owl-']:hover {
     background: #869791;
     color: #FFF;
     text-decoration: none;
}
 .owl-theme .owl-nav .disabled {
     opacity: 0.5;
     cursor: default;
}
 .owl-theme .owl-dots {
    /*text-align: center;
    */
     -webkit-tap-highlight-color: transparent;
}
 .owl-theme .owl-dots .owl-dot {
     display: inline-block;
     zoom: 1;
     *display: inline;
}
 .owl-theme .owl-dots .owl-dot span {
     width: 13px;
     height: 13px;
     margin-left: 5px;
     margin-right: 5px;
     background: #000;
     display: block;
     -webkit-backface-visibility: visible;
     backface-visibility: visible;
     -webkit-transition: .1s;
     transition: .1s;
     opacity: .4;
     border-radius: 30px;
}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     opacity: 1;
}
/** Owl Default Nav */
 .owl-nav__style .owl-nav {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     margin-top: -1px;
}
 .owl-nav__style .owl-theme .owl-nav [class*='owl-'] {
     position: absolute;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     background: none;
     -webkit-transition: .2s;
     transition: .2s;
}
 .owl-nav__style .owl-theme .owl-nav [class*='owl-'] .icon {
     font-size: 32px;
     color: #6f6f6f;
}
 .owl-nav__style .owl-theme .owl-nav .owl-prev {
     left: -45px;
}
 @media (max-width: 1279px) {
     .owl-nav__style .owl-theme .owl-nav .owl-prev {
         left: 10px;
    }
}
 .owl-nav__style .owl-theme .owl-nav .owl-next {
     right: -45px;
}
 @media (max-width: 1279px) {
     .owl-nav__style .owl-theme .owl-nav .owl-next {
         right: 10px;
    }
}
 .owl-nav__style.hn-carousel .owl-nav {
     margin-top: -100px;
     display: none;
}
 @media (max-width: 479px) {
     .owl-nav__style.hn-carousel .owl-nav {
         margin-top: -45px;
    }
}
 .owl-nav__style.hn-carousel .owl-theme .owl-nav .owl-prev {
     left: 20px;
}
 .owl-nav__style.hn-carousel .owl-theme .owl-nav .owl-next {
     right: 20px;
}
 .owl-nav__style.shortcut-carousel .owl-nav {
     margin-top: -5px;
}
 .owl-nav__style.shortcut-carousel .owl-theme .owl-nav [class*='owl-'] {
     position: absolute;
     background: #fff;
     -webkit-box-shadow: 0 0 40px rgba(24, 76, 124, 0.4);
     box-shadow: 0 0 40px rgba(24, 76, 124, 0.4);
     height: 60px;
     width: 32px;
     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: .2s;
     transition: .2s;
}
 .owl-nav__style.shortcut-carousel .owl-theme .owl-nav [class*='owl-'] .icon {
     font-size: 16px;
}
 .owl-nav__style.shortcut-carousel .owl-theme .owl-nav .owl-prev {
     left: 0;
     padding-right: 3px;
     border-radius: 0 15px 15px 0;
}
 .owl-nav__style.shortcut-carousel .owl-theme .owl-nav .owl-next {
     right: 0;
     padding-left: 3px;
     border-radius: 15px 0 0 15px;
}
 .owl-nav__style.logos-carousel .owl-nav {
     margin-top: -5px;
}
 .owl-nav__style.logos-carousel .owl-theme .owl-nav [class*='owl-'] {
     position: absolute;
     -webkit-transition: .2s;
     transition: .2s;
}
 .owl-nav__style.logos-carousel .owl-theme .owl-nav [class*='owl-'] .icon {
     font-size: 16px;
}
 .owl-nav__style.logos-carousel .owl-theme .owl-nav .owl-prev {
     left: -30px;
}
 @media (max-width: 1279px) {
     .owl-nav__style.logos-carousel .owl-theme .owl-nav .owl-prev {
         left: 10px;
    }
}
 .owl-nav__style.logos-carousel .owl-theme .owl-nav .owl-next {
     right: -30px;
}
 @media (max-width: 1279px) {
     .owl-nav__style.logos-carousel .owl-theme .owl-nav .owl-next {
         right: 10px;
    }
}
 .owl-nav__style-2 .owl-nav {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     margin-top: -25px;
}
 .owl-nav__style-2 .owl-theme .owl-nav [class*='owl-'] {
     position: absolute;
     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: 60px;
     height: 60px;
     border-radius: 50%;
     background: #fff;
     -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
     box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
     -webkit-transition: .2s;
     transition: .2s;
}
 .owl-nav__style-2 .owl-theme .owl-nav [class*='owl-'] .icon {
     font-size: 18px;
     color: #6f6f6f;
}
 .owl-nav__style-2 .owl-theme .owl-nav .owl-prev {
     left: 25px;
}
 .owl-nav__style-2 .owl-theme .owl-nav .owl-next {
     right: 25px;
}
 .owl-nav__style-2.banner-carousel .owl-theme .owl-nav .owl-prev {
     left: 70px;
}
 @media (max-width: 991px) {
     .owl-nav__style-2.banner-carousel .owl-theme .owl-nav .owl-prev {
         left: 5px;
    }
}
 .owl-nav__style-2.banner-carousel .owl-theme .owl-nav .owl-next {
     right: 70px;
}
 @media (max-width: 991px) {
     .owl-nav__style-2.banner-carousel .owl-theme .owl-nav .owl-next {
         right: 5px;
    }
}
 .owl-nav__style-2.projects-carousel .owl-nav {
     margin-top: -45px;
}
 .owl-nav__style-2.services-carousel .owl-theme .owl-nav .owl-prev {
     left: -85px;
}
 .owl-nav__style-2.services-carousel .owl-theme .owl-nav .owl-next {
     right: -85px;
}
 .gallery-carousel .owl-nav {
     position: absolute;
     right: 0;
     bottom: -15px;
     left: 0;
}
 .gallery-carousel .owl-theme .owl-nav [class*='owl-'] {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     width: 65px;
     height: 35px;
     background: #edf4fb;
     color: #4d6379;
     -webkit-box-shadow: 0 0 40px rgba(24, 76, 124, 0.4);
     box-shadow: 0 0 40px rgba(24, 76, 124, 0.4);
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-left: 6px;
     margin-right: 6px;
     -webkit-transition: .2s;
     transition: .2s;
}
 .gallery-carousel .owl-theme .owl-nav [class*='owl-']:hover {
     background: #173556;
     color: #fff;
}
 .gallery-carousel .owl-theme .owl-nav [class*='owl-'] .icon {
     font-size: 16px;
}
 .gallery-carousel .owl-theme .owl-nav .owl-prev {
     border-radius: 15px 0 0 15px;
}
 .gallery-carousel .owl-theme .owl-nav .owl-next {
     border-radius: 0 15px 15px 0;
}
 .projects-carousel .owl-nav {
     margin: 0 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;
     width: 200px;
     background: #98abbf;
     -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.3);
     box-shadow: 0 0 50px rgba(24, 76, 124, 0.3);
     border-radius: 25px;
     position: absolute;
     right: 0;
    /*bottom: calc( (60px / 2) * -1);
    */
     left: 0;
}
 @media (max-width: 479px) {
     .projects-carousel .owl-nav {
         width: 300px;
    }
}
 .projects-carousel .owl-theme .owl-nav [class*='owl-'] {
     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: transparent;
     height: 60px;
     width: 75px;
     -webkit-transition: .2s;
     transition: .2s;
}
 @media (max-width: 479px) {
     .projects-carousel .owl-theme .owl-nav [class*='owl-'] {
         width: 60px;
    }
}
 .projects-carousel .owl-theme .owl-nav [class*='owl-']:hover {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
}
 .projects-carousel .owl-theme .owl-nav [class*='owl-'] .icon {
     font-size: 18px;
}
 .header-carousel .owl-nav {
     margin: 50px auto 0;
     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;
     background: #79ac2b;
     -webkit-box-shadow: 0 0 50px rgba(121, 172, 43, 0.3);
     box-shadow: 0 0 50px rgba(121, 172, 43, 0.3);
     border-radius: 25px;
}
 .header-carousel .owl-theme .owl-nav [class*='owl-'] {
     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: transparent;
     height: 60px;
     width: 75px;
     -webkit-transition: .2s;
     transition: .2s;
}
 .header-carousel .owl-theme .owl-nav [class*='owl-']:hover {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
}
 .header-carousel .owl-theme .owl-nav [class*='owl-'] .icon {
     font-size: 18px;
     color: #fff;
}
 .page-content__gallery-carousel .owl-nav {
     position: absolute;
     top: -35px;
     right: 0;
     margin-top: 0;
}
 .page-content__gallery-carousel .owl-theme .owl-nav [class*='owl-'] {
     background: transparent;
     color: #79ac2b;
     margin-left: 10px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
}
 .page-content__gallery-carousel .owl-theme .owl-nav [class*='owl-']:first-child {
     margin-left: 0;
}
 .page-content__gallery-carousel .owl-theme .owl-nav [class*='owl-'] .icon {
     font-size: 18px;
}
/** Owl Default Dots */
 .owl-dots__style .owl-theme .owl-dots {
     margin-top: 20px;
}
 .owl-dots__style .owl-theme .owl-dots .owl-dot span {
     margin-left: 3px;
     margin-right: 3px;
     width: 14px;
     height: 14px;
     border: 2px solid #79ac2b;
     background: none;
     opacity: 1;
     -webkit-transform: scale(0.7);
     transform: scale(0.7);
}
 .owl-dots__style .owl-theme .owl-dots .owl-dot.active span, .owl-dots__style .owl-theme .owl-dots .owl-dot:hover span {
     background: #79ac2b;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .owl-dots__style.gallery-carousel .owl-theme .owl-dots {
     margin-top: 0;
     position: absolute;
     bottom: -45px;
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
}
/** Headline News Dots */
 .headline-news .owl-theme .owl-dots {
     background: #79ac2b;
     text-align: left;
     margin-top: 2px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     counter-reset: dots;
     padding-right: 160px;
}
 @media (max-width: 767px) {
     .headline-news .owl-theme .owl-dots {
         padding-right: 0;
    }
}
 .headline-news .owl-theme .owl-dots .owl-dot {
     background: rgba(0, 0, 0, 0.1);
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
     height: 65px;
     font-family: "Roboto", sans-serif;
     margin-left: 1px;
     margin-right: 1px;
     text-align: center;
     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;
     font-weight: 700;
}
 .headline-news .owl-theme .owl-dots .owl-dot.active, .headline-news .owl-theme .owl-dots .owl-dot:hover {
     background: rgba(0, 0, 0, 0.2);
}
 .headline-news .owl-theme .owl-dots .owl-dot:before {
     counter-increment: dots;
     content: counter(dots);
}
 @media (max-width: 479px) {
     .headline-news .owl-theme .owl-dots .owl-dot {
         height: 40px;
         font-size: 20px;
    }
}
 .headline-news .owl-theme .owl-dots .owl-dot span {
     display: none;
}
 .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: #179bd8;
}
 .datepicker--cell.-current-.-focus- {
     color: #4a4a4a;
}
 .datepicker--cell.-current-.-in-range- {
     color: #179bd8;
}
 .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: #179bd8;
}
 .datepicker--cell.-selected-.-current- {
     color: #fff;
     background: #179bd8;
}
 .datepicker--cell.-selected-.-focus- {
     background: #45bced;
}
 .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: #79ac2b;
     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: 5px 5px 50px rgba(23, 53, 86, 0.15);
     box-shadow: 5px 5px 50px rgba(23, 53, 86, 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: #179bd8;
     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: #179bd8;
     border-color: #179bd8;
}
 .datepicker--time-row input[type='range']:focus::-moz-range-thumb {
     background: #179bd8;
     border-color: #179bd8;
}
 .datepicker--time-row input[type='range']:focus::-ms-thumb {
     background: #179bd8;
     border-color: #179bd8;
}
 .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;
}
 select.no--select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 100%;
     height: 70px;
     border: 2px solid rgba(77, 99, 121, 0.1);
     border-radius: 5px;
     line-height: 22px;
     font-size: 16px;
     font-weight: 300;
     color:#000;
     font-family: inherit;
     padding-right: 20px;
     padding-left: 80px;
     background: #fff;
     cursor: pointer;
     -webkit-transition: 300ms border-color;
     transition: 300ms border-color;
}
 select.no--select + span.icon-arrow {
     position: relative;
}
 select.no--select + span.icon-arrow:before {
     content: "";
     position: absolute;
     right: 25px;
     top: 50%;
     -webkit-transform: translateY(-50%) rotate(45deg);
     transform: translateY(-50%) rotate(45deg);
     -webkit-transition: all .15s ease-in-out;
     transition: all .15s ease-in-out;
     width: 10px;
     height: 10px;
     border-right: 1px solid rgba(23, 53, 86, 0.6);
     border-bottom: 1px solid rgba(23, 53, 86, 0.6);
}
 .form-custom ul li.is-error select.no--select {
     border: 2px solid red;
}
 body {
     font-family: "Raleway", sans-serif;
     font-size: 16px;
     line-height: 1.6;
     font-weight: 400;
     color: #6f6f6f;
}
 body.bg {
     background: #f7f7f7;
}
 .components-div {
     margin-bottom: 50px;
}
 .components-div:last-child {
     margin-bottom: 0;
}
 .tbb-tekim {
     text-align: right;
}
 .tbb-tekim.large .description .title {
     font-size: 28px;
}
 .tbb-tekim.large .description .title span {
     font-size: 36px;
}
 .tbb-tekim.large .description .text {
     font-size: 24px;
}
 .tbb-tekim.large .icon {
     font-size: 60px;
}
 .tbb-tekim .description .title, .tbb-tekim .description .text {
     color: #fff;
     line-height: 1.2;
}
 .tbb-tekim .description .title {
     font-size: 20px;
     font-weight: 900;
}
 .tbb-tekim .description .title span {
     color: #f7a42b;
     font-size: 28px;
}
 .tbb-tekim .description .text {
     font-size: 18px;
     font-weight: 500;
     letter-spacing: .5px;
}
 @media (min-width: 480px) and (max-width: 767px) {
     .tbb-tekim .description .text {
         font-size: 16px;
    }
}
 .tbb-tekim .icon {
     color: #f7a42b;
     font-size: 48px;
     margin-left: 15px;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .tbb-tekim .icon {
         font-size: 42px;
    }
}
 table {
     width: 100% !important;
     border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
 table tbody tr {
     border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
 @media (max-width: 991px) {
     table tbody tr {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
    }
}
 table tbody tr td, table tbody tr th {
     border-right: 1px solid rgba(0, 0, 0, 0.05) !important;
     line-height: 1.1;
}
 table tbody tr td:last-child, table tbody tr th:last-child {
     border-right: 0 none !important;
}
 @media (max-width: 991px) {
     table tbody tr td, table tbody tr th {
         border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    }
     table tbody tr td:last-child, table tbody tr th:last-child {
         border-bottom: 0 none !important;
    }
}
 table tbody tr td a, table tbody tr th a {
     color: #6f6f6f;
}
 table tbody tr th {
     padding: 5px 15px !important;
     background: #4d6379;
     color: #fff;
}
 table tbody tr td {
     padding: 15px !important;
     font-weight: 300;
}
 table tbody tr td strong {
     font-weight: 700;
}
 .hover-line {
     position: relative;
}
 .hover-line:before {
     content: "";
     position: absolute;
     right: 0;
     bottom: -4px;
     left: 0;
     background: #fff;
     height: 1px;
     width: 0;
     margin: 0 auto;
     -webkit-transition: width .2s;
     transition: width .2s;
}
 .hover-line:hover:before {
     width: 100%;
}
 .video-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: #fff;
     width: 120px;
     height: 120px;
     border-radius: 100%;
     position: relative;
}
 .video-circle.center {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
}
 @media (max-width: 767px) {
     .video-circle.center {
         position: relative;
         top: auto;
         left: auto;
         -webkit-transform: translateX(0) translateY(0);
         transform: translateX(0) translateY(0);
    }
}
 .video-circle.left {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 @media (max-width: 767px) {
     .video-circle.left {
         position: relative;
         top: auto;
         -webkit-transform: translateY(0);
         transform: translateY(0);
    }
}
 .video-circle:before, .video-circle:after {
     content: "";
     position: absolute;
     background: rgba(255, 255, 255, 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;
}
 .video-circle:before {
     width: 150px;
     height: 150px;
}
 .video-circle:after {
     width: 180px;
     height: 180px;
}
 .video-circle .icon {
     font-size: 28px;
     color: #000;
     position: relative;
     left: 2px;
     top: 2px;
}
 @-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;
    }
}
 .small-title {
     color: #999;
     font-size: 13px;
     letter-spacing: 2px;
     font-weight: 300;
}
 .border {
     display: block;
     background: #fff;
     width: 75px;
     height: 1px;
     margin-top: 10px;
}
 .section-header.center {
     text-align: center;
}
 .section-header-menu.center {
     text-align: right;
}
 .section-header.small .title {
     font-size: 36px;
}
 .section-header .title {
     font-size: 42px;
     font-weight: 900;
     line-height: 1.1;
     color: #4d6379;
}
 .section-header-menu .title-menu {
     font-size: 25px;
     font-weight: 900;
     line-height: 2.2;
     color: #4d6379;
}
 @media (max-width: 479px) {
     .section-header .title {
         font-size: 32px;
    }
}
 .section-header .text {
     font-size: 20px;
     color: #4d6379;
     font-weight: 300;
}
 .app-overlay {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: #173556;
     height: 100%;
     width: 100%;
     z-index: 999;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .3s;
     transition: .3s;
}
 .app-overlay.is-visible {
     opacity: .95;
     visibility: visible;
}
 .app-scroll {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: fixed;
     bottom: 20px;
     right: 20px;
     background: #fff;
     width: 51px;
     height: 51px;
     border-radius: 100%;
     text-align: center;
     color: #4d6379;
     -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
     opacity: 0;
     visibility: hidden;
     -webkit-transform: scale(0.5);
     transform: scale(0.5);
     z-index: 998;
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (max-width: 991px) {
     .app-scroll {
         bottom: 75px;
    }
}
 .app-scroll .icon {
     font-size: 16px;
}
 .app-scroll.is-visible {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .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 #179bd8;
     border-radius: 50%;
     width: 60px;
     height: 60px;
     -webkit-animation: spin .8s linear infinite;
     animation: spin .8s linear infinite;
}
 @-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);
    }
}
 .header-nav {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     margin-left: -10px;
     margin-right: -10px;
}
 @media (max-width: 991px) {
     .header-nav {
         display: none;
    }
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .header-nav {
         margin-left: -8px;
         margin-right: -8px;
    }
}
 .header-nav__item {
     padding-left: 8px;
     padding-right: 8px;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .header-nav__item {
         padding-left: 8px;
         padding-right: 8px;
    }
}
 .header-nav__item > a {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     color: #000;
     font-size: 15px;
     font-weight: 600;
     letter-spacing: .3px;
     text-transform: uppercase;
     padding-top: 10px;
     height: calc(165px / 2);
     position: relative;
     z-index: 1;
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .header-nav__item > a {
         font-size: 14px;
    }
}
 .header-nav__item > a:before {
     content: "";
     position: absolute;
     right: 0;
     bottom: 35px;
     left: 0;
     height: 2px;
     background: #79ac2b;
     width: 0;
     margin: 0 auto;
     -webkit-transition: width .3s;
     transition: width .3s;
}
 .header-nav__item:hover > a {
     color: #79ac2b !important;
}
 .header-nav__item:hover > a:before {
     width: 100%;
}
 .header-nav__item:hover > ul {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: .3s;
     transition: .3s;
}
 .header-nav__item:hover > .header-nav__dropdown {
     opacity: 1;
     visibility: visible;
     -webkit-transition: .3s .2s;
     transition: .3s .2s;
}
 .header-nav__links {
     position: absolute;
     background: #fff;
     -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
     min-width: 190px;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
}
 .header-nav__links li {
     display: block;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
 .header-nav__links li:last-child {
     border-bottom: 0 none;
}
 .header-nav__links li > a {
     display: block;
     font-size: 14px;
     padding: 12px 15px;
     color: #333;
     -webkit-transition: .3s;
     transition: .3s;
}
 .header-nav__links li > a:hover {
     color: #fff;
     background: #79ac2b;
     padding-left: 20px;
}
 .header-nav__dropdown {
     background: transparent;
     position: absolute;
     top: 165px;
     left: 0;
     right: 0;
     opacity: 0;
     visibility: hidden;
}
 .header-nav__dropdown .container, .header-nav__dropdown .container-fluid {
     padding-top: 20px;
     padding-bottom: 50px;
     min-height: calc( 450px - 165px);
     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;
}
 .header-nav__dropdown-row {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     margin-left: -15px;
     margin-right: -15px;
}
 .header-nav__dropdown-row > div {
     padding-left: 15px;
     padding-right: 15px;
}
 .header-nav__dropdown-heading {
     height: 50px;
     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__dropdown-heading.small {
     height: 40px;
}
 .header-nav__dropdown-heading.small .title {
     font-size: 18px;
     letter-spacing: inherit;
}
 .header-nav__dropdown-heading .title {
     font-size: 24px;
     font-weight: 800;
     letter-spacing: -0.5px;
     color: #79ac2b;
     text-transform: uppercase;
     line-height: 1.1;
}
 .header-nav__dropdown .shortcut-cards {
     width: 100%;
}
 .header-nav__dropdown .boxes {
     width: 100%;
}
 .header-nav__cards {
     width: 100%;
}
 .header-nav__cards-content {
     background: rgba(255, 255, 255, 0.7);
     border-radius: 10px;
     padding: 20px 0 30px 30px;
}
 .header-nav__cards-content.small ul {
     max-height: 170px;
     min-height: 170px;
}
 .header-nav__cards-content ul {
     overflow-y: auto;
     max-height: 220px;
     min-height: 220px;
     scrollbar-color: rgba(121, 172, 43, 0.4) #fff;
     scrollbar-width: thin;
}
 @media (max-width: 991px) {
     .header-nav__cards-content ul {
         background: #fff;
    }
}
 .header-nav__cards-content ul::-webkit-scrollbar-track {
     background-color: #fff;
}
 .header-nav__cards-content ul::-webkit-scrollbar {
     width: 6px;
}
 .header-nav__cards-content ul::-webkit-scrollbar-thumb {
     background-color: rgba(121, 172, 43, 0.4);
}
 .header-nav__cards-content ul li {
     padding-right: 30px;
}
 .header-nav__cards-content ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     font-size: 14px;
     font-family: "Roboto", sans-serif;
     font-weight: 300;
     color: #6f6f6f;
     padding-top: 10px;
     padding-bottom: 10px;
}
 .header-nav__cards-content ul li a:hover {
     color: #79ac2b;
}
 .header-nav__cards-content .icon {
     margin-right: 12px;
     font-size: 14px;
     opacity: .4;
}
 .header-nav__gallery {
     width: 100%;
}
 .header-nav__gallery ul li a {
     display: block;
     position: relative;
}
 .header-nav__gallery ul li a:hover .header-nav__gallery-cover img {
     -webkit-transform: scale3d(1.15, 1.15, 1.15);
     transform: scale3d(1.15, 1.15, 1.15);
}
 .header-nav__gallery-cover {
     overflow: hidden;
     height: 300px;
     border-radius: 10px 10px 0 0;
}
 .header-nav__gallery-cover img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
     transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
     transition: transform 1s cubic-bezier(0, 0, 0.2, 1);
     transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
}
 .header-nav__gallery-body {
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#173556));
     background: linear-gradient(transparent, #173556);
     padding: 20px;
     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;
}
 .header-nav__gallery-body:before {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     background: #79ac2b;
     height: 5px;
}
 .header-nav__gallery-body .title {
     font-size: 24px;
     color: #fff;
     letter-spacing: -0.5px;
     line-height: 1.1;
     font-weight: 900;
}
 .header-nav__mayor-photo {
     overflow: hidden;
     height: 270px;
     border-radius: 10px 10px 0 0;
}
 .header-nav__mayor-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .header-nav__mayor-description {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 100%;
     padding-left: 10px;
}
 .header-nav__mayor-description .title, .header-nav__mayor-description .text {
     font-family: "Roboto", sans-serif;
}
 .header-nav__mayor-description .title {
     font-size: 48px;
     font-weight: 900;
     letter-spacing: -0.5px;
     color: #333;
     line-height: 1;
     width:100vh;
}
 .header-nav__mayor-description .text {
     font-weight: 300;
     font-size: 14px;
     letter-spacing: 2.5px;
     color: #999;
}
 .header-nav__mayor-social {
     background: #fff;
     border-radius: 0 0 10px 10px;
     -webkit-box-shadow: 0 0 30px rgba(23, 53, 86, 0.15);
     box-shadow: 0 0 30px rgba(23, 53, 86, 0.15);
     overflow: hidden;
}
 .header-nav__mayor-social a {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     height: 60px;
     -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: rgba(51, 51, 51, 0.3);
     -webkit-transition: .3s;
     transition: .3s;
}
 .header-nav__mayor-social a:hover {
     background: #79ac2b;
     color: #fff;
}
 .header-nav__mayor-list {
     margin-top: 20px;
     padding-right: 100px;
}
 .header-nav__mayor-list ul li {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
 .header-nav__mayor-list ul li:last-child {
     border-bottom: 0 none;
}
 .header-nav__mayor-list ul li.style-1 a {
     font-weight: 600;
}
 .header-nav__mayor-list ul li.style-1 span {
     font-weight: 300;
}
 .header-nav__mayor-list ul li a {
     display: block;
     color: #6f6f6f;
     font-size: 16px;
     line-height: 1.4;
     font-weight: 300;
     padding-top: 8px;
     padding-bottom: 8px;
     font-family: "Roboto", sans-serif;
     padding-left: 15px;
     position: relative;
}
 .header-nav__mayor-list ul li a:before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     background: currentColor;
     opacity: .3;
     width: 5px;
     height: 5px;
     border-radius: 100%;
}
 .header-nav__mayor-list ul li a:hover {
     color: #79ac2b;
}
 .header-nav__mayor-message {
     background: rgba(255, 255, 255, 0.5);
     -webkit-box-shadow: 0 0 50px rgba(23, 53, 86, 0.2);
     box-shadow: 0 0 50px rgba(23, 53, 86, 0.2);
     height: 100%;
     padding: 30px 35px;
     border-radius: 10px;
     font-family: "Roboto", sans-serif;
     position: relative;
}
 .header-nav__mayor-message .text {
     font-size: 16px;
     line-height: 1.8;
     font-weight: 300;
}
 .header-nav__mayor-message .name {
     position: absolute;
     right: 30px;
     bottom: 20px;
     font-weight: 700;
     font-size: 18px;
     color: #333;
}
 .mobile-nav {
     background-color: #f7f7f7;
     -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     width: 400px;
     height: 100%;
     overflow: hidden;
     z-index: 10010;
     font-family: "Roboto", sans-serif;
     -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% - 60px);
     scrollbar-color: rgba(0, 0, 0, 0.2) #fff;
     scrollbar-width: thin;
}
 @media (max-width: 991px) {
     .mobile-nav__wrapper {
         background: #fff;
    }
}
 .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.2);
}
 .mobile-nav__header {
     position: relative;
     background: #fff;
}
 .mobile-nav__header-cover {
     overflow: hidden;
     height: 100px;
     opacity: .1;
}
 .mobile-nav__header-cover img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -webkit-filter: grayscale(1);
     filter: grayscale(1);
}
 .mobile-nav__header-body {
     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;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding-left: 20px;
     padding-right: 10px;
}
 .mobile-nav__header-body .label {
     font-size: 14px;
     font-weight: 300;
     color: #999;
     margin-top: 10px;
}
 .mobile-nav__header-logo img.logo {
     width: 60px;
}
 .mobile-nav__header-logo img.text {
     width: 80px;
     -webkit-filter: brightness(0);
     filter: brightness(0);
     opacity: .5;
     margin-left: 10px;
}
 .mobile-nav__content .heading {
     padding-left: 25px;
     padding-right: 25px;
     padding-top: 20px;
     padding-bottom: 10px;
     color: #79ac2b;
     font-family: "Roboto", sans-serif;
     font-size: 14px;
     font-weight: 500;
     z-index: 1;
}
 .mobile-nav__content > ul > li:not(.heading).is-open > a, .mobile-nav__content > ul > li:not(.heading):hover > a {
     background: #fff;
     color: #79ac2b;
     -webkit-box-shadow: 0 0 30px rgba(23, 53, 86, 0.1);
     box-shadow: 0 0 30px rgba(23, 53, 86, 0.1);
}
 .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: 5px;
     padding-bottom: 15px;
     color: #333;
     font-size: 15px;
     font-weight: 700;
     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;
     margin-right: 20px;
}
 .mobile-nav__content > ul > li:not(.heading) > a.link {
     font-size: 16px;
     font-weight: 500;
     padding-top: 13px;
     padding-bottom: 13px;
}
 .mobile-nav__plus {
     position: absolute;
     right: 0;
     font-size: 16px;
     margin-right: 0;
     color: #999;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .mobile-nav__sub {
     background: #fff none repeat scroll 0 0;
     display: none;
}
 .mobile-nav__sub > li {
     display: block;
}
 .mobile-nav__sub > li:last-child a {
     border-bottom: 0 none;
}
 .mobile-nav__sub > li > a {
     color: #6f6f6f;
     display: block;
     font-size: 13px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.07);
     padding: 10px 40px;
     position: relative;
     -webkit-transition: .3s;
     transition: .3s;
}
 .mobile-nav__sub > li > a:before {
     content: "";
     position: absolute;
     left: 25px;
     top: 50%;
     -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: #79ac2b;
}
 .mobile-nav__sub > li.heading {
     position: -webkit-sticky;
     position: sticky;
     top: 40px;
     background: #fff;
}
 .mobile-nav__close {
     color: #79ac2b;
}
 .mobile-nav__close .icon {
     font-size: 36px;
}
 .mobile-nav__footer {
     position: absolute;
     z-index: 3;
     right: 0;
     bottom: 0;
     left: 0;
     height: 60px;
     background: #fff;
     -webkit-box-shadow: 0 0 50px rgba(23, 53, 86, 0.1);
     box-shadow: 0 0 50px rgba(23, 53, 86, 0.1);
}
 .mobile-nav__footer a {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     height: 60px;
     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, .header-sub, .slide-list {
     height: 100vh;
}
 @media (min-width: 480px) and (max-width: 767px) {
     .slide, .slide-material, .header-sub, .slide-list {
         height: 550px;
    }
}
 @media (max-width: 479px) {
     .slide, .slide-material, .header-sub, .slide-list {
         height: 450px;
    }
}
 .slide {
     position: relative;
}
 .slide-list {
     position: relative;
     top: 0;
     left: 0;
}
 .slide-list li {
     display: none;
}
/*.slide-list li.is-active .slide-material img {
     -webkit-transform: scale(1.15, 1.15);
     transform: scale(1.15, 1.15);
}
*/
 .slide-list li.is-active .heading, .slide-list li.is-active .text, .slide-list li.is-active .buttons-container {
     -webkit-transform: translateY(0);
     font-weight:700;
     transform: translateY(0);
     opacity: 1;
     visibility: visible;
}
 .slide-material {
     overflow: hidden;
     position: relative;
}
 .slide-material img {
     -webkit-transition: all 10s ease-in 0s;
     transition: all 10s ease-in 0s;
}
 .slide-material img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .slide-material video {
     width: 130%;
     height: 100%;
     position: relative;
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
}
 .slide-video {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
}
 @media (max-width: 1279px) {
     .slide-video {
         display: none;
    }
}
 .slide-photo {
     display: none;
}
 @media (max-width: 1279px) {
     .slide-photo {
         display: block;
    }
}
 .slide-wrapper {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
}
 .slide-wrapper .container {
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 @media (max-width: 991px) {
     .slide-wrapper .container {
         padding-top: 65px;
    }
}
 .slide-content {
     width: 70%;
     position: relative;
     z-index: 2;
     margin: 0 auto;
     text-align: center;
}
 @media (max-width: 991px) {
     .slide-content {
         width: 80%;
    }
}
 .slide-content .heading, .slide-content .text, .slide-content .buttons-container {
     opacity: 0;
     visibility: hidden;
}
 .slide-content .heading {
     color: #fff;
     text-shadow: 0px 2px 3px #141415;
     font-size: 48px;
     font-weight: 600;
     line-height: 1.1;
     -webkit-transform: translateY(-50px);
     transform: translateY(-50px);
     -webkit-transition: .8s .1s;
     transition: .8s .1s;
}
 @media (max-width: 479px) {
     .slide-content .heading {
         font-size: 32px;
         margin-bottom: 20px;
    }
}
/*margin-top:20px eklendi*/
 .slide-content .text {
     margin-top: 20px;
     text-shadow: 0px 2px 3px #141415;
     color: #fff;
     font-size: 24px;
     font-weight: 100;
     margin-bottom: 20px;
     overflow: hidden;
     -webkit-transform: translateY(-70px);
     transform: translateY(-70px);
     -webkit-transition: .8s .2s;
     transition: .8s .2s;
}
 @media (max-width: 479px) {
     .slide-content .text {
         display: none;
    }
}
 .slide-content .buttons-container {
     text-shadow: 0px 2px 3px #141415;
     -webkit-transform: translateY(-90px);
     transform: translateY(-90px);
     -webkit-transition: .8s .4s;
     transition: .8s .4s;
}
 .slide-content .button-border {
     color: #fff;
}
 .slide-pagination {
     bottom: 20px;
     position: absolute;
     right: 0;
     left: 0;
     margin: 0 auto;
     max-width: 1300px;
     width: 100%;
     z-index: 2;
     text-align: center;
     display: none;
}
 @media (max-width: 1279px) {
     .slide-pagination {
         display: block;
         position: relative;
         bottom: 0;
    }
}
 .slide-pagination li {
     display: inline-block;
}
 .slide-pagination li a {
     width: 14px;
     height: 14px;
     cursor: pointer;
     display: inline-block;
     font-size: 0;
     opacity: .3;
     margin: 0 3px;
     border-radius: 50%;
     -webkit-transform: scale(0.7);
     transform: scale(0.7);
     background: #fff;
     -webkit-transition: .2s;
     transition: .2s;
}
 @media (max-width: 1279px) {
     .slide-pagination li a {
         background: #79ac2b;
    }
}
 .slide-pagination li.is-active a {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .slide-arrows {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     text-align: center;
     z-index: 2;
}
 .slide-arrows a {
     position: absolute;
}
 .slide-arrows a.prev {
     left: 50px;
}
 @media (max-width: 991px) {
     .slide-arrows a.prev {
         left: 15px;
    }
}
 .slide-arrows a.next {
     right: 50px;
}
 @media (max-width: 991px) {
     .slide-arrows a.next {
         right: 15px;
    }
}
 .slide-arrows a .arrow {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     width: 36px;
     height: 36px;
     border-top: 6px solid #fff;
     border-right: 6px solid #fff;
}
 @media (max-width: 991px) {
     .slide-arrows a .arrow {
         width: 20px;
         height: 20px;
         border-top: 4px solid #fff;
         border-right: 4px solid #fff;
    }
}
 .slide-arrows a .arrow.left {
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg);
}
 .slide-arrows a .arrow.right {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .popup2 {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(77, 99, 121, 0.95);
     z-index: 20000;
     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;
}
 .popup2.is-visible {
     opacity: 1;
     visibility: visible;
}
 .popup2-wrapper {
     height: 100%;
     max-height: 100%;
     width: 100%;
     padding: 55px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .3s;
     transition: .3s;
     -webkit-transform: translateY(100px);
     transform: translateY(100px);
}
 @media (max-width: 767px) {
     .popup-wrapper {
         padding: 0;
    }
}
 .popup2-wrapper.is-visible {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     transform: translateY(0);
}
 .popup2-wrapper .cover {
     overflow: hidden;
     width: 100%;
     height: 100%;
}
 .popup2-wrapper .cover 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: 100%;
}
 .popup2-wrapper .cover img {
     max-width: 100%;
     max-height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     padding: 3px;
     background: #fff;
     -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}
 .popup2-close {
     position: absolute;
     right: 30px;
     top: 30px;
     width: 1em;
     height: 1em;
     font-size: 28px;
     z-index: 12;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .popup2-close:before, .popup2-close:after {
     content: "";
     position: absolute;
     background: #fff;
     height: 2px;
     width: 100%;
}
 .popup2-close:before {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .popup2-close:after {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
/*.popup2 {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-color: rgba(2, 47, 57, 0.8);
     z-index: 2000;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-left: 20px;
     padding-right: 20px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
}
 .popup2:not(.is-visible) {
     opacity: 0;
     visibility: hidden;
}
 .popup2-wrapper {
     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%;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
}
 .popup2-wrapper:not(.is-visible) {
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(100px);
     -ms-transform: translateY(100px);
     transform: translateY(100px);
}
 .popup2-content {
     width: 700px;
     max-width: 100%;
     display: table-cell;
     text-align: center;
     position: relative;
     overflow: hidden;
     border-radius: 20px;
}
 @media (max-width: 991px) {
     .popup2-content {
         height: auto;
    }
}
 .popup2-content img {
     width: 100%;
}
 .popup2-close {
     position: absolute;
     top: -15px;
     right: -15px;
     width: 45px;
     height: 45px;
     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;
     -o-transition: .3s;
     transition: .3s;
}
 .popup2-close::before, .popup-close::after {
     content: "";
     position: absolute;
     background: #4f8e9c;
     height: 2px;
     width: 24px;
}
 .popup2-close::before {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .popup2-close::after {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .popup2-close:hover {
     background: #fe7e00;
}
 .popup2-close:hover::before, .popup2-close:hover::after {
     background: #fff;
}
*/
 .MzYydGFzYXLEsW12ZXlhesSxbMSxbWFqYW5zxLE {
     -webkit-box-sizing: inherit;
     box-sizing: inherit;
}
 .form-custom.form-contact .send {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .form-custom.form-contact .send input {
     width: 170px;
}
 .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;
}
 .form-custom ul li input, .form-custom ul li textarea {
     width: 100%;
     border-radius: 5px;
     height: 70px;
     padding-right: 20px;
     padding-left: 20px;
     font-family: inherit;
     color: #4d6379;
     background: #fff;
     border: 2px solid rgba(77, 99, 121, 0.1);
     font-size: 16px;
     font-weight: 300;
     -webkit-transition: .3s;
     transition: .3s;
}
 .form-custom ul li input:focus, .form-custom ul li textarea:focus {
     border: 2px solid rgba(77, 99, 121, 0.3);
}
 .form-custom ul li input {
     padding-left: 80px;
}
 .form-custom ul li textarea {
     padding-top: 20px;
     height: 150px;
}
 .form-custom ul li .icon {
     width: 65px;
     height: 70px;
     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: #4d6379;
     font-size: 18px;
     left: 10px;
     z-index: 1;
}
 .form-custom ul li .icon:before {
     position: absolute;
     right: 0;
     content: "";
     background: rgba(77, 99, 121, 0.15);
     width: 1px;
     height: 20px;
}
 .form-custom .send {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     padding-left: 10px;
     padding-right: 10px;
}
 .form-custom .send input {
     background: #4d6379;
     height: 70px;
     border: 0 none;
     padding-left: 15px;
     padding-right: 15px;
     color: #fff;
     font-size: 16px;
     font-weight: 500;
     font-family: inherit;
     cursor: pointer;
     border: 2px solid transparent;
     -webkit-transition: .3s;
     transition: .3s;
     position: relative;
     width: 100%;
}
 .form-custom .send input:hover {
     background: #79ac2b;
     color: #fff;
}
 .custom-select {
     background: #fff;
     outline: 0;
     height: 70px;
     font-size: 16px;
     font-weight: 300;
     position: relative;
     -webkit-transition: .3s;
     transition: .3s;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     cursor: pointer;
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
}
 .custom-select:before {
     content: "";
     position: absolute;
     right: 25px;
     top: 50%;
     -webkit-transform: translateY(-50%) rotate(45deg);
     transform: translateY(-50%) rotate(45deg);
     -webkit-transform-origin: 66% 66%;
     transform-origin: 66% 66%;
     -webkit-transition: all .15s ease-in-out;
     transition: all .15s ease-in-out;
     width: 10px;
     height: 10px;
     border-right: 1px solid rgba(77, 99, 121, 0.6);
     border-bottom: 1px solid rgba(77, 99, 121, 0.6);
}
 .custom-select.is-open:before {
     -webkit-transform: rotate(-135deg);
     transform: rotate(-135deg);
}
 .custom-select.is-open .custom-select__list {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .custom-select .current {
     height: 70px;
     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;
     color:#000;
     border: 2px solid rgba(77, 99, 121, 0.1);
     border-radius: 5px;
}
 .custom-select__list {
     background: #fff;
     position: absolute;
     left: -1px;
     right: -1px;
     top: 0;
     -webkit-box-shadow: 5px 5px 50px rgba(23, 53, 86, 0.15);
     box-shadow: 5px 5px 50px rgba(23, 53, 86, 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: 20px;
     padding-right: 20px;
     color: #4d6379;
     font-size: 16px;
     font-weight: 300;
     height: 60px;
     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: #4d6379;
     color: #fff;
}
 .custom-select__list .option:first-child {
     display: none;
}
 .custom-select__list .option.selected {
     background: #4d6379;
     color: #fff;
}
 .form {
    /*&-loading {
         background: rgba($overlay-bg, .5);
    }
    */
}
 .form-error {
     position: absolute;
     color: red;
     font-size: 12px;
     right: 26px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .form-messages {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 50px;
     border-radius: 3px;
     padding-left: 20px;
     padding-right: 20px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 14px;
     font-weight: 500;
}
 .form-messages.success {
     color: #3c763d;
     background-color: #dff0d8;
     border: 1px solid #d6e9c6;
}
 .form-messages.error {
     color: #a94442;
     background-color: #f2dede;
     border: 1px solid #ebccd1;
}
 label.radio {
     margin-right: 20px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     cursor: pointer;
}
 label.radio:last-child {
     margin-right: 0;
}
 label.radio input {
     position: absolute;
     left: -9999px;
}
 label.radio .radio {
     display: inline-block;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: #fff;
     border: 1px solid #ddd;
     position: relative;
}
 label.radio .radio:before {
     content: '';
     width: 10px;
     height: 10px;
     background: #eee;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transition: 300ms background;
     transition: 300ms background;
     -webkit-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
}
 label.radio .text {
     color: #6f6f6f;
     padding-left: 5px;
     font-size: 14px;
     font-weight: 300;
}
 label.radio input:checked + .radio:before {
     background: #79ac2b;
}
 label.checkbox {
     margin-right: 80px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     cursor: pointer;
}
 label.checkbox:last-child {
     margin-right: 0;
}
 label.checkbox input {
     position: absolute;
     left: -9999px;
}
 label.checkbox input:checked + .checkbox {
     background: rgba(23, 155, 216, 0.4);
}
 label.checkbox input:checked + .checkbox span {
     background: #179bd8;
     left: 30px;
}
 label.checkbox input:checked + .checkbox .text:before {
     content: attr(data-text-on);
}
 label.checkbox .text {
     margin-left: 75px;
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 500;
     color: #6f6f6f;
     min-width:300px;
}
 label.checkbox .text:before {
     content: attr(data-text-off);
}
 label.checkbox .checkbox {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 60px;
     height: 20px;
     border-radius: 15px;
     background: rgba(0, 0, 0, 0.25);
     position: relative;
     -webkit-transition: .3s;
     transition: .3s;
}
 label.checkbox .checkbox span {
     width: 30px;
     height: 30px;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 0;
     background: #fff;
     -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
     border-radius: 50%;
     -webkit-transition: .3s;
     transition: .3s;
}
 .buttons-container.center {
     text-align: center;
     width: 100%;
}
 .buttons-container.pos-1 {
     position: absolute;
     bottom: 25px;
     left: 0;
     right: 0;
}
 .button {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     min-width: 170px;
     height: 45px;
     -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-size: 14px;
     font-weight: 700;
     border-radius: 5px;
     margin-right: 20px;
     -webkit-transition: .3s;
     transition: .3s;
     background: #79ac2b;
     color: #fff;
     border: 2px solid transparent;
}
 @media (max-width: 479px) {
     .button {
         padding-left: 15px;
         padding-right: 15px;
    }
}
 .button:last-child {
     margin-right: 0;
}
 .button .icon {
     margin-left: 10px;
     font-size: 14px;
}
 .button:hover {
     border: 2px solid #79ac2b;
     color: #79ac2b;
     background: none;
}
 .button.small {
     min-width: inherit;
     padding-left: 10px;
     padding-right: 10px;
     min-width: 100px;
     height: 40px;
     font-weight: 500;
}
 .button-border {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     min-width: 170px;
     height: 45px;
     -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-size: 14px;
     font-weight: 700;
     border-radius: 5px;
     margin-right: 20px;
     -webkit-transition: .3s;
     transition: .3s;
     border: 2px solid #79ac2b;
     color: #79ac2b;
}
 @media (max-width: 479px) {
     .button-border {
         padding-left: 15px;
         padding-right: 15px;
    }
}
 .button-border:last-child {
     margin-right: 0;
}
 .button-border .icon {
     margin-left: 10px;
     font-size: 14px;
}
 .button-border.light {
     border: 2px solid #fff;
     color: #fff;
}
 .button-border.light:hover {
     background: #fff;
     color: #79ac2b;
}
 .button-border:not(.light):hover {
     background: #79ac2b;
     color: #fff;
}
 .button-line {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 40px;
     border-bottom: 2px solid rgba(0, 0, 0, 0.1);
     color: #333;
     font-size: 14px;
     font-weight: 600;
     position: relative;
     margin-right: 15px;
}
 .button-line:last-child {
     margin-right: 0;
}
 .button-line .icon {
     margin-left: 12px;
     color: #79ac2b;
     font-size: 13px;
}
 .button-line:before {
     content: "";
     position: absolute;
     right: 0;
     bottom: -2px;
     left: 0;
     background: #79ac2b;
     height: 2px;
     width: 0;
     -webkit-transition: width .3s;
     transition: width .3s;
}
 .button-line:hover:before {
     width: 100%;
}
 .search {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 2000;
     background: rgba(23, 53, 86, 0.7);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-left: 10px;
     padding-right: 10px;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .3s;
     transition: .3s;
}
 .search.is-visible {
     opacity: 1;
     visibility: visible;
}
 .search-wrapper {
     width: 750px;
     max-width: 100%;
     height: 90vh;
     background: #fff;
     border-radius: 15px;
     -webkit-box-shadow: 0 0 50px rgba(23, 53, 86, 0.2);
     box-shadow: 0 0 50px rgba(23, 53, 86, 0.2);
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(-70px);
     transform: translateY(-70px);
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (max-width: 767px) {
     .search-wrapper {
         height: 85vh;
    }
}
 .search-wrapper.is-visible {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     transform: translateY(0);
}
 .search-wrapper .row {
     height: 100%;
}
 .search-wrapper .row > div {
     height: 100%;
}
 .search-header {
     height: 82px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     margin:10px 0px 10px 0px !important;
     padding: 0 25px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     position: relative;
}
 .search-header .heading {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #4d6379;
     font-weight: 900;
     font-size: 18px;
}
 .search-header .heading .icon {
     font-size: 20px;
     margin-right: 20px;
}
 .search-header form {
     width: 100%;
}
 .search-header input {
     font-family: "Roboto", sans-serif;
     color: #4d6379;
     height: 63px;
     width: 45%;
     float:left !important;
     font-size: 16px;
     font-weight: 300;
}
 .search-close {
     position: absolute;
     right: 20px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
}
 .search-close .icon {
     color: #4d6379;
     font-size: 28px;
}
 .search-nav {
     background: #edf4fb;
     border-radius: 15px 0 0 15px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 260px;
     flex: 0 0 260px;
     max-width: 260px;
}
 @media (max-width: 767px) {
     .search-nav {
         display: none;
    }
}
 .search-nav ul {
     padding-top: 15px;
}
 .search-nav ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 10px 25px;
     color: #4d6379;
     font-size: 16px;
     font-weight: 300;
     font-family: "Roboto", sans-serif;
     -webkit-transition: .3s;
     transition: .3s;
}
 .search-nav ul li a:hover {
     background: #4d6379;
     color: #fff;
}
 .search-nav ul li a .icon {
     width: 20px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 16px;
     margin-right: 20px;
     opacity: .5;
}
 .search-content {
     width: calc(100% - 260px);
}
 @media (max-width: 767px) {
     .search-content {
         width: 100%;
    }
}
 .search-list {
     height: calc(93% - 65px);
     overflow-y: auto;
     scrollbar-color: rgba(0, 0, 0, 0.2) #fff;
     scrollbar-width: thin;
}
 .search-list::-webkit-scrollbar-track {
     background-color: #fff;
}
 .search-list::-webkit-scrollbar {
     width: 6px;
}
 .search-list::-webkit-scrollbar-thumb {
     background-color: rgba(0, 0, 0, 0.2);
}
 .search-list ul {
     padding: 10px 25px 10px 25px;
}
 .search-list ul li {
     border-bottom: 1px solid rgba(77, 99, 121, 0.2);
     padding-top: 12px;
     padding-bottom: 12px;
     position: relative;
     z-index: 1;
}
 .search-list ul li:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: -1px;
     right: -25px;
     bottom: -1px;
     left: -25px;
     background: #fff;
     -webkit-box-shadow: 0 0 30px rgba(23, 53, 86, 0.15);
     box-shadow: 0 0 30px rgba(23, 53, 86, 0.15);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .3s;
     transition: .3s;
}
 .search-list ul li:last-child {
     border-bottom: 0 none;
}
 .search-list ul li:hover:before {
     opacity: 1;
     visibility: visible;
}
 .search-list ul li:hover .search-list__right .title {
     color: #79ac2b;
}
 .search-list ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .search-list__photo {
     width: 75px;
     height: 75px;
     overflow: hidden;
     border-radius: 10px;
     -webkit-box-shadow: 0 0 20px rgba(23, 53, 86, 0.25);
     box-shadow: 0 0 20px rgba(23, 53, 86, 0.25);
}
 .search-list__photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .search-list__right {
     padding-left: 15px;
     width: calc(100% - 75px);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-family: "Roboto", sans-serif;
}
 .search-list__right .title {
     color: #4d6379;
     font-size: 16px;
     font-weight: 700;
     line-height: 1.3;
     overflow: hidden;
     max-height: 42px;
}
 .search-list__right .text {
     font-size: 14px;
     font-weight: 300;
     color: #999;
}
 .pagination {
     margin-top: 35px;
     margin-bottom: 20px;
}
 .pagination ul {
     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 ul li {
     padding-left: 5px;
     padding-right: 5px;
}
/*@media (max-width: 767px) {
     .pagination ul li:not(:first-child):not(:last-child) {
         display: none;
    }
}
*/
 @media (max-width: 767px) {
    .pagination ul li:not(.sayfalama_onceki):not(.sayfalama_sonraki) {
        display: none;
    }
}
 .pagination ul 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;
     border-radius: 100%;
     background: #fff;
     color: #4d6379;
     -webkit-box-shadow: 5px 5px 20px rgba(23, 53, 86, 0.15);
     box-shadow: 5px 5px 20px rgba(23, 53, 86, 0.15);
     font-size: 16px;
     font-weight: 500;
}
 .secili{
    background:#4d6379 !important;
     color:#fff !important;
}
 .pagination ul li a.prev, .pagination ul li a.next {
     font-size: 16px;
     padding-top: 2px;
}
 .pagination ul li a:hover {
     background: #4d6379;
     color: #fff;
}
 @media (min-width: 1280px) {
     .cards.list ul {
         margin-left: -15px;
         margin-right: -15px;
    }
}
 .cards.list .card {
     margin-bottom: 20px;
}
 @media (min-width: 1280px) {
     .cards.list .card {
         padding-left: 15px;
         padding-right: 15px;
         margin-bottom: 30px;
    }
}
 .cards.no-text .cards-footer {
     height: 75px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .cards.frame .card a {
     background: rgba(255, 255, 255, 0.5);
     padding: 10px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .cards.frame .card a:hover {
     background: rgba(23, 53, 86, 0.33);
}
 .cards.frame .card a:hover .title {
     color: #fff;
}
 .cards.frame .cards-photo {
     height: 150px;
}
 @media (min-width: 1824px) {
     .cards.frame .cards-photo {
         height: 200px;
    }
}
 @media (max-width: 479px) {
     .cards.frame .cards-photo {
         height: auto;
    }
}
 .cards.frame .cards-footer {
     border: 0 none;
     background: transparent;
     padding-left: 0;
     padding-right: 0;
     padding-top: 5px;
     padding-bottom: 0;
     height: 55px;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .cards.frame .cards-footer .title {
     color: #333;
     font-size: 13px;
     max-height: 34px;
}
 .cards .card a {
     position: relative;
     display: block;
}
 .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-overlay {
     opacity: 1;
     visibility: visible;
     -webkit-transition: .3s;
     transition: .3s;
}
 .cards .card a:hover .cards-overlay .icon {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .2s .1s;
     transition: .2s .1s;
}
 .cards ul li.more {
     padding-left: 15px;
     padding-right: 15px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
}
 .cards ul li.more a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: #f7f7f7;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 40px;
     text-transform: uppercase;
     color: #999;
     font-size: 14px;
     font-weight: 600;
}
 .cards ul li.more a:hover {
     color: #6f6f6f;
}
 .cards ul li.more .icon {
     margin-right: 10px;
     font-size: 16px;
}
 .cards-header {
     position: relative;
}
 .cards-header .date {
     position: absolute;
     left: 10px;
     bottom: 10px;
     z-index: 1;
     background: #79ac2b;
     height: 25px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 10px;
     padding-right: 10px;
     font-family: "Roboto", sans-serif;
     color: #fff;
     font-size: 12px;
}
 .cards-overlay {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(121, 172, 43, 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;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .3s .1s;
     transition: .3s .1s;
}
 .cards-overlay .icon {
     color: #fff;
     font-size: 42px;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: .2s;
     transition: .2s;
}
 .cards-photo {
     overflow: hidden;
     /*height: 175px;*/
}
 @media (max-width: 479px) {
     .cards-photo {
         height: auto;
    }
}
 .cards-photo 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);
}
 .cards-footer {
     -webkit-box-shadow: 0 0 30px rgba(23, 53, 86, 0.15);
     box-shadow: 0 0 30px rgba(23, 53, 86, 0.15);
     padding: 20px 25px;
     height: 175px;
     background: #fff;
     font-family: "Roboto", sans-serif;
}
 .cards-footer .title, .cards-footer .text {
     overflow: hidden;
}
 .cards-footer .title {
     font-size: 14px;
     font-weight: 600;
     color: #79ac2b;
     max-height: 55px;
    /*max-height: 47px;
    */
     line-height: 1.3;
     text-transform: capitalize;
}
 .cards-footer .date {
     font-size: 13px;
     font-weight: 300;
     color: #999;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-top: 6px;
}
 .cards-footer .date .icon {
     font-size: 13px;
     margin-right: 10px;
}
 .cards-footer .text {
     margin-top: 8px;
     color: #6f6f6f;
     font-weight: 300;
     font-size: 14px;
     max-height: 39px;
     line-height: 1.4;
}
 .cards-single ul li:not(:last-child) {
     margin-bottom: 20px;
}
 .cards-single ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .cards-single ul li a:hover .photo img {
     -webkit-transform: scale3d(1.15, 1.15, 1.15);
     transform: scale3d(1.15, 1.15, 1.15);
}
 .cards-single ul li a:hover .cards-overlay {
     opacity: 1;
     visibility: visible;
     -webkit-transition: .3s;
     transition: .3s;
}
 .cards-single ul li a:hover .cards-overlay .icon {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .2s .1s;
     transition: .2s .1s;
}
 .cards-single ul li.more a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: #f7f7f7;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 40px;
     text-transform: uppercase;
     color: #999;
     font-size: 14px;
     font-weight: 600;
}
 .cards-single ul li.more a:hover {
     color: #6f6f6f;
}
 .cards-single ul li.more .icon {
     margin-right: 10px;
     font-size: 16px;
}
 .cards-single__left {
     width: 330px;
     position: relative;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .cards-single__left {
         width: 200px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .cards-single__left {
         width: 200px;
    }
}
 @media (max-width: 479px) {
     .cards-single__left {
         width: 100%;
    }
}
 .cards-single .photo {
     width: 100%;
     height: 230px;
     overflow: hidden;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .cards-single .photo {
         height: 175px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .cards-single .photo {
         height: 175px;
    }
}
 @media (max-width: 479px) {
     .cards-single .photo {
         height: auto;
    }
}
 .cards-single .photo 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);
}
 .cards-single .description {
     width: calc( 100% - 330px);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-left: 30px;
     padding-right: 30px;
     border: 1px solid rgba(0, 0, 0, 0.07);
     position: relative;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .cards-single .description {
         width: calc(100% - 200px);
         padding-left: 20px;
         padding-right: 20px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .cards-single .description {
         width: calc(100% - 200px);
         padding-left: 20px;
         padding-right: 20px;
    }
}
 @media (max-width: 479px) {
     .cards-single .description {
         width: 100%;
         padding: 20px;
    }
}
 .cards-single .description .title, .cards-single .description .text {
     overflow: hidden;
}
 .cards-single .description .title {
     color: #79ac2b;
     font-size: 20px;
     font-weight: 600;
     max-height: 53px;
     line-height: 1.3;
     letter-spacing: -0.2px;
}
 .cards-single .description > .text {
     color: #999;
     font-size: 14px;
     max-height: 59px;
     line-height: 1.4;
     margin-top: 7px;
}
 .cards-single .description .review {
     position: absolute;
     bottom: 20px;
     right: 20px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .cards-single .description .review {
         display: none;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .cards-single .description .review {
         display: none;
    }
}
 @media (max-width: 479px) {
     .cards-single .description .review {
         position: relative;
         bottom: 0;
         right: 0;
         margin-top: 20px;
    }
}
 .cards-single .description .review .text {
     text-transform: uppercase;
     color: #999;
     font-size: 14px;
     opacity: .5;
}
 .cards-single .description .review .icon {
     color: #79ac2b;
     font-size: 14px;
     margin-left: 10px;
}
 .cards-cover {
     height: 175px;
     overflow: hidden;
}
 @media (min-width: 1824px) {
     .cards-cover {
         height: 210px;
    }
}
 .cards-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);
}
 .cards-body {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     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;
     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));
}
 .cards-body .title {
     font-size: 18px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     position: relative;
     line-height: 1.4;
     overflow: hidden;
     max-height: 50px;
}
 .gallery {
     width: 100%;
}
 .gallery.list .gallery-card {
     margin-bottom: 20px;
}
 @media (max-width: 479px) {
     .gallery.list .gallery-card {
         margin-bottom: 10px;
    }
     .gallery.list .gallery-card:last-child {
         margin-bottom: 0;
    }
}
 .gallery.small .gallery-photo {
     height: 105px;
}
 .gallery-card a {
     position: relative;
     display: block;
}
 .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-photo img {
     -webkit-transform: scale3d(1.15, 1.15, 1.15);
     transform: scale3d(1.15, 1.15, 1.15);
}
 .gallery-header {
     position: relative;
}
 .gallery-photo {
     overflow: hidden;
     /*height: 130px;*/
}
 @media (max-width: 479px) {
     .gallery-photo {
         height: auto;
    }
}
 .gallery-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);
}
 .gallery-footer {
     text-align: center;
     padding-top: 7px;
}
 .gallery-footer .title {
     font-family: "Roboto", sans-serif;
     font-size: 13px;
     font-weight: 500;
     color: #173556;
     line-height: 1.2;
     overflow: hidden;
     max-height: 33px;
}
 .gallery-overlay {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 11;
     padding: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
     -webkit-transition: .3s;
     transition: .3s;
}
 .gallery-overlay .icon {
     font-size: 14px;
     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: 40px;
     height: 40px;
     border-radius: 100%;
     background: rgba(23, 155, 216, 0.8);
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     -webkit-transition: .3s;
     transition: .3s;
}
 .gallery-video .gallery-body:before {
     background: #179bd8;
}
 .gallery-video .gallery-body > .icon {
     background: rgba(23, 155, 216, 0.8);
}
 .gallery-body {
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     position: absolute;
     background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#173556));
     background: linear-gradient(transparent, #173556);
     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;
     padding: 25px;
}
 .gallery-body:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     background: #79ac2b;
     right: 0;
     height: 5px;
}
 .gallery-body .title {
     color: #fff;
     font-size: 24px;
     font-weight: 500;
     line-height: 1.3;
     font-size: 20px;
     overflow: hidden;
     max-height: 78px;
}
 .gallery-body > .icon {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     width: 35px;
     height: 35px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: rgba(121, 172, 43, 0.8);
     border-radius: 5px;
     color: #fff;
     font-size: 14px;
     position: absolute;
     right: 15px;
     top: 15px;
}
 @media (max-width: 479px) {
     .gallery-body > .icon {
         display: none;
    }
}
 .gallery-cover {
     overflow: hidden;
     height: 220px;
}
 @media (max-width: 767px) {
     .gallery-cover {
         height: auto;
    }
}
 .gallery-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);
}
 .news.single .news-card {
     margin-bottom: 20px;
}
 .news.single .news-card a {
     background: #fff;
     -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
     position: relative;
     z-index: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .news.single .news-card a:before {
     content: "";
     background: #f7f7f7;
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     width: 0;
     -webkit-transition: width .3s;
     transition: width .3s;
}
 .news.single .news-card a:hover:before {
     width: 100%;
}
 .news.single .news-card a:hover .photo img {
     -webkit-transform: scale3d(1.15, 1.15, 1.15);
     transform: scale3d(1.15, 1.15, 1.15);
}
 .news.single .news-card a:hover .icon {
     background: rgba(0, 0, 0, 0.5);
}
 .news-card__left {
    /*width: 125px;
    */
     width:45%;
     position: relative;
}
 .news-card__left .icon {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.3);
     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-size: 28px;
     color: #fff;
}
 .news .photo {
     width: 100%;
     height: 95px;
     overflow: hidden;
}
 .news .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);
}
 .news .description {
     width: calc( 100% - 45%);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 15px;
     padding-right: 15px;
}
 .news .description .title {
     font-size: 14px;
     color: #333;
     line-height: 1.3;
     font-family: "Roboto", sans-serif;
     font-weight: 500;
     overflow: hidden;
     max-height: 72px;
     font-weight: 700;
}
 @media (min-width: 1280px) {
     .projects.list ul {
         margin-left: -15px;
         margin-right: -15px;
    }
}
 .projects.list ul li {
     margin-bottom: 20px;
}
 @media (min-width: 1280px) {
     .projects.list ul li {
         padding-left: 15px;
         padding-right: 15px;
         margin-bottom: 30px;
    }
}
 .projects-card a {
     display: block;
     position: relative;
     -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.4);
     box-shadow: 0 0 50px rgba(24, 76, 124, 0.4);
     border-radius: 0 0 15px 15px;
}
 .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-card a:hover .projects-footer {
     background: #4d6379;
     color: #fff;
}
 .projects-photo {
     overflow: hidden;
     height: 190px;
}
 .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 {
     background: #fff;
     height: 55px;
     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;
     padding-left: 20px;
     padding-right: 20px;
     border-radius: 0 0 15px 15px;
     color: #4d6379;
     -webkit-transition: background .3s;
     transition: background .3s;
}
 .projects-footer .title {
     font-size: 12px;
     font-family: "Roboto", sans-serif;
     font-weight: 500;
     line-height: 1.2;
     overflow: hidden;
     max-height: 36px;
}
/* .mayor-header {
     position: relative;
}
 .mayor-photo {
     overflow: hidden;
     height: 640px;
}
 .mayor-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .mayor-footer {
     background: #fff;
     -webkit-box-shadow: 0 0 50px rgba(23, 53, 86, 0.15);
     box-shadow: 0 0 50px rgba(23, 53, 86, 0.15);
     padding: 18px 30px;
}
 .mayor-footer ul li {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
 .mayor-footer ul li:last-child {
     border-bottom: 0 none;
}
 .mayor-footer ul li a {
     font-size: 16px;
     font-weight: 300;
     color: #6f6f6f;
     padding-top: 7px;
     padding-bottom: 7px;
     display: block;
     position: relative;
     -webkit-transition: .3s;
     transition: .3s;
}
 .mayor-footer ul li a:before {
     content: "";
     position: absolute;
     z-index: 12;
     top: 50%;
     right: 10px;
     width: 7px;
     height: 7px;
     -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;
}
 .mayor-footer ul li a:hover {
     color: #79ac2b;
}
 .mayor-social {
     z-index:-1;
     background: -webkit-gradient(linear, left top, left bottom, from(rgb(255 255 255 / 90%)), to(transparent));
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), transparent);
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 20px;
}
 .mayor-social__content a {
     color: #fff;
     font-size: 18px;
     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: 35px;
     height: 35px;
     border: 2px solid #fff;
     margin-right: 8px;
     font-size: 14px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .mayor-social__content a:last-child {
     margin-right: 0;
}
 .mayor-social__content a:hover {
     background: #fff;
     color: #173556;
}
 */
 .personnel ul li {
     margin-bottom: 20px;
}
 @media (min-width: 1280px) {
     .personnel.list-5 .personnel-card {
         padding-left: 10px;
         padding-right: 10px;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 20%;
         flex: 0 0 20%;
         max-width: 20%;
    }
}
 .personnel.single ul li:first-child {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
     text-align: center;
}
 .personnel.single ul li:first-child a {
     display: inline-block;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(20% - 15px);
     flex: 0 0 calc(20% - 15px);
     max-width: calc(20% - 15px);
}
 @media (min-width: 768px) and (max-width: 991px) {
     .personnel.single ul li:first-child a {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 calc(33.3333% - 15px);
         flex: 0 0 calc(33.3333% - 15px);
         max-width: calc(33.3333% - 15px);
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .personnel.single ul li:first-child a {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 calc(50% - 15px);
         flex: 0 0 calc(50% - 15px);
         max-width: calc(50% - 15px);
    }
}
 @media (max-width: 479px) {
     .personnel.single ul li:first-child a {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
         display: block;
    }
}
 .personnel-card a {
     display: block;
     position: relative;
     background: #fff;
     -webkit-box-shadow: 0 0 25px 0 rgba(23, 53, 86, 0.07);
     box-shadow: 0 0 25px 0 rgba(23, 53, 86, 0.07);
     padding: 12px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .personnel-card a:hover {
     -webkit-box-shadow: 0 0 25px 0 rgba(23, 53, 86, 0.2);
     box-shadow: 0 0 25px 0 rgba(23, 53, 86, 0.2);
}
 .personnel-header {
     position: relative;
}
 .personnel-header .party {
     position: absolute;
     right: 0;
     top: 0;
     background: #179bd8;
     font-size: 12px;
     color: #fff;
     height: 25px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 5px;
     padding-right: 5px;
}
 .personnel-photo {
     overflow: hidden;
     height: 230px;
}
 @media (max-width: 1279px) {
     .personnel-photo {
         height: 200px;
    }
}
 @media (max-width: 479px) {
     .personnel-photo {
         height: auto;
    }
}
 .personnel-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .personnel-footer {
     padding-top: 10px;
     position: relative;
     text-align: center;
}
 .personnel-footer .title {
     color: #79ac2b;
     font-size: 16px;
     line-height: 1.8;
     font-weight: 700;
}
 .personnel-footer .text {
     font-size: 13px;
     font-weight: 300;
     color: #999;
}
 .shortcut-item__wrapper {
     height: 80px;
     background-color: none;
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 10px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 20px;
     padding-right: 20px;
     position: relative;
}
 .shortcut-item__wrapper .icon {
     color: #fff;
     font-size: 24px;
}
 .shortcut-item__wrapper .desc {
     padding-left: 15px;
     color: #fff;
}
 .shortcut-item__wrapper .desc .title {
     font-size: 14px;
     font-weight: 700;
}
/*fontta de�ŸiÅŸiklik yap�±ld�± 16 idi 15e çekildi.*/
 @media (min-width: 1824px) {
     .shortcut-item__wrapper .desc .title {
         font-size: 15px;
    }
}
 .shortcut-item__wrapper .desc .text {
     font-size: 12px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     width: 140px;
}
 .shortcut-item__dropdown {
     position: absolute;
     right: 5px;
     bottom: calc(80px + 10px);
     left: 5px;
     background: rgba(121, 172, 43, 0.85);
     padding: 15px;
     border-radius: 10px;
     -webkit-transform: translateY(20px);
     transform: translateY(20px);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .3s;
     transition: .3s;
}
 .shortcut-item__dropdown .heading {
     color: #fff;
     font-size: 16px;
     font-weight: 700;
     border-bottom: 3px solid rgba(0, 0, 0, 0.35);
     padding-bottom: 5px;
     margin-bottom: 10px;
}
 .shortcut-item__dropdown-list li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border-bottom: 1px solid rgba(255, 255, 255, 0.35);
     color: #fff;
     font-size: 13px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-weight: 500;
     padding-top: 9px;
     padding-bottom: 9px;
     position: relative;
     z-index: 1;
}
 .shortcut-item__dropdown-list li a:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: -1px;
     left: -15px;
     bottom: -1px;
     right: -15px;
     background: #283e07;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .3s;
     transition: .3s;
}
 .shortcut-item__dropdown-list li a:hover:before {
     opacity: 1;
     visibility: visible;
}
 .shortcut-item__dropdown-list li a .icon {
     font-size: 13px;
     margin-right: 7px;
     width: 18px;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: .3s;
     transition: .3s;
}
 .shortcut-item.is-active .shortcut-item__wrapper, .shortcut-item:hover .shortcut-item__wrapper {
     background-color: rgba(121, 172, 43, 0.8);
}
 .shortcut-item.is-active .shortcut-item__dropdown, .shortcut-item:hover .shortcut-item__dropdown {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     transform: translateY(0);
}
 .shortcut-item.is-active .shortcut-item__dropdown-list li a .icon, .shortcut-item:hover .shortcut-item__dropdown-list li a .icon {
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .shortcut-item__other {
     background: #79ac2b;
     width: 80px;
     height: 80px;
     color: #fff;
     font-family: inherit;
     border-radius: 10px;
     font-weight: 700;
     font-size: 16px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .shortcut-item__other:hover {
     background: #fff;
     color: #79ac2b;
}
 .shortcut-cards.list .shortcut-card__sub {
     left: 10px;
     right: 10px;
}
 .shortcut-cards.list-8 ul li {
     padding-left: 10px;
     padding-right: 10px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 12.5%;
     flex: 0 0 12.5%;
     max-width: 12.5%;
     position: relative;
}
 .shortcut-cards.no-sub .shortcut-card {
     height: 205px;
}
 .shortcut-cards.no-sub .shortcut-card a:not(.shortcut-card__sub) {
     height: 180px;
     -webkit-transform: translateY(12.5px);
     transform: translateY(12.5px);
}
 .shortcut-cards.no-sub .shortcut-card__sub {
     height: 25px;
     -webkit-transform: translateY(calc( -1 * 25px));
     transform: translateY(calc( -1 * 25px));
}
 .shortcut-cards.light a:not(.shortcut-card__sub) {
     background: #fff;
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}
 .shortcut-cards.light a:not(.shortcut-card__sub):before, .shortcut-cards.light a:not(.shortcut-card__sub):after {
     display: none;
}
 .shortcut-cards.light .shortcut-card__sub {
     background: #79ac2b;
}
 .shortcut-cards.light .shortcut-card__sub:before {
     display: none;
}
 .shortcut-cards.light .icon {
     color: rgba(0, 0, 0, 0.2);
     font-size: 36px;
}
 .shortcut-cards.light .title {
     color: #6f6f6f;
}
 .shortcut-card {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 285px;
}
 .shortcut-card:not(.shortcut-card__sub).other a {
     background: #79ac2b;
}
 .shortcut-card:not(.shortcut-card__sub).other .icon {
     color: #fff;
}
 .shortcut-card:not(.shortcut-card__sub).other .title {
     color: #fff;
}
 .shortcut-card:not(.shortcut-card__sub).other .text {
     color: #fff;
}
 .shortcut-card a:not(.shortcut-card__sub) {
     background: #929eb0;
     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;
     position: relative;
     border-radius: 15px;
     font-family: "Roboto", sans-serif;
     text-align: center;
     height: 225px;
     width: 100%;
     padding: 20px 10px;
     overflow: hidden;
     z-index: 2;
     -webkit-transform: translateY(30px);
     transform: translateY(30px);
     -webkit-transition: .3s;
     transition: .3s;
}
 .shortcut-card a:not(.shortcut-card__sub):before, .shortcut-card a:not(.shortcut-card__sub):after {
     content: "";
     position: absolute;
     height: 100%;
     width: 100%;
     z-index: -1;
}
 .shortcut-card a:not(.shortcut-card__sub):before {
     border-bottom: 225px solid rgba(0, 0, 0, 0.05);
     border-left: 158px solid transparent;
     border-top: 0 solid transparent;
     bottom: -4px;
     right: -4px;
}
 .shortcut-card a:not(.shortcut-card__sub):after {
     border-bottom: 0 solid transparent;
     border-right: 158px solid transparent;
     border-top: 225px solid rgba(255, 255, 255, 0.03);
     top: 0;
     left: 0;
}
 .shortcut-card .icon {
     color: rgba(0, 0, 0, 0.6);
     font-size: 42px;
}
 .shortcut-card .title {
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     line-height: 1.3;
     margin-top: 15px;
}
 .shortcut-card .text {
     color: rgba(0, 0, 0, 0.7);
     font-size: 13px;
     font-weight: 300;
     line-height: 1.4;
     margin-top: 10px;
     overflow: hidden;
     width: 100%;
     display: block;
     max-height: 36px;
}
 .shortcut-card__sub {
     position: absolute;
     right: 0;
     bottom: 15px;
     left: 0;
     height: 60px;
     font-family: "Roboto", sans-serif;
     font-size: 14px;
     font-weight: 700;
     padding-top: 25px;
     text-align: center;
     background: #929eb0;
     color: #fff;
     border-radius: 0 0 15px 15px;
     z-index: 1;
     -webkit-transform: translateY(-60px);
     transform: translateY(-60px);
     -webkit-transition: .3s;
     transition: .3s;
}
 .shortcut-card__sub:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.25);
     border-radius: 0 0 15px 15px;
}
 .shortcut-card:hover a.shortcut-card__sub {
     -webkit-transform: translateY(0) !important;
     transform: translateY(0) !important;
}
 .shortcut-card:hover a:not(.shortcut-card__sub) {
     -webkit-transform: translateY(0) !important;
     transform: translateY(0) !important;
     -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
 .shortcut-units {
     margin-top: 50px;
}
 .shortcut-units ul {
     margin-left: -7px;
     margin-right: -7px;
}
 .shortcut-units ul li {
     padding-left: 7px;
     padding-right: 7px;
     margin-top: -10px;
}
 .activities {
     margin-top: 13px;
}
 .activities.single .activities-card__content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .activities.large {
     margin-bottom: 50px;
}
 .activities.large .activities-photo {
     width: 35%;
     height: auto;
}
 @media (max-width: 991px) {
     .activities.large .activities-photo {
         width: 100%;
    }
}
 .activities.large .activities-description {
     width: calc( 100% - 35%);
     padding-left: 35px;
     padding-right: 35px;
     background: #fff;
     -webkit-box-shadow: 5px 5px 50px rgba(23, 53, 86, 0.15);
     box-shadow: 5px 5px 50px rgba(23, 53, 86, 0.15);
}
 @media (max-width: 991px) {
     .activities.large .activities-description {
         width: 100%;
         padding: 25px;
    }
}
 .activities.large .activities-description .page-content__spot {
     margin-top: 0;
     margin-bottom: 0;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .activities.large .activities-description .page-content__spot {
         font-size: 14px;
    }
}
 .activities.large .activities-info .icon, .activities.large .activities-info .text {
     height: 60px;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .activities.large .activities-info .icon, .activities.large .activities-info .text {
         height: 35px;
    }
}
 .activities.large .activities-info .icon {
     width: 60px;
     font-size: 18px;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .activities.large .activities-info .icon {
         font-size: 14px;
    }
}
 .activities.large .activities-info .text {
     width: calc( 100% - 60px - 3px);
     font-size: 16px;
     padding-left: 20px;
     padding-right: 20px;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .activities.large .activities-info .text {
         font-size: 13px;
    }
}
 .activities.frame a {
     background: #fff;
     -webkit-box-shadow: 5px 5px 20px rgba(23, 53, 86, 0.1);
     box-shadow: 5px 5px 20px rgba(23, 53, 86, 0.1);
     padding: 10px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .activities.frame a:hover {
     -webkit-box-shadow: 5px 5px 40px rgba(23, 53, 86, 0.2);
     box-shadow: 5px 5px 40px rgba(23, 53, 86, 0.2);
}
 .activities.list > ul {
     margin-left: -15px;
     margin-right: -15px;
}
 .activities.list > ul > li {
     padding-left: 15px;
     padding-right: 15px;
     margin-bottom: 30px;
}
 .activities-photo {
     overflow: hidden;
     width: 180px;
     height: 245px;
}
 @media (max-width: 479px) {
     .activities-photo {
         width: 100%;
         height: auto;
    }
}
 .activities-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .activities-description {
     width: calc( 100% - 180px);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-left: 20px;
}
 @media (max-width: 479px) {
     .activities-description {
         width: 100%;
         padding-left: 0;
         padding-top: 20px;
         padding-bottom: 10px;
    }
}
 .activities-description .title {
     color: #173556;
     font-size: 18px;
     font-weight: 700;
     line-height: 1.3;
     overflow: hidden;
     max-height: 71px;
}
 .activities-info {
     margin-top: 20px;
}
 .activities-info ul li {
     margin-bottom: 3px;
}
 .activities-info ul li:last-child {
     margin-bottom: 0;
}
 .activities-info ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     color: #173556;
     position: relative;
}
 .activities-info ul li a:hover .text {
     background: #fff;
     -webkit-box-shadow: 0 0 30px rgba(24, 76, 124, 0.2);
     box-shadow: 0 0 30px rgba(24, 76, 124, 0.2);
}
 .activities-info .icon, .activities-info .text {
     height: 35px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #dce4eb;
}
 .activities-info .icon {
     width: 40px;
     font-size: 14px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border-radius: 5px 0 0 5px;
}
 .activities-info .text {
     width: calc( 100% - 40px - 3px);
     font-size: 13px;
     font-weight: 300;
     line-height: 1.1;
     font-family: "Roboto", sans-serif;
     margin-left: 3px;
     padding-left: 12px;
     padding-right: 12px;
     border-radius: 0 5px 5px 0;
     -webkit-transition: .3s;
     transition: .3s;
}
 .activities-card__content {
     position: relative;
}
 .activities-card__content:hover .activities-body {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .activities-card__content:hover .activities-cover img {
     -webkit-transform: scale3d(1.15, 1.15, 1.15);
     transform: scale3d(1.15, 1.15, 1.15);
}
 .activities-header {
     position: relative;
     overflow: hidden;
     border-radius: 15px;
     -webkit-box-shadow: 5px 5px 20px rgba(23, 53, 86, 0.15);
     box-shadow: 5px 5px 20px rgba(23, 53, 86, 0.15);
}
 .activities-cover {
     overflow: hidden;
     height: auto;
}
 @media (max-width: 1279px) {
     .activities-cover {
         height: auto;
    }
}
 .activities-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);
}
 .activities-footer {
     text-align: center;
     height: 65px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 20px;
     padding-right: 20px;
}
 .activities-footer .title {
     color: #6f6f6f;
     font-size: 14px;
     font-weight: 300;
     line-height: 1.4;
     overflow: hidden;
     max-height: 39px;
}
 .activities-body {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(23, 155, 216, 0.95);
     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: 30px;
     opacity: 0;
     visibility: visible;
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition: .3s;
     transition: .3s;
}
 .activities-body .title {
     color: #fff;
     font-size: 18px;
     font-weight: 700;
     line-height: 1.4;
     overflow: hidden;
     max-height: 75px;
}
 .activities-body ul li {
     margin-bottom: 7px;
}
 .activities-body ul li:last-child {
     margin-bottom: 0;
}
 .activities-body 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;
     color: #fff;
     font-size: 13px;
     font-weight: 300;
     border-radius: 5px;
     height: 35px;
     border: 1px solid #fff;
     border-radius: 5px;
     min-width: 160px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .activities-body ul li a:hover {
     background: #fff;
     color: #179bd8;
}
 .activities-body ul li a .icon {
     width: 45px;
     font-size: 14px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .banner-card a {
     display: block;
     position: relative;
}
 .banner-photo {
     overflow: hidden;
     height: auto;
}
 .banner-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .components-card .tab-container {
     padding: 0 !important;
}
 .components-card .news-list {
     overflow-y: auto;
     height: 365px;
     padding: 15px 25px 0 25px;
     scrollbar-color: #bccad4 transparent;
     scrollbar-width: thin;
}
 .components-card .news-list::-webkit-scrollbar-track {
     background-color: transparent;
}
 .components-card .news-list::-webkit-scrollbar {
     width: 6px;
}
 .components-card .news-list::-webkit-scrollbar-thumb {
     background-color: #bccad4;
}
 .news-list ul li {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     padding-top: 9px;
     padding-bottom: 9px;
     position: relative;
     z-index: 1;
}
 .news-list ul li:before {
     content: "";
     background: #fff;
     border-radius: 5px;
     position: absolute;
     z-index: -1;
     top: -1px;
     right: -10px;
     bottom: -1px;
     left: -10px;
     width: 50%;
     opacity: 0;
     -webkit-transition: .3s;
     transition: .3s;
}
 .news-list ul li:hover:before {
     -webkit-box-shadow: 0 0 30px rgba(24, 76, 124, 0.1);
     box-shadow: 0 0 30px rgba(24, 76, 124, 0.1);
     width: calc( 100% + 20px);
     opacity: 1;
}
 .news-list ul li a {
     display: block;
     position: relative;
     padding-left: 15px;
     font-family: "Roboto", sans-serif;
}
 .news-list ul li a:before {
     content: "";
     position: absolute;
     top: 3px;
     bottom: 3px;
     left: 0;
     background: #4d6379;
     width: 4px;
}
 .news-list .title, .news-list .text {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
}
 .news-list .title {
     font-size: 14px;
     font-weight: 500;
     color: #6f6f6f;
     line-height: 1.35;
}
 .news-list .date {
     color: #6f6f6f;
     font-size: 13px;
     font-weight: 300;
}
 .news-list .text {
     font-size: 13px;
     color: #6f6f6f;
}
/*.news-list__link {
     position: absolute;
     bottom: 20px;
     right: 0;
     font-family: "Roboto", sans-serif;
     font-size: 14px;
     font-weight: 500;
     color: #4d6379;
}
*/
 .news-list__link {
     bottom: 20px;
     right: 20px;
     float:right;
     margin-top:50px;
     font-family: "Roboto", sans-serif;
     font-size: 14px;
     font-weight: 500;
     color: #4d6379;
}
 .news-list__link.hover-line:before {
     margin: inherit;
     background: currentColor;
}
 .videos-list ul li {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     padding-bottom: 13px;
     margin-bottom: 13px;
}
 .videos-list ul li:first-child a:before {
     top: calc( -1 * 5px);
}
 .videos-list ul li a {
     position: relative;
     z-index: 1;
}
 .videos-list ul li a:before {
     content: "";
     position: absolute;
     top: calc( -1 * 13px);
     right: calc( -1 * ( 20px / 2 ));
     bottom: calc( -1 * 13px);
     left: calc( -1 * ( 20px / 2 ));
     background: #f7f7f7;
     width: 50%;
     opacity: 0;
     -webkit-transition: .3s;
     transition: .3s;
}
 .videos-list ul li a:hover:before {
     width: calc(100% + 20px);
     opacity: 1;
}
 .videos-list ul li a:hover .videos-list__photo img {
     -webkit-transform: scale3d(1.15, 1.15, 1.15);
     transform: scale3d(1.15, 1.15, 1.15);
}
 .videos-list__photo {
     width: 160px;
     height: 100px;
     overflow: hidden;
     position: relative;
}
 @media (max-width: 479px) {
     .videos-list__photo {
         width: 130px;
    }
}
 .videos-list__photo .icon {
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     background: rgba(121, 172, 43, 0.8);
     color: #fff;
     width: 45px;
     height: 45px;
     font-size: 16px;
     border-radius: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .videos-list__photo 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);
}
 .videos-list__description {
     padding-left: 15px !important;
     padding-right: 15px !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .videos-list__description .title {
     color: #6f6f6f;
     font-size: 16px;
     letter-spacing: -0.3px;
     font-weight: 600;
     line-height: 1.2;
}
 .videos-list__description .date {
     font-size: 13px;
     color: #999;
}
 .ordered-list {
     display: inline-block;
     width: 100%;
}
 .ordered-list > ul > li:not(.more) {
     margin-bottom: 10px;
     background: #f7f7f7;
     background: linear-gradient(45deg, #e8f9ff, transparent);
}
 .ordered-list > ul > li:not(.more):last-child {
     margin-bottom: 0;
}
 .ordered-list > ul > li:not(.more):hover > a {
     -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
}
 .ordered-list > 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;
     padding: 20px;
     color: #79ac2b;
     -webkit-transition: .3s;
     transition: .3s;
     position: relative;
     z-index: 1;
}
 @media (max-width: 767px) {
     .ordered-list > ul > li:not(.more) > a {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
    }
}
 .ordered-list > ul > li:not(.more) > a:after {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: white;
     width: 30%;
     opacity: 0;
     -webkit-transition: .3s;
     transition: .3s;
}
 .ordered-list > ul > li:not(.more) > a .icon {
     margin-right: 15px;
     font-size: 14px;
}
 .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-weight: 700;
     padding-right: 30px;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     line-height: 1.3;
}
 .ordered-list > ul > li:not(.more) > a .date {
     font-size: 15px;
     font-weight: bolder;
     color: #999;
}
 @media (max-width: 767px) {
     .ordered-list > ul > li:not(.more) > a .date {
         padding-left: 28px;
         padding-top: 10px;
    }
}
 .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: #f7f7f7;
     -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: #6f6f6f;
}
 .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: 0 0 25px 0 rgba(0, 0, 0, 0.07);
     box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
}
 .ordered-list__sub-content {
     width: 100%;
}
 .ordered-list__sub-content .page-content__description, .ordered-list__sub-content .page-content__gallery, .ordered-list__sub-content .documents-files, .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);
}
 .ordered-list__dropdown > ul > li.is-open > a:before {
     content: "_";
     margin-top: -10px;
}
 .ordered-list__dropdown > ul > li.is-open > a:after {
     width: 100%;
     opacity: 1;
}
 .ordered-list__dropdown > ul > li > a {
     padding-right: 40px;
}
 .ordered-list__dropdown > ul > li > a:before {
     content: "+";
     position: absolute;
     right: 20px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 24px;
     font-weight: 200;
}
 .ordered-list__dropdown > ul > li > a .date {
     margin-right: 30px;
}
 .ordered-list__dropdown .ordered-list__sub {
     display: none;
}
 .ordered-links ul li {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     -webkit-transition: .3s;
     transition: .3s;
}
 .ordered-links ul li:last-child {
     border-bottom: 0 none;
}
 .ordered-links ul li:hover {
     background: #fff;
     -webkit-box-shadow: 3px 3px 10px rgba(23, 53, 86, 0.1);
     box-shadow: 3px 3px 10px rgba(23, 53, 86, 0.1);
     padding-left: 15px;
}
 .ordered-links ul li a {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     color: #6f6f6f;
     font-size: 16px;
     font-weight: 300;
     padding-top: 10px;
     padding-bottom: 10px;
}
 @media (max-width: 767px) {
     .ordered-links ul li a:after {
         display: none;
    }
}
 .ordered-links ul li a:after {
     content: "";
     position: absolute;
     z-index: 12;
     top: 50%;
     right: 20px;
     width: 9px;
     height: 9px;
     -webkit-transform: translateY(-50%) rotate(45deg);
     transform: translateY(-50%) rotate(45deg);
     border-top: 1px solid currentColor;
     border-right: 1px solid currentColor;
     -webkit-transition: .3s;
     transition: .3s;
}
 .ordered-links2 ul li {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     -webkit-transition: .3s;
     transition: .3s;
}
 .ordered-links2 ul li:last-child {
     border-bottom: 0 none;
}
 .ordered-links2 ul li:hover {
     background: #fff;
     -webkit-box-shadow: 3px 3px 10px rgba(23, 53, 86, 0.1);
     box-shadow: 3px 3px 10px rgba(23, 53, 86, 0.1);
     padding-left: 15px;
}
 .ordered-links2 ul li a {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     color: #6f6f6f;
     font-size: 16px;
     font-weight: 300;
     padding-top: 10px;
     padding-bottom: 10px;
}
 @media (max-width: 767px) {
     .ordered-links2 ul li a:after {
         display: none;
    }
}
 .documents-files {
     display: inline-block;
     width: 100%;
}
 .documents-files.style-2 ul li a {
     border-left: 5px solid #179bd8;
}
 .documents-files.style-2 .documents-icon {
     color: #179bd8;
}
 .documents-files.style-2 .page-content__heading {
     color: #179bd8;
}
 .documents-files ul li {
     margin-bottom: 10px;
}
 .documents-files ul li:last-child {
     margin-bottom: 0;
}
 .documents-files ul li a {
     background: #f7f7f7;
     background: linear-gradient(45deg, #e8f9ff, transparent);
     padding: 20px 30px 20px 20px;
     border-left: 5px solid #79ac2b;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     -webkit-transition: .3s;
     transition: .3s;
}
 .documents-files ul li a:hover {
     -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
     background: #fff;
}
 .documents-files ul li a .title {
     font-size: 18px;
     font-weight: 700;
     color: #333;
     line-height: 1.25;
}
 @media (max-width: 479px) {
     .documents-files ul li a .title{
        padding-right:25px;
    }
}
 .documents-files ul li a .text {
     font-size: 16px;
     font-weight: 300;
     color: #6f6f6f;
}
 .documents-files ul li a .date {
     font-size: 13px;
     color: #999;
}
 .documents-files ul li a .icon {
     position: absolute;
     right: 25px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 20px;
     color: #000;
     opacity: .15;
}
 .documents-files ul li a .number {
     font-weight: 900;
     margin-left: 15px;
}
 .documents-icon {
     font-size: 24px;
     color: #79ac2b;
     margin-right: 20px;
}
 .activities-other {
     margin-top: 25px;
}
 .activities-other .heading {
     font-weight: 700;
     font-size: 16px;
     color: #173556;
     margin-bottom: 5px;
}
 .activities-other ul li {
     margin-bottom: 7px;
}
 .activities-other ul li:last-child {
     margin-bottom: 0;
}
 .activities-other ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     background: #c2e5b9;
     color: #173556;
     border-radius: 5px;
     height: 55px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-family: "Roboto", sans-serif;
     padding-left: 20px;
     padding-right: 20px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .activities-other ul li a:hover {
     background: #fff;
}
 .activities-other .icon {
     margin-right: 13px;
     font-size: 18px;
}
 .activities-other .description {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
}
 .activities-other .description .title {
     font-size: 14px;
     line-height: 1.2;
     overflow: hidden;
     max-height: 34px;
}
 .activities-other .description .date {
     opacity: .5;
     font-size: 13px;
     font-weight: 300;
}
 .boxes-container {
     margin-top: 40px;
}
 .boxes.list-5 ul li {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 20%;
     flex: 0 0 20%;
     max-width: 20%;
}
 .boxes.gutter-small ul {
     margin-left: -7px;
     margin-right: -7px;
}
 .boxes.gutter-small ul li {
     padding-left: 7px !important;
     padding-right: 7px !important;
     margin-bottom: 2px !important;
}
 .boxes ul:not(.boxes-row) {
     margin-left: -7px;
     margin-right: -7px;
}
 .boxes ul:not(.boxes-row) li:not(.boxes-card) {
     margin-bottom: 14px;
     padding-left: 7px;
     padding-right: 7px;
}
 .boxes ul:not(.boxes-row) li:not(.boxes-card) a {
     background: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 80px;
     position: relative;
     z-index: 1;
     -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);
    /*padding: 0 30px;
    */
     padding:0px 25px 0px 15px;
     border-radius: 0 7px 7px 0;
     color: #6f6f6f;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: .2px;
     text-transform: uppercase;
     line-height: 1.3;
     -webkit-transition: .3s;
     transition: .3s;
}
 .boxes ul:not(.boxes-row) li:not(.boxes-card) a:before {
     content: "";
     height: 100%;
     width: 4px;
     top: 0;
     position: absolute;
     left: 0;
     background: #79ac2b;
}
 .boxes ul:not(.boxes-row) li:not(.boxes-card) a:after {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(121, 172, 43, 0.07);
     width: 0;
     -webkit-transition: width .3s;
     transition: width .3s;
}
 .boxes ul:not(.boxes-row) li:not(.boxes-card) a:not(.all):hover {
     -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
     color: #79ac2b;
}
 .boxes ul:not(.boxes-row) li:not(.boxes-card) a:not(.all):hover:after {
     width: 100%;
}
 .boxes ul:not(.boxes-row) li:not(.boxes-card) a.all {
     background: #79ac2b;
     color: #fff;
}
 .boxes.small .boxes-card a {
     height: 150px;
}
 .boxes-card {
     margin-bottom: 20px;
}
 .boxes-card a {
     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-pack: end;
     -ms-flex-pack: end;
    /*justify-content: flex-end;
    */
     background: #f7f7f7;
     padding: 30px 30px 25px 25px;
     height: 180px;
     border-left: 5px solid #79ac2b;
     border-radius: 0 10px 10px 0;
     -webkit-transition: .3s;
     transition: .3s;
}
 .boxes-card a:hover {
     background: #fff;
     -webkit-box-shadow: 5px 5px 30px rgba(23, 53, 86, 0.15);
     box-shadow: 5px 5px 30px rgba(23, 53, 86, 0.15);
}
 .boxes-card a > .icon {
     position: absolute;
     right: 20px;
     top: 20px;
     font-size: 28px;
     color: #333;
     opacity: .1;
}
 .boxes-card a > .text {
     font-size: 14px;
     color: #333;
     font-weight: 300;
}
 .boxes-card .date {
     color: #999;
     font-weight: 300;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 13px;
     top: 20px;
     right: 20px;
     position: absolute;
}
 .boxes-card .date .icon {
     margin-right: 7px;
     font-size: 13px;
}
 .boxes-card .title {
     color: #333;
     font-weight: 700;
     line-height: 1.4;
     overflow: hidden;
     max-height: 67px;
     text-transform: uppercase;
     font-size: 16px;
}
 .boxes-info {
     margin-top: 15px;
}
 .boxes-info > div {
     color: #6f6f6f;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-weight: 300;
     font-size: 14px;
     line-height: 1.3;
     margin-bottom: 5px;
}
 .boxes-info > div:last-child {
     margin-bottom: 0;
}
 .boxes-info .icon {
     margin-right: 10px;
     font-size: 14px;
     width: 20px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .personnel-list > ul > li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-bottom: 30px;
}
 .personnel-list > ul > li:last-child {
     margin-bottom: 0;
}
 .personnel-list__photo {
     width: 40%;
     height: 370px;
     overflow: hidden;
}
 @media (max-width: 991px) {
     .personnel-list__photo {
         width: 100%;
         height: auto;
    }
}
 .personnel-list__photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .personnel-list__description {
     width: calc(100% - 40%);
     background: #fff;
     -webkit-box-shadow: 5px 5px 40px rgba(23, 53, 86, 0.15);
     box-shadow: 5px 5px 40px rgba(23, 53, 86, 0.15);
     padding: 35px 40px;
     position: relative;
}
 @media (max-width: 991px) {
     .personnel-list__description {
         width: 100%;
    }
}
 .personnel-list__description > .title {
     color: #179bd8;
     font-size: 28px;
     font-weight: 900;
     line-height: 1.2;
}
 .personnel-list__description > .label {
     text-transform: uppercase;
     color: #179bd8;
     font-size: 14px;
     font-weight: 300;
     letter-spacing: 1px;
}
 .personnel-list__description > .text {
     font-size: 14px;
     font-weight: 300;
     color: #6f6f6f;
     margin-top: 20px;
     overflow: hidden;
     max-height: 88px;
}
 .personnel-list__description .boxes {
     position: absolute;
     right: 40px;
     bottom: 30px;
     left: 40px;
}
 .personnel-list__description .boxes ul:not(.boxes-row) li:not(.boxes-card) a {
     height: 70px;
     padding: 0 25px;
}
 @media (max-width: 991px) {
     .personnel-list__description .boxes {
         position: relative;
         margin-top: 30px;
         right: 0;
         bottom: 0;
         left: 0;
    }
}
 .header {
     position: relative;
     top: 0;
     right: 0;
     left: 0;
     background:#f9f9f9;
     /*border-bottom:solid 10px #eee; z-index: 1001;*/
}

 .header.is-active .header-logo img.text {
     -webkit-filter: brightness(0);
     filter: brightness(0);
     opacity: .5;
}
 .header.is-active .header-logos img:not(.default) {
     -webkit-filter: brightness(0);
     filter: brightness(0);
     opacity: .5;
}
 .header.is-active .header-links a {
     color: #6f6f6f;
}
 .header.is-active .header-nav__item > a {
     color: #6f6f6f;
}
 .header.is-active .header-search .icon {
     color: #6f6f6f;
}
 .header-overlay {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     height: 0;
     background: #fff;
     z-index: 1000;
     -webkit-transition: height .4s;
     transition: height .4s;
}
 .header-overlay:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-image: url("https://www.tekirdag.bel.tr/content/WebSource/image/slide/1.jpg");
     height: 100%;
     background-position: center center;
     -webkit-filter: grayscale(1);
     filter: grayscale(1);
     opacity: .15;
}
 .header-overlay:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     height: 100%;
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(transparent));
     background: linear-gradient(rgba(255, 255, 255, 0.6), transparent);
}
 .header-container {
     height: 165px;
}
 @media (max-width: 991px) {
     .header-container {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         position: relative;
    }
}
 @media (max-width: 767px) {
     .header-container {
         height: 105px;
    }
}
 .header-buttons {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     left: 10px;
     right: 10px;
     display: none;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 @media (max-width: 991px) {
     .header-buttons {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
}
 .header-buttons .text {
     font-size: 13px !important;
     font-weight: 600 !important;
}
 .header-buttons .header-search {
     margin-left: 0;
     padding-top: 0;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .header-logo a {
     display: block;
     position: relative;
}
 .header-logo img.logo {
     width: 65px;
}
 @media (max-width: 767px) {
     .header-logo img.logo {
         /*width: 65px;*/
         width: 45px;
    }
}
 .header-logo img.text {
     width: 145px;
     margin-left: 20px;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .header-logo img.text {
         display: none;
    }
}
 @media (max-width: 767px) {
     .header-logo img.text {
         /*display: none;*/
         width: 100px;
        margin-left: 5px;
    }
}
 .header-logos {
    /* margin-right: 35px;
     */
}
 .header-logos a {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     margin-left: 12px;
     opacity: .5;
     -webkit-transition: .3s;
     transition: .3s;
}
 .header-logos a:first-child {
     margin-left: 0;
}
 .header-logos a:hover {
     opacity: 1;
}
 .header-logos img {
     max-width: 50px;
     max-height: 45px;
}
 .header-logos img:not(.default) {
    /*-webkit-filter: brightness(0) invert(1);
     filter: brightness(0) invert(1);
    */
}
 .header-left {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 165px;
     -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;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
}
 @media (max-width: 991px) {
     .header-left {
         display: none;
    }
}
 .header-left > div {
     height: calc(165px / 2);
}
 .header-left__bottom {
     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: start;
     -ms-flex-align: start;
     align-items: flex-start;
}
 .header-links {
    /*margin-right: 35px;
     position:relative;
     bottom:7px;
    */
}
 .header-links a {
     color: #000;
     font-size: 12px;
     font-weight: 700;
     margin-right: 15px;
     text-transform: uppercase;
}
 .header-links a:last-child {
     margin-right: 0;
}
 .header-social a {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     width: 35px;
     height: 35px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #fff;
     border-radius: 5px;
     margin-right: 5px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .header-social a img{
     width:85px;
}
 .header-social a.whatsapp {
     background: #79ac2b;
}
 .header-social a.whatsapp:hover {
     background: #fff;
     color: #79ac2b;
}
 .header-social a:last-child {
     margin-right: 0;
}
 .istirakCard {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #fff;
    /* Kutu arka plan rengi */
     padding: 20px;
    /* İçerik etrafında boşluk */
     border-radius: 8px;
    /* Köşe yuvarlama */
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    /* Hafif gölge */
     width: 100%;
    /* Kartlar tam genişlikte */
     height: 100%;
    /* Kartlar tam yükseklik */
     text-align: center;
    /* İçeriği ortala */
}
 .istirakCard img {
     max-width: 100%;
    /* Resim genişliğini kutuya göre ayarla */
     height: auto;
    /* Resim yüksekliğini oranlı tut */
}
 .header-search {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
    /*padding-top: 10px;
    */
     margin-left: 20px;
     color: #000;
     font-family: inherit;
}
 .header-search .icon {
     color: #000;
     font-size: 28px;
}
 .header-search .text {
     font-weight: 700;
     font-size: 16px;
     margin-left: 10px;
}
 .header-bar {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #000;
     font-family: inherit;
     display: none;
}
 @media (max-width: 991px) {
     .header-bar {
         display: -webkit-inline-box;
         display: -ms-inline-flexbox;
         display: inline-flex;
    }
}
 .header-bar .icon {
     font-size: 28px;
}
 .header-bar .text {
     font-size: 16px;
     font-weight: 700;
     margin-left: 10px;
}
 .header-sticky {
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
     background: #fff;
     -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 998;
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
     -webkit-transition: .6s;
     transition: .6s;
}
 .header-sticky.is-visible {
     -webkit-transform: translateY(0);
     transform: translateY(0);
}
 .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;
     position: relative;
}
 .header-sticky__left .text {
     margin-left: 20px;
     color: #fff;
     font-weight: 200;
     font-size: 18px;
}
 .header-sticky__left .text strong {
     font-weight: 700;
}
 @media (max-width: 991px) {
     .header-sticky__left .text {
         display: none;
    }
}
 .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 {
     width: 50px;
}
 .header-sticky .header-bar {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
}
 .header-sticky .header-search {
     padding-top: 0;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .header-down {
     position: absolute;
     z-index: 3;
     right: 0;
     bottom: 150px;
     left: 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;
     background:#fff;
     width: 65px;
     border-radius: 50%;
     height: 65px;
     border: 2px solid #fff;
     margin: 0 auto;
     cursor: pointer;
     -webkit-animation: 2.5s ease 1s normal none infinite running bounce;
     animation: 2.5s ease 1s normal none infinite running bounce;
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (max-width: 1279px) {
     .header-down {
         bottom: 30px;
    }
}
 @media (max-width: 767px) {
     .header-down {
         display: none;
    }
}
 .header-down:hover {
     -webkit-animation-play-state: paused;
     animation-play-state: paused;
}
 .header-down .icon {
     color: #000;
     font-size: 21px;
}
/* .header-down {
     position: absolute;
     z-index: 3;
     right: 0;
     bottom: 170px;
     left: 0;
     border-radius: 20px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     width: 25px;
     height: 40px;
     margin: 0 auto;
     border: 2px solid #fff;
     cursor: pointer;
     -webkit-animation: 2.5s ease 1s normal none infinite running bounce;
     animation: 2.5s ease 1s normal none infinite running bounce;
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (max-width: 1279px) {
     .header-down {
         bottom: 30px;
    }
}
 @media (max-width: 767px) {
     .header-down {
         display: none;
    }
}
 .header-down:before {
     content: "";
     position: absolute;
     top: 12px;
     right: 0;
     left: 50%;
     border-radius: 3px;
     width: 2px;
     height: 6px;
     background: #fff;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
}
 .header-down:hover {
     background: #fff;
     -webkit-animation-play-state: paused;
     animation-play-state: paused;
}
 .header-down:hover:before {
     background: #79ac2b;
}
 */
 .footer {
     position: relative;
     font-family: "Roboto", sans-serif;
}
 @media (max-width: 767px) {
    /*.footer {
         margin-bottom: 55px;
    }
    */
}
 .footer-top {
     background: #3b4d5f;
     min-height: 450px;
     position: relative;
     /*padding-bottom: 60px;*/
     overflow: hidden;
}
 .footer-top:before {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     height: 72px;
    /*background: #00adef;
    */
}
 .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: 700;
     color: #2a3890;
    /*margin-bottom: 20px;
     */
}
 @media (max-width: 479px) {
     .footer-heading {
         font-size: 16px;
    }
}
 .footer-card {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
     padding-left: 10px;
     padding-right: 10px;
}
 @media (max-width: 767px) {
     .footer-card {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 .footer-card ul li.all {
     display: none;
}
 @media (max-width: 991px) {
     .footer-card ul li.all {
         display: block;
    }
}
 .footer-card ul li a {
     display: block;
     color: #595b5c;
     font-size: 14px;
     font-weight: 500;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 15px;
     padding-right: 7px;
     position: relative;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     -webkit-transition: .3s;
     transition: .3s;
}
 .footer-card ul li a:before {
     content: "";
     position: absolute;
     left: 0;
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background: currentColor;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .footer-card ul li a:hover {
     color: #768a9f;
}
 .footer-social {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-top: 35px;
}
 @media (max-width: 767px) {
     .footer-social {
         display: none;
    }
}
 .footer-social a {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     width: 35px;
     height: 35px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #fff;
     background: #304050;
     margin-left: 7px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .footer-social a:first-child {
     margin-right: 0;
}
 .footer-social a:hover {
     background: #fff;
     color: #304050;
}
 .footer-last {
     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: anchor-center;
}
 @media (max-width: 991px) {
     .footer-last {
         margin-top: 20px;
         border-top: solid 1px #eee;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .footer-last {
         -webkit-box-orient: inherit;
         -webkit-box-direction: inherit;
         -ms-flex-direction: inherit;
         flex-direction: inherit;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .footer-last {
         -webkit-box-orient: inherit;
         -webkit-box-direction: inherit;
         -ms-flex-direction: inherit;
         flex-direction: inherit;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
    }
}
 @media (max-width: 479px) {
    /*.footer-last {
         display: none;
    }
    */
}
 .footer-last .tbb-tekim {
     margin-top: 10px;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .footer-last .tbb-tekim {
         margin-top: 0;
         padding-right: 20px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .footer-last .tbb-tekim {
         margin-top: 0;
         padding-right: 20px;
    }
}
 @media (max-width: 479px) {
     .footer-last .tbb-tekim {
         display: none;
    }
}
 .footer-text {
     margin-top: 30px;
     color: #fff;
     font-weight: 300;
     font-size: 16px;
     text-align: right;
     line-height: 1.3;
}
 .footer-text strong {
     font-weight: 700;
}
 @media (max-width: 479px) {
     .footer-text {
         display: none;
    }
}
 .footer-logo {
    /*margin-top: 72px;
     margin-right: -20px;
     */
}
 @media (max-width: 991px) {
     .footer-logo {
         /*display: none;*/
    }
}
 .footer-logo a {
     display: block;
     position: relative;
}
 .footer-logo img {
     width: 193px;
}
 .footer-bottom {
     background: #45586b;
     padding-top: 25px;
     padding-bottom: 25px;
}
 @media (max-width: 479px) {
     .footer-bottom .container {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         text-align: center;
    }
}
 .footer-bottom .text {
     color: #fff;
     font-size: 13px;
     font-weight: 300;
}
 .footer-bottom .text strong {
     font-weight: 700;
}
 .footer-bottom .design {
     color: #fff;
}
 .footer-sticky {
     position: fixed;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 999;
     background: #fff;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
     display: none;
}
 @media (max-width: 991px) {
     .footer-sticky {
         display: block;
    }
}
 .footer-sticky ul li {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 33%;
     border-right: 1px solid rgba(0, 0, 0, 0.1);
}
 .footer-sticky ul li:last-child {
     border-right: 0;
}
 .footer-sticky ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 55px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 13px;
     color: #6f6f6f;
     font-family: "Roboto", sans-serif;
     font-weight: 600;
     padding-left: 10px;
     padding-right: 10px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .footer-sticky ul li a:hover {
     background: #f7f7f7;
}
 .footer-sticky ul li a .icon {
     margin-right: 10px;
     font-size: 18p;
}
 .header-sub {
     position: relative;
}
 .header-sub:before, .header-sub:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     z-index: 1;
     height: 200px;
}
 .header-sub:before {
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(23, 53, 86, 0.8)), to(transparent));
     background: linear-gradient(rgba(23, 53, 86, 0.8), transparent);
     top: 0;
}
 .header-sub:after {
     background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(23, 53, 86, 0.8)));
     background: linear-gradient(transparent, rgba(23, 53, 86, 0.8));
     bottom: 0;
}
 @media (max-width: 1279px) {
     .main {
         margin-top: 50px;
    }
}
 .section.bg-cover {
     position: relative;
     z-index: 1;
}
 .section.bg-cover:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     right: 0;
     left: 0;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     height: 100%;
}
 .section.cover-1 {
     height: auto;
    /*padding-bottom: 70px;
    */
     padding-bottom:20px;
}
 .section.cover-1:before {
    /*background-image: url("../../assets/img/arkaplan/cover-1.jpg");
    */
     background:#edf4fb;
}
 .section.bg {
     min-height: 600px;
}
 .section.bg-1 {
    /*background: #edf4fb;
    */
}
 .section-container {
     padding-top: 70px;
     padding-bottom: 70px;
}
 .shortcut-items {
     position: absolute;
     right: 0;
     bottom: 20px;
     left: 0;
     z-index: 9;
}
 @media (max-width: 1279px) {
     .shortcut-items {
         display: none;
    }
}
 .shortcut-items ul {
     margin-left: -5px;
     margin-right: -5px;
}
 .shortcut-items ul li {
     padding-left: 5px;
     padding-right: 5px;
}
 .shortcut-carousel:not(.sc-2) .owl-item {
     padding-top: 40px;
     opacity: .1;
}
 .shortcut-carousel:not(.sc-2) .owl-item.active {
     opacity: 1;
}
 .shortcut-carousel.sc-2 {
     margin-top: -40px;
}
 .shortcut-carousel.sc-2 .owl-item {
     padding-top: 40px;
     opacity: .6;
}
 .shortcut-carousel.sc-2 .owl-item.active {
     opacity: 1;
}
 @media (max-width: 767px) {
     .headline-news {
         margin-bottom: 1px;
    }
}
 .headline-news__photo {
     height: 485px;
     overflow: hidden;
}
/*eklenen*/
 @media (min-width: 1500px) {
     .headline-news__photo {
         height: 560px;
    }
}
 @media (min-width: 1824px) {
     .headline-news__photo {
         height: 700px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .headline-news__photo {
         height: 400px;
    }
}
 @media (max-width: 479px) {
     .headline-news__photo {
         height: 250px;
    }
}
 .headline-news__photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .headline-news__body {
     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.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;
     padding: 40px;
     color: #fff;
     font-family: "Roboto", sans-serif;
}
 @media (max-width: 767px) {
     .headline-news__body {
         padding: 25px;
    }
}
 .headline-news__body .title {
     font-size: 22px;
     font-weight: 700;
     line-height: 1.3;
     overflow: hidden;
     max-height: 82px;
     position: relative;
     text-shadow: 0px 2px 3px #141415;
}
 @media (max-width: 479px) {
     .headline-news__body .title {
         font-size: 13px;
         line-break: 1.4;
         max-height: 70px;
    }
}
 @media (min-width: 1280px) {
     .headline-news__body .title {
         padding-right: 150px;
         text-shadow: 0px 2px 3px #141415;
    }
}
 .headline-news__body .date {
     font-size: 12px;
    /*border-bottom: 1px solid #fff;
    */
     padding-bottom: 10px;
     margin-top: 10px;
}
 .headline-news__body .text {
     font-size: 16px;
     font-weight: 300;
     overflow: hidden;
     max-height: 45px;
     line-height: 1.4;
     margin-top: 13px;
}
 @media (max-width: 767px) {
     .headline-news__body .text {
         display: none;
    }
}
 .headline-news__link {
     background: rgba(0, 0, 0, 0.2);
     height: 65px;
     color: #fff;
     position: absolute;
     right: 0;
     bottom: 0;
     width: 159px;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 14px;
     font-family: "Roboto", sans-serif;
     font-weight: 700;
     -webkit-transition: .3s;
     transition: .3s;
}
 .headline-news__link:hover {
     background: #173556;
     color: #fff;
}
 @media (min-width: 768px) and (max-width: 991px) {
     .headline-news__link {
         bottom: 0;
    }
}
 @media (max-width: 767px) {
     .headline-news__link {
         position: relative;
         width: 100%;
         right: 0;
         bottom: 0;
         margin-bottom: 10px;
    }
}
 .tab-wrapper {
     height: 100%;
     position: relative;
     z-index: 1;
}
 .tab-wrapper:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: -1;
     opacity: .33;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     height: 100%;
     background-image: url("../../assets/img/arkaplan/bg-headline.jpg");
}
 .tab-nav {
     background: #79ac2b;
}
 .tab-nav:not(.view-1) ul li.is-current a, .tab-nav:not(.view-1) ul li:hover a {
    /*background: #6a9726;
    */
}
 .tab-nav:not(.view-1) ul li.is-current a:before, .tab-nav:not(.view-1) ul li:hover a:before {
     -webkit-transform: translateX(-50%) translateY(0);
     transform: translateX(-50%) translateY(0);
}
/*i�lem yap�ld� : 33.3 -> 25*/
/*@media (max-width: 767px) {
     .tab-nav ul li {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
    }
}
*/
 @media (max-width: 767px) {
     .tab-nav:not(.view-1) ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
     .tab-nav.view-1 ul li {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
     .tab-nav.view-1 {
        margin-top:20px;
    }
    /*sonradan eklendi.*/
}
 .tab-nav ul li a {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     height: 75px;
     -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;
     color: #fff;
     font-weight: 700;
     font-size: 14px;
     width: 100%;
     line-height: 1.2;
     padding-left: 40px;
     padding-right: 30px;
     position: relative;
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (min-width: 1500px) {
     .tab-nav ul li a {
         font-size: 16px;
    }
}
 @media (max-width: 479px) {
     .tab-nav ul li a {
         font-size: 14px;
    }
}
/* .tab-nav ul li a:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-40px);
     transform: translateX(-50%) translateY(-40px);
     width: 0;
     -o-border-image: none;
     border-image: none;
     border-style: solid;
     border-width: 20px;
     bottom: -40px;
     border-color: #6a9726 transparent transparent transparent;
     -webkit-transition: .3s;
     transition: .3s;
}
 */
 .tab-nav.view-1 {
     background: transparent;
}
 .tab-nav.view-1 ul {
     margin-left: -1px;
     margin-right: -1px;
}
 .tab-nav.view-1 ul li {
     padding-left: 1px;
     padding-right: 1px;
}
 .tab-nav.view-1 ul li.is-current a, .tab-nav.view-1 ul li:hover a {
     background: #9eb1bd;
     color: #fff;
}
 .tab-nav.view-1 ul li:first-child a {
     border-radius: 15px 0 0 0;
}
 .tab-nav.view-1 ul li:last-child a {
     border-radius: 0 15px 0 0;
}
 .tab-nav.view-1 ul li a {
     font-size: 14px;
     font-weight: 700;
     padding-left: 10px;
     padding-right: 10px;
     color: #4d6379;
     background: #bccad4;
}
 .tab-nav.view-1 ul li a:before {
     display: none;
}
/*.tab-container {
     height: calc( 100% - 75px);
     padding: 40px 40px 0 40px;
}
*/
 @media (min-width: 1824px) {
     .tab-container {
         padding: 50px 50px 0 50px;
    }
}
 @media (max-width: 1279px) {
     .tab-container {
         margin: 0 auto;
         width: 100%;
    }
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .tab-container {
         max-width: 992px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .tab-container {
         max-width: 768px;
    }
}
 @media (max-width: 767px) {
     .tab-container {
         padding: 40px 10px 0 10px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .tab-container {
         max-width: 600px;
    }
}
 @media (max-width: 479px) {
     .tab-container {
         max-width: 390px;
    }
}
 .tab-container.padding-1 {
     padding: 15px 25px 0 25px;
}
 .tab-content {
     height: 100%;
     position: relative;
}
/**/
 .tab-container {
     height: 477px;
     padding: 40px 40px 0 40px;
}
 @media (min-width: 1500px) {
     .tab-container {
         height: 552px;
    }
}
 @media (min-width: 1824px) {
     .tab-container {
         height: 692px;
    }
}
 .tab-container.scroll {
     overflow-y: scroll;
     scrollbar-color: #bccad4 transparent;
     scrollbar-width: thin;
}
 .tab-container.scroll::-webkit-scrollbar-track {
     background-color: transparent;
}
 .tab-container.scroll::-webkit-scrollbar {
     width: 6px;
}
 .tab-container.scroll::-webkit-scrollbar-thumb {
     background-color: #bccad4;
}
/**/
/* .tab-content .buttons-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     position: absolute;
     bottom: 18px;
     left: 0;
     right: 0;
}
 */
 .tab-content .buttons-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     margin-bottom: 30px;
}
/*@media (max-width: 1279px) {
     .tab-content .buttons-container {
         position: relative;
         bottom: 0;
         margin-bottom: 20px;
    }
}
*/
 @media (max-width: 1279px) {
     .tab-content .buttons-container {
         position: relative;
         bottom: 0;
         margin-bottom: 20px;
         float: left;
    }
}
 .tab-content .button-border {
     height: 35px;
     text-transform: uppercase;
     font-size: 13px;
}
 @media (min-width: 1280px) {
     .components-row {
         margin-left: -15px;
         margin-right: -15px;
    }
}
 .components-col {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 33.33333%;
     flex: 0 0 33.33333%;
     max-width: 33.33333%;
}
 @media (min-width: 1500px) {
     .components-col {
        -webkit-box-flex: 0;
         -ms-flex: 0 0 30%;
         flex: 0 0 30%;
         max-width: 30%;
    }
}
 @media (min-width: 1280px) {
     .components-col {
         padding-left: 15px;
         padding-right: 15px;
    }
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .components-col {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 @media (max-width: 991px) {
     .components-col {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
         margin-bottom: 10px;
    }
     .components-col:last-child {
         margin-bottom: 0;
    }
}
 @media (min-width: 1500px) {
     .components-gallery {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 40%;
         flex: 0 0 40%;
         max-width: 40%;
    }
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .components-gallery {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         margin-top: 20px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .components-gallery {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
    }
}
 @media (max-width: 767px) {
     .components-gallery {
         padding-left: 10px;
         padding-right: 10px;
    }
}
 .components-gallery > div {
     margin-bottom: 30px;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .components-gallery > div {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
         padding-left: 10px;
         padding-right: 10px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .components-gallery > div {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
         padding-left: 10px;
         padding-right: 10px;
    }
}
 .components-card {
     height: 515px;
     background: rgba(255, 255, 255, 0.45);
     border-radius: 15px;
     -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
     box-shadow: 0 0 50px rgba(24, 76, 124, 0.1);
}
 .components-card.small {
     height: calc( (515px - 30px) / 2);
     position: relative;
}
 .components-card.padding {
     padding: 25px 30px;
}
 @media (max-width: 479px) {
     .components-card.padding {
         padding: 20px;
    }
}
 @media (max-width: 479px) {
     .components-card__activities {
         height: auto;
    }
}
 .components-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;
}
 .components-header .title {
     color: #184c7c;
     font-size: 20px;
     font-weight: 900;
     line-height: 1.2;
}
 @media (max-width: 479px) {
     .components-header .title {
         font-size: 18px;
    }
}
 .components-header .link {
     font-family: "Roboto", sans-serif;
     font-size: 14px;
     font-weight: 500;
     color: #4d6379;
}
 .components-header .link.hover-line:before {
     margin: inherit;
     background: currentColor;
}
 .gallery-carousel .owl-carousel {
     position: inherit;
}
 .banner-carousel {
     padding-top: 40px;
     padding-bottom: 40px;
}
 .banner-carousel .owl-carousel .owl-item {
     -webkit-filter: blur(5px);
     filter: blur(5px);
     opacity: .5;
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
     -webkit-transition: .5s;
     transition: .5s;
}
 .banner-carousel .owl-carousel .owl-item.active {
     -webkit-filter: blur(0);
     filter: blur(0);
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .projects-carousel .owl-item {
     padding-top: 50px;
     padding-bottom: 50px;
     opacity: .1;
}
 .projects-carousel .owl-item.active {
     opacity: 1;
}
 .projects-carousel .owl-carousel {
     position: inherit;
}
 .projects-nav {
     margin-top: 30px;
}
 .projects-nav ul {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .projects-nav ul li {
     margin-left: 10px;
     margin-right: 10px;
}
 .projects-nav ul li.is-current a, .projects-nav ul li:hover a {
     background: #79ac2b;
     color: #fff;
     -webkit-box-shadow: 0 0 50px rgba(121, 172, 43, 0.3);
     box-shadow: 0 0 50px rgba(121, 172, 43, 0.3);
}
 .projects-nav ul li.is-current a:before, .projects-nav ul li:hover a:before {
     -webkit-transform: translateX(-50%) translateY(0);
     transform: translateX(-50%) translateY(0);
}
 @media (max-width: 767px) {
     .projects-nav ul li {
         width: 29.5%;
         margin-left: 5px;
         margin-right: 5px;
    }
}
 .projects-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;
     background: #edf4fb;
     -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.3);
     box-shadow: 0 0 50px rgba(24, 76, 124, 0.3);
     padding-left: 15px;
     padding-right: 15px;
     border-radius: 30px;
     color: #4d6379;
     font-size: 14px;
     font-weight: 700;
     position: relative;
     z-index: 1;
     line-height: 1.25;
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (max-width: 767px) {
     .projects-nav ul li a {
         padding-left: 10px;
         padding-right: 10px;
         border-radius: 5px;
    }
}
 @media (max-width: 479px) {
     .projects-nav ul li a {
         font-size: 12px;
    }
}
 .projects-nav ul li a:before {
     content: "";
     position: absolute;
     display: none;
     z-index: -1;
     left: 50%;
     -webkit-transform: translateX(-50%) translateY(-40px);
     transform: translateX(-50%) translateY(-40px);
     width: 0;
     -o-border-image: none;
     border-image: none;
     border-style: solid;
     border-width: 20px;
     bottom: -40px;
     border-color: #79ac2b transparent transparent transparent;
     -webkit-transition: .3s;
     transition: .3s;
}
 .projects-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;
     height: 60px;
     width: 250px;
     background: #4d6379;
     -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.3);
     box-shadow: 0 0 50px rgba(24, 76, 124, 0.3);
     color: #fff;
     font-size: 18px;
     font-weight: 700;
     position: absolute;
     right: 0;
     bottom: calc( (60px / 2) * -1);
     left: 0;
     margin: 0 auto;
     border-radius: 25px;
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (max-width: 479px) {
     .projects-button {
         font-size: 14px;
         width: 180px;
    }
}
 .projects-button:hover {
     background: #405468;
}
 .services-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;
     height: 60px;
     width: 250px;
     background: rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 0 50px rgba(121, 172, 43, 0.3);
     box-shadow: 0 0 50px rgba(121, 172, 43, 0.3);
     color: #fff;
     font-size: 18px;
     font-weight: 700;
     position: absolute;
     right: 0;
     bottom: 50px;
     left: 0;
     margin: 0 auto;
     border-radius: 25px;
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (max-width: 479px) {
     .services-button {
         font-size: 14px;
         width: 180px;
    }
}
 .services-button:hover {
     background: rgba(0, 0, 0, 0.35);
}
 .logos {
     text-align: center;
}
 @media (min-width: 1280px) {
     .logos.padding-h {
         padding-left: 350px;
         padding-right: 350px;
    }
}
 .logos.style-1 .logos-photo {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #fff;
     border: 1px solid rgba(77, 99, 121, 0.15);
     border-radius: 15px;
     height: 80px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .logos.style-1 .logos-photo img {
     max-height: 60px;
}
 .logos.ui-filter .logos-photo img {
     -webkit-filter: grayscale(1);
     filter: grayscale(1);
     opacity: .4;
     -webkit-transition: .3s;
     transition: .3s;
}
 .logos.ui-filter .logos-card a:hover .logos-photo img {
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
     opacity: 1;
}
 .logos-carousel:hover .owl-item {
     opacity: .3;
}
 .logos-carousel .owl-item {
     -webkit-transition: .3s;
     transition: .3s;
}
 .logos-carousel .owl-item:hover {
     opacity: 1;
}
 .logos-photo img {
     max-width: 90px;
     max-height: 60px;
}
 .logos-wrapper .section-container {
     padding-top: 0;
}
 .inner-page__header {
     position: relative;
     overflow: hidden;
}
 .inner-page__heading {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
}
 .inner-page__heading .container {
     height: 100%;
    /*padding-top: calc(165px - 60px);
    */
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .inner-page__back {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #fff;
     font-size: 14px;
     font-family: "Roboto", sans-serif;
}
 @media (max-width: 767px) {
     .inner-page__back {
         display: none;
    }
}
 .inner-page__back .icon {
     color: #79ac2b;
     margin-right: 8px;
}
 .inner-page__photo {
     overflow: hidden;
     height: 100px;
     background: #6eb444;
}
 .inner-page__photo.large {
     height: 100vh;
}
 .inner-page__photo.small {
     height: 165px;
}
 @media (max-width: 767px) {
     .inner-page__photo {
         height: 165px;
    }
}
 .inner-page__photo img {
     width: 100%;
     height: calc(100% + 50px);
     -o-object-fit: cover;
     object-fit: cover;
     position: absolute;
     opacity: .4;
}
 .inner-page__wrapper.margin-top-0 {
     margin-top: 0;
}
 .inner-page__wrapper.margin-bottom-0 {
     margin-bottom: 0;
}
 .inner-page__content {
    /*min-height: 700px;
    */
     font-family: "Roboto", sans-serif;
}
 .inner-page__content.bg {
     padding: 30px;
     -webkit-box-shadow: 0 0 50px rgba(24, 76, 124, 0.2);
     box-shadow: 0 0 50px rgba(24, 76, 124, 0.2);
}
 .inner-page__content.no-height {
     min-height: inherit;
}
 .col-article {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 72%;
     flex: 0 0 72%;
     max-width: 72%;
}
 @media (min-width: 1280px) {
     .col-article {
         padding-right: 20px;
    }
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .col-article {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 68%;
         flex: 0 0 68%;
         max-width: 68%;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .col-article {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 60%;
         flex: 0 0 60%;
         max-width: 60%;
    }
}
 @media (max-width: 767px) {
     .col-article {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         max-width: 100%;
    }
}
 .col-sidebar {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 28%;
     flex: 0 0 28%;
     max-width: 28%;
     padding-left: 10px;
     padding-right: 10px;
     font-family: "Roboto", sans-serif;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .col-sidebar {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 32%;
         flex: 0 0 32%;
         max-width: 32%;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .col-sidebar {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 40%;
         flex: 0 0 40%;
         max-width: 40%;
    }
}
 @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: 25px;
}
 .col-sidebar > div:last-child {
     margin-bottom: 0;
}
 .col-sidebar__nav ul {
	 background: #f9f9f9;
     /*background: #edf4fb;
     background: linear-gradient(45deg, #eff9f9, transparent);
     box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;*/
}
 .col-sidebar__nav ul li {
     border-bottom: 1px solid #fff;
}
 .col-sidebar__nav ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-size: 16px;
     font-weight: 300;
     padding: 17px 25px;
     color: #4d6379;
     position: relative;
     -webkit-transition: .3s;
     transition: .3s;
}
 .col-sidebar__nav ul li a:after {
     content: "";
     position: absolute;
     z-index: 12;
     top: 50%;
     right: 25px;
     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;
}
 .col-sidebar__nav ul li a:hover {
     padding-left: 30px;
     background: #4d6379;
     color: #fff;
}
 .col-sidebar__nav ul li a:hover:after {
     -webkit-transform: translateY(-50%) rotate(45deg) scale(1.3);
     transform: translateY(-50%) rotate(45deg) scale(1.3);
}
 .col-sidebar__box {
     position: relative;
}
 .col-sidebar__box-body {
     padding: 35px;
     background: #79ac2b;
}
 .col-sidebar__box-body .small-title {
     font-size: 12px;
     color: #fff;
     letter-spacing: 2px;
}
 .col-sidebar__box-body .title {
     color: #fff;
     font-size: 26px;
     line-height: 1.2;
     font-weight: 900;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .col-sidebar__box-body .title {
         font-size: 16px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .col-sidebar__box-body .title {
         font-size: 16px;
    }
}
 .col-sidebar__box-body .text {
     color: #fff;
     font-size: 16px;
     line-height: 1.4;
     font-weight: 300;
     margin-top: 15px;
     margin-bottom: 30px;
}
 .col-sidebar__box-body .text strong {
     font-weight: 900;
}
 .col-sidebar__list {
     background: #fff;
     -webkit-box-shadow: 0 0 50px rgba(23, 53, 86, 0.15);
     box-shadow: 0 0 50px rgba(23, 53, 86, 0.15);
     padding-top: 13px;
     padding-bottom: 13px;
}
 .col-sidebar__list 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;
     color: #6f6f6f;
     text-transform: uppercase;
     font-size: 14px;
     line-height: 1.4;
     padding-left: 25px;
     padding-right: 25px;
     padding-top: 13px;
     padding-bottom: 13px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .col-sidebar__list ul li a:hover {
     color: #79ac2b;
}
 .col-sidebar__list .icon {
     width: 20px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-size: 18px;
     opacity: .3;
     margin-right: 20px;
}
 .col-sidebar__list .text {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
}
 .page-content__header {
     margin-bottom: 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;
     position: relative;
     padding-top: 25px;
     padding-bottom: 15px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
 @media (max-width: 767px) {
     .page-content__header {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
}
 .page-content__header .title {
     color: #79ac2b;
     text-transform: uppercase;
     font-size: 24px;
     font-weight: 800;
     line-height: 1.3;
}
 .page-content__header .date {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #999;
     font-size: 13px;
     font-weight: 300;
     font-family: "Roboto", sans-serif;
     min-width: 150px;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}
 @media (max-width: 479px) {
     .page-content__header .date {
         min-width: inherit;
    }
}
 .page-content__header .date .icon {
     margin-right: 10px;
     font-size: 16px;
}
 .page-content__header-links a {
     font-size: 13px;
     color: #79ac2b;
     position: relative;
     margin-right: 20px;
     padding-left: 13px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .page-content__header-links a:last-child {
     margin-right: 0;
}
 .page-content__header-links a:before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     width: 5px;
     height: 5px;
     background: currentColor;
     -webkit-transform: translateY(-50%) rotate(45deg);
     transform: translateY(-50%) rotate(45deg);
}
 .page-content__header-links a.is-active, .page-content__header-links a:hover {
     color: #179bd8;
}
 .page-content__header-buttons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .page-content__header-buttons a {
     color: #79ac2b;
     background: rgba(121, 172, 43, 0.1);
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-weight: 300;
     font-size: 14px;
     margin-left: 10px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .page-content__header-buttons a:first-child {
     margin-left: 0;
}
 .page-content__header-buttons a:hover {
     background: #689625;
     color: #fff;
}
 .page-content__header-buttons .icon {
     height: 45px;
     -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;
     width: 45px;
     background: #79ac2b;
     color: #fff;
}
 .page-content__header-buttons .text {
     padding-left: 15px;
     padding-right: 15px;
}
 .page-content__search {
     position: relative;
     width: 100%;
}
 .page-content__search.style-2 {
     width: 400px;
}
 @media (max-width: 767px) {
     .page-content__search.style-2 {
         margin-top: 10px;
         width: 100%;
    }
}
 .page-content__search.style-2 input {
     height: 50px;
     padding-left: 20px;
     padding-right: 20px;
     border: 0 none;
     background: #f1f1f1;
     border-radius: 2px;
}
 .page-content__search.style-2 .icon {
     right: 20px;
     font-size: 24px;
}
 .page-content__search input {
     width: 100%;
     border: 2px solid rgba(77, 99, 121, 0.1);
     height: 70px;
     padding-left: 30px;
     padding-right: 30px;
     color: #4d6379;
     font-family: inherit;
     font-size: 16px;
     font-weight: 300;
     border-radius: 5px;
}
 @media (max-width: 767px) {
     .page-content__search input {
         padding-left: 20px;
         padding-right: 70px;
    }
}
 .page-content__search .icon {
     position: absolute;
     right: 30px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     font-size: 32px;
     color: #4d6379;
     cursor: pointer;
}
 @media (max-width: 991px) {
     .page-content__form div.row > div {
         margin-bottom: 10px;
    }
}
 @media (max-width: 767px) {
     .page-content__form ul li {
         max-width: 100%;
         -webkit-box-flex: 0;
         -ms-flex: 0 0 100%;
         flex: 0 0 100%;
         margin-bottom: 10px;
    }
}
 .page-content__form ul li input {
     width: 100%;
     border: 2px solid rgba(77, 99, 121, 0.1);
     height: 70px;
     padding-left: 30px;
     padding-right: 30px;
     color: #4d6379;
     font-family: inherit;
     font-size: 16px;
     font-weight: 300;
     border-radius: 5px;
}
 .page-content__form .send {
     padding-left: 10px;
     padding-right: 10px;
}
 .page-content__form .send input {
     height: 70px;
     font-family: inherit;
     font-size: 16px;
     font-weight: 700;
     text-transform: uppercase;
     background: #79ac2b;
     color: #fff;
     border-radius: 5px;
     padding-left: 30px;
     padding-right: 30px;
     cursor: pointer;
     -webkit-transition: .3s;
     transition: .3s;
}
 .page-content__form .send input:hover {
     background: #689625;
}
 .page-content__heading {
     color: #79ac2b;
     font-weight: 900;
     font-size: 18px;
     padding-bottom: 10px;
     text-transform: uppercase;
}
 .page-content__photo {
     overflow: hidden;
     /*height: 290px;*/
     margin-right:20px; /*eklendi floatlı tasarım için*/
     float: left;
     width: 50%;
     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;
         margin-right: 0;
         width: 100%;
    }
}
 .page-content__photo.small, .page-content__photo.large {
     width: 100%;
     float: inherit;
     margin-right: 0;
}
 .page-content__photo.small {
     height: 175px;
     margin-bottom: 0;
}
 .page-content__photo.large {
     height: auto;
}
 .page-content__photo img {
     width: 100%;
     height: 100%;
     overflow: hidden;
     -o-object-fit: cover;
     object-fit: cover;
}
 .page-content__buttons a {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     background: #fff;
     -webkit-box-shadow: 5px 5px 40px rgba(23, 53, 86, 0.15);
     box-shadow: 5px 5px 40px rgba(23, 53, 86, 0.15);
     border-radius: 25px;
     padding-right: 30px;
     -webkit-transition: .3s;
     transition: .3s;
     margin-top: 40px;
     margin-right: 20px;
}
 .page-content__buttons a:hover {
     -webkit-box-shadow: 5px 5px 40px rgba(23, 53, 86, 0.25);
     box-shadow: 5px 5px 40px rgba(23, 53, 86, 0.25);
}
 .page-content__buttons a:last-child {
     margin-right: 0;
}
 .page-content__buttons .icon {
     background: #79ac2b;
     width: 50px;
     height: 50px;
     border-radius: 100%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #fff;
     font-size: 16px;
     margin-right: 15px;
}
 .page-content__buttons .title {
     color: #333;
     font-size: 16px;
     font-weight: 500;
}
 .page-content__spot {
     margin-top: 25px;
     margin-bottom: 20px;
     font-size: 18px;
     color: #333;
}

 @media (min-width: 1280px) {
     .page-content__description.padding-v {
        /*padding-left: 200px;
         padding-right: 200px;
        */
    }
}
 .page-content__description a {
     color: #79ac2b;
     font-weight:700;
}
 .page-content__description strong, .page-content__description b {
     font-weight: 600;
}
 .page-content__description img {
     max-width: 100%;
}
 .page-content__description ul, .page-content__description ol {
     padding-left: 20px;
}
 .page-content__description ul li {
     list-style: disc;
}
 .page-content__description ol li {
     list-style: decimal;
}
 .page-content__gallery {
     margin-top: 50px;
     display: inline-block;
     width: 100%;
}
 .page-content__arrow {
     margin-top: 40px;
}
/* @media (max-width: 479px) {
     .page-content__arrow ul li {
         margin-bottom: 15px;
    }
     .page-content__arrow ul li:last-child {
         margin-bottom: 0;
    }
}
 */
 @media (max-width: 479px) {
     .page-content__arrow ul li {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 .page-content__arrow ul li:first-child a {
     padding-right: 70px;
}
 @media (max-width: 991px) {
     .page-content__arrow ul li:first-child a {
         padding-right: 30px;
    }
}
 .page-content__arrow ul li:first-child .icon {
     margin-right: 10px;
}
 .page-content__arrow ul li:last-child {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
}
 .page-content__arrow ul li:last-child a {
     padding-left: 70px;
     text-align: right;
}
 @media (max-width: 991px) {
     .page-content__arrow ul li:last-child a {
         padding-left: 30px;
    }
}
 .page-content__arrow ul li:last-child .icon {
     margin-left: 10px;
}
 .page-content__arrow ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #333;
     font-size: 16px;
     font-weight: 700;
     line-height: 1.3;
     -webkit-transition: .3s;
     transition: .3s;
}
 .page-content__arrow ul li a:hover {
     color: #79ac2b;
}
 .page-content__arrow .icon {
     color: #999;
     font-size: 24px;
}
 .page-content__share {
     margin-top: 40px;
}
 .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;
    }
}
 .person-photo {
     margin-top: -40px;
     margin-left: 30px;
     width: 165px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 165px;
     flex: 0 0 165px;
     height: 185px;
     background: #fff;
     padding: 6px;
     -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
 @media (max-width: 991px) {
     .person-photo {
         margin-left: 0;
    }
}
 .person-photo img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .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: 700;
     color: #6f6f6f;
     font-size: 18px;
     line-height: 1.3;
}
 .person-info .rank {
     color: #6f6f6f;
     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: #79ac2b;
     font-size: 14px;
     position: relative;
}
 .person-info__contact .text:last-child {
     margin-right: 0;
}
 .person-info__contact .text:hover {
     color: #179bd8;
}
 .person-info__contact .icon {
     margin-right: 10px;
     font-size: 14px;
     opacity: .4;
}
 .video-detail__wrapper {
     background: #173556;
     min-height: 600px;
     padding-top: 165px;
     padding-bottom: 80px;
}
 @media (max-width: 767px) {
     .video-detail__wrapper {
         padding-top: 105px;
    }
}
 .video-detail__header {
     margin-top: 20px;
     margin-bottom: 20px;
}
 .video-detail__header .title {
     color: #fff;
     font-size: 32px;
     font-weight: 800;
     line-height: 1.3;
}
 @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: #79ac2b;
     height: 65px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 20px;
     padding-right: 20px;
     color: #fff;
     font-size: 18px;
     font-weight: 800;
}
 .video-detail__other-videos .heading .all-videos {
     text-transform: capitalize;
     font-size: 12px;
     color: #fff;
     opacity: .7;
     font-weight: 300;
}
 .video-detail__other-videos .heading .all-videos:hover {
     text-decoration: underline;
}
 .video-detail__list {
     height: calc(550px - 65px);
     border-bottom: 1px solid rgba(255, 255, 255, 0.07);
     overflow-y: auto;
     background: rgba(0, 0, 0, 0.15);
     scrollbar-color: rgba(255, 255, 255, 0.2) 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.2);
}
 @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;
}
 .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(23, 53, 86, 0.7);
     color: #fff;
     font-size: 32px;
}
 .video-detail__list .video-right {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 5px;
     padding-right: 20px;
}
 .video-detail__list .video-right .title {
     color: #fff;
     font-size: 16px;
     font-weight: 700;
     line-height: 1.3;
     overflow: hidden;
     max-height: 63px;
}
 .personnel-cover {
     overflow: hidden;
     height: 530px;
}
 @media (max-width: 767px) {
     .personnel-cover {
         height: auto;
    }
}
 .personnel-cover img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
 .personnel-description {
     padding-top: 35px;
}
 @media (min-width: 1280px) {
     .personnel-description {
         padding-left: 20px;
    }
}
 .personnel-description .title {
     font-size: 42px;
     font-family: "Roboto", sans-serif;
     color: #79ac2b;
     font-weight: 800;
     line-height: 1.2;
}
 .personnel-description .label {
     text-transform: uppercase;
     font-size: 16px;
     color: #79ac2b;
     letter-spacing: 1px;
     font-weight: 300;
}
 .personnel-info {
     margin-top: 30px;
}
 .personnel-field {
     margin-bottom: 13px;
}
 .personnel-field:last-child {
     margin-bottom: 0;
}
 .personnel-field .text, .personnel-field .detail {
     font-size: 18px;
}
 .personnel-field .text {
     float: left;
     color: #333;
     margin-right: 7px;
}
 .personnel-field .detail {
     font-weight: 300;
     color: #6f6f6f;
     -webkit-transition: .3s;
     transition: .3s;
}
 .personnel-field a:hover {
     color: #79ac2b;
}
 .personnel-social {
     margin-top: 40px;
     margin-bottom: 20px;
}
 .personnel-social a {
     color: #333;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     margin-right: 20px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .personnel-social a:hover {
     color: #79ac2b;
}
 .personnel-social a:last-child {
     margin-right: 0;
}
 .personnel-social a .icon {
     font-size: 20px;
}
 .mayor {
     background: #fff;
     -webkit-box-shadow: 0 50px 50px rgba(23, 53, 86, 0.05);
     box-shadow: 0 50px 50px rgba(23, 53, 86, 0.05);
     position: relative;
     z-index: 1;
}
 .mayor:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     height: 100%;
     background-image: url("https://www.tekirdag.bel.tr/content/WebSource/image/slide/1.jpg");
     opacity: .1;
}
 @media (max-width: 767px) {
     .mayor {
         padding-top: 50px;
    }
}
 .mayor__row {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .mayor__heading .title {
     color: #333;
     font-size: 72px;
     letter-spacing: -2px;
     font-weight: 900;
     line-height: 1;
}
 @media (max-width: 479px) {
     .mayor__heading .title {
         font-size: 48px;
    }
}
 .mayor__heading .text {
     color: #6f6f6f;
     font-weight: 200;
     font-size: 28px;
     line-height: 1.2;
     letter-spacing: 2px;
}
 @media (max-width: 479px) {
     .mayor__heading .text {
         font-size: 18px;
    }
}
 .mayor__photo {
    /*margin-top: -30px;
     height: 530px;
    */
     overflow: hidden;
}
 @media (max-width: 767px) {
     .mayor__photo {
         height: auto;
         margin-top: 50px;
    }
}
 .mayor__photo img {
     width: 100%;
     height: 616px;
     -o-object-fit: contain;
     object-fit: contain;
}
 .mayor__description {
     margin-top: 70px;
     text-align: center;
}
 .schema {
     margin-top: 50px;
     margin-bottom: calc( 80px + ( 20px * 2 ));
}
 @media (max-width: 767px) {
     .schema {
         margin: 50px auto calc( 80px + ( 20px * 2 ));
         width: 300px;
    }
}
 .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-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.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:before {
     content: "";
     height: 1px;
     width: 30px;
     background: #4d6379;
     left: -20px;
     top: 40px;
     position: absolute;
}
 .schema-list > li:hover > a {
     background: #4d6379;
     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:before {
     content: "";
     position: absolute;
     right: 30px;
     top: 50%;
     -webkit-transform: translateY(-50%) rotate(135deg);
     transform: translateY(-50%) rotate(135deg);
     width: 10px;
     height: 10px;
     border-top: 1px solid #4d6379;
     border-right: 1px solid #4d6379;
}
 .schema-list > li.is-arrow:hover > a:before {
     border-top: 1px solid #fff;
     border-right: 1px solid #fff;
}
 */
/*update*/
 .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;
     border-left: solid 1px #ddd;
     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);
     background:#38516b;
}
 .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 #4d6379;
     border-right: 1px solid #4d6379;
}
 .schema-list > li.is-arrow:hover > a .arrow:before {
     border-top: 1px solid #fff;
     border-right: 1px solid #fff;
}
/*update*/
 .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: 5px 5px 50px rgba(23, 53, 86, 0.15);
     box-shadow: 5px 5px 50px rgba(23, 53, 86, 0.15);
     height: 80px;
     border-radius: 15px;
     position: relative;
     padding-left: 30px;
     padding-right: 30px;
     -webkit-transition: .3s;
     transition: .3s;
}
 .schema-list > li > a .title {
     font-size: 14px;
     font-weight: 700;
     margin-bottom: 3px;
}
 .schema-list > li > a .text {
     font-size: 14px;
     font-weight: 300;
}
 .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: #374a5e;
     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: #4d6379;
}
 .schema-middle {
     position: relative;
     padding-left: 85px;
}
 @media (max-width: 767px) {
     .schema-middle {
         padding-left: 50px;
    }
}
 .schema-middle:before {
     content: "";
     background: #4d6379;
     width: 1px;
     position: absolute;
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     z-index: -1;
     margin-left: -130px;
     top: calc( -1 * (80px + (20px * 2)));
     bottom: calc( -1 * (80px + (20px * 2)));
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .schema-middle:before {
         margin-left: -92px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .schema-middle:before {
         margin-left: -92px;
    }
}
 @media (max-width: 767px) {
     .schema-middle:before {
         top: -320px;
    }
}
 .schema-footer {
     margin-top: calc( 80px + ( 20px * 2 ) + 30px);
}
 @media (max-width: 767px) {
     .schema-footer {
         margin-top: calc( 80px + ( 20px * 2 ));
    }
}
 .schema-footer .row {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 @media (max-width: 767px) {
     .schema-footer .row > div {
         margin-bottom: 30px;
    }
     .schema-footer .row > div:last-child {
         margin-bottom: 0;
    }
}
 .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 .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;
    }
}
/*çizgi uzun eklenen:right:150px;
*/
 .schema-footer .schema-list:first-child li:after {
     content: "";
     width: 1px;
     height: 30px;
     background: #4d6379;
     position: absolute;
     top: -30px;
     right:170px;
}
 @media (max-width: 767px) {
     .schema-footer .schema-list:first-child li:after {
         display: none;
    }
}
 .contact {
     margin-top: 50px;
}
 @media (max-width: 767px) {
     .contact {
         margin-top: 30px;
    }
}
 @media (min-width: 1280px) {
     .contact-address.gutter-large ul {
         margin-left: -15px;
         margin-right: -15px;
    }
}
 @media (min-width: 1280px) {
     .contact-address.gutter-large ul li {
         padding-left: 15px;
         padding-right: 15px;
    }
}
 .contact-address.style-2 .contact-address__info {
     background: #f7f7f7;
}
 .contact-address.style-2 .contact-address__info .text {
     font-size: 14px;
     margin-top: 5px;
}
 .contact-address.large .contact-address__info {
     height: 270px;
}
 .contact-address.large .contact-address__info .icon {
     margin-bottom: 35px;
     width: 75px;
     height: 75px;
}
 .contact-address.large .contact-address__info .text {
     margin-top: 5px;
}
 .contact-address ul li {
     position: relative;
}
 @media (min-width: 992px) and (max-width: 1279px) {
     .contact-address ul li {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 25%;
         flex: 0 0 25%;
         max-width: 25%;
         margin-bottom: 20px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .contact-address ul li {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 33.33%;
         flex: 0 0 33.33%;
         max-width: 33.33%;
         margin-bottom: 20px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .contact-address ul li {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
         margin-bottom: 20px;
    }
}
 @media (max-width: 479px) {
     .mayor__photo img {
         width: 100%;
         height: 100%;
         position: relative;
         top: 54px;
         -o-object-fit: contain;
         object-fit: contain;
    }
     .contact-address ul li {
         margin-bottom: 40px;
         -webkit-box-flex: 100%;
         -ms-flex: 100%;
         flex: 100%;
         max-width: 100%;
         margin-bottom: 10px;
    }
     .contact-address ul li:last-child {
         margin-bottom: 0;
    }
}
 .contact-address.small .contact-address__info .title {
     font-size: 16px;
     line-height: 1.3;
}
 .contact-address .icon {
     background: #79ac2b;
     width: 65px;
     height: 65px;
     border-radius: 100%;
     -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;
     margin-bottom: 20px;
}
 .contact-address__info {
     background: rgba(255, 255, 255, 0.7);
     height: 220px;
     border-radius: 10px;
     padding-left: 20px;
     padding-right: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
     font-family: "Roboto", sans-serif;
}
 .contact-address__info .title {
     width:100%;
     text-transform: uppercase;
     color: #79ac2b;
     font-size: 18px;
     font-weight: 700;
     line-height: 1.2;
}
 .contact-address__info .text {
     color: #999;
     font-size: 16px;
     font-weight: 300;
     line-height: 1.2;
}
 .contact-address__cards .item {
     margin-bottom: 20px;
}
 .contact-address__cards .item:last-child {
     margin-bottom: 0;
}
 .contact-address__wrapper {
     background: #f7f7f7;
    /*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;
     text-align: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     height: 280px;
}
 .contact-address__wrapper > .icon {
     width: 65px;
     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: 28px;
     color: #79ac2b;
}
 .contact-address__summary .title {
     color: #333;
     font-size: 16px;
     font-weight: 700;
     margin-top: 20px;
     margin-bottom: 15px;
     line-height: 1.3;
}
 .contact-address__summary .address {
     font-size: 13px;
     font-weight: 300;
     margin-bottom: 20px;
}
 .contact-address__summary .address, .contact-address__summary .text {
     color: #6f6f6f;
     font-size: 13px;
     line-height: 1.4;
}
 .contact-address__summary .text {
     font-weight: 500;
}
 .contact-us__col {
     height: 193px;
     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;
     position: relative;
     z-index: 1;
     background: #4d6379;
     overflow: hidden;
}
 .contact-us__col:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: -1;
     background-image: url("../../content/WebSource/image/slide/1.jpg");
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     width: 100%;
     height: 100%;
     opacity: .8;
     -webkit-filter: blur(3px);
     filter: blur(3px);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 .contact-us__col.no-cover:before {
     display: none;
}
 .contact-us__social 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: 36px;
     width: 65px;
     height: 65px;
     margin-left: 10px;
     margin-right: 10px;
     border: 1px solid transparent;
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (max-width: 479px) {
     .contact-us__social a {
         font-size: 32px;
         width: 60px;
         height: 60px;
    }
}
 .contact-us__social a:hover {
     border: 1px solid #fff;
}
 .contact-map iframe {
     height: 500px;
     width: 100%;
}
 .Oops {
     margin-top: 100px;
     text-align: center;
     color: #79ac2b;
}
 .Oops .title {
     line-height: 0.8;
     font-weight: 900;
     font-size: 224px;
}
 @media (max-width: 479px) {
     .Oops .title {
         font-size: 164px;
    }
}
 .Oops .text {
     text-transform: uppercase;
     font-weight: 100;
     font-size: 42px;
     letter-spacing: 3px;
     line-height: 1.2;
}
 @media (max-width: 479px) {
     .Oops .text {
         font-size: 28px;
    }
}
 @media (max-width: 479px) {
     .Oops .button-border {
         margin-right: 10px;
         min-width: 130px;
    }
}
 .position-inherit {
     position: inherit;
}
 .no-scroll {
     overflow: hidden;
}
 .no-scroll-y {
     overflow-y: hidden;
}
 .no-scroll-x {
     overflow-x: hidden;
}
 .overflow-hidden {
     overflow: hidden;
}
 .flexbox {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .l-relative {
     position: relative;
}
 .l-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: 767px) {
     .hidden {
         display: block !important;
    }
}
 @media (max-width: 479px) {
     .xs-hidden {
         display: none;
    }
}
 @media (max-width: 767px) {
     .sm-hidden {
         display: none;
    }
}
 @media (max-width: 991px) {
     .md-hidden {
         display: none;
    }
}
 .padding-v-10 {
     padding-top: 10px;
     padding-bottom: 10px;
}
 .padding-v-20 {
     padding-top: 20px;
     padding-bottom: 20px;
}
 .padding-v-30 {
     padding-top: 30px;
     padding-bottom: 30px;
}
 .padding-v-40 {
     padding-top: 40px;
     padding-bottom: 40px;
}
 .padding-v-50 {
     padding-top: 50px;
     padding-bottom: 50px;
}
 .padding-top-0 {
     padding-top: 0;
}
 .padding-bottom-0 {
     padding-bottom: 0;
}
 .padding-top-10 {
     padding-top: 10px;
}
 .padding-top-15 {
     padding-top: 15px;
}
 .padding-top-20 {
     padding-top: 20px;
}
 .padding-top-25 {
     padding-top: 25px;
}
 .padding-top-30 {
     padding-top: 30px;
}
 .padding-top-40 {
     padding-top: 40px;
}
 .padding-top-50 {
     padding-top: 50px;
}
 .padding-top-60 {
     padding-top: 60px;
}
 .padding-top-70 {
     padding-top: 70px;
}
 .padding-top-80 {
     padding-top: 80px;
}
 .padding-top-16 {
     padding-top: 16px;
}
 .padding-bottom-10 {
     padding-bottom: 10px;
}
 .padding-bottom-15 {
     padding-bottom: 15px;
}
 .padding-bottom-20 {
     padding-bottom: 20px;
}
 .padding-bottom-30 {
     padding-bottom: 30px;
}
 .padding-bottom-40 {
     padding-bottom: 40px;
}
 .padding-bottom-50 {
     padding-bottom: 50px;
}
 .padding-bottom-60 {
     padding-bottom: 60px;
}
 .padding-bottom-70 {
     padding-bottom: 70px;
}
 .padding-bottom-80 {
     padding-bottom: 80px;
}
 .margin-v-10 {
     margin-top: 10px;
     margin-bottom: 10px;
}
 .margin-v-20 {
     margin-top: 20px;
     margin-bottom: 20px;
}
 .margin-v-30 {
     margin-top: 30px;
     margin-bottom: 30px;
}
 .margin-v-40 {
     margin-top: 40px;
     margin-bottom: 40px;
}
 .margin-v-50 {
     margin-top: 50px;
     margin-bottom: 50px;
}
 .margin-top-0 {
     margin-top: 0;
}
 .padding-top-0 {
     padding-top: 0 !important;
}
 .margin-bottom-0 {
     margin-bottom: 0;
}
 .margin-top-10 {
     margin-top: 10px;
}
 .margin-top-15 {
     margin-top: 15px;
}
 .margin-top-20 {
     margin-top: 20px;
}
 .margin-top-25 {
     margin-top: 25px;
}
 .margin-top-30 {
     margin-top: 30px;
}
 .margin-top-40 {
     margin-top: 40px;
}
 .margin-top-50 {
     margin-top: 50px;
}
 .margin-top-60 {
     margin-top: 60px;
}
 .margin-top-70 {
     margin-top: 70px;
}
 .margin-top-80 {
     margin-top: 80px;
}
 .margin-bottom-10 {
     margin-bottom: 10px;
}
 .margin-bottom-15 {
     margin-bottom: 15px;
}
 .margin-bottom-20 {
     margin-bottom: 20px;
}
 .margin-bottom-30 {
     margin-bottom: 30px;
}
 .margin-bottom-40 {
     margin-bottom: 40px;
}
 .margin-bottom-50 {
     margin-bottom: 50px;
}
 .margin-bottom-60 {
     margin-bottom: 60px;
}
 .margin-bottom-70 {
     margin-bottom: 70px;
}
 .margin-bottom-80 {
     margin-bottom: 80px;
}
/*EKSTRALAR*/
 .margin_top_eksi_40{
    margin-top:-40px;
}
 .margin_top_eksi_20{
    margin-top:-20px;
}
 .ihaleInfo{
    width:100%;
     height:auto;
     padding:20px;
     background:#fff;
     -webkit-box-shadow: 0 0 50px rgba(23, 53, 86, 0.15);
     box-shadow: 0 0 50px rgba(23, 53, 86, 0.15);
     line-height:28px;
     text-align:left;
     font-weight:300;
}
 .ihaleInfo span{
    font-size:25px;
     font-weight:300;
     color:#249fd9;
}
 .ihaleInfo a{
    color:#717171;
}
 .atikYonetimiStrong{
    color:#4d6379;
     font-weight:700;
}
 .textJustify{
    text-align:justify;
}
 .lineHeight40{
    line-height:40px;
}
 .temiz{
    clear:both;
}
 .muhtarliklarHeading{
    width:100%;
     margin:0px 0px 0px 10px;
     font-size:25px;
}
 .muhtarliklarHeadingMevcut{
    width:100%;
     font-size:25px;
}
 .textOzellik1{
    text-shadow: 0px 2px 3px #8276a3;
     font-size:34px;
     color:#fff;
     font-weight:700;
}
 .textOzellik2{
    text-shadow: 0px 2px 3px #8276a3;
     font-size:34px;
     font-weight:700;
     color:#fff;
}
 .textOzellik3{
    text-shadow: 0px 2px 3px #827e7e;
     font-size:34px;
     font-weight:700;
     color:#fff6d7;
}
 .searchColor{
    color:#4d6379;
}
 .yapimAsamasindaFontSize{
    font-size:50px !important;
     font-weight:700 !important;
}
 .tekirdagBaslik{
    color:#4d6379;
     font-weight:500;
}
 .butonBackgroundGray{
    background:#eee;
     color:#4d6379;
     font-weight:300;
     border:none;
}
 .anketTextBilgi{
    font-size:25px;
     font-weight:300;
     text-align:center;
}
 .anketCheck{
    color:#75b727;
     font-size:135px;
     font-weight:500;
}
 .anketBasariliBold{
    font-weight:500;
     color:#4d6379;
}
 .textMaxBold{
    font-weight:700;
}
 .btn {
    color:#fff;
    padding:15px;
    font-family: "Roboto", sans-serif;
    border: none;
    background: linear-gradient(to bottom, #4d6379, #4d6379);
}
 .btn:hover {
    color:#fff;
    padding:15px;
    font-family: "Roboto", sans-serif;
    border: none;
    background: linear-gradient(to bottom, #79ac2b, #79ac2b);
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
 @media (max-width: 480px) {
     .btn {
        color:#fff;
        padding:15px;
        font-family: "Roboto", sans-serif;
        border: none;
        background: linear-gradient(to bottom, #4d6379, #4d6379);
        width:100%;
    }
}
 .owl-nav_style.logos-other_carousel .owl-nav {
     margin-top: -5px;
}
 .owl-nav_style.logos-other_carousel .owl-theme .owl-nav [class*='owl-'] {
     position: absolute;
     -webkit-transition: .2s;
     transition: .2s;
}
 .owl-nav_style.logos-other_carousel .owl-theme .owl-nav [class*='owl-'] .icon {
     font-size: 16px;
}
 .owl-nav_style.logos-other_carousel .owl-theme .owl-nav .owl-prev {
     left: -30px;
}
 @media (max-width: 1279px) {
     .owl-nav_style.logos-other_carousel .owl-theme .owl-nav .owl-prev {
         left: 0;
    }
}
 .owl-nav_style.logos-other_carousel .owl-theme .owl-nav .owl-next {
     right: -30px;
}
 @media (max-width: 1279px) {
     .owl-nav_style.logos-other_carousel .owl-theme .owl-nav .owl-next {
         right: 0;
    }
}
 .logos-other__carousel .logos-photo {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .floatRight{
    float:right !important;
}
 .searchFilter {
     color:#000;
     text-decoration:underline;
     font-weight: 600;
     padding: 0 4px 0 4px;
     display: contents;
}
 .hataSayfasiFont{
    font-size:14px;
}
 .yonetimPolitikaImg{
    float:left;
     margin-right: 20px;
     width:430px;
}
 .slideFotoGoster{
    display:block;
}
 .slideFotoGizle{
    display:none;
}
 @media (max-width: 479px) {
     .slideFotoGoster{
        display:none;
    }
     .slideFotoGizle{
        display:block;
    }
}
 .onecikan {
     box-shadow: 0 19px 25px 0 #c5c5c5;
     margin: 20px 0px 0px 0px;
     background: #fff !important;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     padding: 40px 50px;
     border-radius: 10px;
     height: 250px;
     -webkit-transition: .3s;
     transition: .3s;
}
 @media (min-width: 1824px) {
     .onecikan {
         padding: 55px 65px;
    }
}
 @media (min-width: 992px) and (max-width: 1200px) {
     .onecikan {
         padding: 30px 40px;
    }
}
 @media (max-width: 767px) {
     .onecikan {
         height: auto;
    }
}
 @media (max-width: 479px) {
     .onecikan {
         padding: 30px 40px;
    }
}
 .onecikan .heading {
     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;
}
 .onecikan .heading .icon {
     color: #096bd8;
     font-size: 60px;
}
 @media (max-width: 479px) {
     .onecikan .heading .icon {
         font-size: 48px;
    }
}
 .onecikan .heading .title {
    color: #333333;
     font-size: 16px;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     line-height: 1.2;
}
 @media (max-width: 479px) {
     .onecikan .heading .title {
         font-size: 20px;
    }
}
 .onecikan .text {
     font-size: 14px;
     color: #6f6f6f;
     font-weight: 500;
     line-height: 1.8;
     font-family: 'Roboto', sans-serif;
     font-weight:300;
     margin-top: 10px;
     margin-bottom: 40px;
     overflow: hidden;
}
 .onecikan .button-border:hover {
     background: #fff !important;
     color: #096bd8 !important;
}
 .progress-circle {
     background-color: #ddd;
     border-radius: 50%;
     display: inline-block;
     height: 100px;
     position: relative;
     margin: 40px 20px 0px 0px;
     width: 100px;
     float: right;
}
 .progress-circle:before {
     -webkit-box-align: center;
     align-items: center;
     background-color: #fff;
     border-radius: 50%;
     content: attr(data-progress) '%';
     display: -webkit-box;
     display: flex;
     font-size: 25px;
     -webkit-box-pack: center;
     justify-content: center;
     position: absolute;
     left: 1rem;
     right: 1rem;
     top: 1rem;
     bottom: 1rem;
     -webkit-transition: -webkit-transform 0.2s ease;
     transition: -webkit-transform 0.2s ease;
     transition: transform 0.2s ease;
     transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
 .progress-circle:after {
     background-color: #0083ff;
     border-radius: 50%;
     content: '';
     display: inline-block;
     height: 100%;
     width: 100%;
}
 .progress-circle:hover:before, .progress-circle:focus:before {
     -webkit-transform: scale(0.8);
     transform: scale(0.8);
}
/** * $step is set to 5 by default, meaning you can only use percentage classes in increments of five (e.g. 25, 30, 45, 50, and so on). This helps to reduce the size of the final CSS file. If you need a number that doesn't end in 0 or 5, you can change the text percentage while rounding the class up/down to the nearest 5. */
 .progress-circle[data-progress="0"]:after {
     background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ddd), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #0083ff), color-stop(50%, #ddd), to(#ddd));
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="1"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(93.6deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="2"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="3"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="4"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="5"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="6"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="7"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="8"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="9"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="10"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="11"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="12"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="13"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="14"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="15"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="16"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="17"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="18"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="19"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="20"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="21"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(165.60000000000002deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="22"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="23"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="24"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="25"]:after {
     background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ddd), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #0083ff), color-stop(50%, #ddd), to(#ddd));
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="26"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(183.60000000000002deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="27"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="28"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="29"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="30"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="31"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201.60000000000002deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="32"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="33"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="34"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="35"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="36"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="37"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(223.20000000000002deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="38"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="39"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="40"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="41"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="42"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241.20000000000002deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="43"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="44"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="45"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="46"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="47"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(259.20000000000005deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="48"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="49"]:after {
     background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="50"]:after {
     background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #0083ff), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #0083ff), color-stop(50%, #ddd), to(#ddd));
     background-image: linear-gradient(-90deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="51"]:after {
     background-image: linear-gradient(-86.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="52"]:after {
     background-image: linear-gradient(-82.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="53"]:after {
     background-image: linear-gradient(-79.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="54"]:after {
     background-image: linear-gradient(-75.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="55"]:after {
     background-image: linear-gradient(-72deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="56"]:after {
     background-image: linear-gradient(-68.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="57"]:after {
     background-image: linear-gradient(-64.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="58"]:after {
     background-image: linear-gradient(-61.2deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="59"]:after {
     background-image: linear-gradient(-57.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="60"]:after {
     background-image: linear-gradient(-54deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="61"]:after {
     background-image: linear-gradient(-50.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="62"]:after {
     background-image: linear-gradient(-46.8deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="63"]:after {
     background-image: linear-gradient(-43.199999999999996deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="64"]:after {
     background-image: linear-gradient(-39.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="65"]:after {
     background-image: linear-gradient(-36deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="66"]:after {
     background-image: linear-gradient(-32.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="67"]:after {
     background-image: linear-gradient(-28.799999999999997deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="68"]:after {
     background-image: linear-gradient(-25.200000000000003deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="69"]:after {
     background-image: linear-gradient(-21.599999999999994deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="70"]:after {
     background-image: linear-gradient(-18deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="71"]:after {
     background-image: linear-gradient(-14.399999999999991deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="72"]:after {
     background-image: linear-gradient(-10.799999999999997deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="73"]:after {
     background-image: linear-gradient(-7.200000000000003deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="74"]:after {
     background-image: linear-gradient(-3.599999999999994deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="75"]:after {
     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #0083ff), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #0083ff), color-stop(50%, #ddd), to(#ddd));
     background-image: linear-gradient(0deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="76"]:after {
     background-image: linear-gradient(3.600000000000009deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="77"]:after {
     background-image: linear-gradient(7.200000000000003deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="78"]:after {
     background-image: linear-gradient(10.799999999999997deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="79"]:after {
     background-image: linear-gradient(14.400000000000006deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="80"]:after {
     background-image: linear-gradient(18deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="81"]:after {
     background-image: linear-gradient(21.60000000000001deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="82"]:after {
     background-image: linear-gradient(25.200000000000003deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="83"]:after {
     background-image: linear-gradient(28.799999999999997deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="84"]:after {
     background-image: linear-gradient(32.400000000000006deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="85"]:after {
     background-image: linear-gradient(36deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="86"]:after {
     background-image: linear-gradient(39.599999999999994deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="87"]:after {
     background-image: linear-gradient(43.20000000000002deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="88"]:after {
     background-image: linear-gradient(46.80000000000001deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="89"]:after {
     background-image: linear-gradient(50.400000000000006deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="90"]:after {
     background-image: linear-gradient(54deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="91"]:after {
     background-image: linear-gradient(57.599999999999994deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="92"]:after {
     background-image: linear-gradient(61.20000000000002deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="93"]:after {
     background-image: linear-gradient(64.80000000000001deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="94"]:after {
     background-image: linear-gradient(68.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="95"]:after {
     background-image: linear-gradient(72deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="96"]:after {
     background-image: linear-gradient(75.6deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="97"]:after {
     background-image: linear-gradient(79.20000000000002deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="98"]:after {
     background-image: linear-gradient(82.80000000000001deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="99"]:after {
     background-image: linear-gradient(86.4deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .progress-circle[data-progress="100"]:after {
     background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #0083ff), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #0083ff), color-stop(50%, #ddd), to(#ddd));
     background-image: linear-gradient(90deg, #0083ff 50%, transparent 50%, transparent), linear-gradient(270deg, #0083ff 50%, #ddd 50%, #ddd);
}
 .shortcut-card__dropdownl::-webkit-scrollbar-track {
     background-color: rgba(255,255,255, .2);
}
 .shortcut-card__dropdown::-webkit-scrollbar {
     width: 6px;
}
 .shortcut-card__dropdown::-webkit-scrollbar-thumb {
     background-color: rgba(255,255,255, .3);
}
 .shortcut-card__dropdown .heading {
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     border-bottom: 3px solid rgba(0, 0, 0, 0.35);
     padding-bottom: 5px;
     margin-bottom: 10px;
}
 .shortcut-card__dropdown-list li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border-bottom: 1px solid rgba(255, 255, 255, 0.35);
     color: #fff;
     font-size: 13px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-top: 9px;
     padding-bottom: 9px;
     position: relative;
     z-index: 1;
}
 .shortcut-card__dropdown-list li a:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: -1px;
     left: -15px;
     bottom: -1px;
     right: -15px;
     background: #14505a;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: .3s;
     transition: .3s;
}
 .shortcut-card__dropdown-list li a:hover:before {
     opacity: 1;
     visibility: visible;
}
 .shortcut-card__dropdown-list li a .icon {
     font-size: 13px;
     margin-right: 7px;
     width: 18px;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: .3s;
     transition: .3s;
}
 .shortcut-card:hover .shortcut-card__wrapper:before {
     width: 100%;
}
 .shortcut-card:hover .shortcut-card__dropdown {
     opacity: 1;
     visibility: visible;
}
 .shortcut-card:hover .shortcut-card__dropdown-list li a .icon {
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .shortcut-buttons__unit {
     display: none;
}
 @media (max-width: 1279px) {
     .shortcut-buttons__unit {
         display: block;
    }
}
 .shortcut-buttons__unit .shortcut-button a {
     height: 110px;
}
 .shortcut-buttons.style-2 .shortcut-button a {
     background: none;
     border: 1px solid #fff;
     color: #fff;
}
 .shortcut-buttons.style-2 .shortcut-button a:hover {
     background: #fff;
     color: #e16327;
}
 .shortcut-buttons.style-3 .shortcut-button a {
     background: none;
     border: 1px solid #e16327;
     color: #e16327;
}
 .shortcut-buttons.style-3 .shortcut-button a:hover {
     background: #e16327;
     color: #fff;
}
 .shortcut-buttons.list .shortcut-button {
     margin-bottom: 10px;
     padding-left: 5px;
     padding-right: 5px;
}
 @media (min-width: 992px) and (max-width: 1200px) {
     .shortcut-buttons.list .shortcut-button {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
    }
}
 @media (max-width: 479px) {
     .shortcut-buttons.list .shortcut-button {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 50%;
         flex: 0 0 50%;
         max-width: 50%;
    }
}
 @media (max-width: 479px) {
     .shortcut-button a {
         height: 100px !important;
    }
}
 .shortcut-button a:before {
     content: "";
     position: absolute;
     top: 3px;
     bottom: 3px;
     left: 0;
     background: #fff;
     width: 4px;
}
 .specific-section .news-list ul li a:before {
     content: "";
     position: absolute;
     top: 3px;
     bottom: 3px;
     left: 0;
     background: #fff;
     width: 4px;
}
 .shortcut-buttons ul {
     margin-left: -5px;
     margin-right: -5px;
}
 .shortcut-button.is-active {
     -webkit-filter: blur(3px);
     filter: blur(3px);
}
 .shortcut-button a {
     background: #fff;
     border-radius: 5px;
     display: block;
     position: relative;
     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;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
    /*padding: 20px 10px;
    */
     color: #1b4b62;
     -webkit-transition: .3s;
     transition: .3s;
}
 .shortcut-button .icon {
     font-size: 25px;
     margin-bottom: 10px;
}
 .shortcut-button .text {
     font-size: 12px;
     line-height: 1.3;
     font-weight: 500;
}
 .shortcut-button a:hover .icon{
    transition:.3s !important;
}
 @media (max-width: 576px) {
    /* Mobil ekranlar için */
     .shortcut-button {
         width: 50%;
        /* Mobilde yarım genişlik */
         display: inline-block;
        /* Yan yana yerleşim */
    }
}
 .tooltipData {
     padding: 10px 15px;
     position: relative;
     text-align: center;
}
 .tooltipData::after {
     background-color: #fff;
     border-radius: 10px;
     color: #000;
     display: none;
     padding: 10px 15px;
     position: absolute;
     text-align: center;
     -webkit-box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
     box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
     z-index: 999;
}
 .tooltipData::before {
     background-color: #fff;
     -webkit-box-shadow: 0 5px 35px rgb(0 0 0 / 100%);
     box-shadow: 0 5px 35px rgb(0 0 0 / 100%);
     content: ' ';
     display: none;
     position: absolute;
     width: 15px;
     height: 15px;
     z-index: 999;
}
 .tooltipData:hover::after {
     display: block;
}
 .tooltipData:hover::before {
     display: block;
}
 .tooltipData.top::after {
     content: 'Karar Metninin Tamamını Görüntüle';
     top: 0;
     left: 50%;
     transform: translate(-50%, calc(-100% - 10px));
}
 .tooltipData.top::before {
     top: 0;
     left: 50%;
     transform: translate(-50%, calc(-100% - 5px)) rotate(45deg);
}
 @media (min-width: 992px) {
     .section.ui-bg-cover.ui-cover-1::before {
         background-position: center 0;
         background-image: url(../images/section-bg-gallery.png);
    }
}
 @media (min-width: 992px) {
     .section-shortcuts .section-container {
         padding-top: 40px;
         padding-bottom: 40px;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container {
         max-width: 390px;
         padding-top: 15px;
    }
}
 @media (min-width: 480px) and (max-width: 767px) {
     .section-shortcuts .section-container {
         max-width: 600px;
         padding-top: 20px;
    }
}
 @media (max-width: 767px) {
     .section-shortcuts .section-container {
         margin-left: auto;
         margin-right: auto;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-shortcuts .section-container {
         padding-top: 20px;
    }
}
 @media (min-width: 768px) {
     .section-shortcuts .section-container .shortcuts {
         margin-left: -15px !important;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .shortcuts.ui-style-item .shortcuts-card a {
         padding-left: 15px;
         padding-right: 10px;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .shortcuts.ui-style-item .shortcuts-card a .icon {
         font-size: 20px;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .shortcuts.ui-style-item .shortcuts-card a .desc {
         padding-left: 8px;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .shortcuts.ui-style-item .shortcuts-card a .desc .title {
         font-size: 12px;
         line-height: 1.35;
    }
}
 @media (min-width: 768px) {
     .section-shortcuts .section-container .owl-shortcuts .owl-stage {
         padding-left: 15px !important;
    }
}
 .section-shortcuts .section-container .owl-shortcuts .owl-stage .owl-item {
     -webkit-transition: .4s;
     -o-transition: .4s;
     transition: .4s;
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .owl-shortcuts .owl-stage .owl-item .item {
         -webkit-transition: .4s;
         -o-transition: .4s;
         transition: .4s;
    }
}
 @media (max-width: 479px) {
     .section-shortcuts .section-container .owl-shortcuts .owl-stage .owl-item:not(.active) .item {
         opacity: 0;
         visibility: hidden;
    }
}
 .section-shortcuts .list-shortcuts {
     display: none;
}
 @media (max-width: 767px) {
     .section-shortcuts .list-shortcuts {
         padding-left: 25px;
         padding-right: 25px;
    }
}
 @media (min-width: 768px) and (max-width: 991px) {
     .section-shortcuts .list-shortcuts {
         padding-left: 18px;
         padding-right: 28px;
         max-width: 768px;
    }
}
 @media (max-width: 991px) {
     .section-shortcuts .list-shortcuts {
         display: block;
    }
}
 .list-shortcuts.ui-item-fixed ul li:not(:first-child) a:hover::before {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 .list-shortcuts.ui-item-fixed ul li:first-child a::after {
     content: "";
     position: absolute;
     z-index: -1;
     top: 1px;
     right: -17px;
     bottom: 2px;
     left: -17px;
     border-radius: 11px;
}
 .list-shortcuts.ui-item-fixed ul li:first-child .icon {
     color: #6eb444;
}
 .list-shortcuts.ui-item-fixed ul li:first-child .description .title {
     color: #5e788f;
}
 .list-shortcuts.ui-item-fixed ul li:first-child .description .text {
     color: #5e788f;
}
 .list-shortcuts:not(.ui-item-fixed) ul li a:hover::before {
     opacity: 1;
     visibility: visible;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 .list-shortcuts:not([class*="ui-style-"]) ul li a::before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 1px;
     right: -17px;
     bottom: 2px;
     left: -17px;
     background-color: rgba(219, 226, 231, 0.4);
     border-radius: 11px;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: scale(0.97);
     -ms-transform: scale(0.97);
     transform: scale(0.97);
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
}
 .list-shortcuts:not([class*="ui-style-"]):not([class*="ui-size-"]) .description .title {
     font-size: 16px;
     letter-spacing: -0.5px;
}
 .list-shortcuts:not([class*="ui-style-"]).ui-size-small .description .title {
     font-size: 13px;
     letter-spacing: -0.3px;
}
 .list-shortcuts:not([class*="ui-style-"]) .icon {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 40px;
     flex: 0 0 40px;
     max-width: 40px;
     color: #6eb444;
     font-size: 32px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-content: center;
     border-radius: 11px;
}
 .list-shortcuts:not([class*="ui-style-"]) .icon svg {
     fill: #6eb444;
}
 .list-shortcuts:not([class*="ui-style-"]) .description {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(100% - 40px);
     flex: 0 0 calc(100% - 40px);
     max-width: calc(100% - 40px);
}
 .list-shortcuts:not([class*="ui-style-"]) .description .title {
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
 .list-shortcuts.ui-style-letter ul li a:hover .letter {
     background-color: #fe7e00;
     color: #fff;
}
 .list-shortcuts.ui-style-letter .letter {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 70px;
     flex: 0 0 70px;
     max-width: 70px;
     height: 70px;
     text-transform: uppercase;
     background-color: rgba(254, 126, 0, 0.1);
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     border-radius: 11px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #fe7e00;
     font-size: 32px;
     font-weight: 900;
     -webkit-transition: .3s;
     -o-transition: .3s;
     transition: .3s;
}
 .list-shortcuts.ui-style-letter .description {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(100% - 70px);
     flex: 0 0 calc(100% - 70px);
     max-width: calc(100% - 70px);
}
 .list-shortcuts.ui-style-letter .description .title {
     font-size: 14px;
     letter-spacing: -0.3px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 40px;
}
 .list-shortcuts.ui-style-photo .photo {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 120px;
     flex: 0 0 120px;
     max-width: 120px;
     height: 85px;
     border-radius: 15px;
     overflow: hidden;
     -webkit-box-shadow: 0 0 20px rgba(94, 120, 143, 0.1);
     box-shadow: 0 0 20px rgba(94, 120, 143, 0.1);
}
 .list-shortcuts.ui-style-photo .photo:not(.ui-contain) img {
     -o-object-fit: cover;
     object-fit: cover;
}
 .list-shortcuts.ui-style-photo .photo.ui-contain {
     padding: 11px;
     background-color: #fff;
}
 .list-shortcuts.ui-style-photo .photo.ui-contain img {
     -o-object-fit: contain;
     object-fit: contain;
}
 .list-shortcuts.ui-style-photo .photo img {
     width: 100%;
     height: 100%;
}
 .list-shortcuts.ui-style-photo .description {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 calc(100% - 120px);
     flex: 0 0 calc(100% - 120px);
     max-width: calc(100% - 120px);
}
 .list-shortcuts.ui-style-photo .description .title {
     font-size: 14px;
     letter-spacing: -0.3px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 40px;
}
 .list-shortcuts:not([class*="ui-size-"]) .description .text {
     font-size: 13px;
}
 .list-shortcuts.ui-size-small .description .text {
     font-size: 12px;
}
 .list-shortcuts ul li {
     position: relative;
     z-index: 1;
}
 .list-shortcuts ul li::after {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     height: 1px;
     background-image: -o-radial-gradient(rgba(94, 120, 143, 0.1) 60%, transparent, transparent);
     background-image: radial-gradient(rgba(94, 120, 143, 0.1) 60%, transparent, transparent);
}
 .list-shortcuts ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-top: 15px;
     padding-bottom: 15px;
     position: relative;
     z-index: 1;
}
 .list-shortcuts .description {
     padding-left: 20px;
     line-height: 1.4;
}
 .list-shortcuts .description .title {
     text-transform: uppercase;
     color: #5e788f;
     font-weight: 900;
}
 .list-shortcuts .description .text {
     color: #7a93a9;
     margin-top: 3px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: auto;
}
/*EKSTRALAR*/
 .quick-links-block .collapse{
     display:block;
     overflow:hidden;
     padding-bottom:.5rem 
}
 .quick-links-block .collapse-toggle{
     background:#fff;
     border:1px solid #333;
     border-radius:10px;
     color:#333;
     display:inline-flex;
     align-items:center;
     justify-content:center;
     font-weight:600;
     height:1.71429rem;
     line-height:1;
     min-width:10rem;
     padding:.25rem 1rem;
     position:absolute;
     bottom:-.85714rem;
     left:50%;
     text-align:center;
     text-transform:uppercase;
     z-index:1;
     transform:translateX(-50%) 
}
 .quick-links-block .collapse-toggle>span{
     display:block;
     opacity:0;
     position:absolute;
     left:50%;
     top:50%;
     transform:translate(-50%,-50%);
     visibility:hidden;
     width:100% 
}
 .quick-links-block .collapse-toggle.collapsed>.toggle-shown,.quick-links-block .collapse-toggle:not(.collapsed)>.toggle-hidden{
     opacity:1;
     visibility:visible 
}
 @media only screen and (max-width: 991.99px) and (min-width: 425.01px){
     .quick-links-block .collapse-toggle[aria-expanded=false]~.collapse,.quick-links-block .collapse-toggle[aria-expanded=false]~.collapsing{
         height:215px!important 
    }
}
 @media (max-width:425px){
     .quick-links-block .collapse-toggle[aria-expanded=false]~.collapse,.quick-links-block .collapse-toggle[aria-expanded=false]~.collapsing{
         height:212px!important 
    }
}
 @media (min-width:992px){
     .quick-links-block .collapse-toggle{
         display:none 
    }
}
 .quick-links{
     background-color:#fff;
     border-width:1px 0 0 1px;
     border-radius:10px;
     display:flex;
     flex-wrap:wrap;
     margin-bottom:-1px;
     overflow:hidden 
}
 .quick-links,.quick-links .link{
     border-color:#d1d3d4;
     border-style:solid 
}
 .quick-links .link{
     --padding:1rem 1.125rem;
     border-width:0 1px 1px 0;
     color:#464547;
     display:flex;
     flex-wrap:wrap;
     align-items:center;
     overflow:hidden;
     padding:var(--padding);
     position:relative;
     transition:all .25s ease;
     z-index:0 
}
 .quick-links a.link{
     width:100% 
}
 .quick-links a.link:hover{
     background-color:#e6e7e8;
     color:#000 
}
 .quick-links .link-icon{
     --font-size:2.25rem;
     --padding:0.25rem;
     color:#000;
     font-size:var(--font-size);
     line-height:1;
     text-align:center;
     padding:var(--padding);
     width:calc(var(--font-size) + (var(--padding) * 2)) 
}
 .quick-links .link-title{
     --font-size:0.875rem;
     --line-clamp:2;
     --line-height:1.25;
     display:flex;
     flex-wrap:wrap;
     align-items:center;
     flex-basis:0;
     flex-grow:1;
     font-size:var(--font-size);
     font-weight:600;
     height:calc(var(--font-size) * var(--line-height) * var(--line-clamp));
     line-height:var(--line-height);
     max-width:100% 
}
 .quick-links .link-icon+.link-title{
     margin-left:1.5rem 
}
 .quick-links .link.link-view-all{
     background-color:#ffd204;
     background-image:linear-gradient(45deg,#fbc115 0,#ffd204 100%);
     color:#000;
     justify-content:center;
     text-align:center;
     -webkit-user-select:none;
     -moz-user-select:none;
     user-select:none;
     width:100% 
}
 .quick-links .link.link-view-all:before{
     background:url(../images/selcuklu_kartali.png) center top no-repeat;
     content:"";
     display:block;
     height:0;
     opacity:.16;
     padding-bottom:125%;
     position:absolute;
     left:50%;
     top:1rem;
     transform:translateX(-50%);
     width:60%;
     z-index:-1 
}
 .quick-links .link.link-view-all .link-icon{
     width:auto 
}
 .quick-links .link.link-view-all .link-title{
     flex-direction:column;
     flex-wrap:nowrap;
     align-items:flex-start;
     justify-content:center;
     flex:none;
     height:auto 
}
 .quick-links .link.link-view-all .link-title small,.quick-links .link.link-view-all .link-title strong{
     display:block;
     line-height:1 
}
 .quick-links .link.link-view-all .link-title strong{
     font-size:1.75rem;
     font-weight:800;
     letter-spacing:.4em;
     margin-top:.75rem 
}
 .quick-links .link.link-view-all .link-title small{
     font-size:.875rem;
     letter-spacing:.01em;
     margin-top:.5rem;
     text-decoration:underline;
     text-underline-offset:2px 
}
 @media (max-width:767.98px){
     .quick-links .link.link-view-all .link-icon{
         zoom:.75 
    }
     .quick-links .link.link-view-all .link-title{
         margin-top:-1rem 
    }
}
 @media (min-width:576px){
     .quick-links a.link{
         width:50% 
    }
}
 @media (min-width:768px){
     .quick-links a.link{
         width:33.33333% 
    }
     .quick-links .link.link-view-all{
         width:66.66667% 
    }
}
 @media (min-width:992px){
     .quick-links a.link{
         width:25% 
    }
     .quick-links .link.link-view-all{
         width:100% 
    }
     .quick-links .link-title{
         --font-size:1rem;
         --line-height:1.33333 
    }
}
 @media (min-width:1200px){
     .quick-links .link{
         --padding:1.25rem 
    }
     .quick-links a.link{
        /* width:20%*/
    }
     .quick-links .link-icon{
         --font-size:3.25rem 
    }
     .quick-links .link.link-view-all{
         width:80% 
    }
}
 @media (min-width:1440px){
     .quick-links a.link{
        /* width:16.66667%*/
    }
     .quick-links .link-title{
         --font-size:1.125rem;
         --line-clamp:4 
    }
     .quick-links .link.link-view-all{
         width:33.33333% 
    }
}
 .xDbanner {
     background-color: #f8f9fa;
     border: 1px solid #ddd;
     border-radius: 5px;
     text-align: center;
     margin-bottom: 20px;
}
 .xDbanner img {
     max-width: 100%;
     height: auto;
     border-radius: 5px;
}
 .xDbanner h5 {
     margin-top: 10px;
     font-size: 1.2rem;
}
 #custom-carousel .item {
     position: relative;
     opacity: 0.2;
    /* Başlangıçta silik */
     transition: transform 0.3s ease, opacity 0.3s ease;
}
/* #custom-carousel .item img {
     width: 100%;
     border-radius: 10px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 #custom-carousel .owl-item.center .item {
     opacity: 1;
     transform: scale(1.1);
}
 #custom-carousel .owl-nav button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background-color: #333;
     color: #fff;
     border: none;
     padding: 10px 15px;
     border-radius: 50%;
     cursor: pointer;
}
 #custom-carousel .owl-nav .owl-prev {
     left: -50px;
}
 #custom-carousel .owl-nav .owl-next {
     right: -50px;
}
 #custom-carousel .owl-nav button:hover {
     background-color: #555;
}
 #custom-carousel .owl-nav {
     position: relative;
     margin-top: 10px;
}
 #custom-carousel .owl-nav .owl-prev, #custom-carousel .owl-nav .owl-next {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background-color: #333;
     color: #fff;
     border: none;
     padding: 10px 15px;
     border-radius: 50%;
     cursor: pointer;
     z-index: 10;
}
 #custom-carousel .owl-theme .owl-dots .owl-dot span {
     background:#000;
}
 #custom-carousel .owl-nav .owl-prev {
     left: -40px;
}
 #custom-carousel .owl-nav .owl-next {
     right: -40px;
}
 #custom-carousel .owl-nav .owl-prev:hover, #custom-carousel .owl-nav .owl-next:hover {
     background-color: #555;
}
 */
/* .carousel-container {
     width: 100%;
     max-width: 800px;
     margin: 0 auto;
     position: relative;
}
 #announcement-carousel .announcement-card {
     background: linear-gradient(to right, #eee, #fff);
     padding: 20px;
     text-align: center;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     opacity: 1;
     transition: transform 0.3s ease;
}
 #announcement-carousel .announcement-title {
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 10px;
     color: #333;
}
 #announcement-carousel .announcement-text {
     font-size: 14px;
     color: #666;
     margin-bottom: 10px;
}
 #announcement-carousel .announcement-date {
     font-size: 12px;
     color: #999;
}
 #announcement-carousel .owl-nav button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background-color: #333;
     color: #fff;
     border: none;
     padding: 10px 15px;
     border-radius: 50%;
     cursor: pointer;
     z-index: 10;
}
 #announcement-carousel .owl-nav .owl-prev {
     left: -50px;
}
 #announcement-carousel .owl-nav .owl-next {
     right: -50px;
}
 #announcement-carousel .owl-nav button:hover {
     background-color: #555;
}
*/
 .carousel-container {
     width: 100%;
     max-width: 800px;
     margin: 0 auto;
     position: relative;
     margin-top:40px;
}
 #announcement-carousel .announcement-card {
     border-radius: 8px;
     background:linear-gradient(to right, #eee, #fff);
     padding: 20px;
     opacity: 1;
    /* Kart net, silik değil */
     transition: transform 0.3s ease;
    /*margin-bottom: 20px;
    /* Kartlar arasında boşluk */
     width: 100%;
    /* Kartların genişliği %100 olacak */
     display: block;
    /* Kartların alt alta sıralanmasını sağla */
}
/* Kart başlığı */
 #announcement-carousel .announcement-title {
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 10px;
     color: #333;
}
/* Kart açıklaması */
 #announcement-carousel .announcement-text {
     font-size: 14px;
     color: #666;
     margin-bottom: 10px;
}
/* Kart tarihi */
 #announcement-carousel .announcement-date {
     font-size: 12px;
     color: #999;
}
/* Navigasyon okları */
 #announcement-carousel .owl-nav button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background-color: #333;
     color: #fff;
     border: none;
     padding: 10px 15px;
     border-radius: 50%;
     cursor: pointer;
     z-index: 10;
}
 #announcement-carousel .owl-nav .owl-prev {
     left: -50px;
}
 #announcement-carousel .owl-nav .owl-next {
     right: -50px;
}
 #announcement-carousel .owl-nav button:hover {
     background-color: #555;
}
/* Responsive Ayarlar */
 @media (max-width: 768px) {
     #announcement-carousel .announcement-card {
         margin-bottom: 10px;
        /* Küçük ekranlarda kartlar arasındaki boşluk daha az */
    }
}
 .menu-container {
     position: relative;
}
 nav {
     display: flex;
     padding: 10px 0;
}
 .menu-link {
     color: #000;
     text-decoration: none;
     padding: 10px 20px;
     cursor: pointer;
     position: relative;
}
 .menu-link:hover {
     background-color: #eee;
}
 .menu {
     list-style: none;
     margin: 0;
     padding: 0;
     display: none;
    /* Başlangıçta gizli */
     position: absolute;
     top: 50px;
     left: 0;
     background-color: #fff;
     border: 1px solid #ddd;
     width: 200px;
     z-index: 10;
}
 .menu li {
     border-bottom: 1px solid #ddd;
}
 .menu li a {
     display: block;
     padding: 10px;
     text-decoration: none;
     color: #333;
     z-index:9999999999999;
}
 .menu li a:hover {
     background-color: #f4f4f4;
}
 .submenu {
     top: 0;
     left: 100%;
}
 .overlay {
     display: none;
    /* Başlangıçta gizli */
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 5;
}
/* Responsive Tasarım */
 @media (max-width: 768px) {
     nav {
         flex-direction: column;
         align-items: center;
    }
}
 .section-mayor {
     margin-top: 75px;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     width: 100%;
     background-image: url("../img/baskan.jpg");
     height: 540px;
     position: relative;
}
 .section-mayor:before, .section-mayor:after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     height: 104px;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
}
/* .section-mayor:before {
     top: -30px;
     background-image: url("../../assets/img/arrow-down.png");
     z-index: -1;
}
 .section-mayor:after {
     bottom: -30px;
     background-image: url("../../assets/img/arrow-up.png");
}
 */
 .section-mayor .section-header {
     position: relative;
     top: -25px;
}
 .section-mayor .container {
    /*height: calc(100% - 103px);
    */
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: center;
}
 @media (max-width: 767px) {
     .section-mayor .container {
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
}
 .section-mayor {
     text-align: center;
}
/* Buton Konteyneri */
 .button-container {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 20px;
     margin-top: 20px;
}
/* Resimli Butonlar */
 .image-button {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-decoration: none;
     color: #333;
     font-size: 16px;
     transition: transform 0.3s, box-shadow 0.3s;
}
 .image-button img {
     border-radius: 10px;
}
 .image-button span {
     font-weight: bold;
     text-align: center;
}
 .image-button:hover {
     transform: scale(1.1);
}
 #custom-carousel .item {
     position: relative;
     opacity: 0.2;
    /* Başlangıçta silik */
     transition: transform 0.3s ease, opacity 0.3s ease;
}
 #custom-carousel .item img {
     width: 100%;
     border-radius: 10px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 #custom-carousel .owl-item.center .item {
     opacity: 1;
    /* Ortadaki öğe net */
    /*transform: scale(1.1);
    /* Ortadaki öğe büyütülür */
}
 #custom-carousel .owl-nav button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background-color: #333;
     color: #fff;
     border: none;
     padding: 10px 15px;
     border-radius: 50%;
     cursor: pointer;
}
 #custom-carousel .owl-nav .owl-prev {
     left: -50px;
}
 #custom-carousel .owl-nav .owl-next {
     right: -50px;
}
 #custom-carousel .owl-nav button:hover {
     background-color: #555;
}
 #etkinlik-carousel .item {
     position: relative;
     opacity: 0.2;
    /* Başlangıçta silik */
     transition: transform 0.3s ease, opacity 0.3s ease;
}
 #etkinlik-carousel .item img {
     width: 100%;
     border-radius: 10px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 #etkinlik-carousel .owl-item.center .item {
     opacity: 1;
    /* Ortadaki öğe net */
    /*transform: scale(1.1);
    /* Ortadaki öğe büyütülür */
}
 #etkinlik-carousel .owl-nav button {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background-color: #333;
     color: #fff;
     border: none;
     padding: 10px 15px;
     border-radius: 50%;
     cursor: pointer;
}
 #etkinlik-carousel .owl-nav .owl-prev {
     left: -50px;
}
 #etkinlik-carousel .owl-nav .owl-next {
     right: -50px;
}
 #etkinlik-carousel .owl-nav button:hover {
     background-color: #555;
}
 .nav-container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
}
 .nav-menu {
     display: flex;
     list-style: none;
     margin: 0;
     padding: 0;
}
 .nav-item {
     position: relative;
}
 .nav-link {
     text-decoration: none;
     color: #333;
     font-size: 16px;
     padding: 10px 15px;
     border-radius: 5px;
     font-weight:600;
     transition: background-color 0.3s ease, color 0.3s ease;
}
 .nav-link:hover {
     background-color: #47a9cb;
     border-bottom: solid 3px #79ac2b;
     color: white;
}
 .dropdown-menu {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     background-color: white;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     border-radius: 5px;
     list-style: none;
     padding: 5px 0;
     margin: 5px 0 0;
     z-index: 1000;
     width: 250px;
}
 .dropdown-menu .view-all {
     text-align: center;
     font-weight: bold;
     color: #007bff;
     border-top: 1px solid #ddd;
     margin-top: 10px;
     padding-top: 10px;
}
 .dropdown-menu .view-all:hover {
     background-color: #e8f5ff;
     color: #0056b3;
}
 .dropdown-menu li {
     padding: 0;
}
 .dropdown-menu a {
     display: block;
     padding: 7px 15px;
     text-decoration: none;
     color: #333;
     transition: background-color 0.3s ease;
}
 .dropdown-menu a:hover {
     background-color: #f0f0f0;
}
 .menu-toggle {
     display: none;
     font-size: 24px;
     cursor: pointer;
}
 @media (max-width: 768px) {
     .nav-menu {
         flex-direction: column;
         width: 100%;
         display: none;
    }
     .nav-menu.active {
         display: flex;
    }
     .nav-item {
         margin: 0;
         width: 100%;
    }
     .dropdown-menu {
         position: relative;
         width: 100%;
         box-shadow: none;
         margin: 0;
    }
     .menu-toggle {
         display: block;
         color: #007bff;
    }
}
/*2025 tema*/
 .p-breadcrumb {
     display: flex;
     align-items: center;
     width: 100%;
     gap: 0.5rem;
     padding: 0.5rem 1rem;
     background-color: #ffffff;
     border-radius: 20px;
     -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
     box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
    /*background: linear-gradient(to right, #edf4fb, #aae1f5);
     border-radius: 4px;
    */
     font-size: 14px;
     list-style: none;
     margin: 0;
     overflow: hidden;
}
 .p-breadcrumb li {
     display: inline;
}
 .p-breadcrumb li:not(:last-child)::after {
     content: "";
     margin: 0 0.3rem;
     color: #6c757d;
}
 .p-breadcrumb a {
     text-decoration: none;
     color: #333;
     font-family: monospace;
}
 .p-breadcrumb a:hover {
     text-decoration: underline;
}

 .custom-breadcrumb {
     display: flex;
     align-items: center;
     width: 100%;
     gap: 0.5rem;
     padding: 0.5rem 1rem;
     background-color: #ffffff;
     border-radius: 20px;
     -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
     box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
    /*background: linear-gradient(to right, #edf4fb, #aae1f5);
     border-radius: 4px;
    */
     font-size: 14px;
     list-style: none;
     margin: 0;
     overflow: hidden;
}
 .custom-breadcrumb li {
     display: inline;
}
 .custom-breadcrumb li:not(:last-child)::after {
     content: "//";
     margin: 0 0.3rem;
     color: #6c757d;
}
 .custom-breadcrumb a {
     text-decoration: none;
     color: #333;
}
 .custom-breadcrumb a:hover {
     text-decoration: underline;
}
 .breadcrumb-arrow {
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #007bff;
     color: #fff;
     border: none;
     border-radius: 50%;
     width: 1.5rem;
     height: 1.5rem;
     cursor: pointer;
     font-size: 0.8rem;
}
 .breadcrumb-arrow:hover {
     background-color: #0056b3;
}
 @media (max-width: 768px) {
     .custom-breadcrumb {
         font-size: 12px;
    }
     .breadcrumb-arrow {
         width: 1.2rem;
         height: 1.2rem;
         font-size: 0.7rem;
    }
}
/*@media (max-width: 767px) {
     .breadcrumb {
         display: none;
    }
}
*/
 .breadcrumb.ui-opacity ul li a {
     opacity: .5;
}
 .breadcrumb ul li a {
     font-family: "Roboto", sans-serif;
     font-size: 13px;
     color: #fff;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     letter-spacing: .5px;
     text-transform: uppercase;
     height: 30px;
     -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:before {
     content: "";
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     background: #fff;
     height: 2px;
     width: 0;
     -webkit-transition: width .3s;
     transition: width .3s;
}
 .breadcrumb ul li a .icon {
     font-size: 18px;
}
 .breadcrumb ul li:not(:last-child):hover a:before {
     width: calc(100% - calc( (8px * 2) + 13px));
}
 .breadcrumb ul li:hover:last-child a:before {
     width: 100%;
}
 .breadcrumb ul li:last-child a:after {
     display: none;
}
 @media (min-width: 990px) and (max-width: 2880px) {
     .hero{
        display:block !important;
    }
}
 @media (min-width: 360px) and (max-width: 820px) {
     .gizlenen {
        display: none !important;
    }
}
 .gizlenen {
    display: block;
}
/* Link Konteyneri */
 .link-container {
     display: flex;
     gap: 8px;
    /* Linkler arası boşluk */
     margin-left:2%;
}
/* Link Stilleri */
 .link-container a {
     display: block;
     padding: 8px 12px;
     font-size: 14px;
     font-weight: 500;
     text-decoration: none;
     color: #595b5c;
     background-color: #fff;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
     transition: background-color 0.3s;
     box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
    /* X, Y, Bulanıklık, Yayılma */
}
 .link-container a:hover {
     background-color: #eee;
}
/* Sadece Mobilde Optimize Görünüm */
 @media (max-width: 768px) {
     .link-container {
         flex-wrap: wrap;
        /* Küçük ekranlarda alt alta dizilir */
         gap: 6px;
    }
     .link-container a {
         flex: 1 1 calc(50% - 6px);
        /* Mobilde iki sütun yap */
         text-align: center;
    }
}
/* Brands */
 .default-slide-section {
     padding-top: 90px;
}
 .default-slide-section .container {
     max-width: 100%;
     padding: 0;
}
 .default-slide-section .container .default-slide-header {
     display: flex;
     align-items: center;
     margin: 0 120px 40px;
}
 .default-slide-section .default-slide-tab-menu {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 0 120px;
}
 .default-slide-section .default-slide-tab-menu ul {
     display: flex;
     align-items: center;
     list-style: none;
     gap: 5px;
     flex: 1;
     overflow-x: auto;
     overflow-y: hidden;
}
 .default-slide-section .default-slide-tab-menu ul li a {
     display: inline-block;
     padding: 29px 50px;
     border: 1px solid #20477f;
     border-radius: 100px;
     font-size: 30px;
     text-decoration: none;
     color: #20477f;
}
 .default-slide-section .default-slide-tab-menu ul li a:hover {
     color: #fff !important;
     background: #20477f;
}
 .default-slide-section .default-slide-tab-menu ul li a.active {
     background: #20477f;
     color: #fff;
}
 .default-slide-section .container .default-slide-header span:nth-child(1) {
     display: block;
     font-size: 20px;
     color: #000;
     margin-right: 50px;
}
 .default-slide-section .container .default-slide-header span:nth-child(2) {
     flex: 1;
     display: block;
     opacity: 0.2;
     background: #000;
     height: 1px;
}
 .default-slide-section .container .default-slide-slide-buttons {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-left: 50px;
}
 .slide-btn {
     width: 90px;
     min-width: 90px;
     height: 90px;
     border-radius: 100px;
     border: 1px solid #20467f;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: 0.3s;
     cursor: pointer;
}
 .slide-btn.swiper-button-disabled {
     opacity: 0.3;
     pointer-events: none;
}
 .slide-btn:hover {
     background: #20467f;
}
 .slide-btn:hover svg path {
     stroke: #fff;
}
 .slide-btn svg {
}
 .slide-btn svg path {
     transition: 0.3s;
}
 .default-slide-section .container .default-slide-container {
     display: flex;
     align-items: center;
     position: relative;
}
 .default-slide-section .container .default-slide-container .default-slide-content {
     max-width: 500px;
     display: flex;
     flex-direction: column;
     gap: 70px;
     position: relative;
     z-index: 2;
}
 .brands-section.default-slide-section .container:before {
     content: "";
     position: absolute;
     top: -200px;
     bottom: -100px;
     left: 0;
     right: 0px;
     background-image: url(../img/main/brand-bg.png);
     background-position: left center;
     background-size: contain;
     background-repeat: no-repeat;
     pointer-events: none;
     visibility: hidden;
}
 .default-slide-section .container .default-slide-container .default-slide-content .default-slide-title {
     font-weight: 400;
     font-size: 60px;
     color: #808080;
     line-height: 1.2;
}
 .default-slide-section .container .default-slide-container .default-slide-content .default-slide-title span {
     color: #20477f;
}
 .default-slide-section .container .default-slide-container .default-slide-content .link-button .link-button-icon svg path {
}
 .default-slide-section .container .default-slide-container .default-slide-slide {
     flex: 1;
     overflow: hidden;
     position: relative;
     margin-bottom: -50px;
}
 .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container {
     padding: 80px 120px 130px 110px;
     z-index: 0;
}
 .default-slide-section .container .default-slide-container .default-slide-slide:before {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 40px;
     background: linear-gradient(to right, #fff, #fff0);
     z-index: 1;
}
 .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container .swiper-wrapper {
}
 .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container .swiper-wrapper .swiper-slide {
     height: auto;
}
 .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container .swiper-wrapper .swiper-slide .slide-item {
     background: #fff;
     box-shadow: 0px 20px 80px 0px rgba(54, 56, 83, 0.15);
     height: 13vw;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container .swiper-wrapper .swiper-slide .slide-item img {
     width: 100%;
     height: 100%;
     object-fit: contain;
}
 @media (max-width: 1700px) {
     .default-slide-section .container .default-slide-container .default-slide-content .default-slide-title {
         font-size: 45px;
    }
     .default-slide-section .container .default-slide-container .default-slide-content {
         max-width: 400px;
    }
}
 @media (max-width: 1470px) {
     .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container {
         padding-left: 60px;
    }
     .default-slide-section .container .default-slide-header {
         margin: 0 50px 40px;
    }
     .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container {
         padding-right: 50px;
    }
     .default-slide-section .default-slide-tab-menu {
         margin: 0 50px;
    }
     .default-slide-section .default-slide-tab-menu ul li a {
         padding: 25px 40px;
         font-size: 25px;
         white-space: nowrap;
    }
}
 @media (max-width: 991px) {
     .brands-section.default-slide-section .container:before {
         top: 0;
         bottom: 0;
    }
     .default-slide-section .container .default-slide-container .default-slide-content .default-slide-title {
         font-size: 32px;
    }
     .default-slide-section .container .default-slide-container .default-slide-content {
         gap: 40px;
         max-width: 290px;
    }
     .slide-btn {
         width: 70px;
         min-width: 70px;
         height: 70px;
    }
     .slide-btn svg {
         height: auto;
         width: 50%;
    }
}
 @media (max-width: 767px) {
     .default-slide-section {
         padding-top: 50px;
    }
     .default-slide-section .container:before {
         bottom: 0;
         top: -100px;
    }
     .default-slide-section .container .default-slide-container {
         display: block;
         margin-left: 24px;
    }
     .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container .swiper-wrapper .swiper-slide .slide-item {
         height: 120px;
         padding: 10px;
         box-shadow: 0px 20px 30px 0px rgba(54, 56, 83, 0.15);
    }
     .default-slide-section .container .default-slide-container .default-slide-content .default-slide-title {
         font-size: 27px;
    }
     .default-slide-section .container .default-slide-header {
         margin: 0 24px 40px;
    }
     .default-slide-section .container .default-slide-header span:nth-child(2) {
    }
     .default-slide-section .container .default-slide-header span:nth-child(1) {
         font-size: 17px;
         max-width: 120px;
         margin-right: 10px;
    }
     .default-slide-section .container .default-slide-slide-buttons {
         margin-left: 10px;
    }
     .slide-btn {
         width: 50px;
         min-width: 50px;
         height: 50px;
    }
     .slide-btn svg {
         width: 32px;
    }
     .default-slide-section .container .default-slide-container .default-slide-content {
         max-width: initial;
         margin-right: 24px;
         gap: 30px;
    }
     .default-slide-section .container .default-slide-container .default-slide-slide:before {
         visibility: hidden;
    }
     .default-slide-section .container .default-slide-container .default-slide-slide {
         margin-bottom: 0;
         margin-left: -24px;
    }
     .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container {
         padding: 50px 24px 70px;
    }
}
/* Services Slide */
 .services-slide-section.default-slide-section .container .default-slide-container .default-slide-slide .swiper-container {
     padding: 0;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     transition: 0.3s;
}
 .services-slide-section.default-slide-section .container .default-slide-container .default-slide-slide .swiper-container+.swiper-container {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
}
 .services-slide-section.default-slide-section .container .default-slide-container .default-slide-slide .swiper-container.active {
     opacity: 1;
     visibility: visible;
     pointer-events: all;
}
 .services-slide-section.default-slide-section .container .default-slide-container .default-slide-slide:before {
     opacity: 0;
}
 .box-container {
    /* opacity: 0;
     */
     display: none;
    /* visibility: hidden;
     */
    /* position: absolute;
     */
    /* top: 0;
     */
}
 .box-container.active {
     display: inline-flex;
     margin: 0 auto;
     width: 100%;
}
 .box-wrapper {
     display: flex;
     gap: 20px;
     width: 100%;
     justify-content: center;
     flex-wrap: wrap;
}
 .services-slide-section.default-slide-section {
     margin-bottom: 200px;
}
/* Services */
 .service-item {
     text-decoration: none;
     border: 1px solid #ddd;
     background: #fff0;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: space-between;
     padding: 90px 50px;
     gap: 50px 0px;
     height: 100%;
     position: relative;
     border-radius: 20px;
}
 .service-item>span {
     color: #000;
     font-size: 24px;
     font-weight: 600;
     display: block;
     line-height: 1.2;
     transition: 0.4s;
     min-height: 57px;
     max-width: 65%;
}
 .service-item .box-container-bg-image {
     opacity: 0;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     max-width: unset;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: -1;
     transition: 0.4s;
     border-radius: 20px;
}
 .box-wrapper .swiper-slide {
     position: relative;
     width: calc(25% - 20px);
}
 .box-wrapper .swiper-slide:hover .box-container-bg-image {
     opacity: 1;
}
 .box-wrapper .swiper-slide.active:hover span {
     color: black;
}
 .box-wrapper .swiper-slide.active:hover img {
     opacity: 1;
}
 .box-wrapper .swiper-slide:hover span {
     color: white;
}
 .box-wrapper .swiper-slide:hover img {
     opacity: 0;
}
 .service-item:hover {
    /* background: #dddddd2e;
     */
}
 @media (max-width: 767px) {
     .default-slide-section {
         padding-top: 50px;
    }
     .default-slide-section .container:before {
         bottom: 0;
         top: -100px;
    }
     .default-slide-section .container .default-slide-container {
         display: block;
         margin-left: 24px;
    }
     .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container .swiper-wrapper .swiper-slide .slide-item {
         height: 120px;
         padding: 10px;
         box-shadow: 0px 20px 30px 0px rgba(54, 56, 83, 0.15);
    }
     .default-slide-section .container .default-slide-container .default-slide-content .default-slide-title {
         font-size: 27px;
    }
     .default-slide-section .container .default-slide-header {
         margin: 0 24px 40px;
    }
     .default-slide-section .container .default-slide-header span:nth-child(2) {
    }
     .default-slide-section .container .default-slide-header span:nth-child(1) {
         font-size: 17px;
         max-width: 120px;
         margin-right: 10px;
    }
     .default-slide-section .container .default-slide-slide-buttons {
         margin-left: 10px;
    }
     .slide-btn {
         width: 50px;
         min-width: 50px;
         height: 50px;
    }
     .slide-btn svg {
         width: 32px;
    }
     .default-slide-section .container .default-slide-container .default-slide-content {
         max-width: initial;
         margin-right: 24px;
         gap: 30px;
    }
     .default-slide-section .container .default-slide-container .default-slide-slide:before {
         visibility: hidden;
    }
     .default-slide-section .container .default-slide-container .default-slide-slide {
         margin-bottom: 0;
         margin-left: -24px;
    }
     .default-slide-section .container .default-slide-container .default-slide-slide .swiper-container {
         padding: 50px 24px 70px;
    }
}
 @media (max-width: 767px) {
     .services-banner .swiper-container .swiper-wrapper .swiper-slide .container {
         bottom: 20vh;
    }
     .services-list-slide.services-slide-section {
         margin-top: -10vh;
         margin-left: 24px;
         padding-top: 30px;
         padding-bottom: 30px;
         margin-bottom: 60px;
    }
     .services-banner {
         height: 90vh;
    }
     .services-banner .swiper-container .default-slide-slide-buttons-container {
         bottom: 13vh;
         text-align: left;
    }
     .services-banner .swiper-container .swiper-wrapper .swiper-slide span {
         font-size: 24px;
    }
     .default-slide-section .default-slide-tab-menu {
         margin: 0 24px;
    }
     .default-slide-section .default-slide-tab-menu ul li a {
         font-size: 17px;
         padding: 15px 20px;
    }
     .services-slide-section.default-slide-section {
         margin-bottom: 50px;
    }
     .services-slide-section.default-slide-section .default-slide-tab-menu {
         display: block;
    }
     .services-slide-section.default-slide-section .default-slide-tab-menu .default-slide-slide-buttons {
         margin-top: 20px;
         margin-left: 0;
    }
     .services-slide-section.default-slide-section .container .default-slide-container {
        /* margin-left: 48px;
        */
    }
     .services-slide-section.default-slide-section .container .default-slide-container .default-slide-slide {
         margin-top: 40px;
    }
     .service-item {
         padding: 20px 20px;
         gap: 40px;
    }
     .service-item img {
         max-width: 40px;
    }
     .service-item>span {
         font-size: 15px;
    }
     .services-list .list-category>span {
         font-size: 32px;
         margin-bottom: 25px;
    }
     .services-list .list-category ul li a {
         font-size: 4vw;
    }
     .services-list .list-grid {
         margin-top: 30px;
    }
     .services-list {
         margin-bottom: 50px;
    }
}
 @media (max-width: 767px) {
     .service-detail-banner {
         height: 90vh;
    }
     .box-wrapper .swiper-slide {
         width: 46%;
         height: 200px;
    }
     .content-title.gallery-title {
         font-size: 5vw;
    }
     .box-wrapper {
         grid-template-columns: repeat(1, 1fr);
    }
     .service-detail-banner .container {
         padding-left: 24px;
    }
     .service-detail-banner .container>span:before {
         visibility: hidden;
    }
     .service-detail-banner .container>span {
         border-left: none;
         padding-left: 0;
         font-size: 7vw;
    }
     .service-detail-content .container .service-detail-content-container:before {
         visibility: hidden;
    }
     .service-detail-content .container .service-detail-content-container>span:before {
         display: none;
    }
     .service-detail-content .container .service-detail-content-container>span:after {
         display: none;
    }
     .service-detail-content .container .service-detail-content-container>span {
         padding: 32px 24px 0;
         font-size: 20px;
    }
     .service-detail-content-row {
         margin-left: 24px;
         margin-top: 40px;
         gap: 20px;
    }
     .service-detail-content-row .content-title {
         font-size: 24px;
    }
     .service-detail-content-row p {
         font-size: 15px;
    }
     .service-detail-content .container .service-detail-content-container .content-slide {
         margin-left: 24px;
         margin-top: 50px;
    }
     .service-detail-content .container .service-detail-content-container .content-slide .slide-body .swiper-container .swiper-wrapper .swiper-slide span:nth-child(1) {
         font-size: 9vw;
    }
     .service-detail-content .container .service-detail-content-container .content-slide .slide-body .swiper-container .swiper-wrapper .swiper-slide {
         padding: 24px;
         gap: 40px;
    }
     .service-detail-content .container .service-detail-content-container .content-slide .slide-header>span {
         font-size: 15px;
         flex: 0.9;
         max-width: initial;
    }
     .service-detail-content .container .service-detail-content-container .content-slide .slide-header {
         padding-right: 24px;
    }
     .service-detail-content .container .service-detail-content-container .content-slide .slide-body {
         margin-top: 32px;
    }
     .service-detail-content .container .service-detail-content-container {
         padding-bottom: 24px;
    }
     .page-detail-slide-margin.page-detail-slide .slide-content {
         margin-right: 50px;
    }
     .service-detail-gallery {
         margin-top: 60px;
    }
     .service-detail-gallery .service-detail-gallery-list {
         margin-top: 40px;
         gap: 12px;
         grid-template-columns: repeat(2, 1fr);
    }
     .project-detail-content.service-detail-content {
         margin-top: 80px;
    }
}
 .service-item img {
     max-width: 70px;
}
 .menu-button {
     background-color: #007BFF;
     color: white;
     padding: 10px 20px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     font-size: 16px;
     z-index: 10;
}
 .popup-overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 1000;
     justify-content: center;
     align-items: center;
     z-index: 99999999999;
}
 .popup-content {
     background-color: white;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     width: 80%;
     max-width: 800px;
     max-height: 80%;
     overflow-y: auto;
     position: relative;
     z-index: 1010;
}
 .popup-content h2 {
     margin-top: 0;
}
 .popup-content strong {
     display: block;
     margin-top: 20px;
     font-size: 18px;
     text-align: left;
     color: #333;
     text-align: center;
}
 .popup-content ul {
     list-style: none;
     padding: 0;
     margin: 10px 0;
}
 .popup-content li {
     margin: 0;
     border-bottom: 1px solid #eee;
}
 .popup-content a {
     text-decoration: none;
     color: #696b6d;
     padding: 5px 0;
     display: block;
     transition: background-color 0.3s, box-shadow 0.3s;
}
 .popup-content a:hover {
     background-color: #f8f9fa;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
 .close-button {
     position: absolute;
     top: 10px;
     right: 10px;
     background: none;
     border: none;
     font-size: 40px;
     cursor: pointer;
}
 @media (max-width: 600px) {
     .popup-content {
         width: 90%;
    }
}
 .inner-page__photo img {
    display: none;
}
 .gizliBtn {
    margin:0 auto;
     padding-top:20px;
     color:#595b5c;
     display:flex;
     justify-content:center;
     font-weight:bold;
     display: none;
}
 .footer-menu {
     position: fixed;
     bottom: -70px;
    /* Başlangıçta görünmesin */
     left: 0;
     width: 100%;
     height: 70px;
     background-color: #fff;
     display: none;
     justify-content: space-around;
     align-items: center;
     box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     z-index: 1500;
    /* Overlay katmanından daha yüksek */
     transition: bottom 0.3s ease-in-out;
    /* Animasyon */
}
 .footer-menu.visible {
     bottom: 0;
    /* Görünür hale gelsin */
}
 .footer-menu .menu-item {
     color: #fff;
     text-decoration: none;
     text-align: center;
     flex: 1;
     position: relative;
}
 .footer-menu .menu-item i {
     display: block;
     font-size: 20px;
     margin-bottom: 5px;
}
 .footer-menu .menu-item span {
     font-size: 12px;
     display: block;
     color: #000;
}
 /*.alt-menu {
     position: fixed;
     bottom: -200px;
     left: 0;
     width: 100%;
     background-color: #fff;
     color: #fff;
     padding: 20px;
     transition: bottom 0.3s ease;
     z-index: 1100;
     display: none;
     max-height: 70%;
     overflow-y: auto;
     box-sizing: border-box;
        border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}
 .alt-menu.active {
     display: block;
     bottom: 50px;
   transition: bottom 0.3s ease-in-out;

}*/



/* Mobil görünüm için media query */
 @media (max-width: 768px) {
	 
	 .footer-bottom {
    background: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
	}	
	
	
	.footer-top {
    background: #3b4d5f;
    min-height: 450px;
    position: relative;
    overflow: hidden;
}
	 
     .footer-menu {
         display: flex;
        /* Sadece mobil cihazlarda göster */
    }
     .gizliBtn {
        margin:0 auto;
         padding-top:20px;
         color:#595b5c;
         display:flex;
         justify-content:center;
         font-weight:bold;
    }
     .mobildeGizle{
        display: none;
    }
}
 #scroll-or-back {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
     cursor: pointer;
     transition: transform 0.3s ease, opacity 0.3s ease;
}
 #scroll-or-back .icon {
     transition: transform 0.3s ease, opacity 0.3s ease;
}
 #scroll-or-back.scrolled .icon {
     transform: rotate(360deg);
    /* İkon dönüş animasyonu */
}

.fade-in-news {
    animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}




.alt-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    transition: transform 0.3s ease-in-out;
    z-index: 1100;
    display: block; /* Başlangıçta gizleme işini transform ile yapıyoruz */
    max-height: 70%;
    overflow-y: auto;
    box-sizing: border-box;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transform: translateY(100%); /* Menü başlangıçta aşağıda */
}

.alt-menu.active {
    transform: translateY(0); /* Açıldığında yukarı kayar */
}


 .alt-menu ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .alt-menu ul li {
     padding: 10px;
     border-bottom: 1px solid #ebebeb;
     text-align: center;
}
 .alt-menu ul li a {
     color:#000;
}
 .alt-menu ul li:last-child {
     border-bottom: none;
}
 .alt-menu .close-btn {
     position: absolute;
     top: 10px;
     right: 10px;
     color: #fff;
     border: none;
     padding: 5px 10px;
     cursor: pointer;
     border-radius: 3px;
}

 .mnoverlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.6);
    /* Karartma efekti */
     opacity: 0;
     visibility: hidden;
     z-index: 1050;
     transition: opacity 0.3s ease, visibility 0.3s ease;
}
 .mnoverlay.active {
     opacity: 1;
     visibility: visible;
}



        /* Alt Menü */
        .alt-menu {
            position: fixed;
            bottom: -100%;
            left: 0;
            width: 100%;
            background: white;
            padding: 20px;
            transition: bottom 0.4s ease-in-out;
            z-index: 1100;
            max-height: 60%;
            overflow-y: auto;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.2);
        }

        /* Menü Açıldığında */
        .alt-menu.active {
            bottom: 50px;
        }

        /* Kapatma Butonu */
        .close-btn {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            background: black;
            color: white;
            border: none;
            padding: 12px;
            font-size: 20px;
            border-radius: 50%;
            cursor: pointer;
            z-index: 1200;
            opacity: 0;
            transition: transform 0.4s ease, opacity 0.4s ease;
        }

        /* Buton Açıldığında Görünsün */
        .close-btn.show {
            opacity: 1;
            transform: translate(-50%, -120%);
        }

        /* Menü İçeriği */
        .alt-menu ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .alt-menu ul li {
            padding: 12px;
            border-bottom: 1px solid #ebebeb;
            text-align: center;
        }

        .alt-menu ul li a {
            color: black;
            text-decoration: none;
            font-size: 18px;
        }