@media only screen and (max-width: 1500px) {
  .container:not(.contextual-region .container) {
    width: calc(100% - 50px) !important;
    max-width: calc(100% - 50px) !important;
    margin-left: 25px;
    margin-right: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .container:not(.contextual-region .container) {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.basic-page-main {
  display: flex;
  position: relative;
  margin-top: -50px;
  margin-bottom: 120px;
  position: relative;
  padding: 45px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: white;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(15, 88, 105, 0.06);
  -moz-box-shadow: 0px 0px 40px 0px rgba(15, 88, 105, 0.06);
  box-shadow: 0px 0px 40px 0px rgba(15, 88, 105, 0.06);
}
.basic-page-main .sidebar {
  flex: 0 0 355px;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.basic-page-main .content {
  flex: 1;
  overflow: hidden;
}
.basic-page-main .content .content-title-area .content-title {
  flex: 1;
  font-size: 1.375rem;
}
.basic-page-main .content .content-title-area .content-options {
  flex: 0 0 auto;
}
.basic-page-main .content .content-title-area .content-options a, .basic-page-main .content .content-title-area .content-options div {
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  float: left;
  width: 48px;
  height: 40px;
  color: #c3d0d8;
  font-size: 1.375rem;
  border-right: 1px solid #edf2f6;
}
.basic-page-main .content .content-title-area .content-options a:last-child, .basic-page-main .content .content-title-area .content-options div:last-child {
  border-right: 0px solid #edf2f6;
}
.basic-page-main .content .content-title-area .content-options a:hover, .basic-page-main .content .content-title-area .content-options div:hover {
  color: #0090cc;
}
@media (max-width: 767.98px) {
  .basic-page-main .content .content-title-area .content-options {
    margin-left: -12px;
  }
}
.basic-page-main .content .content-area h2 {
  color: #0090cc;
}
.basic-page-main .content .content-area h2, .basic-page-main .content .content-area h3, .basic-page-main .content .content-area h4, .basic-page-main .content .content-area h5, .basic-page-main .content .content-area h6 {
  font-weight: 600;
  font-size: 1rem;
}
.basic-page-main .content .content-area img {
  margin-bottom: 1rem;
}
.basic-page-main .iletisim-wrapper {
  width: 100%;
  height: auto;
  background: none;
  padding: 0 10px;
}
.basic-page-main .iletisim-wrapper p {
  display: inline-block;
  margin-right: 60px;
  margin-bottom: 25px;
}
.basic-page-main .iletisim-wrapper p a {
  color: #999999 !important;
  transition: 0.5s all;
}
.basic-page-main .iletisim-wrapper p a:hover {
  color: #0090cc !important;
}
.basic-page-main .iletisim-wrapper p a:hover span {
  text-decoration: underline !important;
}
@media only screen and (max-width: 1024px) {
  .basic-page-main .iletisim-wrapper p {
    width: 100% !important;
    display: block !important;
    height: auto !important;
    background: none !important;
    margin-right: 0px !important;
  }
}
.basic-page-main .iletisim-wrapper .contactInfoIcon {
  float: left;
  width: 50px;
  height: 50px;
  background: #edf2f6;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .basic-page-main .iletisim-wrapper .contactInfoIcon {
    float: none !important;
    display: block !important;
    margin: auto !important;
  }
}
.basic-page-main .iletisim-wrapper .contactInfoIcon img {
  width: 24px;
  margin-top: -3px;
  margin-bottom: 0 !important;
}
.basic-page-main .iletisim-wrapper .contactInfoText {
  float: left;
  width: auto;
  height: 50px;
  text-align: left;
  padding-left: 10px;
  font-weight: 600;
  line-height: 50px;
  margin-left: 10px;
  font-size: 15px;
  white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
  .basic-page-main .iletisim-wrapper .contactInfoText {
    background: none !important;
    float: none !important;
    height: auto !important;
    display: block !important;
    margin: 15px auto !important;
    line-height: 25px;
    text-align: center !important;
    font-size: 14px !important;
  }
}

.contact-wrapper {
  padding: 0px !important;
}
.contact-wrapper * {
  font-size: 15px !important;
  font-weight: 600 !important;
}
.contact-wrapper a {
  color: #0090cc !important;
}
.contact-wrapper a span {
  color: #0090cc !important;
}
.contact-wrapper .top-buffer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.contact-wrapper .top-buffer .col-lg {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.contact-wrapper .row {
  margin-bottom: 20px;
}
.contact-wrapper .contactInfoIcon {
  margin-right: 20px;
}
.contact-wrapper h2 {
  font-weight: 600;
  font-size: 18px !important;
  color: #6b7982 !important;
  margin-top: 30px;
  text-align: center;
  margin-bottom: 25px;
}
.contact-wrapper .contactInfoText2 {
  line-height: 50px;
  color: #48555d;
  font-size: 15px;
}
@media only screen and (max-width: 1024px) {
  .contact-wrapper .contactInfoText2 {
    background: none !important;
    float: none !important;
    height: auto !important;
    display: block !important;
    margin: 15px auto !important;
    line-height: 25px;
    text-align: center !important;
    font-size: 14px !important;
  }
}

/*# sourceMappingURL=basic-page.css.map */