body {
color:#666;
font-family: "canada-type-gibson",gibson;
font-size:18px;
font-style: normal;
font-weight: 300;
input, select, textarea {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeSpeed;
	
}
}	

header{
	height:100%;
	z-index:9999;
}
h1, h2, h3{
	font-family: "futura-pt";	
	font-weight:700;
	color:#173652;
}
h4, h5, h6 {
	font-weight:600;
	color:#173652;
}
h1{	font-size:48px;}
h2{	font-size:36px; margin-bottom:30px;}
h3{	font-size:24px;}
h4{ font-size:18px;}
h5{	font-size:16px;}
h6{	font-size:14px;}
* a{text-decoration:none !important;}	
h2:before{
	content:url(../images/title-icon.gif);
	position:relative;
	top: 25px;
    margin-right: 5px;	
	}
	

ul {
	list-style:none;
	padding:0px;
}

li {list-style:none;}

p{line-height:30px;}

strong{font-weight:400;}


.nopadding{	padding:0px;}

figure img{
	margin:0 auto;
}


/** BACKGORUND
 **************************************************************** **/

.white-bg{
	background-color:#fff;
}

.grey-bg{
	background-color:#f9f9f9;
}
.dark-blue-bg{
	background-color:#173652;
}

.red-bg{
	background-color:#bd1739;
}

/** BUTONLAR
 **************************************************************** **/
.btn-red{
	color:#fff;
	background-color:#bd1739;
	font-size:16px;
	padding:15px 5px 15px 5px;
	border-radius:0;
}
.btn-red:hover{
	color:#fff  ;
	background-color:#173652;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}


.btn-black{
	color:#173652 ;
	font-size:16px;
	border:2px solid #173652  ;
	padding:15px 60px 15px 60px;
	border-radius:0;
}
.btn-black:hover{
	color:#fff  ;
	background-color:#173652;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}
.btn-white{
	color:#fff;
	font-size:16px;
	border:2px solid #fff;
	padding:15px 60px 15px 60px;
	border-radius:0;
}
.btn-white:hover{
	color:#173652;
	background-color:#fff;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}
.social-media-buttons{
	border-radius:0;
	width:50px;
	height:50px;
	margin:0 8px 8px 0;
}

.social-media-buttons:hover{
color:#fff  ;
	background-color:#173652;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}
.social-media-buttons i{
color:#fff;
padding:12px 0 0 0;
}

.btn-facebook{
	background-color:#496eb5;
}
.btn-instagram{
	background-color:#edad00;
}
.btn-twitter{
	background-color:#69c8ed;
}
.btn-youtube{
	background-color:#e12427;
}
.btn-linkedin{
	background-color:#228cde;
}
.btn-pinterest{
	background-color:#ef4646;
}

/** PRELOAD
 **************************************************************** **/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99;
}

#status {
  width: 230px;
  height: 90px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image:url(../images/preloader.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
/** BANNER
 **************************************************************** **/
#banner-wrapper {
	box-sizing: border-box;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
	max-height:400px;
	height:50vh;
	background-position:bottom;
	text-align:center;
	margin-bottom:30px;
}

#banner-wrapper figcaption{
	padding-top:150px;
}
#banner-wrapper figcaption a{
	color:#fff;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:21px;
}
#banner-wrapper figcaption a:hover{
	color:#ccc;
}



/** SLİDER
 **************************************************************** **/

.slide-welcome{
	background:url(../images/content/intro-slide-bg.jpg) no-repeat bottom center;
	box-sizing: border-box;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
	height: 100vh;
}
.slide-fotograf-hizmetleri{
	background:url(../images/content/fotograf-slide-bg.jpg) no-repeat bottom center;
	box-sizing: border-box;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
	height: 100vh;
}

