@import url(https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap);
/* vietnamese */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  src: local("Nunito ExtraLight"), local("Nunito-ExtraLight"), url(/fonts/nunito1.woff2?664f08261f830356db9e57d240f74585) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  src: local("Nunito ExtraLight"), local("Nunito-ExtraLight"), url(/fonts/nunito2.woff2?7333269b779717515acd82619b768b4b) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200;
  src: local("Nunito ExtraLight"), local("Nunito-ExtraLight"), url(/fonts/nunito3.woff2?60090754c0dc5c5e613e8c62d82c3b61) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url(/fonts/nunito4.woff2?0c672fa4317a0df31ce88c88c2a8e80c) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url(/fonts/nunito5.woff2?0e65ee47994b8b67955013181795187a) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: local("Nunito SemiBold"), local("Nunito-SemiBold"), url(/fonts/nunito6.woff2?5a8861ee91a28236d75f972d89a4ce33) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* exo-100 - latin */
@font-face {
  font-family: "Exo";
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/exo-v8-latin-100.eot?75944778c190c613132139bb81ba90aa);
  /* IE9 Compat Modes */
  src: local("Exo Thin"), local("Exo-Thin"), url(/fonts/exo-v8-latin-100.eot?75944778c190c613132139bb81ba90aa?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-100.woff2?1624f44b9209a7daf6a9e7b4b10b212f) format("woff2"), url(/fonts/exo-v8-latin-100.woff?3427facf1f945bf05f3115d6b7e74fc3) format("woff"), url(/fonts/exo-v8-latin-100.ttf?bcc085cb5a9801f1eca6a050a915e3ef) format("truetype"), url(/fonts/exo-v8-latin-100.svg?9702941e174781ee6a2e6964ed395e71#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-100italic - latin */
@font-face {
  font-family: "Exo";
  font-style: italic;
  font-weight: 100;
  src: url(/fonts/exo-v8-latin-100italic.eot?5f35edb589dc3db8c0c5e2b2d4c35954);
  /* IE9 Compat Modes */
  src: local("Exo Thin Italic"), local("Exo-ThinItalic"), url(/fonts/exo-v8-latin-100italic.eot?5f35edb589dc3db8c0c5e2b2d4c35954?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-100italic.woff2?3c3e6cbec544693ef273899eaa1b663c) format("woff2"), url(/fonts/exo-v8-latin-100italic.woff?16c010615854594dd42c5b95ba775cdf) format("woff"), url(/fonts/exo-v8-latin-100italic.ttf?e37c0059a5b5d5499e16e6ad3e7231af) format("truetype"), url(/fonts/exo-v8-latin-100italic.svg?00a2832e06b2015ef8cc2eeb324d7c2a#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-200 - latin */
@font-face {
  font-family: "Exo";
  font-style: normal;
  font-weight: 200;
  src: url(/fonts/exo-v8-latin-200.eot?102370488d604c7c6422326c7310d965);
  /* IE9 Compat Modes */
  src: local("Exo ExtraLight"), local("Exo-ExtraLight"), url(/fonts/exo-v8-latin-200.eot?102370488d604c7c6422326c7310d965?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-200.woff2?9034cd1a1a83e36403474ac8d0bb4570) format("woff2"), url(/fonts/exo-v8-latin-200.woff?3501e2566b200005132085c3fb26ad2e) format("woff"), url(/fonts/exo-v8-latin-200.ttf?bf4ecb979e683c945fd73e32c001116f) format("truetype"), url(/fonts/exo-v8-latin-200.svg?381effbc78d8e63238434246b1d13ab6#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-200italic - latin */
@font-face {
  font-family: "Exo";
  font-style: italic;
  font-weight: 200;
  src: url(/fonts/exo-v8-latin-200italic.eot?f8864b9c47911ed5d3ccd4b5395fc279);
  /* IE9 Compat Modes */
  src: local("Exo ExtraLight Italic"), local("Exo-ExtraLightItalic"), url(/fonts/exo-v8-latin-200italic.eot?f8864b9c47911ed5d3ccd4b5395fc279?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-200italic.woff2?fa3f044f8d2da8fdcd79347f2c7c562b) format("woff2"), url(/fonts/exo-v8-latin-200italic.woff?500c151089e3fdd19808d9a464503fee) format("woff"), url(/fonts/exo-v8-latin-200italic.ttf?c0bde4267bbad6414b6ed8d3ebc9ce66) format("truetype"), url(/fonts/exo-v8-latin-200italic.svg?f685761a6ac55ac251d969baadeafe44#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-300 - latin */
@font-face {
  font-family: "Exo";
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/exo-v8-latin-300.eot?443524ad3b0e5878c6ee5c990e1ef92c);
  /* IE9 Compat Modes */
  src: local("Exo Light"), local("Exo-Light"), url(/fonts/exo-v8-latin-300.eot?443524ad3b0e5878c6ee5c990e1ef92c?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-300.woff2?f9bef833d59a401bfc0842eb21e79792) format("woff2"), url(/fonts/exo-v8-latin-300.woff?783fc2735d00ef6095a1edfe598a8a2c) format("woff"), url(/fonts/exo-v8-latin-300.ttf?7f98dc71b28085e1adcfd060520e61e1) format("truetype"), url(/fonts/exo-v8-latin-300.svg?f8f05f3d232a8fa5b0511492ce42b029#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-300italic - latin */
@font-face {
  font-family: "Exo";
  font-style: italic;
  font-weight: 300;
  src: url(/fonts/exo-v8-latin-300italic.eot?afb7b17b04ade1dc014619bcf2c86875);
  /* IE9 Compat Modes */
  src: local("Exo Light Italic"), local("Exo-LightItalic"), url(/fonts/exo-v8-latin-300italic.eot?afb7b17b04ade1dc014619bcf2c86875?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-300italic.woff2?e357dc9c0acafcaf22e2c9c07bcc39a6) format("woff2"), url(/fonts/exo-v8-latin-300italic.woff?1a10d0f3e321cd90d046812df87e894c) format("woff"), url(/fonts/exo-v8-latin-300italic.ttf?b6359b4b1946167eb9ff0f573d5f9151) format("truetype"), url(/fonts/exo-v8-latin-300italic.svg?75efb7aaf63e89741ef5c85063c7bff5#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-regular - latin */
@font-face {
  font-family: "Exo";
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/exo-v8-latin-regular.eot?2fbd6d7ff8f5b7ea63dda2a39025ea65);
  /* IE9 Compat Modes */
  src: local("Exo Regular"), local("Exo-Regular"), url(/fonts/exo-v8-latin-regular.eot?2fbd6d7ff8f5b7ea63dda2a39025ea65?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-regular.woff2?2c7d9a35e9b17528aebc30ac4b00b8f6) format("woff2"), url(/fonts/exo-v8-latin-regular.woff?ca0dc0e85d8131a930892f09ee2ecf08) format("woff"), url(/fonts/exo-v8-latin-regular.ttf?d7d10a6d7b764975e1342879fe33e496) format("truetype"), url(/fonts/exo-v8-latin-regular.svg?155aa9280a27998599cb899e809debc0#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-italic - latin */
@font-face {
  font-family: "Exo";
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/exo-v8-latin-italic.eot?56f6d5b0430de8848fe43391162270ff);
  /* IE9 Compat Modes */
  src: local("Exo Italic"), local("Exo-Italic"), url(/fonts/exo-v8-latin-italic.eot?56f6d5b0430de8848fe43391162270ff?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-italic.woff2?bcc05da02645e7a3e4f9dc159addf15f) format("woff2"), url(/fonts/exo-v8-latin-italic.woff?b5174330b7e42ef2078aa700219e731d) format("woff"), url(/fonts/exo-v8-latin-italic.ttf?bf15e5383aeebed125dbd6b67f75afb7) format("truetype"), url(/fonts/exo-v8-latin-italic.svg?439811b804f78f6311de38be760b56fa#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-500 - latin */
@font-face {
  font-family: "Exo";
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/exo-v8-latin-500.eot?49fae18e61f6169b475b4346876b06ca);
  /* IE9 Compat Modes */
  src: local("Exo Medium"), local("Exo-Medium"), url(/fonts/exo-v8-latin-500.eot?49fae18e61f6169b475b4346876b06ca?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-500.woff2?00a058db50fa84617116278575b214fa) format("woff2"), url(/fonts/exo-v8-latin-500.woff?e5af58e493a405cdf5bb8a9121d294a3) format("woff"), url(/fonts/exo-v8-latin-500.ttf?3658dc0108c2dd3c11b12993fc8b39d2) format("truetype"), url(/fonts/exo-v8-latin-500.svg?4ee93cbf1007be781238d140483f4ca0#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-500italic - latin */
@font-face {
  font-family: "Exo";
  font-style: italic;
  font-weight: 500;
  src: url(/fonts/exo-v8-latin-500italic.eot?3deb3ef318911c759bc31515ee9b5f75);
  /* IE9 Compat Modes */
  src: local("Exo Medium Italic"), local("Exo-MediumItalic"), url(/fonts/exo-v8-latin-500italic.eot?3deb3ef318911c759bc31515ee9b5f75?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-500italic.woff2?e19a41448acf76b4e38ded5dc246d235) format("woff2"), url(/fonts/exo-v8-latin-500italic.woff?2507d27bdabb5d1239040bd4fcb29fc6) format("woff"), url(/fonts/exo-v8-latin-500italic.ttf?7dcd0dfa831cdd3ead402006c0a28e1b) format("truetype"), url(/fonts/exo-v8-latin-500italic.svg?67370e445ced5f14ffd7dcf4ce17989c#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-600 - latin */
@font-face {
  font-family: "Exo";
  font-style: normal;
  font-weight: 600;
  src: url(/fonts/exo-v8-latin-600.eot?a1346e8907244a9cb0b9d18ca7fa6acf);
  /* IE9 Compat Modes */
  src: local("Exo SemiBold"), local("Exo-SemiBold"), url(/fonts/exo-v8-latin-600.eot?a1346e8907244a9cb0b9d18ca7fa6acf?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-600.woff2?be3416a7fcd6e3e38898f93a45a26763) format("woff2"), url(/fonts/exo-v8-latin-600.woff?9a92c6d571c5b602310bbce6beb5d178) format("woff"), url(/fonts/exo-v8-latin-600.ttf?cdbde5db19c602e52a3904c975bc12ba) format("truetype"), url(/fonts/exo-v8-latin-600.svg?560351dac820ee84b0ddd871016ad387#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-600italic - latin */
@font-face {
  font-family: "Exo";
  font-style: italic;
  font-weight: 600;
  src: url(/fonts/exo-v8-latin-600italic.eot?7201dfb8e167146cb07a3eda6da71862);
  /* IE9 Compat Modes */
  src: local("Exo SemiBold Italic"), local("Exo-SemiBoldItalic"), url(/fonts/exo-v8-latin-600italic.eot?7201dfb8e167146cb07a3eda6da71862?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-600italic.woff2?959d79c73442a4447fcb2af7c426f797) format("woff2"), url(/fonts/exo-v8-latin-600italic.woff?737224016c810b281acc3a9c2efd0c84) format("woff"), url(/fonts/exo-v8-latin-600italic.ttf?edd52da2f58edc9daec28ae7001837e1) format("truetype"), url(/fonts/exo-v8-latin-600italic.svg?048be9f75d8d71f8fa1664f6bea18979#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-700 - latin */
@font-face {
  font-family: "Exo";
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/exo-v8-latin-700.eot?304859363418d185426dd08e902cb1e1);
  /* IE9 Compat Modes */
  src: local("Exo Bold"), local("Exo-Bold"), url(/fonts/exo-v8-latin-700.eot?304859363418d185426dd08e902cb1e1?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-700.woff2?8c06ccb8f49e6f82c8c996441a1f498f) format("woff2"), url(/fonts/exo-v8-latin-700.woff?9e45b2c35cc8ed32dd0d3239cf4a5e86) format("woff"), url(/fonts/exo-v8-latin-700.ttf?462070fd0fef644ff95a5fbc7ad85c46) format("truetype"), url(/fonts/exo-v8-latin-700.svg?42c34aee8ff86b2337d6233ccf977271#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-700italic - latin */
@font-face {
  font-family: "Exo";
  font-style: italic;
  font-weight: 700;
  src: url(/fonts/exo-v8-latin-700italic.eot?c69530b4cf1bb47d165d10dcaca2ec13);
  /* IE9 Compat Modes */
  src: local("Exo Bold Italic"), local("Exo-BoldItalic"), url(/fonts/exo-v8-latin-700italic.eot?c69530b4cf1bb47d165d10dcaca2ec13?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-700italic.woff2?7ef26a37aaf815b74c54466aa3e494c2) format("woff2"), url(/fonts/exo-v8-latin-700italic.woff?db13af3ca0e744686f06f04c465d83a2) format("woff"), url(/fonts/exo-v8-latin-700italic.ttf?8facfaef033f8d1537fce553a878c73a) format("truetype"), url(/fonts/exo-v8-latin-700italic.svg?f02edd75e27502f82ed82f734b93498a#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-800 - latin */
@font-face {
  font-family: "Exo";
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/exo-v8-latin-800.eot?fd9434d8ee8459ed0633c9eb14954c77);
  /* IE9 Compat Modes */
  src: local("Exo ExtraBold"), local("Exo-ExtraBold"), url(/fonts/exo-v8-latin-800.eot?fd9434d8ee8459ed0633c9eb14954c77?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-800.woff2?bb0611de53e824b94956cd1f1f15653d) format("woff2"), url(/fonts/exo-v8-latin-800.woff?069fc018a6fab0df235692df6d4ebc1d) format("woff"), url(/fonts/exo-v8-latin-800.ttf?cc26ecefc0b72a93e52b55a1b4dd8536) format("truetype"), url(/fonts/exo-v8-latin-800.svg?01e08d6349979d706a48aec5682162d0#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-800italic - latin */
@font-face {
  font-family: "Exo";
  font-style: italic;
  font-weight: 800;
  src: url(/fonts/exo-v8-latin-800italic.eot?059d45a9a6ae95fb7d5e65a1826e2737);
  /* IE9 Compat Modes */
  src: local("Exo ExtraBold Italic"), local("Exo-ExtraBoldItalic"), url(/fonts/exo-v8-latin-800italic.eot?059d45a9a6ae95fb7d5e65a1826e2737?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-800italic.woff2?9be41cbdcfb9ae063b0c69b2919efccd) format("woff2"), url(/fonts/exo-v8-latin-800italic.woff?c172ed82f93cef3ca8700d324e1ad77e) format("woff"), url(/fonts/exo-v8-latin-800italic.ttf?6c88988c771de38122bd71c0bb7d880e) format("truetype"), url(/fonts/exo-v8-latin-800italic.svg?fe5cee1f174a2149dee7805425d4bcd0#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-900 - latin */
@font-face {
  font-family: "Exo";
  font-style: normal;
  font-weight: 900;
  src: url(/fonts/exo-v8-latin-900.eot?fbd732183ce2ec011c5761d879af1627);
  /* IE9 Compat Modes */
  src: local("Exo Black"), local("Exo-Black"), url(/fonts/exo-v8-latin-900.eot?fbd732183ce2ec011c5761d879af1627?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-900.woff2?8506ef488e218a989eb34dfd64365f2b) format("woff2"), url(/fonts/exo-v8-latin-900.woff?4ff4598f76ede7db01a45ff67a0187fd) format("woff"), url(/fonts/exo-v8-latin-900.ttf?82d22ffcaa3ddf549ffb9d1920bb5297) format("truetype"), url(/fonts/exo-v8-latin-900.svg?94fb8353acf8a044dc73bf3db6e286a9#Exo) format("svg");
  /* Legacy iOS */
}
/* exo-900italic - latin */
@font-face {
  font-family: "Exo";
  font-style: italic;
  font-weight: 900;
  src: url(/fonts/exo-v8-latin-900italic.eot?c5c65dcd7712cbb7d2c1af3d3d868cf9);
  /* IE9 Compat Modes */
  src: local("Exo Black Italic"), local("Exo-BlackItalic"), url(/fonts/exo-v8-latin-900italic.eot?c5c65dcd7712cbb7d2c1af3d3d868cf9?#iefix) format("embedded-opentype"), url(/fonts/exo-v8-latin-900italic.woff2?ac51ddcf36e482bc1e781c02755b6b85) format("woff2"), url(/fonts/exo-v8-latin-900italic.woff?1a1b300d0a9a8046d9e18d2f64c0255c) format("woff"), url(/fonts/exo-v8-latin-900italic.ttf?3a279596ce6a79070825e9bef985a3dc) format("truetype"), url(/fonts/exo-v8-latin-900italic.svg?fb52cfc6f2125d2e3b65db3712d20084#Exo) format("svg");
  /* Legacy iOS */
}
.display-contents {
  display: contents;
}

.background-transparent {
  background: transparent !important;
  border: none !important;
}

.banner {
  display: none;
}

@media (max-width: 900px) {
  .logo {
    position: absolute;
    float: none !important;
    left: 50px;
    top: 8px;
  }

  .menu {
    display: none !important;
  }

  .banner {
    min-height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    color: #fff;
  }

  .non-header-sticky .hamburger__icon {
    background: #fff;
  }

  .hamburger {
    position: absolute;
    left: 15px;
    top: 30px;
    display: flex;
    height: 18px;
    width: 24px;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 1;
  }
  .hamburger__icon {
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #2b4156;
    border-radius: 2px;
  }

  .sidebar {
    height: 100vh;
    width: 250px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    transform: translatex(-100%);
    transition: transform 0.4s ease-in-out;
    border-right: 1px solid #e9e9e9;
    z-index: 999;
  }
  .sidebar .mobil-logo {
    display: inline-block;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #bbb;
  }
  .sidebar .mobil-logo img {
    height: 66px;
    float: right;
    margin: 5px 15px 0 0;
  }
  .sidebar__close {
    position: absolute;
    top: 50%;
    right: -30px;
    background: #ebe9e8 !important;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.03);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translatex(-100%);
    cursor: pointer;
    transition: transform 0.4s ease-in-out 0.2s;
  }
  .sidebar__close::before, .sidebar__close::after {
    content: "";
    height: 2px;
    background: #898989;
    width: 24px;
    display: block;
    position: absolute;
  }
  .sidebar__close::after {
    transform: rotate(90deg);
  }
  .sidebar__menu {
    display: inline-block;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #898989;
  }
  .sidebar__menu a {
    float: left;
    width: 100%;
    padding: 15px 0;
    color: currentcolor;
    text-decoration: none;
    transform: translatex(-80%);
    transition: transform 0.4s ease-in-out;
  }
  .sidebar__menu a::before {
    content: "";
    height: 2px;
    background: #898989;
    width: 120px;
    position: absolute;
    bottom: -2px;
    left: 0;
    transform: translatex(-50%);
    opacity: 0;
    transition: transform 0.4s ease-in-out, opacity 0.4s linear;
  }
  .sidebar__menu a:hover::before {
    transform: translatex(0);
    opacity: 1;
  }
  .sidebar__menu a:nth-child(1) {
    transition-delay: 0.05s;
  }
  .sidebar__menu a:nth-child(2) {
    transition-delay: 0.1s;
  }
  .sidebar__menu a:nth-child(3) {
    transition-delay: 0.15s;
  }
  .sidebar__menu a:nth-child(4) {
    transition-delay: 0.2s;
  }
  .sidebar__menu a:nth-child(5) {
    transition-delay: 0.25s;
  }

  .menu-control {
    display: none;
  }
  .menu-control:checked + .sidebar {
    transform: translatex(0);
  }
  .menu-control:checked + .sidebar .sidebar__close {
    transform: translatex(0) rotate(45deg);
  }
  .menu-control:checked + .sidebar .sidebar__menu a {
    transform: translatex(0);
  }
}
html,
body {
  margin: 0;
  min-height: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  background: rgba(33, 73, 123, 0.05);
}

* {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
*::-webkit-scrollbar {
  width: 7px;
}
*::-webkit-scrollbar-track {
  background: #f1f1f1;
}
*::-webkit-scrollbar-thumb {
  background: #888;
}
*::-webkit-scrollbar-thumb:hover {
  background: #555;
}

main {
  padding-top: 71px;
}

@media (max-width: 768px) {
  mobil {
    display: initial;
  }

  .mobil-toggle:after {
    content: none;
  }

  masaustu {
    display: none;
  }
}
@media (min-width: 769px) {
  mobil {
    display: none;
  }

  masaustu {
    display: initial;
  }
}
.hero {
  position: relative;
}

.hero.has-img {
  background-position-x: -50px;
  background-repeat: no-repeat;
}

.hero.is-pastel {
  background-color: rgba(255, 156, 0, 0.0901960784);
  color: #161616;
}

ol.breadcrumb1 {
  margin-bottom: 0.5rem !important;
}

.breadcrumb1 {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  font-size: 14px !important;
  padding: 0px;
}

.bread1-title-content {
  padding: 0 1.7em;
}
.bread1-title-content .bread1-content {
  font-size: 14px;
}
.bread1-title-content .bread1-content a {
  color: #444;
}

.breand-container {
  position: relative;
  background: url(/images/bg-search.jpg);
  padding: 12px 0 5px 0;
  margin-bottom: 20px;
}
.breand-container::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(2, 28, 53, 0.76);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.breand-container a {
  color: #fff !important;
  z-index: 9;
}

.top-label {
  position: relative;
}
.top-label label {
  position: absolute;
  background: #fff;
  top: -10px;
  font-size: 12px;
  left: 10px;
  color: #ced4da;
  padding: 0 5px;
}

.form-control:focus {
  border-color: #ced4da;
  outline: initial !important;
  box-shadow: initial !important;
}

.modal-footer,
.modal-header {
  border: none !important;
}

.white-content {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.p15 {
  padding: 15px;
}

.p25 {
  padding: 25px;
}

.p-t-0 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt30 {
  margin-top: 30px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb30 {
  margin-bottom: 30px;
}

.btn-custom {
  background: #4FD2C7;
  color: #fff;
  padding: 5px 15px;
  transition: all 0.15s;
  position: relative;
  z-index: 2;
}
.btn-custom:hover {
  background: #4FD2C7;
  color: #fff;
  opacity: 0.8;
}

.inside-label {
  position: relative;
}
.inside-label .form-control {
  height: 43px !important;
}
.inside-label .form-control button {
  height: 43px !important;
}
.inside-label label {
  position: absolute;
  top: 14px;
  left: 13px;
  color: #999;
  pointer-events: none;
  transition: all 0.15s;
  padding: 0 5px;
  background: #fff;
  z-index: 3 !important;
}
.inside-label .form-control:focus ~ label,
.inside-label .yazi-dolu {
  top: -9px;
  font-size: 11px;
  font-weight: bold;
  z-index: 3 !important;
  color: #21497b;
}

.inside-label-radio label {
  display: block;
  position: initial;
  padding: 0;
  margin: 0;
}

.content-page-title {
  text-align: center;
  color: #21497b;
  font-size: 40px;
  padding-bottom: 15px;
  padding-top: 30px;
  margin: auto;
  position: relative;
}
@media (max-width: 576px) {
  .content-page-title {
    font-size: 30px;
  }
}

.title-left {
  text-align: left !important;
}

.content-page-title-slogan {
  max-width: 600px;
  text-align: center;
  margin: auto;
}

#login-form .or {
  position: relative;
  text-align: center;
  font-size: 11px;
  padding: 10px;
}
#login-form .or:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #efefef;
  position: absolute;
  left: 0;
  top: 18px;
  z-index: 0;
}
#login-form .or span {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 5px 10px;
}
#login-form .sifremi-unuttum {
  font-size: 11px;
  padding: 5px;
  color: #21497b;
  text-decoration: none;
  transition: all 0.15s;
}
#login-form .sifremi-unuttum:hover {
  color: #4FD2C7;
}

.btn-custom-facebook {
  background: #4267b2;
  padding: 10px;
  color: #fff;
  opacity: 1;
  transition: all 0.15s;
}
.btn-custom-facebook:hover {
  color: #fff;
  opacity: 0.8;
}

.btn-custom-twitter {
  background: #1da1f2;
  padding: 10px;
  color: #fff;
  opacity: 1;
  transition: all 0.15s;
}
.btn-custom-twitter:hover {
  color: #fff;
  opacity: 0.8;
}

.btn-custom-white {
  background: transparent;
  border: 1px solid #333;
  padding: 10px;
  color: #333;
  opacity: 1;
  transition: all 0.15s;
}
.btn-custom-white:hover {
  color: #333;
  opacity: 0.8;
}

.login-modal-title {
  color: #21497b;
  font-weight: bold;
  margin: auto;
  text-align: center;
  padding: 30px 0;
}

#register-form .slogan {
  color: #21497b;
}
#register-form .slogan ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-right: 1px solid rgba(33, 73, 123, 0.07);
}
#register-form .slogan ul li {
  width: 100%;
  display: flow-root;
  padding: 15px 0;
}
#register-form .slogan ul li i {
  display: block;
  font-size: 26px;
  padding: 10px;
  width: 50px;
  float: left;
}
#register-form .slogan ul li p {
  padding: 0;
  margin: 0;
  float: left;
  width: calc(100% - 50px);
}
#register-form .cc {
  font-size: 12px;
  padding: 15px 0 0 0;
  color: rgba(34, 34, 34, 0.8);
}
#register-form .cc a {
  color: #21497b;
}
#register-form .account-already {
  padding: 30px 0;
  text-align: center;
  color: rgba(34, 34, 34, 0.8);
}
#register-form .account-already a {
  color: #21497b;
  font-weight: 600;
}

.box-list {
  list-style: none;
  padding: 0;
  display: flow-root;
  padding-top: 30px !important;
  margin: 0 -10px;
  padding: 0;
}
.box-list li {
  float: left;
  width: 100%;
  padding: 0 10px;
  overflow: hidden;
  margin-bottom: 15px;
}
.box-list li:nth-child(0) {
  border-right: 1px solid #747474;
}
@media (min-width: 992px) {
  .box-list li {
    width: 50%;
  }
}
.box-list li h4 {
  position: relative;
  width: 100%;
  padding-left: 20px;
}
.box-list li h4::after {
  position: absolute;
  left: 0px;
  top: 3px;
  content: ">";
}
.box-list li h4 a {
  color: #21497b;
  font-size: 14px;
  font-weight: bold;
}
.box-list li .sub-cont {
  width: 100%;
  padding: 10px;
}
.box-list li .sub-cont .sub {
  position: relative;
  font-size: 11px;
  color: #747474;
  padding-right: 15px;
}
.box-list li .sub-cont .sub::after {
  position: absolute;
  right: 5px;
  top: 0px;
  content: "~";
}
.box-list li .sub-cont .sub:last-child::after {
  display: none;
}
.box-list li .sub-cont .sub-plus {
  clear: both;
  display: table;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  background: #fcfcfc;
  padding: 1px 5px 2px 5px;
  font-size: 10px;
  color: #747474;
  margin-left: 0px;
  margin-top: 3px;
}
.box-list.services-list li, .box-list.branches-list li {
  height: 140px;
}
.box-list.services-list li div, .box-list.branches-list li div {
  float: left;
  width: 100%;
  height: 100%;
}

.btn.dropdown-toggle.btn-light {
  border: 1px solid #ced4da;
  background-color: #fff !important;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  background-color: #fff !important;
}

ul.detail-sub-list {
  list-style: none;
}
ul.detail-sub-list li {
  width: 100%;
  font-size: 15px;
  padding: 8px 0;
}
ul.detail-sub-list li a {
  color: #444;
}
ul.detail-sub-list li a::before {
  content: "-";
  margin-right: 5px;
}

.tesis-tur-list.box-list li {
  height: 50px !important;
}

.login-modal-new .modal-dialog {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.login-modal-new .center-bg {
  position: relative;
  color: #fff;
  width: 100%;
  height: calc(100vh - 70px);
  border-radius: 75px 75px 0 0;
  margin-top: 70px;
}
.login-modal-new .center-bg:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 270px;
  z-index: -1;
  border-radius: 40px 40px 0 0;
  background: linear-gradient(90deg, #21497b 0%, #4FD2C7 100%);
}
@media (max-width: 1199px) {
  .login-modal-new .center-bg:after {
    content: none;
  }
}
.login-modal-new .login-logo {
  width: 250px;
  margin: 50px auto 10px auto;
}
@media (max-width: 1199px) {
  .login-modal-new .login-logo {
    display: none;
  }
}
.login-modal-new .login-logo svg {
  width: 100%;
  fill: #fff;
}
.login-modal-new .login-slider {
  padding: 20px 60px;
  color: #fff;
}
@media (max-width: 1199px) {
  .login-modal-new .login-slider {
    display: none;
  }
}
.login-modal-new .login-slider img {
  width: 100%;
}
.login-modal-new .login-slider h4 {
  padding: 15px 15px 0px 15px;
}
.login-modal-new .login-slider p {
  padding: 0px 15px 15px 15px;
}
.login-modal-new .login-slider .swiper-container {
  border-radius: 15px;
}
.login-modal-new .login-form {
  padding: 30px 60px 60px 60px;
  border-radius: 40px;
  position: absolute;
  bottom: 10%;
  right: 0;
  background: #fff;
  width: 550px;
  color: #000;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .login-modal-new .login-form {
    max-width: 100%;
    padding: 30px 15px;
    border-radius: 0;
  }
}

.global-header {
  width: 100%;
  height: 71px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  background: #fff;
  box-shadow: 1px 1px 5px rgba(33, 73, 123, 0.2);
  transition: all 0.15s;
}
.global-header .logo {
  float: left;
  margin-left: 10px;
}
.global-header .logo img {
  height: 70px;
  margin-left: 20px;
}
@media (max-width: 900px) {
  .global-header .logo img {
    margin-left: 0px;
    margin-top: 5px;
    height: 48px;
  }
}
.global-header .logo .imglogo {
  display: block;
}
.global-header .logo .imglogo-white {
  display: none;
}
.global-header .right-content {
  float: right;
}
.global-header .right-content .menu {
  float: left;
  margin: 15px 20px 0 0;
  position: relative;
}
.global-header .right-content .menu .mobil-menu-header {
  display: none;
}
@media (max-width: 383px) {
  .global-header .right-content .menu {
    margin: 15px 0 0 0;
  }
}
.global-header .right-content .menu ul {
  display: flex;
  list-style: none;
  padding: 11px;
  font-size: 14px;
}
.global-header .right-content .menu ul li {
  padding: 0 12px;
}
.global-header .right-content .menu ul li a {
  color: #222;
}
.global-header .right-content .menu ul li:hover {
  border-bottom: 2px solid #4FD2C7;
  padding-bottom: 8px;
}
.global-header .right-content .menu ul li:hover a {
  text-decoration: none;
}
.global-header .right-content .language {
  float: left;
  color: #222;
  margin: 15px 15px 0 0;
  position: relative;
}
@media (max-width: 383px) {
  .global-header .right-content .language {
    float: unset;
    position: fixed;
    right: 65px;
    top: 0px;
    margin: 15px 0 0 0;
  }
}
.global-header .right-content .language .language-button {
  cursor: pointer;
  padding: 10px;
  border-radius: 5px 5px 0 0;
}
@media (max-width: 383px) {
  .global-header .right-content .language .language-button {
    padding: 10px 0 0 0;
  }
}
.global-header .right-content .language .language-content {
  background: #fff;
  position: absolute;
  width: 150px;
  right: 0;
  display: none;
  transition: all 0.15s;
  border-radius: 5px 0 5px 5px;
}
.global-header .right-content .language .language-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.global-header .right-content .language .language-content ul li {
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}
.global-header .right-content .language .language-content ul li:nth-last-child(1) {
  border: none;
}
.global-header .right-content .language .language-content ul li a {
  padding: 10px 15px;
  color: #222;
  text-decoration: none;
  display: block;
  width: 100%;
  transition: all 0.15s;
}
.global-header .right-content .language .language-content ul li a:hover {
  background: rgba(33, 73, 123, 0.05);
}
.global-header .right-content .language:hover .language-button {
  background: #fff;
  color: #21497b !important;
  padding: 5px 10px;
}
.global-header .right-content .language:hover .language-content {
  display: block;
}
.global-header .right-content .header-login {
  float: left;
  position: relative;
  padding: 15px;
}
@media (max-width: 383px) {
  .global-header .right-content .header-login {
    float: unset;
    position: fixed;
    right: 0px;
    top: 0px;
    padding: 15px 15px 0 0;
  }
}
.global-header .right-content .header-login .header-login-button {
  cursor: pointer;
  display: block;
  padding: 10px;
  border: 1px solid #222;
  border-radius: 5px;
  color: #222;
  text-decoration: none;
  transition: all 0.15s;
}
.global-header .right-content .header-login .header-login-button:hover {
  background: #21497b !important;
  color: #fff !important;
  border-color: #21497b !important;
}
.global-header .right-content .header-login .user-profile {
  float: left;
  height: 40px;
  width: 40px;
  padding-top: 8px;
  margin: 2px 0 0 10px;
  border-radius: 50%;
  font-size: 17px;
  color: white;
  background: white;
  text-align: center;
  cursor: pointer;
}
.global-header .right-content .header-login .header-user-content {
  background: #fff;
  position: absolute;
  width: 150px;
  right: 15px;
  display: none;
  transition: all 0.15s;
  border-radius: 5px;
  top: 55px;
}
.global-header .right-content .header-login .header-user-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-header .right-content .header-login .header-user-content ul li {
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}
.global-header .right-content .header-login .header-user-content ul li:nth-last-child(1) {
  border: none;
}
.global-header .right-content .header-login .header-user-content ul li a {
  padding: 10px 15px;
  color: #222;
  text-decoration: none;
  display: block;
  width: 100%;
  transition: all 0.15s;
}
.global-header .right-content .header-login .header-user-content ul li a:hover {
  background: rgba(33, 73, 123, 0.05);
}
.global-header .right-content .header-login:hover .header-user-content {
  display: block;
}
.global-header .menu-content {
  display: none;
  position: absolute;
  top: 71px;
  left: 0;
  width: 100%;
}
.global-header .menu-content .white-content {
  border-radius: 0 0 5px 5px;
  box-shadow: 1px 4px 5px rgba(33, 73, 123, 0.2);
}
.global-header .menu-content .title {
  color: #21497b;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.global-header .menu-content .title:after {
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  background: #21497b;
  left: 0;
  position: absolute;
}
.global-header .menu-content .icon-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flow-root;
}
.global-header .menu-content .icon-list ul li {
  float: left;
  width: 16.6666666667%;
  text-align: center;
  padding: 15px 0 0 15px;
}
.global-header .menu-content .icon-list ul li:nth-child(1) {
  padding-left: 0 !important;
}
.global-header .menu-content .icon-list ul li a {
  display: block;
  padding: 15px;
  border-radius: 5px;
  text-decoration: none;
  color: #222;
  transition: all 0.15s;
}
.global-header .menu-content .icon-list ul li a i {
  font-size: 25px;
  width: 100%;
  display: block;
}
.global-header .menu-content .icon-list ul li a:hover {
  background: #21497b;
  color: #fff;
}
.global-header .menu-content .text-list ul {
  list-style: none;
  margin: 0 -15px;
  padding: 0;
}
.global-header .menu-content .text-list ul li {
  float: left;
  width: 50%;
  padding: 15px 0 0 15px;
}
.global-header .menu-content .text-list ul li a {
  display: block;
  color: #222;
  transition: all 0.15s;
  text-decoration: none;
}
.global-header .menu-content .text-list ul li a:hover {
  color: #21497b;
}

.page-main {
  padding-top: 0 !important;
}
.page-main .global-header.non-header-sticky {
  background: transparent !important;
  box-shadow: none !important;
  background-attachment: black !important;
  padding: 15px 0 !important;
  height: auto !important;
}
.page-main .global-header.non-header-sticky .logo .imglogo {
  display: none;
}
.page-main .global-header.non-header-sticky .logo .imglogo-white {
  display: block;
}
.page-main .global-header.non-header-sticky .menu ul li a, .page-main .global-header.non-header-sticky .menu-button, .page-main .global-header.non-header-sticky .language-button {
  color: #fff;
}
.page-main .global-header.non-header-sticky .menu-button span {
  background: #fff !important;
}
.page-main .global-header.non-header-sticky .header-login-button {
  border-color: #fff !important;
  color: #fff !important;
}

.layout-footer {
  padding: 50px 0;
  background: #21497b;
  position: relative;
  top: 50px;
  color: rgba(255, 255, 255, 0.7);
}
.layout-footer .footer-top {
  width: 250px;
  position: absolute;
  height: 30px;
  top: -30px;
  background: #21497b;
}
.layout-footer .footer-top:after {
  content: " ";
  width: 70px;
  height: 50px;
  position: absolute;
  right: -53px;
  top: 14px;
  transform: rotate(30deg);
  background: #21497b;
}
.layout-footer .footer-content .footer-logo {
  padding-bottom: 15px;
}
.layout-footer .footer-content .footer-logo img {
  height: 85px;
}
.layout-footer .footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.layout-footer .footer-menu li a {
  color: rgba(255, 255, 255, 0.7);
}

.search-container {
  width: 100%;
  height: 100vh;
  background: url("/images/bg-search.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main-search {
  background: url("/images/bg-search.jpg") center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: relative;
}
.main-search:after {
  content: "";
  width: 100%;
  height: 100vh;
  background: rgba(2, 28, 53, 0.82);
  position: absolute;
  left: 0;
  top: 0;
}
.main-search .main-search-content {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-top: 26.3157894737vh;
}
@media (max-width: 576px) {
  .main-search .main-search-content {
    padding-top: 26.3157894737vh !important;
  }
}
.main-search .main-search-content h1 {
  max-width: 900px;
  width: 90%;
  margin: auto;
  color: #fff;
  margin-bottom: 50px;
}
.main-search .main-search-content h1 span {
  display: inline-block;
  color: #4dfff9;
  padding-bottom: 5px;
  border-bottom: 1px solid #4dfff9;
  margin-bottom: 5px;
}
.main-search .main-search-content .search-container {
  max-width: 900px;
  width: 90%;
  height: auto;
  max-height: 110px;
  margin: auto;
  background: hsla(0deg, 0%, 100%, 0.15);
  padding: 25px;
}
@media (max-width: 383px) {
  .main-search .main-search-content .search-container {
    padding: 15px;
  }
}
.main-search .main-search-content .search-container .search-bar {
  position: relative;
}
.main-search .main-search-content .search-container .search-bar .search-input {
  background: #fff;
  border-radius: 5px;
  padding: 8px 8px;
}
.main-search .main-search-content .search-container .search-bar .result-list {
  display: none;
  width: 100%;
  height: calc(100% - 50px);
  padding: 10px 20px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  margin-top: 10px;
  border-radius: 5px;
}
.main-search .main-search-content .search-container .search-bar .result-list::-webkit-scrollbar-thumb {
  background: #4FD2C7;
  border-radius: 5px;
}
.main-search .main-search-content .search-container .search-bar .result-list::-webkit-scrollbar {
  width: 5px;
}
.main-search .main-search-content .search-container .search-bar .result-list ul.result-tabs {
  display: flex;
  list-style: none;
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
  overflow-x: none;
  overflow-y: auto;
}
.main-search .main-search-content .search-container .search-bar .result-list ul.result-tabs::-webkit-scrollbar {
  width: 3px;
}
.main-search .main-search-content .search-container .search-bar .result-list ul.result-tabs li {
  display: flex;
  border-bottom: 3px solid #fff;
  padding: 5px 10px;
}
.main-search .main-search-content .search-container .search-bar .result-list ul.result-tabs li small {
  float: right;
  margin-top: 2px;
  margin-left: 5px;
  color: #747474;
}
.main-search .main-search-content .search-container .search-bar .result-list ul.result-tabs li:hover {
  cursor: pointer;
  border-bottom-color: #e4e4e4;
}
.main-search .main-search-content .search-container .search-bar .result-list ul.result-tabs li.active {
  border-bottom-color: #4FD2C7;
}
.main-search .main-search-content .search-container .search-bar.open-result-list {
  max-height: 350px;
}
.main-search .main-search-content .search-container .search-bar.open-result-list .result-list {
  display: block;
}
.main-search .main-search-content .search-container .search-bar.open-result-list .result-list .result-data-list-cont {
  width: 100%;
  max-height: 210px;
  overflow: auto;
}
.main-search .main-search-content .search-container .search-bar.open-result-list .result-list .result-data-list-cont .datalist {
  padding-right: 8px;
}
.main-search .main-search-content .search-container .search-bar.open-result-list .result-list .result-data-list-cont .datalist ul {
  padding: 0px;
  list-style: none;
}
.main-search .main-search-content .search-container .search-bar.open-result-list .result-list .result-data-list-cont .datalist ul li {
  width: 100%;
  padding: 2px 0;
}
.main-search .main-search-content .search-container .search-bar.open-result-list .result-list .result-data-list-cont .datalist ul li.rvlist-head {
  font-weight: bold;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 5px;
  font-style: italic;
}
.main-search .main-search-content .search-container .search-bar.open-result-list .result-list .result-data-list-cont .datalist ul li a {
  color: #444;
}
.main-search .main-search-content .search-container .search-bar input {
  height: 44px;
  width: 100%;
  background: none;
  padding: 10px 40px 10px 30px;
  border: none;
  font-size: 17px;
  position: relative;
  overflow-x: auto;
  color: gray;
}
@media (max-width: 383px) {
  .main-search .main-search-content .search-container .search-bar input {
    font-size: 15px;
    padding: 10px 40px 10px 10px;
  }
}
.main-search .main-search-content .search-container .search-bar input:focus {
  outline: none;
}
.main-search .main-search-content .search-container .search-bar .search-btn {
  position: absolute;
  color: #21497b;
  top: 7px;
  right: 15px;
  font-size: 28px;
  cursor: pointer;
}
.main-search .main-search-content .search-container .search-bar .search-btn span {
  display: none;
}
.main-search .main-search-content .search-container .search-bar .search-btn.active {
  color: #ffffff !important;
  top: 9px !important;
  font-size: 24px !important;
  background: #7294be;
  border-radius: 5px;
  padding: 3px 10px;
}
.main-search .main-search-content .search-container .search-bar .search-btn.active span {
  display: contents !important;
}

.main-cta {
  background: #fff;
  display: flow-root;
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: calc(100vh - 71px);
}
.main-cta ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-cta ul li {
  float: left;
  width: 50%;
  padding: 40px 0;
  position: relative;
}
.main-cta ul li .cta-icon {
  background: #fff;
  box-shadow: 3px 3px 3px rgba(79, 210, 199, 0.2);
  float: left;
  position: relative;
  z-index: 2;
  color: #4FD2C7;
  font-size: 70px;
  width: 170px;
  height: 170px;
  border-radius: 170px;
  line-height: 170px;
  text-align: center;
}
@media (max-width: 1199px) {
  .main-cta ul li .cta-icon {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    line-height: 100px;
    font-size: 50px;
  }
}
@media (max-width: 991px) {
  .main-cta ul li .cta-icon {
    display: none;
    margin: auto;
  }
}
.main-cta ul li .cta-number {
  float: left;
  font-size: 70px;
  font-weight: bold;
  color: #21497b;
  padding-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1199px) {
  .main-cta ul li .cta-number {
    font-size: 50px;
    padding-top: 15px;
  }
}
@media (max-width: 991px) {
  .main-cta ul li .cta-number {
    font-size: 40px;
  }
}
.main-cta ul li .cta-content {
  float: left;
  margin-top: 40px;
  max-width: 230px;
  padding-left: 15px;
  border-left: 1px solid #DFDFDF;
  color: #21497b;
}
@media (max-width: 1199px) {
  .main-cta ul li .cta-content {
    max-width: 200px;
    margin-top: 0px;
    padding: 0px !important;
  }
}
.main-cta ul li .cta-content h3 {
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .main-cta ul li .cta-content h3 {
    font-size: 20px;
  }
}
.main-cta ul li .cta-content p {
  font-size: 16px;
}
@media (max-width: 1199px) {
  .main-cta ul li .cta-content p {
    font-size: 14px;
    margin-bottom: 0px !important;
  }
}
@media (max-width: 991px) {
  .main-cta ul li .cta-content {
    max-width: 170px;
  }
}
.main-cta ul li:nth-child(3), .main-cta ul li:nth-child(4) {
  padding-left: 69px;
}
.main-cta ul li:nth-child(1):before {
  position: absolute;
  left: 160px;
  top: 0px;
  content: "";
  width: 80%;
  height: 193px;
  background: url("/images/cta/cta-line-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
@media (max-width: 1199px) {
  .main-cta ul li:nth-child(1):before {
    left: 100px;
  }
}
.main-cta ul li:nth-child(2):before {
  position: absolute;
  right: 450px;
  top: 130px;
  content: "";
  width: 80%;
  height: 193px;
  background: url("/images/cta/cta-line-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
@media (max-width: 1199px) {
  .main-cta ul li:nth-child(2):before {
    right: 415px;
    top: 60px;
  }
}
.main-cta ul li:nth-child(3):before {
  position: absolute;
  left: 200px;
  top: 130px;
  content: "";
  width: 80%;
  height: 193px;
  background: url("/images/cta/cta-line-3.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
@media (max-width: 1199px) {
  .main-cta ul li:nth-child(3):before {
    left: 140px;
    top: 80px;
  }
}
@media (max-width: 991px) {
  .main-cta ul li {
    padding: 15px !important;
    display: grid;
    text-align: center;
  }
  .main-cta ul li:before {
    content: none !important;
  }
}
@media (max-width: 576px) {
  .main-cta ul li {
    width: 100% !important;
  }
  .main-cta ul li .cta-icon {
    font-size: 60px;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    line-height: 100px;
  }
  .main-cta ul li .cta-number {
    display: none;
  }
  .main-cta ul li .cta-content {
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
    border: none !important;
    padding: 0px !important;
  }
}
.main-cta .number-content {
  display: table-cell;
}
@media (max-width: 991px) {
  .main-cta .number-content {
    width: 100%;
    display: flow-root;
  }
}
.main-cta .number-content .cta-number {
  width: auto;
}
.main-cta .number-content .cta-content {
  max-width: 75%;
  padding-left: 10px;
  text-align: left;
}

.populer-hizmetler {
  width: 100%;
  padding: 6% 0;
  display: flow-root;
  min-height: calc(100vh - 71px);
}
@media (max-width: 767px) {
  .populer-hizmetler {
    padding: 30px 0;
  }
}
.populer-hizmetler .hizmetler-liste, .populer-hizmetler .branslar-liste {
  clear: both;
  width: 100%;
  min-height: 350px;
  padding: 30px 0;
  overflow-x: scroll;
  overflow-y: hidden;
}
.populer-hizmetler .hizmetler-liste::-webkit-scrollbar-track, .populer-hizmetler .branslar-liste::-webkit-scrollbar-track {
  background: #C4EFED;
}
.populer-hizmetler .hizmetler-liste::-webkit-scrollbar-thumb, .populer-hizmetler .branslar-liste::-webkit-scrollbar-thumb {
  background: #4FD2C7;
  border-radius: 5px;
}
.populer-hizmetler .hizmetler-liste::-webkit-scrollbar, .populer-hizmetler .branslar-liste::-webkit-scrollbar {
  width: 2px;
  height: 10px;
}
.populer-hizmetler .hizmetler-liste ul, .populer-hizmetler .branslar-liste ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.populer-hizmetler .hizmetler-liste ul li, .populer-hizmetler .branslar-liste ul li {
  float: left;
  margin: 15px;
  width: 260px;
  margin: 0 0 0 30px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  border-radius: 50px 0;
  height: 350px;
  overflow: hidden;
  position: relative;
  transform: scale(1);
  transition: all 0.15s;
}
.populer-hizmetler .hizmetler-liste ul li:nth-child(1), .populer-hizmetler .branslar-liste ul li:nth-child(1) {
  margin-left: 0 !important;
}
.populer-hizmetler .hizmetler-liste ul li a, .populer-hizmetler .branslar-liste ul li a {
  color: #fff !important;
}
.populer-hizmetler .hizmetler-liste ul li img, .populer-hizmetler .branslar-liste ul li img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.populer-hizmetler .hizmetler-liste ul li .populer-hizmetler-title, .populer-hizmetler .branslar-liste ul li .populer-hizmetler-title {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  padding: 15px;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 5, 9, 0.1098039216) 24%, rgba(0, 35, 71, 0.8509803922) 100%) 0% 0% no-repeat padding-box;
}
.populer-hizmetler .hizmetler-liste ul li .populer-hizmetler-title p, .populer-hizmetler .branslar-liste ul li .populer-hizmetler-title p {
  font-size: 16px;
}
.populer-hizmetler .hizmetler-liste ul li:hover, .populer-hizmetler .branslar-liste ul li:hover {
  transform: scale(1.05);
}
.populer-hizmetler .baslik-button p {
  float: left;
  width: calc(100% - 250px);
  margin: 0 !important;
}
@media (max-width: 767px) {
  .populer-hizmetler .baslik-button p {
    width: 100%;
  }
}
.populer-hizmetler .baslik-button .slider-button {
  width: 95px;
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
}
.populer-hizmetler .baslik-button .slider-button li {
  float: left;
  background: #21497b;
  color: #fff;
  cursor: pointer;
  width: 40px;
  height: 35px;
  /* border-radius: 30px; */
  line-height: 40px;
  text-align: center;
  margin-right: 15px;
  margin-top: 15px;
}
.populer-hizmetler .baslik-button .slider-button li:nth-last-child(1) {
  margin-right: 0;
}
.populer-hizmetler .baslik-button .slider-button li i {
  font-size: 20px;
}

.main-populer-firmalar {
  width: 100%;
  padding: 6% 0;
  display: flow-root;
  min-height: calc(100vh - 71px);
}
@media (max-width: 767px) {
  .main-populer-firmalar {
    padding: 30px 0;
  }
}
.main-populer-firmalar .populer-firmalar-title {
  background: url("/images/demo-hastane.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  display: block;
  width: 300px;
  height: 400px;
  padding: 100px 0;
  border-radius: 5px;
  text-align: center;
  position: relative;
  float: left;
  margin-top: 5rem;
}
.main-populer-firmalar .populer-firmalar-title:after {
  content: " ";
  position: absolute;
  width: 300px;
  height: 400px;
  left: 0;
  top: 0;
  background: rgba(33, 73, 123, 0.7);
}
@media (max-width: 991px) {
  .main-populer-firmalar .populer-firmalar-title:after {
    width: 50px;
  }
}
@media (max-width: 991px) {
  .main-populer-firmalar .populer-firmalar-title {
    width: 50px;
    margin-top: 5rem;
  }
}
.main-populer-firmalar .populer-firmalar-title b {
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .main-populer-firmalar .populer-firmalar-title b {
    display: none;
  }
}
.main-populer-firmalar .populer-firmalar-title p {
  position: relative;
  z-index: 2;
  font-size: 16px;
}
@media (max-width: 991px) {
  .main-populer-firmalar .populer-firmalar-title p {
    display: none;
  }
}
.main-populer-firmalar .populer-firmalar-title .tumunu-gor {
  position: relative;
  z-index: 2;
  display: block;
  background: #fff;
  color: #21497b;
  padding: 10px 15px;
  border-radius: 50px;
  margin: 50px auto auto auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
}
@media (max-width: 991px) {
  .main-populer-firmalar .populer-firmalar-title .tumunu-gor {
    transform: rotate(-90deg);
    width: 300px;
    margin: 0;
    padding: 0;
    margin-left: -125px;
    margin-top: 90px;
    background: transparent;
    color: #fff;
    font-size: 18px;
  }
}
.main-populer-firmalar .slider-alan {
  position: relative;
}
.main-populer-firmalar .slider-alan .slider-button {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.main-populer-firmalar .slider-alan .slider-button li {
  float: left;
  background: #21497b;
  color: #fff;
  cursor: pointer;
  width: 40px;
  height: 35px;
  /* border-radius: 30px; */
  line-height: 40px;
  text-align: center;
  margin-right: 15px;
  margin-top: 15px;
}
.main-populer-firmalar .slider-alan .slider-button li:nth-last-child(1) {
  margin-right: 0;
}
.main-populer-firmalar .slider-alan .slider-button li i {
  font-size: 20px;
}
.main-populer-firmalar .populer-firmalar-content {
  width: calc(100% - 300px);
  padding: 5rem 3rem 1rem 3rem;
  float: right;
  overflow-x: auto;
  border-radius: 5px;
  overflow-y: hidden;
}
@media (max-width: 991px) {
  .main-populer-firmalar .populer-firmalar-content {
    width: calc(100% - 65px);
    padding: 5rem 0 1rem 0;
  }
}
.main-populer-firmalar .populer-firmalar-content::-webkit-scrollbar-track {
  background: #C4EFED;
}
.main-populer-firmalar .populer-firmalar-content::-webkit-scrollbar-thumb {
  background: #4FD2C7;
  border-radius: 5px;
}
.main-populer-firmalar .populer-firmalar-content::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}
.main-populer-firmalar .populer-firmalar-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.main-populer-firmalar .populer-firmalar-content ul li {
  width: 300px;
  height: 400px;
  border-radius: 5px;
  background: #fff;
  box-shadow: -10px 0px 18px rgba(33, 73, 123, 0.4);
  float: left;
  margin-left: -130px;
  position: relative;
  transition: all 0.15s;
}
.main-populer-firmalar .populer-firmalar-content ul li:nth-child(1) {
  margin-left: 0;
}
.main-populer-firmalar .populer-firmalar-content ul li .title {
  padding: 15px;
}
.main-populer-firmalar .populer-firmalar-content ul li .title a {
  color: #21497b;
  font-weight: 600;
  text-align: center;
}
.main-populer-firmalar .populer-firmalar-content ul li .gorsel {
  margin-bottom: 15px;
}
.main-populer-firmalar .populer-firmalar-content ul li .gorsel img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-populer-firmalar .populer-firmalar-content ul li span {
  color: #21497b;
  font-weight: 600;
  padding: 15px;
}
.main-populer-firmalar .populer-firmalar-content ul li p {
  padding: 15px;
  font-size: 12px;
}
.main-populer-firmalar .populer-firmalar-content ul li:hover {
  transform: scale(1.05);
}
.main-populer-firmalar .populer-firmalar-content ul li:hover:focus-within ~ li, .main-populer-firmalar .populer-firmalar-content ul li:hover:hover ~ li {
  transform: translateX(130px);
}

.page-user {
  /* profilim-begin */
  /* profilim-end */
}
.page-user .user-card-template .user-card-template-image {
  position: relative;
  height: 250px;
  overflow: hidden;
}
.page-user .user-card-template .user-card-template-image:before {
  content: "";
  width: 100%;
  height: 50px;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-user .user-card-template .user-card-template-image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.page-user .user-card-template .user-card-template-image .user-card-template-image-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  color: #fff;
  z-index: 2;
}
.page-user .user-card-template .user-card-template-image .user-cikar-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: right;
  border-radius: 0 5px 0 50px;
  background: #fff;
  color: #dc3545;
  font-size: 20px;
  padding-right: 10px;
  cursor: pointer;
}
.page-user .user-card-template .user-card-template-info h5 {
  font-size: 14px;
  color: #21497b;
  font-weight: 600;
}
.page-user .user-card-template .user-card-template-info textarea {
  width: 100%;
  height: 75px;
  padding: 5px;
  border: 1px solid #e9edf1;
  resize: none;
  font-size: 12px;
  overflow: auto;
}
.page-user .no-ilan {
  width: 100%;
  text-align: center;
  background: white;
  padding-top: 14.2857142857vh;
  min-height: calc(100vh - 461px);
  font-size: 20px;
  border-radius: 9px;
}
.page-user .profilim {
  margin-top: 20px;
}
.page-user .profilim .form-group {
  margin-bottom: 1.5rem !important;
}
.page-user .profilim .form-group .form-control, .page-user .profilim .form-group .dropdown-toggle {
  height: 40px !important;
}
.page-user .tekliflerim .sol-logo {
  width: 100px;
  float: left;
}
.page-user .tekliflerim .logo {
  float: left;
  display: block;
  background: #fff;
  height: 100px;
  width: 100px;
  border: 3px solid rgba(33, 73, 123, 0.05);
  border-radius: 100px;
  padding: 15px;
}
.page-user .tekliflerim .logo img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.page-user .tekliflerim .icerik {
  float: left;
  width: calc(100% - 130px);
  padding: 0 15px;
}
.page-user .tekliflerim .icerik .title {
  font-weight: 900;
  font-size: 16px;
  color: #21497b;
}
.page-user .tekliflerim .teklif-mesaj {
  width: 100%;
  border: none;
  background: rgba(33, 73, 123, 0.05);
  padding: 15px;
  border-radius: 5px;
  height: 150px;
  resize: none;
}
.page-user .tekliflerim .islemler {
  float: right;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin-top: 15px;
}
.page-user .tekliflerim .islemler i {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 20px;
  display: block;
  cursor: pointer;
}
.page-user .tekliflerim .islemler i:nth-child(1) {
  margin-bottom: 10px;
  background: #7d7d7d;
  box-shadow: 1px 1px 0 #333333;
}
.page-user .tekliflerim .islemler i:nth-child(2) {
  background: #dc3545;
  box-shadow: 1px 1px 0 #942929;
}
.page-user .hastalik_ad {
  color: #4FD2C7;
}
.page-user .incelediklerim .inc-card img {
  width: 100px;
  height: 100px;
}
.page-user .yorumlarim .yorumlarim-kapak {
  width: 350px;
  height: 400px;
  overflow: hidden;
  float: left;
}
@media (max-width: 991px) {
  .page-user .yorumlarim .yorumlarim-kapak {
    width: 100%;
    height: 250px;
  }
}
.page-user .yorumlarim .yorumlarim-kapak img {
  width: 350px;
  height: 400px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .page-user .yorumlarim .yorumlarim-kapak img {
    width: 100%;
    height: 250px;
  }
}
.page-user .yorumlarim .yorumlarim-info {
  float: left;
  width: calc(100% - 350px);
}
@media (max-width: 991px) {
  .page-user .yorumlarim .yorumlarim-info {
    width: 100%;
  }
}
.page-user .yorumlarim .yorumlarim-info .title {
  font-size: 22px;
  font-weight: bold;
  color: #21497b;
  max-height: 60px;
}
.page-user .yorumlarim .yorumlarim-info .title i {
  cursor: pointer;
}
.page-user .yorumlarim .yorumlarim-info .title small {
  font-size: 12px;
  color: #969696;
}
@media (max-width: 991px) {
  .page-user .yorumlarim .yorumlarim-info .title {
    max-height: none;
  }
  .page-user .yorumlarim .yorumlarim-info .title small {
    display: block;
  }
}
.page-user .yorumlarim .yorumlarim-info .yorum-box {
  max-height: 325px;
  overflow: auto;
  margin-bottom: 15px;
}
.page-user .yorumlarim .yorumlarim-info .yorum-box ul {
  list-style: none;
  margin: 0;
  padding: 0 15px 0 30px;
}
.page-user .yorumlarim .yorumlarim-info .yorum-box ul li {
  position: relative;
  background: #eaeaea;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 15px;
}
.page-user .yorumlarim .yorumlarim-info .yorum-box ul li:before {
  content: "";
  position: absolute;
  background: #eaeaea;
  width: 50px;
  height: 50px;
  left: -5px;
  top: 25%;
  z-index: 0;
  transform: rotate(45deg);
  border-radius: 5px;
}
.page-user .yorumlarim .yorumlarim-info .yorum-box ul li .yorum-content {
  position: relative;
  z-index: 1;
}
.page-user .yorumlarim .yorumlarim-info .yorum-box ul li .yorum-content i {
  cursor: pointer;
}
.page-user input:invalid {
  border-color: red;
}
.page-user .mail-onay {
  min-height: calc(100vh - 399px);
  width: 100%;
  text-align: center;
  padding: 15% 0;
  font-weight: bold;
  font-size: 26px;
  color: #21497b;
}
.page-user .mail-onay i {
  color: green;
  display: block;
  font-size: 36px;
  width: 100px;
  height: 100px;
  margin: auto;
  border: 7px solid green;
  border-radius: 100px;
  text-align: center;
  line-height: 86px;
  margin-bottom: 30px;
}

.sifre-yenileme {
  display: flow-root;
}
.sifre-yenileme .sifre-kapsayici {
  height: 90vh;
  width: 90vw;
  background: #fff;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(33, 73, 123, 0.2);
  margin: 5vh;
}
@media (max-width: 991px) {
  .sifre-yenileme .sifre-kapsayici {
    width: 90%;
    min-height: 100vh;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: flow-root;
    margin: 15px auto;
  }
}
.sifre-yenileme .sifre-kapsayici .form {
  width: 500px;
  float: left;
  padding: 29.4vh 30px 0 30px;
}
@media (max-width: 991px) {
  .sifre-yenileme .sifre-kapsayici .form {
    width: 100%;
    padding: 15px;
  }
}
.sifre-yenileme .sifre-kapsayici .form h1 {
  padding-bottom: 15px;
  color: #21497b;
}
.sifre-yenileme .sifre-kapsayici .form h5 {
  padding: 15px 0;
}
.sifre-yenileme .sifre-kapsayici .form h5 a {
  color: #21497b;
}
.sifre-yenileme .sifre-kapsayici .form p {
  padding-bottom: 15px;
}
.sifre-yenileme .sifre-kapsayici .gorsel {
  width: calc(100% - 500px);
  float: right;
  padding: 23.1vh 30px 0 30px;
  text-align: center;
}
@media (max-width: 991px) {
  .sifre-yenileme .sifre-kapsayici .gorsel {
    width: 100%;
    padding: 15px;
  }
}
.sifre-yenileme .sifre-kapsayici .gorsel img {
  max-width: 100%;
  height: 50vh;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.page-offer {
  background: url(/images/offer-map-bg.png), #21497b;
  width: 100%;
  height: 100vh;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}
.page-offer .offer-top .logo {
  display: block;
  padding: 15px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
@media (max-width: 1049px) {
  .page-offer .offer-top .logo {
    margin: auto;
  }
}
.page-offer .offer-top .logo svg {
  width: 200px;
  fill: #fff;
}
.page-offer .offer-content .offer-man {
  position: absolute;
  left: 200px;
  bottom: 0;
  float: left;
}
@media (max-width: 991px) {
  .page-offer .offer-content .offer-man {
    display: none;
  }
}
.page-offer .offer-content .offer-man img {
  max-height: 90vh;
}
.page-offer .offer-content .offer-form {
  height: 630px;
  width: 630px;
  max-width: 90%;
  padding: 15px;
  background: #fff;
  margin: auto;
  border-radius: 5px;
  z-index: 9;
  position: relative;
}
@media (max-height: 820px) {
  .page-offer .offer-content .offer-form {
    padding: 10px;
  }
}
@media (min-width: 1050px) {
  .page-offer .offer-content .offer-form {
    margin-right: 200px;
    float: right;
  }
}
.page-offer .offer-content .offer-form .offer-title {
  font-weight: 600;
  color: #21497b;
  font-size: 30px;
  text-align: center;
  padding: 15px 15px 5px 15px;
}
@media (max-height: 820px) {
  .page-offer .offer-content .offer-form .offer-title {
    font-size: 16px;
  }
}
.page-offer .offer-content .offer-form .offer-step {
  width: 450px;
  max-width: 100%;
  height: 10px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.page-offer .offer-content .offer-form .offer-step li {
  border-radius: 100px;
  width: calc(25% - 15px);
  margin: 0 7.5px;
  background: #E6E6E6;
  float: left;
  height: 10px;
}
.page-offer .offer-content .offer-form .offer-step li.active {
  background: #4FD2C7;
}
.page-offer .offer-content .offer-form form {
  width: 450px;
  max-width: 100%;
  margin: auto;
  clear: both;
  padding: 15px 0;
}
.page-offer .offer-content .offer-form .offer-form-control {
  border: 1px solid #E6E6E6;
  height: auto;
  padding: 10px;
  width: 100%;
  transition: all 0.15s;
  display: flow-root;
}
.page-offer .offer-content .offer-form .offer-form-control:focus {
  outline: none;
  border-color: #21497b;
}
.page-offer .offer-content .offer-form .offer-form-control .btn {
  border: none !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 10px !important;
}
.page-offer .offer-content .offer-form .offer-form-group label.input-title {
  color: #666666;
  font-size: 16px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.page-offer .offer-content .offer-form .offer-form-group .offer-radio-box, .page-offer .offer-content .offer-form .offer-form-group .offer-check-box {
  cursor: pointer;
  text-transform: capitalize;
}
.page-offer .offer-content .offer-form .offer-form-group .offer-radio-box i, .page-offer .offer-content .offer-form .offer-form-group .offer-check-box i {
  width: 25px;
  height: 25px;
  display: block;
  float: left;
  margin-right: 5px;
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 50px;
  position: relative;
  top: -3px;
}
.page-offer .offer-content .offer-form .offer-form-group .offer-check-box i {
  border-radius: 0 !important;
  background: #fff;
}
.page-offer .offer-content .offer-form .offer-form-group .offer-radio-box-input:checked + .offer-radio-box > i, .page-offer .offer-content .offer-form .offer-form-group .offer-check-box-input:checked + .offer-check-box > i {
  background: #21497b;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  text-align: center;
  line-height: 25px;
}
.page-offer .offer-content .offer-form .offer-form-group .offer-radio-box-input:checked + .offer-radio-box > i:before, .page-offer .offer-content .offer-form .offer-form-group .offer-check-box-input:checked + .offer-check-box > i:before {
  content: "\f00c";
}
.page-offer .offer-content .offer-form .offer-scroll-list {
  height: 300px;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /* Track */
  /* Handle */
}
@media (max-height: 820px) {
  .page-offer .offer-content .offer-form .offer-scroll-list {
    height: 200px;
  }
}
.page-offer .offer-content .offer-form .offer-scroll-list::-webkit-scrollbar {
  width: 5px;
}
.page-offer .offer-content .offer-form .offer-scroll-list::-webkit-scrollbar-track {
  background: #E6E6E6 !important;
}
.page-offer .offer-content .offer-form .offer-scroll-list::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  height: 100px;
}
.page-offer .offer-content .offer-form textarea {
  resize: none;
}
.page-offer .offer-content .offer-form .offer-end-page {
  margin-top: 80px;
}
.page-offer .offer-content .offer-form .offer-end-page .img-check {
  text-align: center;
}
.page-offer .offer-content .offer-form .offer-end-page .img-check img {
  width: 150px;
  height: 150px;
}
.page-offer .offer-content .offer-form .offer-end-page .title-text {
  text-align: center;
  color: #03A9F4;
  font-size: 20px;
  font-weight: bold;
  font-family: nunito;
  margin-top: 6px;
}
.page-offer .offer-content .offer-form .offer-end-page .main-btn a {
  width: 150px;
}
.page-offer .offer-content .offer-sonuc {
  position: relative;
  top: 10px;
}
.page-offer .offer-footer button {
  border-radius: 0 !important;
}
.page-offer .secilen-sehirler {
  list-style: none;
  margin: 0 -5px;
  padding: 0;
  width: 100%;
}
.page-offer .secilen-sehirler li {
  margin: 5px;
  background: #21497b;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  float: left;
}
.page-offer .secilen-sehirler li i {
  cursor: pointer;
  float: right;
  padding: 4px;
}

.f-s-11 {
  font-size: 11px;
}

.page-kampanyalar .kampanya-card {
  background: #fff;
  display: inline-block;
}
.page-kampanyalar .img {
  width: 30%;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  float: left;
  filter: brightness(0.7);
}
@media (max-width: 992px) {
  .page-kampanyalar .img {
    width: 100%;
  }
}
.page-kampanyalar .date {
  float: left;
  background: #21497b;
  color: #fff;
  width: 30%;
  text-align: center;
  padding: 5px 0;
  height: 50px;
}
.page-kampanyalar .kampanya-buton {
  background: #4FD2C7;
  color: #fff;
  border: none;
  width: 30%;
  float: left;
  border-radius: 0;
  height: 50px;
  padding: 15px 15px;
}
.page-kampanyalar .info {
  float: right;
  padding: 15px;
  background: #fff;
  width: 70%;
  height: 260px;
}
@media (max-width: 992px) {
  .page-kampanyalar .info {
    width: 100%;
    height: 200px;
  }
}
.page-kampanyalar .info .detay {
  overflow: auto;
  height: 165px;
  background: #f9f9f9;
  color: gray;
  border-radius: 7px;
  padding: 10px 10px 0 10px;
}
.page-kampanyalar .p-t-15 {
  padding-top: 15px;
}
.page-kampanyalar h4 {
  color: #21497b;
}

.page-title {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: 200px;
  position: relative;
}
.page-title:after {
  content: "";
  width: 100%;
  height: 200px;
  background: rgba(2, 28, 53, 0.76);
  position: absolute;
  left: 0;
  top: 0;
}
.page-title .page-title-content {
  height: 200px;
  position: relative;
  z-index: 2;
}
.page-title .page-title-content h1 {
  color: #fff;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 66.6666666667px;
}
.page-title .page-title-content .desc {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 120px;
  color: #bbbbbb;
}
.page-title .page-title-content .breadcrumbs {
  float: right;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
}
.page-title .page-title-content .breadcrumbs span {
  color: #fff;
}
.page-title .page-title-content .breadcrumbs a {
  color: white;
}

.mini-bar {
  padding: 15px;
  width: 100%;
  background: #4FD2C7;
  color: #fff;
  display: flex;
}
.mini-bar .mini-bar-responsive {
  display: grid;
  width: 100%;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .mini-bar .mini-bar-responsive {
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
  }
}
.mini-bar .filtre {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .mini-bar .filtre {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.mini-bar .filtre li {
  float: left;
}
.mini-bar .filtre li a {
  display: block;
  background: #fff;
  color: #21497b;
  cursor: pointer;
  padding: 7px 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}
.mini-bar .filtre li a:hover {
  background: rgba(255, 255, 255, 0.9);
}
.mini-bar .filtre li a.aktif {
  background: rgba(255, 255, 255, 0.9);
}
.mini-bar .filtre li:nth-child(1) a {
  border-radius: 5px 0 0 5px;
}
.mini-bar .filtre li:nth-last-child(1) a {
  border-radius: 0 5px 5px 0;
}
.mini-bar .grid-list {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
.mini-bar .grid-list li {
  float: left;
}
.mini-bar .grid-list li a {
  background: #fff;
  color: #21497b;
  cursor: pointer;
  padding: 7px 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}
.mini-bar .grid-list li a:hover {
  background: rgba(255, 255, 255, 0.9);
}
.mini-bar .grid-list li a.aktif {
  background: rgba(255, 255, 255, 0.9);
}
.mini-bar .grid-list li:nth-child(1) a {
  border-radius: 5px 0 0 5px;
}
.mini-bar .grid-list li:nth-last-child(1) a {
  border-radius: 0 5px 5px 0;
}

.file-upload .pb15 {
  padding-bottom: 15px;
}
.file-upload .btn-block {
  border-radius: 0;
  margin-bottom: 15px;
}
.file-upload #foto-baslik {
  width: 100%;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #dee2e6;
  margin-bottom: 15px;
}
.file-upload .file-upload-label {
  background: #4FD2C7;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  display: block;
  margin: 15px 0;
}
.file-upload .file-upload-label:hover {
  opacity: 0.9;
}
.file-upload .embed-responsive {
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 15px;
}
.file-upload .embed-responsive video, .file-upload .embed-responsive img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.file-upload i.fa-remove {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 20px;
  display: block;
  cursor: pointer;
  background: #dc3545;
  box-shadow: 1px 1px 0 #942929;
  color: #fff;
}
.file-upload .custom-tab {
  border-bottom: 2px solid #dee2e6;
}
.file-upload .custom-tab a {
  color: #222;
  border: none;
  border-bottom: 2px solid #dee2e6;
  position: relative;
  bottom: -1px;
  font-weight: 600;
}
.file-upload .custom-tab a.active {
  border-color: #21497b;
  color: #21497b;
}
.file-upload .camera-tab {
  padding: 15px 0;
}