/* Genel stiller ve tipografi */
html{
	height: 100%;
}

body{
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	height: 100%;
	color: #2b5471;
	background: #f9f9f9;
}

h1{
	color:#13778b;
	font-size:1.5rem;
	font-weight: 600;
}


.h1-ic{
	color:#13778b;	
	font-size:1.9rem;
	font-weight: 600;
	margin-bottom:2rem;
	position:relative;
	
}

.h1-ic:before {
  content: "";
  display: block;
  border-top: solid 1px #13778b;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 0;
}
.h1-ic span {
  background: #fff;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}



.h2-owl{
	color:#fff;	
	font-size:1.5rem;
	font-weight: 600;
	margin-bottom:2rem;
	
}


h2{
	color:#13778b;
	font-size:1.5rem;
	font-weight: 600;
	margin-bottom:1.4rem;
}


.h2-mainpage{
	font-size:1.5rem;
	font-weight: 600;
	margin-bottom:2rem;
	
}

h3{
	color:#1d77b8;
	font-size:1.3rem;
	font-weight: 600;
}

.h3-turuncu{
	color:#f27826;	
	font-size:2rem;
	font-weight: 600;
}

h4{
	color:#323338;
	font-size:1.3rem;	
}

h5{
	color:#424242;
	font-size:1.2rem;
}


.h-line{
    width: 150px;
    border-bottom: 1px solid #082f59;
	margin:.5rem;
	
}


a{
	color:#4bcae5;
}

a:hover{
	color:#27a5c0;
    text-decoration:underline;
}

.top-content h1{
	color:#082f59;
	font-weight:400;
}

.imza{
font-family: 'Satisfy', sans-serif;
font-size:1.4rem;
}


.alinti{
	font-size:1.2rem;
	font-weight:500;	
}

.top-content p{
	color:#082f59;	
}

.bosluk{
	padding-bottom:3rem;	
}

.bosluk_2{
	padding-bottom:1rem;	
}

.dropdown-menu{
	background: #0a6473;
	padding: .5rem;
	border: none;
	margin-top: 0;
	
	
}


.dropdown-menu a{
	color:#fff;
	line-height: 1.7rem;
	padding: .1rem .4rem .1rem .4rem;
	margin: .3rem 0 .3rem 0;
	
}

.dropdown-menu a:hover{
	background:#0a6473;
	color:#fff;
	opacity:.7;
	-webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
}


.dropdown-toggle::after {
	padding: 0;
	margin: 0;
	display:none;
}

.dropdown-menu-arrow {
  top: -25px;
  left: 50%;
  width: 0;
  height: 0;
  position: relative;
}
.dropdown-menu-arrow:before,
.dropdown-menu-arrow:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-width: 7px 8px;
  border-style: solid;
  border-color: transparent;
  z-index: 1001;
}
.dropdown-menu-arrow:after {
  bottom: -18px;
  right: -70px;
  border-bottom-color: #182633;
}

.speech-bubble {
	position: relative;
	background: #fdd300;
	border-radius: .4em;
	padding: .4rem;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #fdd300;
	border-bottom: 0;
	margin-left: -10px;
	margin-bottom: -10px;
}

.top-phone{
	white-space: nowrap;
	font-weight: 600;
	color:#000;
	padding: .5rem;
	line-height:.9rem;
	margin: 8px 20px 0 4px;
	font-size: 1rem;
	border-radius: .4rem;
}


/* Sayfa yükleme */
.page-loader{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader.gif) center no-repeat #fff;
}

/* aşağı ok */

.asagi-ok-title{
	position: absolute;
	bottom: 60px;
	left:0;
	right:0;
	margin: 0 auto;
	color:#fff;
	font-size:.8rem;
	font-weight:600;
}

.asagi-ok{
	position: absolute;
	bottom: 10px;
	background: #fff;
	color:#c43c53;
	left:0;
	right:0;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	padding-top: 8px;
	border-radius: 2rem;
}

.asagi-ok{
	color:#c43c53;
	text-decoration: none;
}

.asagi-ok:hover{
	opacity:.5;
	color:#fff;
	text-decoration: none;
	-webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
}


/* Header stilleri */

.header-text{
	color:#fff;	
}

.header_bg_noktalar{
background:url(../images/noktalar.png);
	
}





.header_bg{
	background-color:#000;
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
}