.slide-sosyal-medya{
	background:url(../images/content/sosyal-medya-slide-bg.jpg) no-repeat bottom center;
	box-sizing: border-box;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
	height: 100vh;
}
.slide-teknik-servis{
	background:url(../images/content/teknik-servis-slide-bg.jpg) no-repeat bottom center;
	box-sizing: border-box;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
	height: 100vh;
}
.slide-sunucu-hizmetleri{
	background:url(../images/content/sunucu-hizmetleri-slide-bg.jpg) no-repeat bottom center;
    box-sizing: border-box;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
	height: 100vh;
}

.slide-seo-hizmetleri{
	background:url(../images/content/seo-hizmetleri-slide-bg.jpg) no-repeat bottom center;
	box-sizing: border-box;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
	height: 100vh;
}
.slide-web-tasarim{
	background:url(../images/content/web-tasarim-slide-bg.jpg) no-repeat bottom center;
	 box-sizing: border-box;
    -webkit-background-size: cover;
  	-moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
	height: 100vh;
}
.slide-caption{
	text-align:center;
	color:#fff;
	margin-top:25%;
}
.slide-caption h1{
	font-size:56px;
	color:#fff;
}
.slide-caption span{
	font-size:24px;
	line-height:3px;
}
#owl-text .item h1{
	font-size:56px;
	color:#fff;
	
}

.slide-icons{
	color:#fff;
	margin-top:12%;
}
.slide-icons-item{
	display:block;
}


.slide-icons-item a h6{
	font-family: "canada-type-gibson",gibson;
	font-style: normal;
	font-weight: 300;
	color:#fff;
	text-align:center;

}
.network-icon{
	background-image:url(../images/icons/teknik-icons.png);
	display:block;
	background-position:0px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}
.slide-icons-item a:hover >.network-icon{
	background-image:url(../images/icons/teknik-icons.png);
	background-position: 0 -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);
}

.teknik-sunucu-hizmetleri-icon{
	background-image:url(../images/icons/teknik-icons.png);
	display:block;
	background-position:-80px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}
.slide-icons-item a:hover >.teknik-sunucu-hizmetleri-icon{
	background-image:url(../images/icons/teknik-icons.png);
	background-position: -80px -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);
}
.guc-kaynagi-icon{
	background-image:url(../images/icons/teknik-icons.png);
	display:block;
	background-position:-162px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}
.slide-icons-item a:hover >.guc-kaynagi-icon{
	background-image:url(../images/icons/teknik-icons.png);
	background-position: -162px -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);
}
.kamera-sistemleri-icon{
	background-image:url(../images/icons/teknik-icons.png);
	display:block;
	background-position:-242px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}
.slide-icons-item a:hover >.kamera-sistemleri-icon{
	background-image:url(../images/icons/teknik-icons.png);
	background-position: -242px -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);
}
.personel-takip-sistemleri-icon{
	background-image:url(../images/icons/teknik-icons.png);
	display:block;
	background-position:-322px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}
.slide-icons-item a:hover >.personel-takip-sistemleri-icon{
	background-image:url(../images/icons/teknik-icons.png);
	background-position: -322px -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);
}


.teknik-icon{
	background-image:url(../images/icons/icons.png);
	display:block;
	background-position:0px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}


.slide-icons-item a:hover >.teknik-icon{
	background-image:url(../images/icons/icons.png);
	background-position: 0 -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);

}

.slider-img {
	bottom:0;
	position:absolute;
	 left: 50%;
    transform: translate(-50%);
	height:40%;
}

.slide-icons-item a:hover >.web-icon{
	background-image:url(../images/icons/icons.png);
	background-position: -80px -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);

}

.web-icon{
	background-image:url(../images/icons/icons.png);
	display:block;
	background-position:-80px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}

.sunucu-icon{
	background-image:url(../images/icons/icons.png);
	display:block;
	background-position:-162px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}
.slide-icons-item a:hover >.sunucu-icon{
	background-image:url(../images/icons/icons.png);
	background-position: -162px -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);

}
.sosyal-medya-icon{
	background-image:url(../images/icons/icons.png);
	display:block;
	background-position:-240px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}
