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

body{
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400;
	font-size:1.1rem;
	height: 100%;
	color: #4d5e6a;
}

h1{
	font-size:1.4rem;
	font-weight: 400;
	
}


h2{
	font-size:1.4rem;
	font-weight: 400;
	
}

.kenar-b{
	padding:0 5rem;	
}

.iletisim .fas{
	color:#006ab4;	
}

.h-20{
max-height:25% !important;	
}


strong{
	font-weight: 700;
}

.bosluk{
	margin-bottom: 3rem;
}



h3{
	font-size:1.2rem;
	font-weight:400;
}



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

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




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

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

.dropdown-menu a:hover{
	background:#182633;
	color:#fff;
	opacity:.3;
	-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;
}
.dropdown-menu-arrow:before {

}

.navbar-transparent .lang-option{
	color:#fff;
	font-size:.7rem;
	border:1px solid #FFF;    
    border-radius:.6em;
	text-align:center;
	margin-right:1rem;
	padding:.2rem;
	margin:.5rem .5rem .5rem 1.3rem;
	
}

.navbar-light .lang-option{
	color:#fff;
	font-size:.7rem;
	border:1px solid #7e8ea1;    
    border-radius:.6em;
	text-align:center;
	margin-right:1rem;
	padding:.2rem;
	margin:.5rem .5rem .5rem 1.3rem;
}




/* 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;
}

/* Header stilleri */
.header_anasayfa{
	background-image: url(../images/header_bg.jpg);
	background-attachment:scroll;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar{
	padding-top:2rem !important;	
}


.h-ic{
	max-height:10rem;	
}

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


/* 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: transparent;
	padding-top: 20px;
}

.navbar-scroll-down{
	background-color:#fff;
	display: none;
	padding-top: 20px;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .1);
}






nav a {
	font-size:1rem;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-left:9px;
}


.nav-link img {
    vertical-align: baseline;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
	background:none;
	margin:3rem 2rem 0 2rem;
	font-size:1.5rem;
	font-weight:300;
	

}

.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.6);
	background: none;
	

}

.navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(255,255,255,1);
}


.navbar-transparent .navbar-toggler {
    line-height: 1rem;
    background-color: #fff;
    border: 0px;
    border-radius: .25rem;
	color:#000;
}


.navbar-light .navbar-nav .nav-link {
    color: rgba(26,22,67,1);
	background:none;

}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(26,22,67,1);
	background: none

}

.navbar-light .navbar-nav .nav-link:focus {
	color: rgba(26,22,67,1);
}



.logo-mavi{
	display:none;
}


.ic-h1-container{
	background: #fff;
	padding-bottom: 0;
	margin-bottom: 0;
	display: inline-block;
	-webkit-border-top-left-radius: 1rem;
	-webkit-border-top-right-radius: 1rem;
	-moz-border-radius-topleft: 1rem;
	-moz-border-radius-topright: 1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}



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

.ic-h1{
	color:#3b454b;
	font-size: 2rem;
	padding: 1rem 2rem 1rem 2rem;
	font-weight: 600;
}

.ic-h1-aciklama{
	font-size: 1.3rem;
	color:#fff;
	padding-left: 1rem;
}

.asagi-ok-title{
	position: absolute;
	bottom: 90px;
	left:0;
	right:0;
	margin: 0 auto;
	color:#fff;
}

.asagi-ok{
	position: absolute;
	bottom: 40px;
	background: #e7313c;
	color:#fff;
	left:0;
	right:0;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	padding-top: 8px;
	border-radius: 2rem;
	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;
}

.cagri-cerceve{
	background: #f7f7ff;
	padding: 50px 10px 50px 10px;
	border-radius: 1rem;

}

/* 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;
	
		
}

/* Section stilleri */
section{
	padding:70px 0 70px 0;
}

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

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

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


.section-gri{
	background: #f0f0f0;
}
.cagri-destek {
	color:#fff;
	display: inline-block;
	margin: 10px;

}

.destek-metin{
	display:none;
}

.destek-ikon{
	color:#fff;
	font-size: 1.3rem;
	padding: 3px;
	width: 40px;
	border-radius: 2rem;
	background: #2c4d7a;
	text-align: center;
	border: 2px solid #fff;
}


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

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

}


.bg-footer{
	background-color:#163043;
	font-size:.95rem;	

}

.bg-footer a:hover{
	filter: alpha(opacity=50);
    opacity: .5;
    -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;
}



.social{
	color:#fff;
	font-size:.8rem;
	border:2px solid #FFF;    
    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: #e30613;
    color: #fff;
	font-weight: 400;
	border-radius:10rem;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #bb0611;
}

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

.btn:hover .fas{
	-webkit-animation: fadeInLeft .5s;
    animation: fadeInLeft .5s;
}
 
.btn-primary:active, .btn-primary.active {
    background: #221e53;
    box-shadow: none;
}


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

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .open {
    background: #233241;
	border: 2px solid #233241;
	color:#fff;
}

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

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active, .open {
    background: #fff;
	border: 2px solid #fff;
	color:#221e53;
}


.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;
  border-radius: 5px;
  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;
  }
}

.box .fas{
	padding-left: 0;
}

.box:hover .fas{
	-webkit-animation: arrow-solutions .5s;
    animation: arrow-solutions .5s;

}


.box a{
	color:#3b454b;
	text-decoration:none;
}

.box a:hover{
	color:#3b454b;
	text-decoration:none;
}

.box a:focus{
	color:#3b454b;
	text-decoration:none;
}


/* index2 */

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

  100% {
     opacity:1;

  }
}

.anim{
	position:relative;	
}

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

.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;
}


.mtt-1{
margin-top:1rem;	
}

.mtt-2{
margin-top:2rem;	
}


.mtt-3{
margin-top:3rem;	
}


.mtt-4{
margin-top:4rem;	
}

.mtt-5{
margin-top:5rem;	
}

.mbb-1{
margin-bottom:1rem;	
}

.mbb-2{
margin-bottom:2rem;	
}


.orta_bg{

}

.header_anasayfa_m{
	background-image: url(../images/header_bg.jpg);
	background-attachment:scroll;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 991px){
	
	.navbar-dark .navbar-brand {
    color: #fff;
    margin: 0;
  
}

.navbar {
    padding-left: 0;
    padding-right: 0;
}

	.header_anasayfa_m{
	background-image: url(../images/header_bg_m.jpg);
	background-attachment:scroll;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
	
	.kenar-b{
	padding:1rem;	
}

	
	.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,0);
	font-size:2.5rem;
}
	
	.h-mobil{
		max-height:50%;
		margin-top:5rem;
	}
	
	.h-margin{
		margin-top:3rem;
	}
	
	.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
    background: none;
    margin: 1rem;
    font-size: 1.5rem;
    font-weight: 300;
}
	
	.navbar-collapse{
	position: absolute;
    top: 9rem;
    z-index: 9999;
    width: 100%;
    left: 0px;	
	}
	
	/* 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: 10px !important;
	padding-top: 10px !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:8px;
		border-radius: .25rem;
		background-color: #163043;
	}
	.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 */
	
	
	.dropdown-menu-arrow{
		display:none;	
	}

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

}