/* Bootstrap v4.3.1 * Licensed wikiyetim.com */
@import "https://fonts.googleapis.com/css?family=KoHo";


html {
 font-family: sans-serif;
 line-height: 1.15;
 -webkit-text-size-adjust: 100%;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
 display: block;
 text-align: justify;
 }
 
 .makale-title-alti {
     margin-bottom: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #dee2e6;
  border-left: 3px solid #1671aa;
}

.tags {
    flex: 3; /* %75 geniÅŸlik */
    /* margin-right: 33px; */
    display: block;
}

.tarih {
    flex: 0.5;
    padding: 10px;
    background-color: #f3f3f3;
}



body {

 font-family: koho,roboto,'Almarai', sans-serif;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #515184;
 text-align: left;
 background-color: #fff; }

.main {
  margin-top: 150px;
} 

.banner {
  background-position: 50% 27%;
  padding: 170px 0 1px;
  text-align: center;
  margin-bottom: 15px;
}

.temizle{
  clear: both;
}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}

.master {
  margin: 20px;
}
.datepicker { 
  margin: 24px 10px 10px 10px;
}
.datepicker > span:hover {
  cursor: pointer;
}
.datepicker table {
    color: #000;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #9ca1a4;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-control-label {
  position: relative;
  font-size: 17px;
  padding-top: 1px;
}

.column{margin: 0px;}

[class*="block-grid-"]>li {
  display: block;
  height: auto;
  float: left;
  padding: 0 0.625rem 0.25rem;
}

hr {
 box-sizing: content-box;
 height: 0;
 overflow: visible; }

 .owl-item img {
  width: 33%!important;
  margin: 0 auto;
  }

h1, h2, h3, h4, h5, h6 {
 margin-top: 0;
 margin-bottom: 0.5rem; }

 .h1, h1 {
  font-size: 2.0rem;
}

 h2{font-size: 24px;}

 h2{font-size: 19px;}

 .mainmenu{
  /* margin: auto; */
  margin-left: auto;
 }

 .nav > li > a {position: relative;display: block;padding: 7px;color: rgb(39 34 100);/* font-family: Lemonada, roboto; */font-size: 18px;/* text-transform: uppercase; */font-weight: bold;}
.navbar-brand { z-index: 99999; margin-top: 0px; position: absolute; display: inline-block; padding: 0rem 1px;  margin-right: 0rem; font-size: 1.25rem;  border-radius: 10px; }
.dropdown:hover > .dropdown-menu { display: block; }
.dropdown-menu {position: absolute;top: 100%;left: 0px;z-index: 1000;display: none;float: left;min-width: 10rem;padding: 0.5rem 0px;margin: 0.125rem 0px 0px;font-size: 1rem;color: rgb(226 226 226);text-align: left;list-style: none;background-color: rgb(243 243 243);background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 3px;}
.dropdown-menu > li > a {position: relative;display: block;padding: 1px 6px;color: rgb(0 0 0);font-family: Roboto, sans-serif;font-size: 17px;}

p {
 margin-top: 0;
 margin-bottom: 0rem;
 text-align: justify;
 }

.detayliara {margin-top: 10px;}

abbr[title],
abbr[data-original-title] {
 text-decoration: underline;
 text-decoration: underline dotted;
 cursor: help;
 border-bottom: 0;
 text-decoration-skip-ink: none; }
address {
 margin-bottom: 1rem;
 font-style: normal;
 line-height: inherit; }

ol,ul,dl {
 margin-top: 0;
 margin-bottom: 1rem; }

ol ol,ul ul,ol ul,ul ol {
 margin-bottom: 0; }
dt { font-weight: 700; }

dd {margin-bottom: .5rem;
 margin-left: 0; }

blockquote {margin: 0 0 1rem; }

b,strong {font-weight: bolder; }

small { font-size: 80%; }

sub,sup { position: relative;
 font-size: 75%;
 line-height: 0;
 vertical-align: baseline; }

sub {  bottom: -.25em; }

sup {top: -.5em; }

a {color: #3639AE;
 text-decoration: none;
 background-color: transparent;
 }
 a:hover {color: #242674;
   text-decoration: underline; }

a:not([href]):not([tabindex]) {
 color: inherit;
 text-decoration: none; }
 a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
   color: inherit;
   text-decoration: none; }
 a:not([href]):not([tabindex]):focus {
   outline: 0; }

figure {
 margin: 0 0 1rem; }

img {
 vertical-align: middle;
 border-style: none;
 }

svg {
 overflow: hidden;
 vertical-align: middle; }

table {
 border-collapse: collapse; }

caption {
 padding-top: 0.75rem;
 padding-bottom: 0.75rem;
 color: #AEAED5;
 text-align: left;
 caption-side: bottom; }

th {
 text-align: inherit; }

label {
 display: inline-block;
 margin-bottom: 0.5rem;
 }

button {
 border-radius: 0; }

button:focus {
 outline: 1px dotted;
 outline: 5px auto -webkit-focus-ring-color; }

input,button,select,optgroup,textarea {
 margin: 0;
 font-family: inherit;
 font-size: inherit;
 line-height: inherit; }

.form-control::placeholder {
  font-size: 14px;
  opacity: 0.7;
}

button,input {
 overflow: visible; }

button,select {
 text-transform: none; }

select {
 word-wrap: normal; }
 
 
 .breadcrumb {
    background-color: #f8f9fa; /* Breadcrumb arkaplan rengi */
    padding: 8px 15px;
    border-radius: 4px;
	display: block;
}


.breadcrumb-item a {
    color: #646464;
}

.breadcrumb-item.active {
    color: #6c757d; /* Aktif sayfa renkleri */
}

 .breadcrumb li {
    padding: 5px 5px;
    display: contents;
    font-size: 15px;
    text-transform: lowercase;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    color: #6c757d;
    content: "/";
    padding-right: 5px;
    padding-left: 5px;
}

textarea {
 overflow: auto;
 resize: vertical; }
 .blogpost-content{width: fit-content;}
 .blogpost ul{
  margin: 0.3em 0 0 1.6em;
  list-style-type: disc;
 }