.slide-icons-item a:hover >.sosyal-medya-icon{
	background-image:url(../images/icons/icons.png);
	background-position: -240px -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);
}
.fotograf-icon{
	background-image:url(../images/icons/icons.png);
	display:block;
	background-position:-322px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}
.slide-icons-item a:hover >.fotograf-icon{
	background-image:url(../images/icons/icons.png);
	background-position: -322px -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);
}
.seo-icon{
	background-image:url(../images/icons/icons.png);
	display:block;
	background-position:-402px 0px;
	height:80px;
	width:80px;
	border:3px solid #fff;
	border-radius:50%;
	margin: 0 auto;
}
.slide-icons-item a:hover >.seo-icon{
	background-image:url(../images/icons/icons.png);
	background-position: -402px -80px;
	background-color:#fff !important;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	border: 3px solid rgba(0, 20, 91, 0.42);
}
/** NAVBAR
 **************************************************************** **/
 #logo{
	display:none;
}
 
 @media (min-width: 320px){
  .navbar-dark,
  .navbar-light {
    padding: 20px 0;
    border-bottom: none;
    letter-spacing: 1px;
    background: transparent;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
	background-image:none;
  }
  .navbar-brand {
    padding: 15px 0;
}


.navbar-brand>img {
    margin-left: 0;
    margin-top: -16px;

}
  .navbar-dark .navbar-brand .logo img,
  .navbar-light .navbar-brand .logo img,
  .navbar-dark .navbar-brand .logo-collapse img,
  .navbar-light .navbar-brand .logo-collapse img {
    max-height: 50px;
  }
  .navbar-dark .nav li,
  .navbar-light .nav li {
    margin-right: 0;
  }
  .navbar-dark .nav li:last-child,
  .navbar-light .nav li:last-child {
    margin-right: 0px;
  }
  .navbar-dark .nav li a,
  .navbar-light .nav li a {
    color: #f4f5f7;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
  }
  .navbar-dark .nav li a:after,
  .navbar-light .nav li a:after {
    position: absolute;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: #f59c1a;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .navbar-dark .nav li a::after,
  .navbar-light .nav li a::after {
    bottom: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
  .navbar-dark .nav li a:hover,
  .navbar-light .nav li a:hover,
  .navbar-dark .nav li a:focus,
  .navbar-light .nav li a:focus,
  .navbar-dark .nav li a:active,
  .navbar-light .nav li a:active {
    color: #f4f5f7;
    outline: none;
    background-color: transparent;
  }
  .navbar-dark .nav li a:hover::after,
  .navbar-light .nav li a:hover::after{
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
  .navbar-dark .nav li.active a,
  .navbar-light .nav li.active a {
    background-color: transparent;
    color: #f59c1a !important;
  }
  .navbar-dark.top-nav-collapse,
  .navbar-light.top-nav-collapse {
    padding: 0 0 14px;
    border-color: rgba(62, 68, 77, 0.5);
  }
  .navbar-dark.top-nav-collapse {
    background-color: #0a1535;
    border:none;
  }
  .navbar-dark.top-nav-collapse a {
    color: #fff;
  }
  .navbar-dark.top-nav-collapse li a {
    color: #fff;
  }
  .navbar-dark.top-nav-collapse .nav li a {
    color: #fff;
  }
  .navbar-dark.top-nav-collapse .nav li a:after {
    background: #f59c1a;
  }
  .navbar-dark.top-nav-collapse .nav li a:hover,
  .navbar-dark.top-nav-collapse .nav li a:focus,
  .navbar-dark.top-nav-collapse .nav li a:active {
    color: #f4f5f7;
  }
    .navbar-dark.top-nav-collapse .navbar-brand, .navbar-light .navbar-brand {
    width:100%;
  }
 }

.button_container {
  position: relative;
  top: 5%;
  right: 2%;
  height: 20px;
  width: 30px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
  margin:19px 30px 0 0
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #fff;
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
          animation-delay: .35s;
}

.overlay nav {
  position: relative;
  height: 70%;
  top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 36px;
  text-align: center;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 15%;
  height: calc(100% / 7);
  min-height: 50px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
}
.overlay ul li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 3px;
  background: #FFF;
  -webkit-transition: .35s;
  transition: .35s;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}


#kurumsal, #neleryapiyoruz,#cozumlerimiz,#projelerimiz,#yeteneklerimiz,#islergucler,#sosyalmedyaneleryapiyoruz, #seonedir, #seohizmetlerimiz, #sss, #sunucuhizmetlerimiz, #sunucuhizmetlerikimlerlecalisiyoruz, #teknikservishizmetlerimiz{
	padding:75px 0 0 0;
}

#kimlerlecalisiyoruz, #cozumortaklarimiz, #takim{
	padding:75px 0 75px 0;
}

