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

*{
  margin: 0;
  padding: 0;
  
}
body {
  font-family: "Barlov",sans-serif;
  line-height: 1.7;
  color: #516171;
}
.fa-solid:hover {
color: #ff441e!important;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: 700!important;
  color: #092032;

}
a {
  color: #092032;
  transition: all 0.4 ease;
  font-weight: 500;
}
i {
  cursor: pointer!important;
}

/*NAVBAR*/

.top-nav {
  background-color: #333333;
  padding-top: 0.313rem;
  padding-bottom: 0.313rem;
}
.top-nav span:hover { 
  color:#ff441e;
}
.top-nav i:hover {
  color: #ff441e;
}
.top-nav p {
  margin-bottom: 0;
  display: inline-block;
  margin-right: 1rem;
color: #ffff;
}
.top-nav i,
.top-nav span {
  vertical-align: middle;
}

.sosyal-medya a{
width:2.125rem;
height: 2.125rem;
background-color: rgba(255, 255, 255, 0.15);
text-decoration: none;
display: inline-flex;
color: #fff;
font-size: 20px ;
border-radius: 100%;
align-items: center;
justify-content: center;
}
.sosyal-medya a:hover {
  background-color:#ffff;
  color: #ff441e;
}
.navbar {
  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}

.btn-ara{
margin-bottom: 10px;
  font-size: calc(.6rem + .6vw)!important;
  background-color: #ff441e;
color: #fff;}
.btn-ara:hover {
  color: white;
  background-color: #333333;
}
.btn-ara-s {
  color: white;
  background-color: #333333;
}
.btn-ara-s:hover {
  color: white;
  background-color: #ff441e;
}
.btn-top {
  background-color: #333333;
  color: #fff;
}
.btn-top:hover {
  color: white;
  background-color: #ff441e;
}
.navbar-collapse {

color: #092032;
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
  color: #ff441e;
}
/*ARA YAZI*/
.ara-yazi {
  color: white;
  background-color: #333333;
}
.ara-yazi2 {
  color: white;
  background-color: #333333;
}
.imza {
  font-size: calc(.5rem + .75vw)

}
.tirnak-1 {
  color: #ff441e;
  font-size: calc(.9rem + .95vw);}
/*GİRİŞ EKRANI*/
#myBtn {
  z-index: 9999999;
  display: none;
  position: fixed;
  bottom: 100px;
  right: 50px;    
  font-size: 10px;
  border: none;
  outline: none;
  background-color: #ff441e;
  color:  white;
  cursor: pointer;
  height: 35px;
  width: 35px;
  border-radius: 7px;
}

#myBtn:hover {
  background-color: #333333;
}
#myBtn {
  animation: btn-animation 2s
}
@keyframes btn-animation {
  0%{
      margin: 5%;
  }
}

.bg-cover {
  background-position: center!important;
  background-size: cover!important;
  background-repeat: no-repeat!important;
}

