@charset "UTF-8";
/************************
************************
BSY Bilgi - http://www.bsybilgi.com.tr
Author: Emre Volkan UÇAR - http://www.emrevolkanucar.com/
************************
************************/
/************************************************** Google Web Font */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto:300,400,500&display=swap&subset=latin-ext");
/************************************************** Color Lib */
/************************************************** Mixin */
/************************************************** General */
body {
  font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
}

.txt-12 {
  font-size: 12px;
}

.txt-14 {
  font-size: 14px;
}

/************************************************** Mobile Menu END */
div#mobile-menu-container {
  top: 0;
  left: 0;
  display: none;
  width: 200px;
  z-index: 9999;
  height: 100vh;
  position: fixed;
  background-color: #f2f2f2;
}

div#mobile-menu-container ul.menu {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: 20%;
}

div#mobile-menu-container ul.menu li {
  list-style: none;
}

div#mobile-menu-container ul.menu li a {
  width: 100%;
  display: block;
  line-height: 40px;
  padding-left: 20px;
}

/************************************************** Top Bar */
div.top-bar {
  height: 30px;
  font-size: 12px;
  color: #ffffff;
  line-height: 30px;
  background: #2C3E50;
}

/************************************************** Top Bar */
div#overlay-container {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
}

/************************************************** Header */
header {
  height: 60px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

header a#logo {
  display: block;
  height: 60px;
  width: 100%;
  background: url("../Images/logo.png") left center no-repeat;
}

header button.mobile-menu-button {
  cursor: pointer;
  font-size: 22px;
  color: #2C3E50 !important;
}

header ul.menu {
  height: 60px;
  font-size: 14px;
  list-style: none;
}

header ul.menu li {
  float: left;
}

header ul.menu li a {
  color: #2C3E50;
  line-height: 60px;
  display: inline-block;
  text-decoration: none;
  padding: 0 15px;
}

header ul.menu li a:hover {
  color: #00c1d3;
}

/************************************************** Header Banner */
section#header-banner {
  height: 200px;
  overflow: hidden;
  position: relative;
  background-size: cover;
}

section#header-banner.about-banner {
  background: url("../Images/Banner/about.jpg") center center no-repeat;
}

section#header-banner h2 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 32px;
  margin-top: 80px;
}

/************************************************** Slider */
div#slider {
  overflow: hidden;
  background-color: #2C3E50;
}

/************************************************** Box */
section.box i {
  font-size: 48px;
}

section.box h4 {
  font-weight: 400;
  font-size: 20px;
}

section.box p {
  font-size: 12px;
}

/************************************************** Fast Contact */
div.fast-contact {
  overflow: hidden;
}

/************************************************** Owl Carousel */
section.carousel div.owl-carousel div.item {
  width: 170px;
  height: 90px;
  background-color: red;
}

section.carousel div.owl-carousel div.item.netsis3-enterprise {
  background: url("../Images/Carousel/netsis3_enterprise.svg") center center no-repeat;
  background-size: contain;
}

section.carousel div.owl-carousel div.item.netsis3-standard {
  background: url("../Images/Carousel/netsis3_standard.svg") center center no-repeat;
  background-size: contain;
}

section.carousel div.owl-carousel div.item.netsis3-tigerenterprise {
  background: url("../Images/Carousel/tiger3enterprise_logotype.svg") center center no-repeat;
  background-size: contain;
}

section.carousel div.owl-carousel div.item.netsis3-bordro {
  background: url("../Images/Carousel/netsis3_bordro.svg") center center no-repeat;
  background-size: contain;
}

section.carousel div.owl-carousel div.item.logo-divapos {
  background: url("../Images/Carousel/logo-divapos.svg") center center no-repeat;
  background-size: contain;
}

/************************************************** Footer */
footer {
  background-color: black;
}

footer a {
  color: #ffffff;
}

footer a:hover {
  color: #ffffff;
}

footer a.footer-logo {
  width: 184px;
  height: 108px;
  display: block;
  margin: 0 auto;
  background: url("../Images/footer-bsy-bilgi-logo.png") center center no-repeat;
}

footer ul li {
  margin-bottom: 3px;
}
/*# sourceMappingURL=global.css.map */