#iletisim{
	padding:200px 0 0 0;
}

#neleryapiyoruz figcaption{
	color:#fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	z-index: 1;
}
#neleryapiyoruz figcaption h5{
	color:#fff;
	font-family: "canada-type-gibson",gibson;
	font-style: normal;
	font-weight: 300;
	text-align:center;
}
#neleryapiyoruz i{
	color:#fff;
	font-size:48px;
}
#neleryapiyoruz figure{
	border:1px solid #fff;
	overflow:hidden;
		background-color:#0a1535;
}

#neleryapiyoruz figure img{
	width:100%
}
#neleryapiyoruz figure a:hover >img{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
	opacity:0.6;
}

#cozumlerimiz{
	background-image:url(../images/content/projelerimiz-bg.jpg);
	background-repeat: no-repeat;
	text-align:center;
	background-position: center bottom;
	padding-bottom:60px;
}
#projelerimiz{
	background-image:url(../images/content/projelerimiz-bg.jpg);
	background-repeat: no-repeat;
	text-align:center;
	background-position: center bottom;
	padding-bottom:60px;
}


#owl-projelerimiz .item > h3{
	color:#fff;
	font-family: "canada-type-gibson",gibson;
	font-size:36px;
	font-style: normal;
	font-weight: 300;
}
#owl-projelerimiz .item > p{
	color:#fff;
}

#owl-projelerimiz i{
	color:#f20909;
	font-size:36px;
}

#owl-projelerimiz .owl-buttons .owl-prev{
	float:left;
	margin-left:-20px;
	margin-top:-482px;
}
#owl-projelerimiz .owl-buttons .owl-next{
	float:right;	
	margin-right:-20px;
	margin-top:-482px;
}

#cozumlerimiz figure img,#projelerimiz figure img{
	border-radius:50%;
	border:10px solid #fff;
	margin-bottom:60px;
	margin-top:30px;
}

#owl-kimlerlecalisiyoruz .owl-buttons .owl-prev, #owl-cozumortaklarimiz .owl-buttons .owl-prev{
	position:absolute;
    right: 50%;
    transform: translate(10%);
	background-color:#eee;
	padding:5px 15px 5px 15px;
	margin:30px 5px 0 0;
}
#owl-kimlerlecalisiyoruz .owl-buttons .owl-next,#owl-cozumortaklarimiz .owl-buttons .owl-next{
	position:absolute;
    left: 50%;
    transform: translate(10%);
	background-color:#eee;
	padding:5px 15px 5px 15px;
	margin:30px 0 0 0;
}
#owl-kimlerlecalisiyoruz .item figure img, #owl-cozumortaklarimiz .item figure img{
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
#owl-kimlerlecalisiyoruz .item figure img:hover, #owl-cozumortaklarimiz .item figure img:hover{
  filter: none;
  -webkit-filter: grayscale(0%);
}

#iletisim{
		  height: 100%;
 	 box-sizing: border-box;
	background:url(../images/content/iletisim-bg.jpg) no-repeat bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-repeat: no-repeat;
	text-align:center;
	background-position: center bottom;
	padding:60px 0 60px 0;
	font-size:16px;
	line-height:35px;
	margin-top:75px;
}

#iletisim h2{
	color:#fff;
	margin-bottom:30px;
}
#iletisim h2:before{
	content:initial;
}

