/*
| Template created by Kadir Hanoglu
| Author: Dört Bilişim
| URL: https://dortbilisim.com
| Create Date: 29.08.2019
| Last Update: 30.08.2022
| File: theme.less
*/
html,
body {
  background-color: #f0f2f5;
}
body > section,
.home-section.body-color {
  background-color: #f0f2f5;
}
a,
.news-slider-bottom > div a:hover {
  color: #2980b9;
}
a:hover,
a:focus,
.topmenu li:hover > a,
.topmenu li.active > a,
.topmenu .parent > ul a:before,
.menu-line > ul > li > a:hover,
.menu-line > ul a:before,
.home-slider .owl-dots .owl-dot.active span:before,
.top-social-follow > div > a:hover,
.news-slider-bottom > div a,
.breadcrumbs li,
.breadcrumbs li.active {
  color: #3498db;
  text-decoration: none;
}
.content-header-color {
  background-color: #34495e;
}
.layout-header.white-header .header-top-bar,
.topmenu li.active > a:before,
.topmenu > li > a:before,
.topmenu li.active > a:before,
.topmenu > li.color-menu > a,
.menu-circle a:hover:before,
.btn-theme,
.team-content > strong:after,
.login-form button,
.content-pagination .pagination > .active > a,
.content-pagination .pagination > .active > a:focus,
.content-pagination .pagination > .active > a:hover,
.content-pagination .pagination > .active > span,
.content-pagination .pagination > .active > span:focus,
.content-pagination .pagination > .active > span:hover,
.bounce-loader > div,
.roller-item:after,
.dot-loader .dot1,
.dot-loader .dot2,
.ellipsis-item,
.welcome-intro,
.home-slider-title ~ a,
.blog-slider-content > a,
.owl-theme .owl-dots .owl-dot.active > span,
.table > thead > tr > td,
.table > thead > tr > th,
.home-section > header h2:before,
.content-header-description strong:before,
.content-header-description h1:before,
.video-list-item > strong,
.video-category-button:hover,
.video-category-button:focus,
.footer-catalog,
.product-item-content .product-button,
.sertifika-form-content button {
  background-color: #2980b9;
}
.product-item-content .product-button:hover {
  background-color: #3498db;
}
.btn-theme,
.btn-theme:hover,
.btn-theme:focus,
.login-form button,
.login-form button:hover,
.sertifika-form-content button:hover {
  border: 1px solid #2980b9;
}
.btn-theme:hover,
.btn-theme:focus,
.layout-header.transparent-header .topmenu > li > a:hover,
.layout-header.transparent-colored-header .topmenu > li > a:hover,
.layout-header.white-header .topmenu > li > a,
.layout-header.white-header .topmenu > li.parent:before,
.topmenu .parent > ul a:before,
.menu-line > ul > li > a:hover,
.menu-line > ul a:before,
.content-box-text h3,
.content-box-text a,
.blog-picture-with-text header > h3 a,
.news-picture-with-text header > h3 a,
.team-content > strong,
.login-header-content > h1,
.login-form button:hover,
.content-header-description > div > h2,
.sidebar-item > h4,
.contact-box-content > a,
.content-pagination .pagination > li > a,
.content-pagination .pagination > li > span,
.content-pagination .pagination > li > a:hover,
.content-pagination .pagination > li > span:hover,
.sertifika-form-content button:hover,
.sertifika-header-text,
.sertifika-content div > label > span,
.user-certificate-header > h3 {
  color: #2980b9;
}
.layout-header.white-header,
.login-form,
.layout-header.registered,
.comment-article:hover {
  box-shadow: 0 1px 25px rgba(41, 128, 185, 0.15);
}
.fixed .layout-header.transparent-colored-header {
  background-color: rgba(41, 128, 185, 0.85);
}
.layout-header.transparent-colored-header .header-top-bar,
.lang-href a:hover {
  background-color: rgba(41, 128, 185, 0.2);
}
.menu-line > ul,
.menu-float > ul,
.product-item:hover {
  box-shadow: 0 3px 50px rgba(41, 128, 185, 0.3);
}
.menu-float > ul > li > a {
  border-bottom: 1px solid rgba(41, 128, 185, 0.05);
}
.circle {
  border-top-color: #2980b9;
}
.circle:after,
.circle:before {
  border-top-color: #3498db;
}
.anti:after {
  border-bottom-color: #2980b9;
}
.ripple-item {
  border: 5px solid #2980b9;
}
.dual-ring-loader:after {
  border: 6px solid #2980b9;
  border-color: #2980b9 transparent #2980b9 transparent;
}
.ring-item {
  border: 8px solid #2980b9;
  border-color: #2980b9 transparent transparent transparent;
}
.home-slider-description-item {
  border-left: 15px solid #2980b9;
}
.blog-article:after,
.news-article:after {
  box-shadow: 0 5px 20px 2px rgba(41, 128, 185, 0.1);
}
.blog-article:hover > div,
.news-article:hover > div {
  box-shadow: 0 5px 30px rgba(41, 128, 185, 0.1);
}
.content-details > h2 {
  border-left: 8px solid #3498db;
}
.list-model .content-box-container {
  box-shadow: 0 5px 80px rgba(41, 128, 185, 0.15);
}
.blog-slider-article,
.news-slider-article,
.team-slider-article,
.team-item,
.video-list-item,
.ref-slider-item-content,
.table-responsive {
  box-shadow: 0 1px 10px rgba(41, 128, 185, 0.05);
}
.blog-slider-article:hover,
.news-slider-article:hover,
.team-slider-article:hover,
.team-item:hover,
.video-list-item:hover,
.ref-slider-item-content,
.table-responsive:hover {
  box-shadow: 0 1px 20px rgba(41, 128, 185, 0.15);
}
.menu-line > ul > li > a {
  border-bottom: 1px solid rgba(41, 128, 185, 0.05);
}
.sidebar-item > h4 {
  border-left: 3px solid #2980b9;
}
.form-model-1 .form-control:focus {
  border-color: #2980b9;
  box-shadow: inset 0 -2px 0 0 #2980b9;
}
.form-model-2 .form-control:focus {
  border-color: transparent;
  box-shadow: 0 1px 5px rgba(41, 128, 185, 0.5);
}
.btn-genel,
.content-pagination .pagination > .active > a,
.content-pagination .pagination > .active > a:focus,
.content-pagination .pagination > .active > a:hover,
.content-pagination .pagination > .active > span,
.content-pagination .pagination > .active > span:focus,
.content-pagination .pagination > .active > span:hover {
  border-color: #2980b9;
}
.btn-genel:hover,
.btn-genel:focus {
  background-color: #2980b9;
  border-color: #2980b9;
}
.video-category-button {
  border: 3px solid #2980b9;
  color: #2980b9;
}
.comment-content > span {
  color: #2980b9;
}
.sidebar-item > ul.menu-circle > li a:before,
.sidebar-item > ul > li a:hover:before {
  color: #2980b9;
}
.footer-catalog .download-button > a {
  color: #2980b9;
}
.corner-contact-applications > div {
  box-shadow: 0 1px 10px rgba(41, 128, 185, 0.55);
}
.certificates body {
  border-top: 10px solid #2980b9;
}
@media screen and (min-width: 481px) and (max-width: 768px) {
  .mobile-menu {
    box-shadow: 2px 0 15px 8px rgba(41, 128, 185, 0.05);
  }
}