.top-container {
background: black;
  background-image: url("nur-bgbgbgbg.png");
  margin-top: 5%;

  background-size: contain!important;
width: 100%!important;
  height: calc(20rem + 25vw)!important;
 
}
.urun-mt {
  margin-top: 140px!important;

}
.top-container h1 {
  
  font-size: calc(.5rem + 2vw);
}
.top-container h5 {

  font-family: 'Times New Roman', Times, serif;
  font-size: calc(3rem + 2vw);
}
.top-container a {

  font-size: calc(.6rem + .6vw);
}
.spanspan{
  color: #ff441e!important;
  background-color: #ff441e!important;
}
/*HAKKIMIZDA*/
.img-h {
  -webkit-filter: drop-shadow(5px 5px 5px #333333 );
  filter: drop-shadow(5px 5px 5px #333333);
  width: 75%;
}
.img-hh {
  -webkit-filter: drop-shadow(5px 5px 5px #333333 );
  filter: drop-shadow(5px 5px 5px #333333);
 
}
/*FOOTER*/

.footer
{
  background-color:#092032;
  padding:2.813rem 0 1.25;
  font-size:0.938rem;
  line-height:1.5rem;
  color:#737373;
}
.footer hr
{
  border-top-color:grey;
  opacity:1
}
.footer hr.small
{
  margin:1.25rem 0
}
.footer h6
{
  color:#fff;
  font-size:1rem;
  margin-top:0.313rem;
  letter-spacing:0.125rem;
}
.footer a
{
  color:#516171;
}
.footer a:hover
{
  color:#ff441e;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#516171
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#ff441e;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.footer .social-icons
{
  margin-bottom: .5rem;
  text-align:right
}

.footer .social-icons a
{
  width:2.5rem;
  align-items: center;
  height:2.5rem;
  text-decoration: none;
 
  margin-left:0.375rem;
  margin-right:0;
  color: white;
  border-radius:100%;
  background-color: rgba(255, 255, 255, 0.15);

}

.bottom-nav span:hover { 
  color:#ff441e;
}
.bottom-nav i:hover {
  color: #ff441e;
}
.bottom-nav p {

  display: inline-block;
  margin-right: 1rem;
}
.bottom-nav i,
.bottom-nav span {
  vertical-align: middle;
}

@media (max-width:991px)
{
  .top-container {
    margin-top: 21%;
  }
  .top-container a {
    font-size: 8px!important;
  }
 .urun {
   text-align: center!important;
 }
  .harita {
    height: 300px;
    margin-top: 0;
  }
  .counter-wrapper{
  
    padding: 2rem 2px!important;
   
  }
  .top-nav p {
 
    font-size: calc(.65rem + .65vw);
    margin-bottom: 0;
    display: inline-block;
    margin-right: 0!important;
  color: #ffff;
  }
  .btn-ara{
    margin-bottom: 10px;
      font-size: calc(.6rem + .6vw)!important;
      }
  .top-container h1 {
    font-size: calc(1rem + 1vw);
  }
  .top-container h5 {
    font-size: calc(1rem + 1vw);
  }
  .navbar-collapse {
    margin-top: 5px;
    border-top: 1px solid black;
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
  }
  #myBtn {
    display: none!important;
  }
  .top-container {
    background-size: contain!important;
    height: calc(15rem + 30vw)!important;
  }
  .float{
    bottom:10px !important;
    right:10px !important;
    width:40px !important;
    height:40px !important;
    font-size:x-large !important;
  
  }
.my-float {
margin-top: 17%!important;
}
.ara-yazi2 {
display: block !important;
}
  .none {
    display: none;
  }
  .ara-yazi-d {
    display: none!important;
  }
  .footer {
    
    text-align: center;
  }
  .footer [class^=col-]
  {
    margin-bottom:0
  }
  .iletisim-bilgi {
    text-align: left !important;
  }

  .sosyal-medya {
    display: none;
  }
}
@media (max-width:767px)
{
  .urun {
    text-align: center!important;
  }
  .float {
    bottom:10px !important;
    right:10px !important;
  }
  .harita {
    height: 300px;
    margin-top: 0;
  }
  .counter-wrapper{
  
    padding: 2rem 2px!important;
  }
  .top-nav p {
    font-size: cal(.1rem + .1vw);
    margin-bottom: 0;
    display: inline-block;
    margin-right: 0!important;
  color: #ffff;
  }
  .btn-ara{
    margin-bottom: 10px;
      font-size: calc(.6rem + .6vw)!important;
      }
  .top-container h1 {
    font-size: calc(1rem + 1vw);
  }
  .top-container h5 {
    font-size: calc(1rem + 1vw);
  }
  .navbar-collapse {
    margin-top: 5px;
    border-top: 1px solid black;
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
  }
  #myBtn {
    display: none!important;
  }

  .top-container {
    background-size: contain!important;
    height: calc(9rem + 21vw)!important;
     
  }
  @media (max-width:389px)
{
  .urun {
    text-align: center!important;
  }
  .float {
    bottom:10px !important;
    right:10px !important;
  }
  .harita {
    height: 300px;
    margin-top: 0;
  }
  .counter-wrapper{
  
    padding: 2rem 2px!important;
   
  }
  .top-nav p {
    font-size: cal(.1rem + .1vw);
    margin-bottom: 0;
    display: inline-block;
    margin-right: 0!important;
  color: #ffff;
  }
  .btn-ara{
    margin-bottom: 10px;
      font-size: calc(.4rem + .5vw)!important;
      }
  .top-container h1 {
    font-size: calc(1rem + 1vw);
  }
  .top-container h5 {
    font-size: calc(1rem + 1vw);
  }
  .navbar-collapse {
  margin-top: 5px;
  border-top: 1px solid black;
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
  #myBtn {
    display: none!important;
  }
 

.top-container {
  background-size: contain!important;
  height: calc(11rem + 9vw)!important;
  margin-top: 21%;
}

  
}

  
  .card {
    width: 45%!important;
  }
  .card h5{
    font-size: calc(.65rem + .75vw)!important;

  }
  .card p {
    display: none!important;
  }
  .none {
    display: none !important;
  }
  .ara-yazi-d {
    display: none!important;
  }
.ara-yazi2 {
  display: block;
}
  .hakkimizda {
    text-align: center;
    margin-top: 4%;
  }
  .footer
  {
    
    text-align: center;
    padding-bottom:0
  }
  .iletisim-bilgi {
    text-align: left !important;
  }
  .footer .copyright-text,.footer .social-icons
  {
    text-align:center
  }

  .sosyal-medya {
    display: none;
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:0.25rem
}
.social-icons li.title
{
  margin-right:0.938rem;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:0.813rem
}
.social-icons a{
  width: 2.125rem;
height: 2.125rem;
background-color: rgba(255, 255, 255, 0.15);
display: inline-flex;
color: #fff;
font-size: 1.25rem ;
border-radius: 100%;
align-items: center;
justify-content: center;
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#ff441e;
  background-color:white
}
.social-icons.size-sm a
{
  line-height:2.125rem;
  height:2.125rem;
  width:2.125rem;
  font-size:0.875rem;
}

@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}
.guncel-media {
  text-decoration: none;
  
}
.guncel-media:hover {
  color: #ff441e;
}
.footer-h {
  margin-top: 2%;
}
/*HAKKIMIZDA*/
.ara-yazi2 {
  display: none;
}
.hakkimizda {
  margin-top: 150px!important;

}
.harita-mt {
  margin-top: 150px!important;

}

/*İLETİŞİM*/
.form-group {
  margin: 2%;
}

/*CARD*/
/*URUNURUN*/
.urun {
  background-color: #fafafa;
}


.rate {
    float: left;
    padding: 0 10px 0 0;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float: right;
    width: 15px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 21px;
    color:#ccc;
	margin-bottom: 0;
	line-height: 21px;
}
.rate:not(:checked) > label:before {
    content: '\2605';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
.urun img {
	
 
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.urun img:hover {
  opacity: .5;
}
.card img {
  margin-top: 15px;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.card:hover img {
	opacity: .5;
}




/*ANIMATOINS*/
.top-container h5,h1 {
  animation: yazi-animation 3s;
}
 
@keyframes yazi-animation{
  0%{
      margin-bottom: -30px;
      letter-spacing: 10px;
  }
  30%{
      letter-spacing: 5px;
  }
  50%{
      margin-top:15px;
  }
}
/*COUNTER*/
.counter h1 {
color: white!important;
}
.counter-wrapper{
  background: url(counter-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 5rem 7px;
  margin-top: 5rem;
  position: relative;
}
.counter-wrapper::before{
  position: absolute;
  content: '';
  content: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 1;
}
.counter{
text-align: center;   
color: #ddd;
z-index: 2;
position: relative;
}
.counter::before{
  position: absolute;
  content: '';
  bottom: -.5rem;
  left: 50%;
  width: 30%;
  height: .2rem;
  background: #ff441e;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
  -ms-border-radius: .5rem;
  -o-border-radius: .5rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.counter .count{
  font-size: calc(2.5rem + .75vw)!important;
  margin-bottom: 1rem;    
}
.counter p{
  font-size: calc(.5rem + .55vw)!important;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}

/*SLIDER*/

.slider {
  background-size: contain!important;
  height: calc(5rem + 35vw)!important;
}
/*WP*/
.float:hover {
  color: #ff441e;
}
.my-float:hover {
  color: #ff441e;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
  z-index:100;
}
.my-float {
  margin-top: 16px;
}
.harita {
  -webkit-filter: drop-shadow(5px 5px 5px #333333 );
  filter: drop-shadow(5px 5px 5px #333333);
}
.img-nnn {
  -webkit-filter: drop-shadow(5px 5px 5px #333333 );
  filter: drop-shadow(5px 5px 5px #333333);
}
.nnn h2{
  font-size: calc(.5rem + .8vw);
}
.nnn p {
  font-size: calc(.5rem + .3vw);
}
.nnn img{
  width: 50%!important;
}
.yol a{ 
  font-style: italic!important;
  text-decoration: none;
}
.yol a:hover {
  color: #ff441e;
}
.urun {
  background-color: #e0e0e0;
}
.nonne {
  visibility: hidden;
}
.text-dec{
  text-decoration: none;

}
.iletisim-bilgi a {
  text-decoration: none;
}
.iletisim-bilgi a:hover {
  color: #ff441e;
}
.fix {
  top: 0px;
  position: fixed;
  width: 100%;
  z-index: 999999999;
}