#iletisim article{
	padding:80px;
	text-align:left;
	margin-bottom:30px;
}
#iletisim h3{
	margin-bottom:30px;
}
.irtibatta-kalalim h3{
	margin-top:42px;
}
.irtibatta-kalalim p{
	margin-top:-20px;
}

.irtibatta-kalalim .form-control {
	border-radius:0;
	background-color:#f9f9f9;
	height: 50px;
	border:none;
	box-shadow:none;
	margin-top:3px;
}
.irtibatta-kalalim .input-group{
	background-color:#f9f9f9;
	height: 55px;
	margin:-10px 0 0 0;
	padding-left:15px;
	
}
.irtibatta-kalalim .btn-send {
	background-color:#bd1739;
	color:#fff;
	border-radius:0;
	margin-right:8px;
	padding: 8px 30px;
}

.irtibatta-kalalim .btn-send:hover{
	background-color:#173652;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}

.banka-item{
	border:1px solid #ddd;
	padding:60px 50px 40px 50px;
	margin:30px 0 30px 0;

}
.banka-item img{
	margin:-78px 0 25px -5px;
}
.banka-item label{
	font-family: "canada-type-gibson",gibson;
	font-size:16px;
	font-style: normal;
	font-weight: 400;
}

.talep-formu .form-control{
	border-radius:0;
	background-color:#f9f9f9;
	height: 50px;
	border:none;
	box-shadow:none;
}

.talep-formu .input-group{
	background-color:#f9f9f9;
	height: 50px;
	padding-left:15px;
	
}

.yeteneklerimiz-linkler{
	padding:60px 0 60px 0;
	margin-top: -40px;
}
.yeteneklerimiz-linkler i{
	margin-right:5px;
	color:#ec3f75;
}
#yeteneklerimiz h5{
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
}

#yeteneklerimiz h5:hover{
	color:#ec3f75;
}
.ms-laptop-template *, :before, :after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}


#takim figure{
	margin:30px 0 30px 0;
}
#takim figure img{
	margin:0 0 30px 0;
}

.takim-isim{
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:21px;
	color:#173652;
}

.takim-gorev{
	font-family: "canada-type-gibson",gibson;
	font-size:16px;
	font-style: normal;
	font-weight: 300;
}

.fotografcilik-widget{
	margin:120px 0 120px 0;
	
}
.fotografcilik-widget h2{
	background-color:#173652;
	color:#fff;
	margin: 0;
	padding:160px 0 30px 0;
	text-align:center;
}
.fotografcilik-widget h2:before{
	content:initial;
}
.fotografcilik-widget h3, .fotografcilik-widget p{
	color:#fff;
}

.fotografcilik-widget article{
	padding:15px 115px 15px 115px;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 17px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 17px 0px rgba(50, 50, 50, 0.75);
}

.fotografcilik-widget article:before{
	border-style: solid;
	border-width: 60px 0 0 110px ;
	border-color: transparent transparent transparent #1d4c78;
    content: '';
	position:absolute;
	right:0;
	top:-60px;
	z-index:-1;
}
.fotografcilik-widget article:after{
	border-style: solid;
	border-width: 0 110px 60px 0;
	border-color: transparent #1d4c78 transparent transparent;
    content: '';
	position:absolute;
	left:0;
	bottom:-60px;
	z-index:-1;
}

.fotografcilik-widget img{
	margin:0 auto;
}

#havacekimleri article{
	background-color:#1d4c78;
}
#havacekimleri h2{
	background-color:initial;
	padding:initial;
	color:initial;
	margin-bottom:30px;
}

.fotografcilik-widget #havacekimleri article:before{
	display:none;
}

#urunmekan article{
	background-color:#d8626e;
}

#sanaltur article{
	background-color:#59b495;
}

#tanitimreklamfilmi article{
	background-color:#f9a356;
}

.fotografcilik-widget #tanitimreklamfilmi article:after{
	display:none;
}