.header_bg_1{
	background-color:#d7edf8;
	background-image: url(../images/arka_v2.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
}


.header_bg_ic{
	background-image: url(../images/arka_v2.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: absolute;
	min-height: 25%;
	min-width: 100%;
	left: 0;
	top: 0;
}

.slider_dots{
	color:#e0e0e0;
	font-size:.8rem;
	margin:.3rem;
}

.slider_dots:hover{
	color:#e0e0e0;	
}


.overlay{
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
	background-size:contain;
	background-position:bottom center;
	background-repeat:no-repeat;
}


.logo-img{
	margin:0 1.5rem 0 1.5rem;
	padding-top: 0;
    width: auto;
    height: 68px;
}

/* Orta ürün animasyonları*/
.anim-over{
	height:250px;
	width:100%;
	background-color:rgb(0,0,0,.5);
	position:absolute;
}

.anim-container{
	height:250px;
	width:100%;
	overflow: hidden;
	position: relative;
    
}

.anim-icon-container{
	position:absolute;
	width:100%;
	font-size: 1.1rem;
}

.anim-icons{
	position:absolute;
	top:33%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	
}

.anim-a{
	color:#f9f9f9;
	font-weight:600;
	font-size:1.5rem;
	overflow: hidden;
	
}

.anim-a:hover{
	color:#f9f9f9;	
}

.hizmet-hover
{
     transform: scale(1.2);

}

.hizmet-1{
	background-image: url(../images/hizmet-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: absolute;
	min-height: 250px;
	min-width: 100%;
	left: 0;
	top: 0;
	transition: all 0.5s ease;
	overflow: hidden;
}


.hizmet-2{
	background-image: url(../images/hizmet-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: absolute;
	min-height: 250px;
	min-width: 100%;
	left: 0;
	top: 0;
	transition: all 0.5s ease;
	overflow: hidden;

}
.hizmet-3{
	background-image: url(../images/hizmet-3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: absolute;
	min-height: 250px;
	min-width: 100%;
	left: 0;
	top: 0;
	transition: all 0.5s ease;
	overflow: hidden;

}

.hizmet-4{
	background-image: url(../images/hizmet-4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: absolute;
	min-height: 250px;
	min-width: 100%;
	left: 0;
	top: 0;
	transition: all 0.5s ease;
	overflow: hidden;

}



/* Slider stilleri */
.custom1{
	color:#fff;
}

.custom1 h2{
	font-size: 2rem;
	color: #fff;
}

.custom1 p{
font-size: 1.4rem;	
}

.ikon-tepe{
	font-size:1.5rem;
}

.ikon-p{
	font-weight: 600;
	font-size:1.1rem;
}

/* Navbar stili */


.navbar-transparent {
	background: rgba(255, 255, 255, 0);
	padding: 20px 0 20px 0;
}

.navbar-scroll-down{
	background: #13778b;
	padding: 20px 0 20px 0;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);

}


nav a {
	font-size:1rem;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin:0 4px 0 4px;
	line-height:.9rem;
}


#site-nav .nav-item a {
  position: relative;
  text-decoration: none;
  color:#ffffff;
}

#site-nav .nav-item a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #ffffff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#site-nav .nav-item a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#site-nav .nav-item .dropdown-menu a {
    color: #fff;
    line-height: 1.7rem;
    padding: .1rem .4rem .1rem .4rem;
    margin: .3rem 0 .3rem 0;
}

#site-nav .nav-item .dropdown-menu a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

#site-nav .nav-item .dropdown-menu a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}



.dropdown:hover>.dropdown-menu {
   display: block; 
}

.custom-cards{
border-radius:.3rem;
padding:.2rem;
margin-bottom: 1.5rem;
background:#ebf1f8;
}
.custom-cards:hover{

}

.custom-cards-a{
	color:#0f59a6;
	text-decoration:none;
}

.custom-card-text{
	min-height:50px;	
}

.custom-cards-a:hover{
	color:#0f59a6;
	text-decoration:none;
	-webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
}



.hizmetler {
	overflow:hidden;
	transition: box-shadow 0.3s ease-in-out;
	background-color:#17aac3;
	margin-top:1rem;
	margin-bottom:1rem;
	border-radius: .6rem;
}

.hizmet-img{
	overflow:hidden;	
}

.hizmetler img{
	border-top-left-radius:.2rem;
	border-top-right-radius:.2rem;
	 transform: scale(1);
  transition: transform .5s ease;
}

.siyah-cizgi{
	height:0px;
	background-color:#000;
	width:100%;
}

.hizmetler-b{
	color:#fff;
	padding-bottom:1.5rem;
	padding-top:2.5rem;
	position:relative;
	font-size:1.2rem;
	font-weight:500;
}

.hizmetler-b p{
	color:#fff;
	font-size:1rem;
	font-weight:400;
	padding: .3rem .3rem 0 .3rem;
	margin-bottom: 0;
}

.hizmetler-b h2{
	color:#fff;
	margin: 0;
	padding: 0;
}


.hizmetler .daire{

  height: 40px;
  width: 65px;
  background-color: #17aac3;
  display: inline-block;
  position:absolute;
  top:-2.3rem;
  left:0;
  right:0;
  margin:0 auto;
  transition: all 0.5s ease;
	border-radius: .3rem;

}
.daire img{
	padding-top:.7rem;
}

.hizmetler:hover{
	transition: box-shadow 0.3s ease-in-out;	
}

.hizmetler:hover .h-img {
  transform: scale(1.1);
  transition: transform .5s ease;
}

.hizmetler:hover .daire{
	background-color:#0f8ba1;
	top:-1.2rem;
	transition: all 0.5s ease;
	
}

.hizmetler a{
	color:#fff;
	text-decoration:none;
}


.hizmetler a:hover{
	color:#fff;	
}

.kitaplar img{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(230,230,230,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(230,230,230,1);
box-shadow: 0px 0px 10px 0px rgba(230,230,230,1);
}

@media (min-width: 992px) {
  .animate {
	  
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}


.h1-ic:before {
  content: "";
  display: block;
  border-top: solid 1px #fff;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 0;
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}


.nav-link img {
    vertical-align: baseline;
}
.navbar-nav{
	margin-bottom: 1.2rem;
}

.navbar-dark .navbar-nav .nav-link {
	background:none;
	white-space:nowrap;
	font-weight:500;
}

.navbar-dark .navbar-nav .nav-link:hover {
	background: none;
}

.navbar-dark .navbar-nav .nav-link:focus {
	  color:#e3e3e3;
}


.navbar-toggler {
    background-color:transparent;
    border: 2px solid #f9f9f9;
    border-radius:.3rem;
	margin-right:1.2rem;
	font-size:1.4rem;
}

.navbar-dark .navbar-toggler {
    color: rgba(223,223,223,1);
}

.navbar-light .navbar-nav .nav-link {
	background:none;
	white-space:nowrap;
	font-weight:600;

}

.navbar-light .navbar-nav .nav-link:hover {
	background: none

}

.navbar-light .navbar-nav .nav-link:focus {
	  color:#212121;
}




.pad-0{
	padding: 0;
	margin:0;
}

.pad-20{
	padding: 4rem 0 4rem 0;
}

/* Owl Slider Stilleri */

.owl-theme .owl-dots .owl-dot {
    zoom: 1.4;
}

.owl-theme .owl-nav {

    font-size: 1.3rem;
	color: #fff;
}


button:hover, button:active, button:focus{
   outline: none;
}

.owl-theme .owl-nav .owl-next:hover {
  background:rgba(0, 0, 0, 0);
	opacity: .8;
}

.owl-theme .owl-nav .owl-prev:hover {
  background:rgba(0, 0, 0, 0);
	opacity: .8;
}


/* İçerik line-height */
.content{
	color:#555;
	font-size: 1.2rem;
}

.mainpage-p{
	font-size:1.2rem;
	
}

.italic{
font-style:italic;	
}

/* Section stilleri */
.section-pad-1{
	padding:120px 0 120px 0;
}

.section-pad{
	padding:70px 0 70px 0;
}

.section-koyu{
	background: #221e53;
}

.section-koyu h2{
	color: #fff;
}

.section-koyu p{
	color: #fff;
}


.section-gri{
	background: #f0f0f0;
}

.section-beyaz{
	background: #fff;
}
.section-dots{
background: #fff;
background:url(../images/noktalar.png);
}

.header-mavi{
	background-image: url(../images/arka_v2.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
	}

.section-mavi{
	background: #4babd7;
	padding-top:3rem;
	padding-bottom:2rem;
	background-image: url(../images/arka_v2.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.section-mavi p{
	
	color:#fff;
}



.fa-phone-volume{
	font-size: 3rem;
}


/* Footer stili */
footer{
	color:#f9f9f9;

}


.bg-footer{
	background-color:#4babd7;
	font-size:.95rem;	
	background-image: url(../images/arka_v2.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}



.social{
	color:#f9f9f9;
	font-size:.8rem;
	border:2px solid #f9f9f9;    
    height:35px;
    border-radius:50%;
    width:35px;
	text-align:center;
	padding-top:10px;
	margin:5px;
}





/* Button stilleri */
.btn {
    padding: 7px 24px;
    border: 0 none;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

/* Outlined butonlar */
.btn-primary {
    background: #0a3e75;
    color: #fff;
	font-weight: 400;
	 border-radius: 2rem;
}


.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #0a3e75;
    border-color: #0a3e75;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #0c4887;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a3e75;
  border-color: #0a3e75;

}


.btn .fas{
	padding-left: 6px;
}

.btn:hover .fas{
	-webkit-animation: fadeInLeft .5s;
    animation: fadeInLeft .5s;
}
 



.btn-outline-primary {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border: 2px solid #fff;
    border-radius: 2rem;
    font-weight: 600;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .open {
    color:#13778b;
	background: #fff;
	border: 2px solid #fff;
	outline: none !important;
   box-shadow: none;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #000000;
  background-color: #fff;
  border-color: #fff;

}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #0a3e75;
    background-color: #f9f9f9;
}

.btn-outline-primary.disabled .fas{
	padding-left:0;	
}




.btn-urunler{
	margin:.2rem 1rem .2rem 1rem;
}


.ikonlar{
		margin-bottom: 1.2rem;
		
	}
	
.ikonlar .cont{
	background:#fff;
	border-radius: .5rem;	
	box-shadow: 0 2px 18px 0 rgba(198,198,198,.3);
}

.ikonlar .cont:hover{
	background:#fff;
	border-radius: .5rem;	
	box-shadow: 0 2px 18px 0 rgba(198,198,198,.8);
	transition: box-shadow 0.3s ease-in-out;
}


.box {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  padding-top:1.5rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box::after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box:hover {
	cursor:pointer;
}

.box:hover::after {
    opacity: 1;
}

@keyframes arrow-solutions {
  0% {
    opacity:1;
  }
  50% {
    opacity:0;
	padding-left:30%;
  }
  
   60% {
    opacity:0;
	padding-right:30%;
  }
  
  100% {
     opacity:1;
	 padding-right:0;
  }
}




/* index2 */

@keyframes header-arrow-anim {
  0% {
    opacity:0;
	padding-right:80px;
  }

  100% {
     opacity:1;

  }
}

.anim{
	position:relative;	
}

.header-arrow{
font-size:3rem;
color:#fff;
position:absolute;
left:0;
right:0;
margin: 0 auto;
top:30%;
display:none;
z-index:999;
}

.entrance{
	font-size:1.7rem;	
}




.box2 .anim{
opacity:1;
	-webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
	 }

.box2:hover .anim{
opacity:.7;
	-webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
	 
	 }
	 
.box2:hover .fas{
-webkit-animation: header-arrow-anim .5s;
    animation: header-arrow-anim .5s;
	 
	 }

.box2 a{
	color:#fff;
	text-decoration:none;
}

.box2 a:hover{
	color:#fff;
	text-decoration:none;
}

.box2 a:focus{
	color:#fff;
	text-decoration:none;
}




.rounded-white{
	border:4px solid #fff;	
}


/*-- index2 */

.lang-desktop{
	display: block;
}

.lang-mobile{
		display: none ;
	}
	
	
	
.footer-contacts{
	margin:1rem;	
}

.footer-address{
	margin-top:1rem;	
}

footer .fas{ 
font-size:1.2rem;
margin:0 .1rem 0 .1rem;
}


.nav-item{
	margin:0 0 0 0;
}

.fa-kirmizi{

	color:#d11111;	
}
.adresler{
	font-size:1rem;
}

.telefon{
	font-size:1.4rem;
}

.urun_thumb_container{
position:absolute;
bottom:.7rem;
color:#fff;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.urun_thumb_container p{
background:rgb(0,0,0,.3);
display:inline-block;
padding:.4rem;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    font-size: 2rem;
    margin: 0 1rem 0 1rem;
	color:#f9f9f9;
}

.box2 .anim{
opacity:1;
	-webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
	 }

.box2:hover .anim{
opacity:.7;
	-webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
	 
	 }
	 
.box2:hover .fas{
-webkit-animation: header-arrow-anim .5s;
    animation: header-arrow-anim .5s;
	 
	 }

.box2 a{
	color:#fff;
	text-decoration:none;
}

.box2 a:hover{
	color:#fff;
	text-decoration:none;
}

.box2 a:focus{
	color:#fff;
	text-decoration:none;
}

.p-img{
		margin-bottom:1rem;
		margin-right:1rem;	
	}

a:hover{
	text-decoration:none;	
}

.footer-tel{
	font-size:1.2rem;	
}


.last-item{
margin-right:1rem;	
}
@media screen and (max-width: 991px){
	
	.p-img{
		min-width:100%;
		margin-bottom:1rem;	
		margin-right:0;
	}
	
	#site-nav .nav-item a:before {

  height: 0px;

}
	
	h1{
		font-size:1.2rem;	
	}
	
	.h1-ic{
		font-size:1.6rem;	
	}
	
	/* navbar mobil stili */
	
	.lang-desktop{
		display: none ;
	}
	.lang-mobile{
		display: block;
		padding: 1rem 0 1rem 0;
		color:#203242;
	}
	
	nav a {
	font-size:17px;
	padding-bottom: 8px !important;
	padding-top: 8px !important;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	line-height:none;

	}
	
	.navbar-collapse {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding:10px;
		background-color:transparent;
	}
	.nav-link{
		line-height:1rem;
	
	}
	
	.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
    background: none;
	
	}
	
	.nav-bottom-border{
		border-bottom:1px solid #203242;	
	}
	
	.nav-link-lang{
		color:#fff;
	}
	
	.nav-link-lang:hover{
		color:#fff;
		text-decoration:none;
	}


	.ikon-p{
	font-size:1rem;
	}
	
	.ikonlar{
		border-radius: .5rem;
	}
	
	/* header mobil stili*/
	.header{
		height:auto;
	}
	
	.header-image{
		max-height:200px;	
	}
	
	.custom1 h2{
		font-size: 1.3rem;
		color: #fff;
	}

	.custom1 p{
	font-size: 1rem;	
	}
	
	/* h tag mobil stilleri */
	
	



.logo-img {
	max-width:240px;
    margin: 0 .5rem 0 .5rem;
}


.nav-item{
	margin:0 0 0 0;	
}




.anim-a{
	color:#f9f9f9;
	font-weight:600;
	font-size:1rem;
	background: rgb(0,0,0,.3);
	
}

.pad-20{
	padding: 4rem 1.5rem 4rem 1.5rem;
}


.btn-urunler{
	margin:.2rem;
}

.urun_thumb_container p{
	font-size:.7rem;	
}
	
	


	
.speech-bubble {
	position: relative;
	background: #fdd300;
	border-radius: .4em;
	padding: 1rem;
	font-size: 1.2rem;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-right-color: #fdd300;
	border-left: 0;
	margin-top: -8px;
	margin-left: -8px;
}
	
	.top-phone{
	white-space: nowrap;
	font-weight: 600;
	color:#000;
	padding: 1rem;
	line-height:.9rem;
	margin: 0;
	font-size: 1rem;
	border-radius: .4rem;
}
	
	.navbar-transparent {
	background: #13778b;
	padding: 10px 0 10px 0;
}

.navbar-scroll-down {
    background: #13778b;
    padding: 10px 0 10px 0;
}

#site-nav .nav-item .dropdown-menu a {
    color: #fff;
    line-height: .5rem;
    padding: .1rem .4rem .1rem .4rem;
    margin: .3rem 0 .3rem 0;
}
	
	.logo-img{
	margin:0 .5rem 0 .5rem;
	padding-top: 10px;
    width: 190px;
    height: auto;
}
	
	.fa-bars{
		color: #fff;
	}
	
	.navbar-toggler {
    padding: 0 0 1.75rem  0;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border:none;
    border-radius: .25rem;
}

.top-content h1 {
    color: #082f59;
    font-weight: 400;
	font-size:1.8rem;
}


}