/* Genel stiller ve tipografi */
html{
	height: 100%;
}

body{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	height: 100%;
	color: #3b454b;
	background:#f9f9f9;
}

h1{
	font-size:2.5rem;
	font-weight: 600;
	
}


h2{
	color:#3b454b;
	font-size:2.2rem;
	margin-bottom: 1rem;
	font-weight: 600;
	
}

.carousel-control-prev, .carousel-control-next{
	z-index:2;	
  color: #036;
}

.carousel-control-prev:hover, .carousel-control-next:hover{
  color: #036;
}

.carousel-control-prev:focus, .carousel-control-next:focus{
  color: #036;
}

.carousel-control-prev:active, .carousel-control-next:active{
  color: #036;
}

.carousel-control-next-icon:after
{
  content: "";
  font-family: "Font Awesome 5 Free";
  color: #036;
}

.carousel-control-prev-icon:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  color: #036;
}

.carousel-control-next, .carousel-control-prev {
width:1rem;	
}

.ic-sayfa-header{
	height: 400px;
}

.ic-sayfa-genel-header{
	height: 430px;
	position:relative;
}

.ic-sayfa-genel-header-alt{
	position: absolute;
	bottom: 0;
	left:0;
	right:0;
	margin: 0 auto;
	height: 100px;
	background-image:url(../images/header-gradient.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.pad0{
padding-right: 0;
    padding-left: 0;	
}


.ic-sayfa-header, .ic-sayfa-genel-header h1{
	margin-top:4rem;
	
}

.ic-sayfa-header, .ic-sayfa-genel-header p{
	color:#fff;
	font-size:1.5rem;
}

.ic-sayfalar h1{
	color:#fff;
	font-size:2.2rem;
	font-weight: 600;
	line-height: 2.5rem;
}

.ic-sayfalar h2{
	color:#3b454b;
	font-size:1.6rem;
	line-height: 2.3rem;
	margin-bottom: .5rem;
	font-weight: 600;
}

.ic-sayfalar .listeler ul {
  list-style: none;
  padding: 0;
}
.ic-sayfalar .listeler li {
  padding-left: 1.3em;
	line-height: 2rem;
}

.ic-sayfalar a:hover{
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

strong{
	font-weight: 700;
}

.bosluk{
	margin-bottom: 3rem;
}

.ic-sayfalar .listeler li:before {
  content: "\f058"; /* FontAwesome Unicode */
  font-family: "Font Awesome 5 Free";
	color: #A4D81B;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}


h3{
	color:#3b454b;
	font-size:1.5rem;
}



h4{
	color:#3b454b;
	font-size:1.3rem;
	
}

h5{
	color:#414141;
	font-size:1.2rem;
}




.dropdown-menu{
	background: #1a1643;
	padding: .5rem;
	border: none;
	border-radius: .5rem;
	margin-top: .2rem;
}


.dropdown-menu a{
	color:#fff;
	line-height: 1.7rem;
	border-radius: .5rem;
	padding: 0 .2rem 0 .3rem;
	margin: .3rem 0 .3rem 0;
}


.dropdown-toggle::after {
	padding: 0;
	margin: 0;
}


/* 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 */



.mobile_bg{
	background-image: url(../video/video-mobil-v2.png);
	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_1{
	background-image: url(../images/header_n1.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_2{
	background-image: url(../images/header_n2.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;
	display:none;
}


.header_bg_3{
	background-image: url(../images/header_n1.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_4{
	background-image: url(../images/header_n2.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_5{
	background-image: url(../images/depo_v6.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_6{
	background-image: url(../images/depo_v4.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_7{
	background-image: url(../images/depo_v5.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_8{
	background-image: url(../images/axata.mp4);
	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;
}


#video-background {
/*  making the video fullscreen  */
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}



.header_axata_wm{
	background-image: url(../images/axata-wm-bg.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
	opacity:0;
}

.header_genel{

	background-image: url(../images/header-genel-v2.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}


.header_cozumler_2{

	background-image: url(../images/cozumler_arka_v2.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
	color:#fff;
}

.header_cozumler{

	background-image: url(../images/header-genel-v2.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header_tms{

	background-image: url(../images/header_tms.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header_tms_v2{

	background-image: url(../images/tms_header.jpg);
    background-attachment:fixed;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
}

.header_wm{

	background-image: url(../images/header_wm.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header_wm_v2{

	background-image: url(../images/wm_header.jpg);
    background-attachment:fixed;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
}

.header_mds{

	background-image: url(../images/header_mds.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header_mds_v2{

	background-image: url(../images/mds_header.jpg);
    background-attachment:fixed;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
}

.header_truck{

	background-image: url(../images/header_truck.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header_truck_v2{

	background-image: url(../images/truck_header.jpg);
    background-attachment:fixed;
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
}

.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 */
.margin0{
	margin:0;	
}

.custom1{
	color:#fff;
}

.custom1 h2{
	font-size: 2.3rem;
	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(41, 35, 92, 0);

	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;
	font-weight:600;
	-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;

}

.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;
}




.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;
}

.header_message{
	position: absolute;
	bottom: 260px;
	color:#fff;
	left:0;
	right:0;
	margin: 0 auto;
	font-size:1.4rem;
	text-shadow: 2px 2px #11202a;
}

.asagi-ok{
	position: absolute;
	bottom: 10px;
	background: #cc9b42;
	color:#fff;
	left:0;
	right:0;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	padding-top: 8px;
	border-radius: 2rem;
}

.asagi-ok{
	color:#fff;
	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: #f1f0f9;
	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;
	
		
}

.tab-content img{
	margin:1rem 0 1rem 0;	
}

/* Section stilleri */
section{
	padding:70px 0 70px 0;
}

.section-koyu{
	background: #221e53;
}

.section-beyaz{
	background: #fff;
}

.section-koyu h2{
	color: #fff;
}

.section-koyu p{
	color: #fff;
}


.section-gri{
	background:#f9f9f9;
	
}

.cozumlerimiz{
	background-image: url(../images/orta-alan-arka.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.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;
}

.referanslarimiz_v2{
	background-image: url(../images/header-genel-v2.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}



.referanslarimiz_v2 h2{
	color:#fff;
}



.cozum-bg{
	background-image: url(../images/cozum-bg.png);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
	
}




/* Footer stili */
footer{
	color:#fff;
	font-size:.9rem;
}

footer h4{
	color:#fff;
}

footer p{
	margin-bottom:.3rem;
}
footer a{
	color:#cdc8f5;
	font-size:.9rem;
}

footer a:hover{
	color:#cdc8f5;
	opacity:.5;
	text-decoration:none;
}



.bg-footer{
	background-color:#28225c;	

}

.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:10px;
}

/* 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: #d6d3f4;
    color: #221e53;
	font-weight: 600;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #221e53;
}

.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: #3b454b;
    background-color: transparent;
    background-image: none;
	border: 2px solid #3b454b;
	border-radius: 2rem;
	font-weight:600;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .open {
    background: #3b454b;
	border: 2px solid #3b454b;
	color:#fff;
}

.btn-outline-secondary {
    color: #fff;
    background-color: transparent;
    background-image: none;
	border: 2px solid #fff;
	border-radius: 2rem;
	font-weight:600;
}

.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;
}

.cozumler{
	border-radius: 1rem;
	padding: 2rem 1rem 1rem 1rem;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #fff;
	
}


.cozumler .aciklama{
	min-height: 210px;
}

.cozumler .aciklama2{
	min-height: 150px;
}


.cozumler .aciklama2 p{
	color:#3b454b;
}



.cozumler2{
	border-radius: 1rem;
	padding: 2rem 1rem 1rem 1rem;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: rgba(255,255, 255, 0.7);
	
}

.cozumler2 .aciklama{
	min-height: 210px;
}

.cozumler2 .aciklama2{
	min-height: 150px;
}


.cozumler2 .aciklama2 p{
	color:#3b454b;
}



.cozumler_header_text{
margin-top:150px;
}

.cozumler_header_text p{
font-size:1.5rem;
}

.haber-ikon{
	position: absolute;
	left: 17px;
}

.haberler .haber{
	padding-left: 30px;
}
.lang-desktop{
	display: block;
}

.lang-mobile{
		display: none ;
	}

.pad-0{
	padding-bottom: 0;
	margin-bottom:0;
}


.owl-carousel .owl-item img {
    display:inline;
    width: 100%;
	margin:1rem 0 1rem 0;
}


.yorumlar img{
	max-width:200px;
	height:auto;
}

.yorumlar .fa{
color:#000;	
}

.yorumlar .yorum{
	font-size:1.5rem;
	font-style:italic;	
}

.yorumlar .imza{
	font-size:1.3rem;
	font-weight:700;

}

.owl-carousel .owl-item {
	text-align:center;
  align-content:center;
}

.owl-stage{
    margin: 0 auto;
}

.owl-wrapper {
    margin: 0 auto;
}

a {
    color: #453b94;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
	color: #1d1947;
}

/* Nav pills */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #3b454b;
}

.nav-pills .nav-link {
    border-radius: 1.5rem;
	color:#3b454b;
	border:2px solid #3b454b;
	margin-right:1rem;
	font-weight:600;
}

.margin-bottom{
	margin-bottom:1rem;	
}

.owl-stage{
	overflow:hidden;	
}

.cagri{
	z-index:9999;
	position:fixed;
	right:0;
	bottom:0;
	color:#28225c;
	font-weight:600;
	margin:.5rem;
	padding:.1rem;
	display:none;
}

@media screen and (max-width: 991px){
	
	/* navbar mobil stili */
	
	.lang-desktop{
		display: none ;
	}
	.lang-mobile{
		display: block;
		padding: 1rem 0 1rem 0;
	}
	
	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: #221d4e;
	}
	.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 #38326c;	
	}
	
	
	.haber-ikon{
		position:relative;
		left: 0;
		right: 0;
	}

	.haberler .haber{
		padding-left: 0;
	}
	
	.ikon-p{
	font-size:1rem;
}
	
	.ikonlar{
		margin-bottom: 1.2rem;
	}
	
	/* header mobil stili*/
	.header{
		height:auto;
	}
	
	.header-image{
		max-height:200px;	
	}
	
	.custom1 h2{
		font-size: 1.5rem;
		color: #fff;
	}

	.custom1 p{
	font-size: 1rem;	
	}


	
	/* h tag mobil stilleri */
	h2{
		margin-top:45px;
	}
	
	.ic-sayfalar h1{
	color:#fff;
	font-size:1.5rem;
	font-weight: 600;
	line-height: 2.3rem;
	}
	
	/* Çözümler */
	.cozumler .aciklama{
		min-height: 150px;
	}
	
	.ic-sayfa-genel-header p{
		font-size:1.1rem;
}
}