.fotografcilik-widget-description{
	top:60px;
}


.sosyal-medya-neler-yapiyoruz-item{
	border:1px solid #ddd;
	height:200px;
	text-align:center;
	display:block;
}
.sosyal-medya-neler-yapiyoruz-item:first-child{
	height:400px;
}

.sosyal-medya-neler-yapiyoruz-item a{
	display:block;
	height:100%;
	width:100%;
	
}

.sosyal-medya-neler-yapiyoruz-item a .inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	
}

.sosyal-medya-neler-yapiyoruz-item:hover {
	background-color:#bd1739;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}
.sosyal-medya-neler-yapiyoruz-item:hover > a .inner h5, .sosyal-medya-neler-yapiyoruz-item:hover > a .inner i{
	color:#fff;
}
#sosyalmedyaneleryapiyoruz h5{
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
}

#sosyalmedyaneleryapiyoruz article{
	margin-bottom:30px;
}
.sosyal-medya-neler-yapiyoruz-item i{
	font-size:40px;
	color:#bd1739;
}
#seonedir .panel-group{
	margin-top:90px;
}

.panel-default> .redPanel {
    background-color: #fff;
	border-radius: 50px;
	border:2px solid #ddd;
}

.panel-default> .redPanel:hover {
background-color: #e31d46;
color:#fff;
}
.panel-default> .defaultPanel {
    background-color: #fff;
	border-radius: 50px;
	border:2px solid #ddd;
}
.panel-default> .defaultPanel:hover {
	background-color: #112255;
	color:#fff;
}


.panel-title {
    padding:10px;
	margin-left:10px;
}
 .panel-title i{
	margin-right:10px;
}

.panel-default:hover>.panel-title a {
	color:#fff;
}
.panel-title a {
	display:block;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
     border-top:none;
	 background-color:#f9f9f9;
	margin-left:30px;
	margin-right:30px;
	padding:30px;
}
.seo-hizmetlerimiz{
	padding:60px 0 60px 0;
	margin-top:30px;
		  height: 100%;
 	 box-sizing: border-box;
	background:url(../images/content/seo-hizmetlerimiz-bg.jpg) no-repeat bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.seo-hizmetlerimiz-item{
	background-color:#fff;
	height:200px;
	margin-bottom:30px;
}

.seo-hizmetlerimiz-item:hover{
	-webkit-box-shadow: 0px 0px 17px 0px rgba(208, 208, 208, 0.75);
	-moz-box-shadow:    0px 0px 17px 0px rgba(208, 208, 208, 0.75);
	box-shadow:         0px 0px 17px 0px rgba(208, 208, 208, 0.75);
	opacity:0.95;
}

.seo-hizmetlerimiz-item a .inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.seo-hizmetlerimiz-item h5{
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
}
.seo-hizmetlerimiz-item i{
	font-size:36px;
	color:#bd1739;
}

.seo-hizmetlerimiz-item a{
	display:block;
	height:100%;
	width:100%;
}

.panel {
    border: none;
    border-radius: none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.sunucu-hizmetlerimiz-item{
	height:200px;
	margin-bottom:30px;
	border:1px solid #ddd;
}

.sunucu-hizmetlerimiz-item:hover{
	-webkit-box-shadow: 0px 0px 17px 0px rgba(208, 208, 208, 0.75);
	-moz-box-shadow:    0px 0px 17px 0px rgba(208, 208, 208, 0.75);
	box-shadow:         0px 0px 17px 0px rgba(208, 208, 208, 0.75);
}
.sunucu-hizmetlerimiz-item a .inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.sunucu-hizmetlerimiz-item h5{
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
}
.sunucu-hizmetlerimiz-item i{
	font-size:36px;
	color:#bd1739;
}
.sunucu-hizmetlerimiz-item a{
	display:block;
	height:100%;
	width:100%;
}
.sunucu-hizmetlerimiz{
	margin-top:30px;
}

#teknikservishizmetlerimiz{
		  height: 100%;
 	 box-sizing: border-box;
	background:url(../images/content/teknik-hizmetlerimiz-bg.jpg) no-repeat bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	
}
.teknik-servis-hizmetlerimiz-item{
	border:3px solid #eee;
	border-radius:70px;
	padding:10px;
	margin-bottom:15px;
}

.teknik-servis-hizmetlerimiz-item img{
	margin:7px 0 0 10px;
	float:left;
	display:block;
	margin-right:10px;
}

.teknik-servis-hizmetlerimiz-item:hover{
	border:3px solid #bd1739;
}

.teknik-servis-hizmetlerimiz-item p{
	font-size:16px;
	color:#666;
	line-height:21px;
}
.teknik-servis-hizmetlerimiz-item h5{
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size:18px;
}

.teknik-servis-hizmetlerimiz-item a{
	display:block;
}

.teknik-servis-hizmetlerimiz-item .hizmetlerimiz-btn{
	margin-top:30px;
	text-align:center;
}
.teknik-servis-hizmetlerimiz-item i{
color:#bd1739;
	margin-left:10px;
}

.detay-menu{
	margin-top:30px;
}
.detay-menu i{
	color:#bd1739;
}
.detay-menu ul li label{ /** Menü Başlığı** **/
	color:#bd1739;
	font-size:21px;
	font-weight:500;
}
.detay-menu ul li ul li label{ /** Menü Başlığı 1.1 ** **/
	color:#173652;
	font-size:14px;
}

.detay-menu ul li{  /** Menü link** **/
	padding:15px 0 15px 10px;
	border-bottom:1px solid #eee;
}

.detay-menu ul li ul li ul li{  /** Menü link** **/
	padding:7px 0 7px 10px;
	border-bottom:none;
}

.detay-menu ul li:last-child{  /** Menü link** **/
	border-bottom:0;
}
.detay-menu ul li ul li a:hover {
	padding-left:15px;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}


.detay-menu ul li ul li a{/** Menü link a ** **/
	color:#173652;
	font-size:14px;
	font-weight:500;
	display:block;
}
.detay-menu ul li ul li a.active {
		color:#bd1739;
}
.nav>li>a {
    padding:0;
}
.nav>li>a:hover {
    background-color: transparent;
}
#blog article figure{
	margin-bottom:15px;
}
#blog article{
	margin-bottom:60px;
}