.page-title h1{
     color: #1671aa;
     font-weight: bold;
     font-size: 22px;
     text-align: start;
     padding-top: 1px;
     padding-bottom: 15px;
}
 hr.stil1 {
  border: 0;
  height: 1.4px;
  background: #333;
  background-image: linear-gradient(to right, #5da8d7, #1f1b4e, #5da8d7);
}

hr.stil2 {
  border: 0;
  height: 1.8px;
  width: %33px;
  background: #333;  background-image: linear-gradient(to right, #f3f3f3, #166ea5, #fdfdfdfc);
}
.seperatorbaslik {
  margin-bottom: 30px;
  /* width: 133px; */
  height: 2px;
  background: #1f1b4e;
  border: none;
  border: 0;
  height: 1.8px;
  background: #333;
  background-image: linear-gradient(to right, #1671aa, #1f1b4e, #fdfdfdfc);
}
.seperator1 {
  margin-bottom: 30px;
  width: 133px;
  height: 1px;
  background: #1671aa;
  border: none;
}
.seperator2 {
  margin-bottom: 8px;
  width: 100%;
  margin-top: 8px;
  height: 2px;
  background: #bdd5e7;
  border: none;
}
.ustkategori{margin-top: 38px;margin-left: 15px;}
.ustbolum{background: #ffffff;border-radius: 6px;padding: 5px;}
.ustbolum a{color: #7e7e7e;font-weight: bold;padding-left: 2px;}
.diller {
  /* background: #6a4949; */
  border-radius: 5px;
  padding-right: 3px;
  padding-left: 5px;
  padding-top: 20px;
  padding-bottom: 6px;
  font-size: 15px;
  float: right;
  color: #000;
}
.diller a {
  color: #7e7e7e;
  font-weight: bold;
}
 .bg-mavi{background-color: #2880c0!important;color: #fff;/* border-radius: 10px; */border-top-left-radius: 15px;border-bottom-left-radius: 15px;}
 .bg-dark {background-color: #1f1b4e!important;color: #fff;border-top-left-radius: 15px
px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.w50 {width: 100px !important;}
.note-float-left{
  float: left;
  margin: 0px 15px 0px 0px;
}
.note-float-right{
float: left;
margin: 0px 0px 0px 15px;}

.pb-10{padding-bottom: 10px;}
.bg-primary {
  background-color: #201c4f!important;
}

.alert.alert-custom{
    display: -ms-flexbox;
    display: flex;  
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 1.5rem;
}
.alert-icon{ font-size: 22px;}
.alert-text{ margin-left: 10px;}
.sp-mask .sp-grab{ width: 825px; height: 383px; }
.beyaz{background-color: #ffffff;  padding: 8px;}
label{display: block;padding: 8px 0px 0px 0px;font-size: 14px;margin-bottom: 1px;}
#limit_count{font-size: 13px;}

#inputEmail {
   border-radius: 4px;
   border: 1px solid #00000047;
   padding: 0px 15px;
   font-size: 16px;
   font-weight: 400;
   color: #515184;
   transition: all 0.3s ease-in-out;
   background: #fff;
}
#inputsifre {
   border-radius: 4px;
   border: 1px solid #00000047;
   padding: 0px 15px;
   font-size: 16px;
   font-weight: 400;
   color: #515184;
   transition: all 0.3s ease-in-out;
   background: #fff;
}
 .forget-pwd > a{
   color: #dc3545;
   font-weight: 500;
}
.forget-password .panel-default{
   padding: 31%;
   margin-top: -27%;
}
.forget-password .panel-body{
   padding: 15%;
   margin-bottom: -50%;
   background: #fff;
   border-radius: 5px;
   -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   margin-top:66px;
}
.giris{ width: 100% }

.btnForget{
   background: #c0392b;
   border:none;
}
.forget-password .dropdown{
   width: 100%;
   border: 1px solid #ced4da;
   border-radius: .25rem;
}
.forget-password .dropdown button{
   width: 100%;
}
.forget-password .dropdown ul{
   width: 100%;
}
.login{background:#2d3d6c;}
.user-box {
   width: 110px;
   margin: auto;
   margin-bottom: 10px;
   padding-top: 10px;
}
.login-form .btn.btn-primary {
   background: #f0ad4e none repeat scroll 0 0;
   border-color: #f0ad4e;
   color: #ffffff;
   font-size: 14px;
   width: 100%;
   height: 50px;
   line-height: 50px;
   padding: 0;
}
.user-box img {
   width: 100%;
   border-radius: 5%;
   padding: 3px;
   background: #fff;
   -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
   -ms-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
   box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
}
.profil{
  padding: 0rem 0 0 0;
}
.carduye{
 margin: 0rem 0 0 0;
}
.card .tab-content{
 padding: 1rem 0 0 0;
}
hr {
 margin-top: 1rem;
 margin-bottom: 1rem;
 border: 0;
 border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
 font-size: 80%;
 font-weight: 400; }

 .mt-50{
  margin-top: 50px;
 }

mark, .mark {
 padding: 0.2em;
 background-color: #fcf8e3; }

.list-unstyled {
 padding-left: 0;
 list-style: none;
 text-align: justify;
 }
.list-inline {
 padding-left: 0;
 list-style: none; }

.list-inline-item {
 display: inline-block; }
 .list-inline-item:not(:last-child) {
   margin-right: 0.5rem; }

.initialism {
 font-size: 90%;
 text-transform: uppercase; }

.blockquote {
 margin-bottom: 1rem;
 font-size: 1.25rem; }

.blockquote-footer {
 display: block;
 font-size: 80%;
 color: #6c757d; }
 .blockquote-footer::before {
   content: "\2014\00A0"; }

.img-fluid {
 max-width: 93%;
 height: auto;
 }

.img-thumbnail {
 padding: 0.25rem;
 background-color: #fff;
 border: 1px solid #dee2e6;
 border-radius: 0.25rem;
 max-width: 100%;
 height: auto; }

.figure {
 display: inline-block; }

.figure-img {
 margin-bottom: 0.5rem;
 line-height: 1; }

.figure-caption {
 font-size: 90%;
 color: #6c757d; }

code {
 font-size: 87.5%;
 color: #e83e8c;
 word-break: break-word; }
 a > code {
   color: inherit; }
kbd {
 padding: 0.2rem 0.4rem;
 font-size: 87.5%;
 color: #fff;
 background-color: #212529;
 border-radius: 0.2rem; }
 kbd kbd {
   padding: 0;
   font-size: 100%;
   font-weight: 700; }
pre {
 display: block;
 font-size: 87.5%;
 color: #212529; }
 pre code {
   font-size: inherit;
   color: inherit;
   word-break: normal; }
   
.shopping-list-content li { margin-top:5px;}


.pre-scrollable {
 max-height: 340px;
 overflow-y: scroll; }
.waves-button-input{background-color: rgb(34 48 100);}
.form-control {
 display: block;
 width: 100%;
 height: calc(1.5em + 0.75rem + 2px);
 padding: 0.375rem 0.75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #495057;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: 0.25rem;
 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 opacity: 0.8;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-control {
     transition: none; } }
 .form-control::-ms-expand {
   background-color: transparent;
   border: 0; }
 .form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #898bda;
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(54, 57, 174, 0.25); }
 .form-control::placeholder {
   color: #6c757d;
   opacity: 1; }
 .form-control:disabled, .form-control[readonly] {
   background-color: #e9ecef;
   opacity: 1; }

select.form-control:focus::-ms-value {
 color: #495057;
 background-color: #fff; }

.form-control-file,
.form-control-range {
 display: block;
 width: 100%; }

.col-form-label {
 padding-top: calc(0.375rem + 1px);
 padding-bottom: calc(0.375rem + 1px);
 margin-bottom: 0;
 font-size: inherit;
 line-height: 1.5; }

.col-form-label-lg {
 padding-top: calc(0.5rem + 1px);
 padding-bottom: calc(0.5rem + 1px);
 font-size: 1.25rem;
 line-height: 1.5; }

.col-form-label-sm {
 padding-top: calc(0.25rem + 1px);
 padding-bottom: calc(0.25rem + 1px);
 font-size: 0.875rem;
 line-height: 1.5; }

.form-control-plaintext {
 display: block;
 width: 100%;
 padding-top: 0.375rem;
 padding-bottom: 0.375rem;
 margin-bottom: 0;
 line-height: 1.5;
 color: #515184;
 background-color: transparent;
 border: solid transparent;
 border-width: 1px 0; }
 .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
   padding-right: 0;
   padding-left: 0; }

.form-control-sm {
 height: calc(1.5em + 0.5rem + 2px);
 padding: 0.25rem 0.5rem;
 font-size: 0.875rem;
 line-height: 1.5;
 border-radius: 0.2rem; }

.form-control-lg {
 height: calc(1.5em + 1rem + 2px);
 padding: 0.5rem 1rem;
 font-size: 1.25rem;
 line-height: 1.5;
 border-radius: 0.3rem; }

select.form-control[size], select.form-control[multiple] {
 height: auto; }

textarea.form-control {
 height: auto; }

.form-group {
 margin-bottom: 0.3rem; }

.form-text {
 display: block;
 margin-top: 0.25rem; }

.form-row {
 display: flex;
 flex-wrap: wrap;
 margin-right: -5px;
 margin-left: -5px; }
 .form-row > .col,
 .form-row > [class*="col-"] {
   padding-right: 5px;
   padding-left: 5px; }

.form-check {
 position: relative;
 display: block;
 padding-left: 1.25rem; }

.form-check-input {
 position: absolute;
 margin-top: 0.3rem;
 margin-left: -1.25rem; }
 .form-check-input:disabled ~ .form-check-label {
   color: #AEAED5; }

.form-check-label {
 margin-bottom: 0; }

.form-check-inline {
 display: inline-flex;
 align-items: center;
 padding-left: 0;
 margin-right: 0.75rem; }
 .form-check-inline .form-check-input {
   position: static;
   margin-top: 0;
   margin-right: 0.3125rem;
   margin-left: 0; }

.valid-feedback {
 display: none;
 width: 100%;
 margin-top: 0.25rem;
 font-size: 80%;
 color: #10d876; }

.valid-tooltip {
 position: absolute;
 top: 100%;
 z-index: 5;
 display: none;
 max-width: 100%;
 padding: 0.25rem 0.5rem;
 margin-top: .1rem;
 font-size: 0.875rem;
 line-height: 1.5;
 color: #fff;
 background-color: rgba(16, 216, 118, 0.9);
 border-radius: 0.25rem; }

.invalid-feedback {
 display: none;
 width: 100%;
 margin-top: 0.25rem;
 font-size: 80%;
 color: #E50202; }

.invalid-tooltip {
 position: absolute;
 top: 100%;
 z-index: 5;
 display: none;
 max-width: 100%;
 padding: 0.25rem 0.5rem;
 margin-top: .1rem;
 font-size: 0.875rem;
 line-height: 1.5;
 color: #fff;
 background-color: rgba(229, 2, 2, 0.9);
 border-radius: 0.25rem; }
.nav {
 display: flex;
 flex-wrap: wrap;
 padding-left: 0;
 margin-bottom: 0;
 list-style: none; }

.nav-link {
 display: contents;
 padding: 0.5rem 1rem;
 text-align: initial;
 }
 .nav-link:hover, .nav-link:focus {
   text-decoration: none; }
 .nav-link.disabled {
   color: #6c757d;
   pointer-events: none;
   cursor: default; }

.nav-tabs {
 border-bottom: 1px solid #dee2e6; }
 .nav-tabs .nav-item {
   margin-bottom: -1px; }
 .nav-tabs .nav-link {
   border: 1px solid transparent;
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem; }
   .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
     border-color: #e9ecef #e9ecef #dee2e6; }
   .nav-tabs .nav-link.disabled {
     color: #6c757d;
     background-color: transparent;
     border-color: transparent; }
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: #495057;
   background-color: #fff;
   border-color: #dee2e6 #dee2e6 #fff; }
 .nav-tabs .dropdown-menu {
   margin-top: -1px;
   border-top-left-radius: 0;
   border-top-right-radius: 0; }

.nav-pills .nav-link {
 border-radius: 0.25rem; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
 color: #fff;
 background-color: #3639AE; }

.nav-fill .nav-item {
 flex: 1 1 auto;
 text-align: center; }

.nav-justified .nav-item {
 flex-basis: 0;
 flex-grow: 1;
 text-align: center; }

.tab-content > .tab-pane {
 display: none; }
.tab-content > .active {
 display: block; }

.navbar {
 position: relative;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 padding: 0.3rem 1rem;
 }
 .navbar > .container,
 .navbar > .container-fluid {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between; }

.navbar-brand {
 display: inline-block;
 padding-top: 0.3125rem;
 padding-bottom: 0.3125rem;
 margin-right: 1rem;
 font-size: 1.25rem;
 line-height: inherit;
 white-space: nowrap; }
 .navbar-brand:hover, .navbar-brand:focus {
   text-decoration: none; }

.navbar-nav {
 display: flex;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 list-style: none; }
 .navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0; }
 .navbar-nav .dropdown-menu {
   position: static;
   float: none; }
   .navbar-nav > li > a {
    position: relative;
    display: block;
    padding: 7px;
    color: rgb(39 34 100);
    /* font-family: Lemonada, roboto; */
    font-size: 18px;
    /* text-transform: uppercase; */
    font-weight: bold;
}

.navbar-text {
 display: inline-block;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem; }

.navbar-collapse {
 flex-basis: 100%;
 flex-grow: 1;
 align-items: center; }

.navbar-toggler {
 padding: 0.25rem 0.60rem;
 font-size: 1.2rem;
 line-height: 1;
 background-color: transparent;
 border: 1px solid transparent;
 border-radius: 0.25rem;
 }
 .navbar-toggler:hover, .navbar-toggler:focus {
   text-decoration: none; }

.navbar-toggler-icon {
 display: inline-block;
 width: 1.3em;
 height: 1.2em;
 vertical-align: middle;
 content: "";
 background: no-repeat center center;
 background-size: 100% 100%;
 }

@media (max-width: 575.98px) {
 .navbar-expand-sm > .container,
 .navbar-expand-sm > .container-fluid {
   padding-right: 0;
   padding-left: 0; } }
@media (min-width: 576px) {
 .navbar-expand-sm {
   flex-flow: row nowrap;
   justify-content: flex-start; }
   .navbar-expand-sm .navbar-nav {
     flex-direction: row; }
     .navbar-expand-sm .navbar-nav .dropdown-menu {
       position: absolute; }
     .navbar-expand-sm .navbar-nav .nav-link {
       padding-right: 0.5rem;
       padding-left: 0.5rem; }
   .navbar-expand-sm > .container,
   .navbar-expand-sm > .container-fluid {
     flex-wrap: nowrap; }
   .navbar-expand-sm .navbar-collapse {
     display: flex !important;
     flex-basis: auto; }
   .navbar-expand-sm .navbar-toggler {
     display: none; } }
@media (max-width: 767.98px) {
 .navbar-expand-md > .container,
 .navbar-expand-md > .container-fluid {
   padding-right: 0;
   padding-left: 0; } }
@media (min-width: 768px) {
 .navbar-expand-md {
   flex-flow: row nowrap;
   justify-content: flex-start; }
   .navbar-expand-md .navbar-nav {
     flex-direction: row; }
     .navbar-expand-md .navbar-nav .dropdown-menu {
       position: absolute; }
     .navbar-expand-md .navbar-nav .nav-link {
       padding-right: 0.5rem;
       padding-left: 0.5rem; }
   .navbar-expand-md > .container,
   .navbar-expand-md > .container-fluid {
     flex-wrap: nowrap; }
   .navbar-expand-md .navbar-collapse {
     display: flex !important;
     flex-basis: auto; }
   .navbar-expand-md .navbar-toggler {
     display: none; } }
@media (max-width: 991.98px) {
 .navbar-expand-lg > .container,
 .navbar-expand-lg > .container-fluid {
   padding-right: 0;
   padding-left: 0; } }
@media (min-width: 992px) {
 .navbar-expand-lg {
   flex-flow: row nowrap;
   justify-content: flex-start;
   }
   .navbar-expand-lg .navbar-nav {
     flex-direction: row; }
     .navbar-expand-lg .navbar-nav .dropdown-menu {
       position: absolute;
       }
     .navbar-expand-lg .navbar-nav .nav-link {
       padding-right: 0.37rem;
       padding-left: 0.4rem;
       }
   .navbar-expand-lg > .container,
   .navbar-expand-lg > .container-fluid {
     flex-wrap: nowrap; }
   .navbar-expand-lg .navbar-collapse {
     display: flex !important;
     flex-basis: auto; }
   .navbar-expand-lg .navbar-toggler {
     display: none; } }
@media (max-width: 1199.98px) {
 .navbar-expand-xl > .container,
 .navbar-expand-xl > .container-fluid {
   padding-right: 0;
   padding-left: 0; } }
@media (min-width: 1200px) {
 .navbar-expand-xl {
   flex-flow: row nowrap;
   justify-content: flex-start; }
   .navbar-expand-xl .navbar-nav {
     flex-direction: row; }
     .navbar-expand-xl .navbar-nav .dropdown-menu {
       position: absolute; }
     .navbar-expand-xl .navbar-nav .nav-link {
       padding-right: 0.5rem;
       padding-left: 0.5rem; }
   .navbar-expand-xl > .container,
   .navbar-expand-xl > .container-fluid {
     flex-wrap: nowrap; }
   .navbar-expand-xl .navbar-collapse {
     display: flex !important;
     flex-basis: auto; }
   .navbar-expand-xl .navbar-toggler {
     display: none; } }
@media (max-width: 1439.98) {
 .navbar-expand-xxl > .container,
 .navbar-expand-xxl > .container-fluid {
   padding-right: 0;
   padding-left: 0; } }
@media (min-width: 1440) {
 .navbar-expand-xxl {
   flex-flow: row nowrap;
   justify-content: flex-start; }
   .navbar-expand-xxl .navbar-nav {
     flex-direction: row; }
     .navbar-expand-xxl .navbar-nav .dropdown-menu {
       position: absolute; }
     .navbar-expand-xxl .navbar-nav .nav-link {
       padding-right: 0.5rem;
       padding-left: 0.5rem; }
   .navbar-expand-xxl > .container,
   .navbar-expand-xxl > .container-fluid {
     flex-wrap: nowrap; }
   .navbar-expand-xxl .navbar-collapse {
     display: flex !important;
     flex-basis: auto; }
   .navbar-expand-xxl .navbar-toggler {
     display: none; } }
.navbar-expand {
 flex-flow: row nowrap;
 justify-content: flex-start; }
 .navbar-expand > .container,
 .navbar-expand > .container-fluid {
   padding-right: 0;
   padding-left: 0; }
 .navbar-expand .navbar-nav {
   flex-direction: row; }
   .navbar-expand .navbar-nav .dropdown-menu {
     position: absolute; }
   .navbar-expand .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem; }
 .navbar-expand > .container,
 .navbar-expand > .container-fluid {
   flex-wrap: nowrap; }
 .navbar-expand .navbar-collapse {
   display: flex !important;
   flex-basis: auto; }
 .navbar-expand .navbar-toggler {
   display: none; }

.navbar-light .navbar-brand {
 color: rgba(0, 0, 0, 0.9); }
 .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
   color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link {
 color: rgb(31 27 78);
 }
 .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
   color: rgb(40 128 192);
   }
 .navbar-light .navbar-nav .nav-link.disabled {
   color: rgba(0, 0, 0, 0.3); }
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
 color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler {
 color: rgb(0 0 0 / 95%);
 border-color: rgb(34 48 100);
 }
.navbar-light .navbar-toggler-icon {
 background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
.navbar-light .navbar-text {
 color: rgba(0, 0, 0, 0.5); }
 .navbar-light .navbar-text a {
   color: rgba(0, 0, 0, 0.9); }
   .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
     color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
 color: #fff; }
 .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
   color: #fff; }
.navbar-dark .navbar-nav .nav-link {
 color: rgba(255, 255, 255, 0.5); }
 .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
   color: rgba(255, 255, 255, 0.75); }
 .navbar-dark .navbar-nav .nav-link.disabled {
   color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
 color: #fff; }
.navbar-dark .navbar-toggler {
 color: rgba(255, 255, 255, 0.5);
 border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon {
 background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-dark .navbar-text {
 color: rgba(255, 255, 255, 0.5); }
 .navbar-dark .navbar-text a {
   color: #fff; }
   .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
     color: #fff; }
.card {
 position: relative;
 display: flex;
 flex-direction: column;
 min-width: 0;
 word-wrap: break-word;
 background-color: #fff;
 background-clip: border-box;
 border: 1px solid rgba(0, 0, 0, 0.125);
 border-radius: 0.25rem; }
 .card > hr {
   margin-right: 0;
   margin-left: 0; }
 .card > .list-group:first-child .list-group-item:first-child {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem; }
 .card > .list-group:last-child .list-group-item:last-child {
   border-bottom-right-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem; }

.card-body {
 flex: 1 1 auto;
 padding: 1.25rem; }

 .card-bodyuye {
  flex: 0 0 auto;
  padding: 0rem; }


.card-title { margin-bottom: 0.75rem; }
.card-subtitle {
 margin-top: -0.375rem;
 margin-bottom: 0; }
.card-text:last-child {margin-bottom: 0; }
.card-link:hover {
 text-decoration: none; }
.card-link + .card-link {
 margin-left: 1.25rem; }

.card-header {
 padding: 0.75rem 1.25rem;
 margin-bottom: 0;
 background-color: rgba(0, 0, 0, 0.03);
 border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
 .card-header:first-child {
   border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
 .card-header + .list-group .list-group-item:first-child {
   border-top: 0; }

.card-footer {
 padding: 0.75rem 1.25rem;
 background-color: rgba(0, 0, 0, 0.03);
 border-top: 1px solid rgba(0, 0, 0, 0.125); }
 .card-footer:last-child {
   border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
 margin-right: -0.625rem;
 margin-bottom: -0.75rem;
 margin-left: -0.625rem;
 border-bottom: 0; }

.card-header-pills {
 margin-right: -0.625rem;
 margin-left: -0.625rem; }

.card-img-overlay {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 padding: 1.25rem; }

.card-img {
 width: 100%;
 border-radius: calc(0.25rem - 1px); }

.card-img-top {
 width: 100%;
 border-top-left-radius: calc(0.25rem - 1px);
 border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom {
 width: 100%;
 border-bottom-right-radius: calc(0.25rem - 1px);
 border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck {
 display: flex;
 flex-direction: column; }
 .card-deck .card {
   margin-bottom: 15px; }
 @media (min-width: 576px) {
   .card-deck {
     flex-flow: row wrap;
     margin-right: -15px;
     margin-left: -15px; }
     .card-deck .card {
       display: flex;
       flex: 1 0 0%;
       flex-direction: column;
       margin-right: 15px;
       margin-bottom: 0;
       margin-left: 15px; } }
.mb-20 {
 margin-bottom: 20px !important;
}
.mt-130{
 margin-top: 130px !important;
}

ul {
  padding: 0;
  margin: 0.3em 0 0 0em;
  list-style-type: none;
}

a {
 text-decoration: none;
 outline: none;
 color: #2e2b4e;
 }
 a:hover, a:focus, a.active {
   text-decoration: none;
   outline: none;
   color: #3639AE; }
b,strong,.strong {
 font-weight: bold;
 color: #121158;
 text-align: justify;
 }

#main-wrapper {
 opacity: 0;
 transition: all 0.25s ease-in;
 overflow: hidden;
 position: relative;
 z-index: 1;
 margin-top: 60px; }
 #main-wrapper.show {
   opacity: 1; }
.content-body {
 margin-left: 65px;
 margin-top: 18px;
 margin-right: 6px;
 margin-bottom: 45px; }
#preloader {
 position: fixed;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 background-color: #fff;
 z-index: 999999999; }

.sk-three-bounce {
 margin: 0;
 width: 100%;
 height: 100%;
 text-align: center;
 background-color: #fff; }

.sk-three-bounce .sk-child {
 position: relative;
 top: 50%;
 transform: translateY(-50%);
 width: 20px;
 height: 20px;
 background-color: #3639AE;
 border-radius: 100%;
 display: inline-block;
 -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
 animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }

.sk-three-bounce .sk-bounce1 {
 -webkit-animation-delay: -0.32s;
 animation-delay: -0.32s; }

.sk-three-bounce .sk-bounce2 {
 -webkit-animation-delay: -0.16s;
 animation-delay: -0.16s; }

@-webkit-keyframes sk-three-bounce {
 0%,
   80%,
   100% {
   -webkit-transform: scale(0);
   transform: scale(0); }
 40% {
   -webkit-transform: scale(1);
   transform: scale(1); } }
@keyframes sk-three-bounce {
 0%,
   80%,
   100% {
   -webkit-transform: scale(0);
   transform: scale(0); }
 40% {
   -webkit-transform: scale(1);
   transform: scale(1); } }
.section-padding {
 padding: 177px 0px 0px 0px;
 }
 @media only screen and (max-width: 1199px) {
   .section-padding {
     padding: 50px 0px; } }



.section-title {
 margin-bottom: 120px;
 }
 .section-title h2 {
   font-weight: 700;
   font-size: 40px;
   text-transform: uppercase; }
   @media only screen and (max-width: 1199px) {
     .section-title h2 {
       font-size: 28px; } }

.card {
 border: 0px solid #E1E1F0;
 margin-bottom: 30px;
 border-radius: 5px;
 box-shadow: 0px 36px 48px rgba(31, 66, 135, 0.04);
 background: #1671aa;
 min-height: 300px;
 }
 .card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #E1E1F0;
   background: #fff;
   padding: 20px 30px; }
 .card-title {
   font-size: 24px;
   margin-bottom: 0px; }
 .card .card-body {
   padding: 12px 10px;
   background: #f3f3f3;
   border-radius: 15px;
   }

   .card .card-body p {
    padding-bottom: 10px;
    text-align: left;
    }


.header {
 padding: 1px 0px;
 background: #f3f3f3;
 border-bottom: 0px solid #E1E1F0;
 transition: all 0.3s ease-in-out;
 z-index: 999;
 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 height: auto !important;
 }
 .header.fixed {
   padding: 10px 0px;
   box-shadow: 0 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
   border-color: transparent; }
 .header .navigation .navbar {
   background-color: transparent !important;
   padding: 0px; }
   .header .navigation .navbar .collapse {
     justify-content: flex-end; }
   .header .navigation .navbar ul {
     align-items: center; }
     @media only screen and (max-width: 991px) {
       .header .navigation .navbar ul {
         margin-top: 15px;
         height: 360px;
         overflow-y: scroll; } }
     .header .navigation .navbar ul > li {
       display: inline-block;
       padding: 7px;
       width: 100%; }
       @media only screen and (max-width: 991px) {
         .header .navigation .navbar ul > li {
           border-bottom: 1px solid #E1E1F0;
           margin: 0 15px;
           padding: 7px 15px; } }
       .header .navigation .navbar ul > li > a {
         font-size: 18px;
         font-weight: 500;
         color: #515184;
         white-space: nowrap;
         /* font-weight: bold; */
         }
         .header .navigation .navbar ul > li > a :hover, .header .navigation .navbar ul > li > a:focus, .header .navigation .navbar ul > li > a.active {
           color: #3639AE; }
         @media only screen and (max-width: 991px) {
           .header .navigation .navbar ul > li > a::after {
             position: absolute;
             right: 15px;
             top: 25px; } }
     @media only screen and (min-width: 991px) {
       .header .navigation .navbar ul .dropdown > a {
         position: relative;
         transition: all 0.2s ease-in-out; }
       .header .navigation .navbar ul .dropdown-menu {
         background: #fff;
         padding: 5px 0;
         display: block;
         opacity: 0;
         visibility: hidden;
         z-index: 1030;
         transition: all 0.2s ease-in-out;
         box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.1);
         border: 0px;
         margin-top: 10px;
         z-index: 998;
         min-width: 200px; }
         .header .navigation .navbar ul .dropdown-menu a {
           display: inline-block;
           color: #515184; }
           .header .navigation .navbar ul .dropdown-menu a:hover, .header .navigation .navbar ul .dropdown-menu a:focus, .header .navigation .navbar ul .dropdown-menu a.active {
             background: #3639AE;
             color: #fff; }
       .header .navigation .navbar ul li.dropdown:hover a::before {
         opacity: 1;
         bottom: -9px; }
       .header .navigation .navbar ul li.dropdown:hover .dropdown-menu {
         opacity: 1;
         visibility: visible;
         margin-top: 0px; } }
     @media only screen and (max-width: 991px) {
       .header .navigation .navbar ul .dropdown-menu {
         border: 0px;
         padding: 0px;
         background: #fff; }
         .header .navigation .navbar ul .dropdown-menu a {
           border-bottom: 1px solid #E1E1F0;
           padding: 15px;
           color: #515184; }
           .header .navigation .navbar ul .dropdown-menu a :last-child {
             border: 0px; }
           .header .navigation .navbar ul .dropdown-menu a i,
           .header .navigation .navbar ul .dropdown-menu a h6 {
             color: #3639AE; }
           .header .navigation .navbar ul .dropdown-menu a p {
             color: #515184;
             margin-bottom: 0; } }

.signin-btn .btn {
 padding: 7px 20px !important;
 min-width: 85px !important; }


   .site-footer{
     background-color: #f8f9fe;
     padding-top: 30px;
     margin-top: 30px;
   }

#cb-cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; border-radius: 0; display: none; }

body.ar .bevol { float: right;}
.bevol img {margin-right: 3px;}
body.ar .ters {
   direction: initial;
   unicode-bidi: bidi-override;
   text-align: right;
}
body.ar .ters i {
   text-align: left;
}
/* Example 5 slider */
#example5 .sp-thumbnail-image-container {
 width: 100px;
 height: 80px;
 overflow: hidden;
 float: left;
}

#example5 .sp-thumbnail-image {height: 100%;}

#example5 .sp-thumbnail-text {
 width: 155px;
 float: right;
 padding: 7px;
 background-color: #1f1b4e;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 /* font-size: 16px; */
}

#example5 .sp-thumbnail-title {
 margin-bottom: 45px;
 text-transform: uppercase;
 color: #fff;
}

#example5 .sp-thumbnail-description {
 font-size: 14px;
 color: #333;
}




.single-timeline-area .timeline-date {
 /* position: absolute; */
 width: 180px;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 1;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -ms-grid-row-align: center;
 align-items: center;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
 padding-right: 60px;
}
@media only screen and (max-width: 575px) {
 .single-timeline-area .timeline-date {
     width: 100px;
 }
}
.single-timeline-area .timeline-date::after {
 position: absolute;
 width: 3px;
 height: 100%;
 content: "";
 background-color: #ebebeb;
 top: 0;
 right: 30px;
 z-index: 1;
}
.single-timeline-area .timeline-date::before {
 position: absolute;
 width: 11px;
 height: 11px;
 border-radius: 50%;
 background-color: #f1c40f;
 content: "";
 top: 50%;
 right: 26px;
 z-index: 5;
 margin-top: -5.5px;
}
.single-timeline-area .timeline-date p {
 margin-bottom: 0;
 color: #020710;
 font-size: 13px;
 text-transform: uppercase;
 font-weight: 500;
}
.single-timeline-area .single-timeline-content {
 position: relative;
 z-index: 1;
 padding: 30px 30px 25px;
 border-radius: 6px;
 margin-bottom: 15px;
 margin-top: 15px;
 -webkit-box-shadow: 0 0.25rem 1rem 0 rgba(47, 91, 234, 0.125);
 box-shadow: 0 0.25rem 1rem 0 rgba(47, 91, 234, 0.125);
 border: 1px solid #ebebeb;
 min-height: 260px;
}
@media only screen and (max-width: 575px) {
 .single-timeline-area .single-timeline-content {
     padding: 20px;
 }
}
.single-timeline-area .single-timeline-content .timeline-icon {
 -webkit-transition-duration: 500ms;
 transition-duration: 500ms;
 width: 33px;
 height: 33px;
 background-color: #1671aa;
 -webkit-box-flex: 0;
 -ms-flex: 0 0 30px;
 flex: 0 0 30px;
 text-align: center;
 max-width: 50px;
 border-radius: 50%;
 margin-right: 15px;
}
.single-timeline-area .single-timeline-content .timeline-icon i {
 color: #ffffff;
 line-height: 33px;
}
.single-timeline-area .single-timeline-content .timeline-text h6 {
 -webkit-transition-duration: 500ms;
 transition-duration: 500ms;
}
.single-timeline-area .single-timeline-content .timeline-text p {
 font-size: 13px;
 margin-bottom: 0;
}
.single-timeline-area .single-timeline-content:hover .timeline-icon,
.single-timeline-area .single-timeline-content:focus .timeline-icon {
 background-color: #1f1b4e;
}
.single-timeline-area .single-timeline-content:hover .timeline-text h6,
.single-timeline-area .single-timeline-content:focus .timeline-text h6 {
 color: #3f43fd;
}

/* Form wrapper styling */
.search-wrapper {
 width: 700px;
 margin: 12px auto 0px auto;
 padding-right: 0px;
 padding-left: 0px;
 }
  
 /* Form text input */  
 .search-wrapper input {
 width: 628px;
 height: 39px;
 padding: 3px 5px;
 float: left;
 border: 0;
 background: #fff;
 border-radius: 3px 0 0 3px;
 margin-top: 5px;
 }
  
 .search-wrapper input:focus {
     outline: 0;
     background: #fff;
     box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
 }
  
 .search-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
 }
  
 .search-wrapper input:-moz-placeholder {
     color: #999;
     font-weight: normal;
     font-style: italic;
 }
  
 .search-wrapper input:-ms-input-placeholder {
     color: #999;
     font-weight: normal;
     font-style: italic;
 }    

/* Form submit button */
.search-wrapper button {
 overflow: visible;
 position: relative;
 float: right;
 border: 0;
 padding: 0;
 cursor: pointer;
 height: 39px;
 width: 71px;
 margin-top: 4px;
 color: white;
 background: #1671aa;
 border-radius: 0 3px 3px 0;
 /* text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); */
 }    
 .search-wrapper button:hover{ background: #201b4e; }       
 .search-wrapper button:active, .search-wrapper button:focus{   
     background: #c42f2f;
     outline: 0;   
 }
  
 .search-wrapper button:before { /* left arrow */
     content: '';
     position: absolute;
     border-width: 8px 8px 8px 0;
     border-style: solid solid solid none;
     border-color: transparent #1671aa transparent;
     top: 12px;
     left: -6px;
 }
  
 .search-wrapper button:hover:before{ border-right-color: #1f1b4e; }
  .search-wrapper button:focus:before,.search-wrapper button:active:before{ border-right-color: #c42f2f; }      
  
 .search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
     border: 0;
     padding: 0;
 }    
 .carousel-wrap {
   margin: 5px auto;
   padding: 0 5%;
   width: 66%;
   position: relative;
 } 
 /* fix blank or flashing items on carousel */
 .owl-carousel .item {
   position: relative;
   z-index: 100; 
   -webkit-backface-visibility: hidden; 
 } 
 /* end fix */
 .owl-nav > div {
   margin-top: -26px;
   position: absolute;
   top: 50%;
   color: #cdcbcd;
 } 
 .owl-nav i {font-size: 52px; }
  .owl-nav .owl-prev {left: -30px; }
  .owl-nav .owl-next {
   right: -30px;
 }

 .register-form{border-radius: 10px;}

 .register-form h1 {
  font-size: 42px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 150px 0px;
  line-height: 60px;
}
.register-form .form-control {
  border: none;
  background: none;
  border-bottom: 1px solid #2880c0;
  border-radius: 0px !important;
  color: #fff;
}
.register-form .form-control:focus,
.register-form .form-control:hover{
border:none;
margin: 0 auto;
background: none;
box-shadow: none;
border-bottom: 1px solid #fff;
color: #fff;
}

.modalpop a {color: #fff;}

.footer{background-color: #f3f3f3;}
.copyright {
  margin: auto;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  }


  .card-body h2 {
    font-weight: bold;
    font-size: 18px;
    text-align: left;
}

.card-body h3 {
  font-size: 22px;
  /* font-weight: bold; */
}


.teamcolinner {
  position: relative;
  border: 1px dashed #1fc2f2;
  min-height: 100px;
  background: #fff;
  z-index: 9;
  border-radius: 10px;
  min-height: 200px;
  }
.teamcol {
  padding: 5px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  transition: transform 1s ease-in-out;
  margin-bottom: 33px;
  }
.teamcol:hover {
  transform: translateY(-8px);
  box-shadow: 0px 3px 10px 3px rgb(170 170 173 / 0.5);
  transition: transform 1s ease-in-out;
}
.teamcol:after {
  content: "";
  width: 33%;
  height: 3%;
  position: absolute;
  left: 90px;
  bottom: 0;
  background: -webkit-linear-gradient(#1c4791, #005fec);
  border-bottom-left-radius: 3px;
  transition: width 1s ease-in-out;
}
.teamcol:hover::before, .teamcol:hover::after {
  width: 33%;
  transition: width 1s ease-in-out;
}

.member-info {
   margin: 12px;
  }

  .member-info h2 {
    font-size: 17px;
    color: #352e85;
    font-weight: bold;
    text-align: center;
}

.member-info p {
   margin-bottom: 10px;
  }

  .yazialti i{
    color: #3376a3;  
     
  } 

  .tags a{margin-right: 20px;color: #2f688f;font-weight: bold;display: inline-block;}

  .btn-breadcrumb{background-color: rgb(229 242 251);border-radius: 10px;margin-bottom: 15px;display: flex;margin: 0 auto;}
  .btn-breadcrumb a {
    color: #1f1b4e;
    font-size: 12px;
  }

  /** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -12px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding: 5px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 6px solid rgb(229 242 251);
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 6px solid rgb(229 242 251);
}

.prepare-text ul {
  padding: 0;
  margin: 0.3em 0 0 1.6em;
  list-style-type: revert;
}

.tagsinput {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	background: #fff;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #556270;
	padding: 5px 5px 0 5px;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
}

.tagsinput.focus {
	border-color: #ccc;
}

.tagsinput * {
	box-sizing: border-box;
}

.tagsinput .tag {
	position: relative;
	background: #556270;
	display: block;
	max-width: 100%;
	word-wrap: break-word;
	color: #fff;
	padding: 5px 30px 5px 5px;
	border-radius: 2px;
	margin: 0 5px 5px 0;
}

.tagsinput .tag .tag-remove {
	position: absolute;
	background: none;
	display: block;
	width: 30px;
	height: 30px;
	top: 0;
	right: 0;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	color: #ff6b6b;
	line-height: 30px;
	padding: 0;
	border: 0;
}

.tagsinput .tag .tag-remove:before,
.tagsinput .tag .tag-remove:after {
	background: #ff6b6b;
	position: absolute;
	display: block;
	width: 10px;
	height: 2px;
	top: 14px;
	left: 10px;
	content: '';
}

.tagsinput .tag .tag-remove:before {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

.tagsinput .tag .tag-remove:after {
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

.tagsinput div {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.tagsinput div input {
	background: transparent;
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	padding: 5px;
	border: 0 none;
	margin: 0 5px 5px 0;
}

.tagsinput div input.error {
	color: #ff6b6b;
}

.tagsinput div input::-ms-clear {
	display: none;
}

.tagsinput div input::-webkit-input-placeholder {
	color: #ccc;
	opacity: 1.0;
}

.tagsinput div input:-moz-placeholder {
	color: #ccc;
	opacity: 1.0;
}

.tagsinput div input::-moz-placeholder {
	color: #ccc;
	opacity: 1.0;
}

.tagsinput div input:-ms-input-placeholder {
	color: #ccc;
	opacity: 1.0;
}





.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}


/** Mobil Tablet**/
@media only screen and (max-width: 991px) {
.signin-btn {
position: absolute;
right: 73px;
top: 3px; } 
    .search-wrapper {
     width: 100%;
     margin: 9px auto 0px auto;
     padding-right: 0px;
     padding-left: 0px;
 }  

.navbar-brand { position: sticky;}
.search-wrapper input {
  width: 100%;
  height: 39px;
  padding: 3px 5px;
  float: left;
  border: 0;
  background: #fff;
  border-radius: 3px 0 0 3px;
  margin-top: 5px;
}
.mobile-center{text-align: center;}

.search-wrapper button {
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 39px;
  width: 71px;
  margin-top: -38px;
  color: white;
  background: #1671aa;
  border-radius: 0 3px 3px 0;
  /* text-shadow: 0 -1px 0 rgb(0 0 0 / 30%); */
  margin-bottom: 10px;
}

.diller {
  /* background: #6a4949; */
  border-radius: 5px;
  padding-right: 6px;
  padding-left: 5px;
  padding-top: 20px;
  padding-bottom: 6px;
  font-size: 18px;
  float: right;
  color: #000;
  margin-top: -50px;
}
.img-fluid {
  max-width: 72%;
  height: auto;
}
.header {
  padding: 1px 0px;
  background: #f3f3f3;
  border-bottom: 0px solid #E1E1F0;
  transition: all 0.3s ease-in-out;
  z-index: 999;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  height: auto !important;
}

.owl-item img {
  width: 86%!important;
  margin: 0 auto;
}

.main {
  margin-top: 22px;
}

.tags a {
  margin-right: 17px;
  color: #2f688f;
  padding-left: 2px;
  font-weight: bold;
  display: -webkit-box;
}
   
}


@media (max-width: 500px) {
 #example5 .sp-thumbnail {
   text-align: center;
 }
 #example5 .sp-thumbnail-image-container {display: none; }
 #example5 .sp-thumbnail-text {width: 120px;height: 63px;}
 #example5 .sp-thumbnail-title { font-size: 12px; text-transform: uppercase;}
 #example5 .sp-thumbnail-description {display: none;}
}