/*=================== STYLESHEET =====================
    Project     :   Name
    File Name   :   style.scss
    Author Name :   Cahit Berkay
==============================================================*/
/*===================== TYPOGRAPHY =================================
    Font1      :     font-family: 'Roboto';
=====================================================================*/
/*===== Global Style & Theme Reset =====*/
html {
  margin: auto;
  max-width: 100%; }
  html body {
    width: 100%;
    min-height: 100vh;
    text-align: center;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif !important;
    overflow-x: hidden !important;
    overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.5;
    /* Mobile */
    /* Tablet / iPad Portrait */
    /* Computer / Desktop / iPad Landscape */
    /* Large Monitor */
    /* Widescreen Monitor */
    /* Styles */
    /* Paddings */
    /* Margins */ }
    html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body strong {
      font-weight: 400;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: 'Roboto';
      letter-spacing: -0.2px; }
    html body section, html body .cover {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
    html body ::selection {
      color: white; }
    html body body.no-selection ::selection {
      color: inherit !important;
      background: transparent !important; }
    html body form input {
      font-family: 'Roboto' !important; }
    html body a {
      text-decoration: none;
      cursor: pointer; }
      html body a:hover {
        cursor: pointer;
        color: inherit; }
    html body .display-none {
      display: none !important; }
    @media only screen and (max-width: 767px) {
      html body [class*="mobile hidden"],
      html body [class*="tablet only"]:not(.mobile),
      html body [class*="computer only"]:not(.mobile),
      html body [class*="large screen only"]:not(.mobile),
      html body [class*="widescreen only"]:not(.mobile),
      html body [class*="or lower hidden"] {
        display: none !important; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      html body [class*="mobile only"]:not(.tablet),
      html body [class*="tablet hidden"],
      html body [class*="computer only"]:not(.tablet),
      html body [class*="large screen only"]:not(.tablet),
      html body [class*="widescreen only"]:not(.tablet),
      html body [class*="or lower hidden"]:not(.mobile) {
        display: none !important; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      html body [class*="mobile only"]:not(.computer),
      html body [class*="tablet only"]:not(.computer),
      html body [class*="computer hidden"],
      html body [class*="large screen only"]:not(.computer),
      html body [class*="widescreen only"]:not(.computer),
      html body [class*="or lower hidden"]:not(.tablet):not(.mobile) {
        display: none !important; } }
    @media only screen and (min-width: 1200px) and (max-width: 1919px) {
      html body [class*="mobile only"]:not([class*="large screen"]),
      html body [class*="tablet only"]:not([class*="large screen"]),
      html body [class*="computer only"]:not([class*="large screen"]),
      html body [class*="large screen hidden"],
      html body [class*="widescreen only"]:not([class*="large screen"]),
      html body [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
        display: none !important; } }
    @media only screen and (min-width: 1920px) {
      html body [class*="mobile only"]:not([class*="widescreen"]),
      html body [class*="tablet only"]:not([class*="widescreen"]),
      html body [class*="computer only"]:not([class*="widescreen"]),
      html body [class*="large screen only"]:not([class*="widescreen"]),
      html body [class*="widescreen hidden"],
      html body [class*="widescreen or lower hidden"] {
        display: none !important; } }
    html body ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    html body .uppercase {
      text-transform: uppercase !important; }
    html body .capitalize {
      text-transform: capitalize !important; }
    html body .t-left, html body .t-left.row, html body .t-left > .row {
      text-align: left;
      justify-content: left; }
    html body .t-center, html body .t-center.row, html body .t-center > .row {
      text-align: center !important;
      justify-content: center; }
    html body .t-right, html body .t-right.row, html body .t-right > .row {
      text-align: right;
      justify-content: right; }
    html body .t-justify {
      text-align: justify; }
    html body .t-start {
      text-align: start; }
    html body .w100 {
      width: 100% !important; }
    html body .p0 {
      padding: 0 !important; }
    html body .no-px {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    html body .no-py {
      padding-top: 0 !important;
      padding-bottom: 0 !important; }
    html body .no-pt {
      padding-top: 0 !important; }
    html body .no-pl {
      padding-left: 0 !important; }
    html body .no-pr {
      padding-right: 0 !important; }
    html body .no-pb {
      padding-bottom: 0 !important; }
    html body .p1x {
      padding: 0 1rem !important; }
    html body .mini-py {
      padding-top: 5px !important;
      padding-bottom: 5px !important; }
    html body .mini-px {
      padding-left: 5px !important;
      padding-right: 5px !important; }
    html body .mini-pt {
      padding-top: 5px !important; }
    html body .mini-pr {
      padding-right: 5px !important; }
    html body .mini-pb {
      padding-bottom: 5px !important; }
    html body .mini-pl {
      padding-left: 5px !important; }
    html body .p10-py {
      padding-top: 10px !important;
      padding-bottom: 10px !important; }
    html body .p10-px {
      padding-left: 10px !important;
      padding-right: 10px !important; }
    html body .p10-pt {
      padding-top: 10px !important; }
    html body .p10-pr {
      padding-right: 10px !important; }
    html body .p10-pb {
      padding-bottom: 10px !important; }
    html body .p10-pl {
      padding-left: 10px !important; }
    html body .xxs-py {
      padding-top: 15px !important;
      padding-bottom: 15px !important; }
    html body .xxs-px {
      padding-left: 15px !important;
      padding-right: 15px !important; }
    html body .xxs-pt {
      padding-top: 15px !important; }
    html body .xxs-pr {
      padding-right: 15px !important; }
    html body .xxs-pb {
      padding-bottom: 15px !important; }
    html body .xxs-pl {
      padding-left: 15px !important; }
    html body .xs-py {
      padding-top: 30px !important;
      padding-bottom: 30px !important; }
    html body .xs-px {
      padding-left: 30px !important;
      padding-right: 30px !important; }
    html body .xs-pt {
      padding-top: 30px !important; }
    html body .xs-pr {
      padding-right: 30px !important; }
    html body .xs-pb {
      padding-bottom: 30px !important; }
    html body .xs-pl {
      padding-left: 30px !important; }
    html body .sm-py {
      padding-top: 50px !important;
      padding-bottom: 50px !important; }
    html body .sm-px {
      padding-left: 50px !important;
      padding-right: 50px !important; }
    html body .sm-pt {
      padding-top: 50px !important; }
    html body .sm-pr {
      padding-right: 50px !important; }
    html body .sm-pb {
      padding-bottom: 50px !important; }
    html body .sm-pl {
      padding-left: 50px !important; }
    html body .py {
      padding-top: 100px !important;
      padding-bottom: 100px !important; }
    html body .px {
      padding-left: 100px !important;
      padding-right: 100px !important; }
    html body .pt {
      padding-top: 100px !important; }
    html body .pr {
      padding-right: 100px !important; }
    html body .pb {
      padding-bottom: 100px !important; }
    html body .pl {
      padding-left: 100px !important; }
    html body .md-py {
      padding-top: 150px !important;
      padding-bottom: 150px !important; }
    html body .md-px {
      padding-left: 150px !important;
      padding-right: 150px !important; }
    html body .md-pt {
      padding-top: 150px !important; }
    html body .md-pr {
      padding-right: 150px !important; }
    html body .md-pb {
      padding-bottom: 150px !important; }
    html body .md-pl {
      padding-left: 150px !important; }
    html body .lg-py {
      padding-top: 200px !important;
      padding-bottom: 200px !important; }
    html body .lg-px {
      padding-left: 200px !important;
      padding-right: 200px !important; }
    html body .lg-pt {
      padding-top: 200px !important; }
    html body .lg-pr {
      padding-right: 200px !important; }
    html body .lg-pb {
      padding-bottom: 200px !important; }
    html body .lg-pl {
      padding-left: 200px !important; }
    html body .xl-py {
      padding-top: 250px !important;
      padding-bottom: 250px !important; }
    html body .xl-px {
      padding-left: 250px !important;
      padding-right: 250px !important; }
    html body .xl-pt {
      padding-top: 250px !important; }
    html body .xl-pr {
      padding-right: 250px !important; }
    html body .xl-pb {
      padding-bottom: 250px !important; }
    html body .xl-pl {
      padding-left: 250px !important; }
    html body .xxl-py {
      padding-top: 350px !important;
      padding-bottom: 350px !important; }
    html body .xxl-px {
      padding-left: 350px !important;
      padding-right: 350px !important; }
    html body .xxl-pt {
      padding-top: 350px !important; }
    html body .xxl-pr {
      padding-right: 350px !important; }
    html body .xxl-pb {
      padding-bottom: 350px !important; }
    html body .xxl-pl {
      padding-left: 350px !important; }
    html body .pm0 {
      padding: 0 !important;
      margin: 0 !important; }
    html body .m0 {
      margin: 0 !important; }
    html body .no-mt {
      margin-top: 0 !important; }
    html body .no-mb {
      margin-bottom: 0 !important; }
    html body .no-mx {
      margin-left: 0 !important;
      margin-right: 0 !important; }
    html body .no-my {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    html body .no-ml {
      margin-left: 0 !important; }
    html body .no-mr {
      margin-right: 0 !important; }
    html body .mini-my {
      margin-top: 5px !important;
      margin-bottom: 5px !important; }
    html body .mini-mx {
      margin-left: 5px !important;
      margin-right: 5px !important; }
    html body .mini-mt {
      margin-top: 5px !important; }
    html body .mini-mr {
      margin-right: 5px !important; }
    html body .mini-mb {
      margin-bottom: 5px !important; }
    html body .mini-ml {
      margin-left: 5px !important; }
    html body .p10-my {
      margin-top: 10px !important;
      margin-bottom: 10px !important; }
    html body .p10-mx {
      margin-left: 10px !important;
      margin-right: 10px !important; }
    html body .p10-mt {
      margin-top: 10px !important; }
    html body .p10-mr {
      margin-right: 10px !important; }
    html body .p10-mb {
      margin-bottom: 10px !important; }
    html body .p10-ml {
      margin-left: 10px !important; }
    html body .xxs-my {
      margin-top: 15px !important;
      margin-bottom: 15px !important; }
    html body .xxs-mx {
      margin-left: 15px !important;
      margin-right: 15px !important; }
    html body .xxs-mt {
      margin-top: 15px !important; }
    html body .xxs-mr {
      margin-right: 15px !important; }
    html body .xxs-mb {
      margin-bottom: 15px !important; }
    html body .xxs-ml {
      margin-left: 15px !important; }
    html body .xs-my {
      margin-top: 30px !important;
      margin-bottom: 30px !important; }
    html body .xs-mx {
      margin-left: 30px !important;
      margin-right: 30px !important; }
    html body .xs-mt {
      margin-top: 30px !important; }
    html body .xs-mr {
      margin-right: 30px !important; }
    html body .xs-mb {
      margin-bottom: 30px !important; }
    html body .xs-ml {
      margin-left: 30px !important; }
    html body .sm-my {
      margin-top: 50px !important;
      margin-bottom: 50px !important; }
    html body .sm-mx {
      margin-left: 50px !important;
      margin-right: 50px !important; }
    html body .sm-mt {
      margin-top: 50px !important; }
    html body .sm-mr {
      margin-right: 50px !important; }
    html body .sm-mb {
      margin-bottom: 50px !important; }
    html body .sm-ml {
      margin-left: 50px !important; }
    html body .mt70 {
      margin-top: 70px !important; }