#blog .btn-black{
	border:1px solid #173652;
	padding:10px 40px 10px 40px;
	margin:30px 0 30px 0;
}
.blog-kategorisi{
	color:#173652;
	font-size:18px;
	font-weight:500;
}
.blog-tarih{
	color:#999;
	font-size:18px;
	float:right;
}
.blog-title{
	font-family: "futura-pt";	
	font-weight:700;
	color:#173652;
	font-size:36px;
	line-height:40px;
}
.blog-menu li a{
	color:#173652;
	font-size:14px;
	display:block;
}
.blog-menu li a:hover{
	padding-left:15px;
	o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .40s;
}
.blog-menu li a label{
	color:#bd1739;
	font-size:18px;
}

.blog-menu li{
	padding:10px 0 10px;
	border-bottom:1px solid #eee;
}
.blog-menu li:first-child, .blog-menu li:last-child{
	border-bottom:0;
}
.blog-menu li a i{
	color:#bd1739
}

.isler-gucler-item{
	overflow: hidden;
	margin-bottom:15px;
}
.isler-gucler-item-title{
	margin-bottom:30px;
	background-color:#fff;
	padding:10px;
}

.isler-gucler-item .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(5, 6, 21, 0.85);
    text-align: center;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    opacity: 0;
    overflow: hidden;
}
.isler-gucler-item .img-overlay .inner-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.isler-gucler-item .img-overlay .inner-overlay i{
	font-size:36px;
	color:#fff;
}
.isler-gucler-item .img-overlay .inner-overlay span{
	font-size:18px;
	color:#fff;
}

.isler-gucler-item:hover .img-overlay {
    opacity: 0.8;
}