@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css");

/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

body{font-family: "Arial, Tahoma"; font-size:11px !important; background:#fff !important;  }
ul li a{text-decoration: none; cursor:pointer;}
.navbar{font-family: 'Poppins', sans-serif;  font-weight: 700 !important; font-size:18px !important; }
.nav-link{color:#1d75b0 !important;}
.nav-link.active{color:#000 !important; border-bottom:solid 2px;}
.iletisim{font-family: 'Montserrat', sans-serif;  font-size:16px !important; }
.navbar .dropdown-menu{font-family: 'Montserrat', sans-serif;  font-weight: 700 !important;font-size:13px !important; }
.carousel-caption{background: rgba(29, 117, 176, 0.5);  font-family: 'Montserrat', sans-serif;  font-size:16px !important; }

.text-limiter{width:60%;}
.ellipsis{white-space: nowrap;  text-overflow: ellipsis; }
.note-popover{display:none;}

a:hover{text-decoration: none; cursor:pointer;}
.topmenu {background:#000;}
.topmenu ul{margin: 0; padding: 0; list-style: none; }
.topmenu .row div:nth-child(2) ul{float:right; }
.topmenu li{display: inline-block;}
.topmenu li a{display: block; color: #fff; padding: 10px 15px; font-size: 14px;}
.topmenu li a:hover{background:rgba(255,255,255,.2); }
.topmenu li a i{display: inline-block; font-size: 18px; vertical-align: middle;}

.breadcrumb{font-family: 'Montserrat', sans-serif;  font-size:13px !important; 
    /* Gradiant için All Browser */
    background: #f6f8f9; 
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
    
    /* Gradiant için All Browser */
    }
.breadcrumb li a{text-decoration: none; color:black;}

.topmenu{background-color: #000; font-family: 'Montserrat', sans-serif;  font-size:14px !important;}
.proje{font-family: 'Montserrat', sans-serif; font-size:14px !important;}
.topmenu .row .col-4 a{color: #fff !important; text-decoration: none;}

footer{
  font-size:14px !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 200 !important;

}
.footerbg{
  color:#929292; 
  font-size:13px;
  background:url(../img/world-map3.jpg) repeat-y center top;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  
  }
footer ul{
  list-style: none;
}
footer a{text-decoration: none; color:white;}
footer a:hover{color:brown;}
.copyright{display: block; float: right !important;}
.baslik {
    background-size: 100% auto !important;
    background-position: bottom !important;
    font-family: 'Montserrat', sans-serif; 
    color:white;
    text-align: center;
}
.baslik-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.ust {
    padding: 2rem 1rem;
    background-color: #e9ecef;
}


.SolAltIconlar{left: 45px; }
.SagAltIconlar{right: 45px;}
.SolAltIconlar, .SagAltIconlar{position: fixed; bottom: 50px; visibility: visible; background-color: transparent; margin:0; padding:0; list-style:none; z-index: 200000 !important; }
.SolAltIconlar li, .SagAltIconlar li{position: relative; display:block; margin-top: 20px; }
.animatedFixed{ width: 50px; height: 50px; display:inline-block; cursor: pointer;transform-origin: center;}
.animatedFixed > .wiconWrap {width: 60px; height: 60px; top: 0; left: 0; position: absolute; transition: all 0.2s ease-in-out; border-radius: 100%; border: 2px solid transparent; transition: all .5s;}
.animatedFixed > .wicon {width: 40px; height: 40px; top: 10px; left: 10px; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; transition: all 0.2s ease-in-out; transform-origin: 50% 50%;}
.animatedFixed > .wicon i{color:#fff; position:absolute; top:9px; left:9px; transform-origin: 50% 50%;}

.animatedFixed.whatsapp > .wiconWrap {background:rgba(79, 206, 93,.5);}
.animatedFixed.whatsapp > .wicon {background:rgb(79, 206, 93);} 

.animatedFixed.phone > .wiconWrap {background:rgba(18, 120, 255,.5);}
.animatedFixed.phone > .wicon {background:rgb(18, 120, 255);} 


.proje .resim {
  display: block;
  height: 200px;
  margin-bottom: 30px;
  border-radius: 3px;
  box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
  transition: .3s all ease;
}



/* Feature Box
---------------------*/
.feature-box-1 {
    padding: 20px;
    box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
    margin: 15px 0;
    position: relative;
    font-family: 'Montserrat', sans-serif; 
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    top: 0;
  }
  .feature-box-1 * {
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
  }
  .feature-box-1 .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #009ede;
    color: #ffffff;
    text-align: center;
    margin:0 auto;
    border-radius: 50%;
    margin-bottom: 22px;
    font-size: 27px;
  }
  .feature-box-1 .icon i {
    line-height: 70px;
  }
  .feature-box-1 h5 {
    color: #000;
    font-weight: 600;
  }
  .feature-box-1 p {
    margin: 0;
  }
  .feature-box-1:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    border-radius: 10px;
    width: 0;
    background: #000;
    z-index: -1;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
  }
  .feature-box-1:hover {
    top: -5px;
  }
  .feature-box-1:hover h5 {
    color: #ffffff;
  }
  .feature-box-1:hover p {
    color: rgba(255, 255, 255, 0.8);
  }
  .feature-box-1:hover:after {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    left: 0;
    right: auto;
  }
  .section {
      padding: 25px 0;
      position: relative;
  }
 
  .section-title h2 {
      font-weight: 200;
      color: #000;
      font-family: 'Montserrat', sans-serif;
      font-size:30px !important;
      margin: 0 0 15px;
      border-left: 5px solid #0d6efd;
      padding-left: 15px;
  }





  
@media (max-width : 767px){
	.topmenu{font-size:10px !important;}
	footer{  text-align: center !important;   }

	.navbar-nav .nav-item{border-bottom:solid #b0b8bd33 1px; text-align: center;}
  

}

.bd-callout {
padding: 1.25rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
border: 1px solid #eee;
border-left-width: .25rem;
border-radius: .25rem
}

.bd-callout h4 {
margin-top: 0;
margin-bottom: .25rem
}

.bd-callout p:last-child {
margin-bottom: 0
}

.bd-callout code {
border-radius: .25rem
}

.bd-callout+.bd-callout {
margin-top: -.25rem
}

.bd-callout-info {
border-left-color: #5bc0de
}

.bd-callout-info h4 {
color: #5bc0de
}

.bd-callout-warning {
border-left-color: #f0ad4e
}

.bd-callout-warning h4 {
color: #f0ad4e
}

.bd-callout-danger {
border-left-color: #d9534f
}

.bd-callout-danger h4 {
color: #d9534f
}

.bd-callout-primary{
border-left-color: #007bff
}

.bd-callout-primaryh4 {
color: #007bff
}

.bd-callout-success{
border-left-color: #28a745
}

.bd-callout-successh4 {
color: #28a745
}

.bd-callout-default{
border-left-color: #6c757d
}

.bd-callout-defaulth4 {
color: #6c757d
}





.service-container {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  
}
.yazz{font-family: 'Poppins', sans-serif;  font-weight: 400 !important; font-size:16px;}
.service-container .icon {
  margin-top: 5%;
  font-size: 38px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container .number-icon .icon-2 {
  height: 70px;
  width: 70px;
  line-height: 80px;
  border-radius: 64% 36% 55% 45% / 76% 72% 28% 24% !important;
  border-color: #f89d36 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container .number-icon .icon-2 i {
  font-size: 30px;
}

.service-container .number-icon .number {
  position: absolute;
  top: 0;
  right: 70px;
  left: 0;
  height: 35px;
  width: 35px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container .number-icon .number span {
  line-height: 30px;
}

.service-container .content .number {
  font-size: 40px;
  color: #dee2e6;
}

.service-container .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container.hover-bg {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-container.hover-bg .smooth-icon {
  position: absolute;
  bottom: -40px;
  right: -20px;
  font-size: 60px;
  color: #f8f9fa;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.service-container.hover-bg:hover {
  background-color: #f89d36;
}

.service-container.hover-bg:hover .content .title {
  color: #ffffff !important;
}

.service-container.hover-bg:hover .content .serv-pera {
  color: #fafafb !important;
}

.service-container.hover-bg:hover .smooth-icon {
  font-size: 100px;
  opacity: 0.2;
  bottom: -20px;
  right: 10px;
}

.service-container:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
          box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
}

.service-container:hover .icon {
  color: #f89d36;
  -webkit-animation: mover 1s infinite alternate;
          animation: mover 1s infinite alternate;
}

.service-container:hover .number-icon .icon-2 {
  background-color: #f89d36;
  border-radius: 50% !important;
}

.service-container:hover .number-icon .icon-2 i {
  color: #ffffff !important;
}

.service-container:hover .number-icon .number {
  color: #ffffff;
  background: #f89d36 !important;
  border-color: #ffffff !important;
}

.service-container:hover .content .title {
  color: #f89d36;
}

.service-container a:hover,
.service-container a .title:hover {
  color: #f89d36 !important;
}

@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

.service-wrapper {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-wrapper .icon {
  width: 60px;
  height: 60px;
  line-height: 45px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-wrapper .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-weight: 500;
  
}

.service-wrapper .big-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.05;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.service-wrapper:hover {
  -webkit-box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
          box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
  background: #ffffff;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  border-color: transparent !important;
}

.service-wrapper:hover .icon {
  background: #0062ff !important;
  color: #ffffff !important;
}

.service-wrapper:hover .big-icon {
  z-index: -1;
  opacity: 0.1;
  font-size: 160px;
}

.text-custom {
    color: #0062ff !important;
}

.uim-svg {
    display: inline-block;
    height: 1em;
    vertical-align: -0.125em;
    font-size: inherit;
    fill: var(--uim-color, currentColor);
}