/*================================================================================
  Author :sHocur
  Author Url:sinanhocur.com.tr
================================================================================*/

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat/montserrat-bold.eot');
    src: url('../fonts/montserrat/montserrat-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/montserrat-bold.woff2') format('woff2'),
         url('../fonts/montserrat/montserrat-bold.woff') format('woff'),
         url('../fonts/montserrat/montserrat-bold.ttf') format('truetype'),
         url('../fonts/montserrat/montserrat-bold.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserrathairline';
    src: url('../fonts/montserrat/montserrat-hairline.eot');
    src: url('../fonts/montserrat/montserrat-hairline.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/montserrat-hairline.woff2') format('woff2'),
         url('../fonts/montserrat/montserrat-hairline.woff') format('woff'),
         url('../fonts/montserrat/montserrat-hairline.ttf') format('truetype'),
         url('../fonts/montserrat/montserrat-hairline.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat/montserrat-light.eot');
    src: url('../fonts/montserrat/montserrat-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/montserrat-light.woff2') format('woff2'),
         url('../fonts/montserrat/montserrat-light.woff') format('woff'),
         url('../fonts/montserrat/montserrat-light.ttf') format('truetype'),
         url('../fonts/montserrat/montserrat-light.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat/montserrat-regular.eot');
    src: url('../fonts/montserrat/montserrat-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/montserrat-regular.woff2') format('woff2'),
         url('../fonts/montserrat/montserrat-regular.woff') format('woff'),
         url('../fonts/montserrat/montserrat-regular.ttf') format('truetype'),
         url('../fonts/montserrat/montserrat-regular.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratblack';
    src: url('../fonts/montserrat/montserrat-black.eot');
    src: url('../fonts/montserrat/montserrat-black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/montserrat-black.woff2') format('woff2'),
         url('../fonts/montserrat/montserrat-black.woff') format('woff'),
         url('../fonts/montserrat/montserrat-black.ttf') format('truetype'),
         url('../fonts/montserrat/montserrat-black.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'trendsansfive';
    src: url('../fonts/latinotype_-_trendsansfive-webfont.eot');
    src: url('../fonts/latinotype_-_trendsansfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/latinotype_-_trendsansfive-webfont.woff2') format('woff2'),
         url('../fonts/latinotype_-_trendsansfive-webfont.woff') format('woff'),
         url('../fonts/latinotype_-_trendsansfive-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pfdin_l';
    src: url('../fonts/pfdin/pfdintextuniversal-light-webfont.eot');
    src: url('../fonts/pfdin/pfdintextuniversal-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/pfdin/pfdintextuniversal-light-webfont.woff2') format('woff2'),
    url('../fonts/pfdin/pfdintextuniversal-light-webfont.woff') format('woff'),
    url('../fonts/pfdin/pfdintextuniversal-light-webfont.ttf') format('truetype'),
    url('../fonts/pfdin/pfdintextuniversal-light-webfont.svg#pf_din_text_universallight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pfdin_m';
    src: url('../fonts/pfdin/pfdintextuniversal-medium-webfont.eot');
    src: url('../fonts/pfdin/pfdintextuniversal-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/pfdin/pfdintextuniversal-medium-webfont.woff2') format('woff2'),
    url('../fonts/pfdin/pfdintextuniversal-medium-webfont.woff') format('woff'),
    url('../fonts/pfdin/pfdintextuniversal-medium-webfont.ttf') format('truetype'),
    url('../fonts/pfdin/pfdintextuniversal-medium-webfont.svg#pf_din_text_universalmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pfdin_r';
    src: url('../fonts/pfdin/pfdintextuniversal-regular-webfont.eot');
    src: url('../fonts/pfdin/pfdintextuniversal-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/pfdin/pfdintextuniversal-regular-webfont.woff2') format('woff2'),
    url('../fonts/pfdin/pfdintextuniversal-regular-webfont.woff') format('woff'),
    url('../fonts/pfdin/pfdintextuniversal-regular-webfont.ttf') format('truetype'),
    url('../fonts/pfdin/pfdintextuniversal-regular-webfont.svg#pf_din_text_universalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'pfdin_b';
    src: url('../fonts/pfdin/pfdintextuniversal-bold-webfont.eot');
    src: url('../fonts/pfdin/pfdintextuniversal-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/pfdin/pfdintextuniversal-bold-webfont.woff2') format('woff2'),
    url('../fonts/pfdin/pfdintextuniversal-bold-webfont.woff') format('woff'),
    url('../fonts/pfdin/pfdintextuniversal-bold-webfont.ttf') format('truetype'),
    url('../fonts/pfdin/pfdintextuniversal-bold-webfont.svg#pf_din_text_universalbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.font-trendsansfive{
    font-family: trendsansfive!important;
    background: #886a45;
    color:#fff;
    display:inline-block;
    padding:5px 15px;
}

@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1{
padding:0;
}
.sevel-cols div a{color:#000!important;}
.sevel-cols div a:hover{color:#000;text-decoration:none;}

/*----------  Navigation  ----------*/
body{
	overflow-x:hidden;	
}

.solmenu{
    margin:0;
    padding:0;
    background:#cf0031;
    width:100%;
    list-style-position: inside;
    vertical-align: middle;
    list-style:none;
	margin-bottom: 50px;
}
.solmenu li{
    background: url('../img/icon-arrow-right-b-16.png') 10px center no-repeat;
    width:100%;
    padding-left:18px;
    border-bottom:1px solid #ddd;
}
.solmenu li.active{
    background:#ef232d url('../img/icon-arrow-right-b-16.png') 10px center no-repeat;
}
.solmenu li a{
    color:#fff;
    display:block;
    padding:10px;
    font-weight:bold;
    font-style: italic;
}
.kutu{
    width:100%;
    min-height:122px;
    padding-top:35px!important;
    border-right:1px solid #b8b8b8;
}
.kutu img{
    padding-bottom:5px!important;
}
.kutu .staff-first-name{
    font-style:italic;
    font-size:14px;
    font-weight: bold;
}
.kutu .staff-second-name{
    font-style:italic;
    font-size:12px;
    font-weight: bold;
}
.kutu1{
    background:url(../img/kutubg.png) right bottom no-repeat,url(../img/kutubg1.png) center bottom repeat-x;
}
.kutu2{
    background:url(../img/kutubg.png) right bottom no-repeat,url(../img/kutubg2.png) center bottom repeat-x;
}
.kutu3{
    background:url(../img/kutubg.png) right bottom no-repeat,url(../img/kutubg3.png) center bottom repeat-x;
}
.kutu4{
    background:url(../img/kutubg.png) right bottom no-repeat,url(../img/kutubg4.png) center bottom repeat-x;
}
.kutu5{
    background:url(../img/kutubg.png) right bottom no-repeat,url(../img/kutubg5.png) center bottom repeat-x;
}
.kutu6{
    background:url(../img/kutubg.png) right bottom no-repeat,url(../img/kutubg6.png) center bottom repeat-x;
}
.kutu7{
    background:url(../img/kutubg.png) right bottom no-repeat,url(../img/kutubg7.png) center bottom repeat-x;
}
.ref img{
    max-width:100%;
}
.blogdetay img{
    max-width:100%;
}
.blogdetay{
    border:1px solid #000;
    border-radius: 4px;
    min-height:100px;
}
.no-border{
    border:0!important;
}
.tac{
    text-align: center!important;
}
.p0{
	padding:0!important;
}
.medya h5{
	font-weight:bold;
}
.medya a:hover{
	text-decoration:none;
}
.sayfa{
	font-size:26px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	color:#800000;
  padding-bottom:10px;
  padding-top:2px;
	margin-top:10px;
	margin-bottom:20px;
}
a{
	font-family:pfdin_r;
	-webkit-transition:all .1s linear;
	-moz-transition:all .1s linear;
	-o-transition:all .1s linear;
	transition:all .1s linear;
}
.sosyal{
  margin-top: 10px;
  margin-left:20px;
  list-style: none;
   float:right;
}
.sosyal li {
  float:left;
}
.sosyal li a{
  padding:12px 5px;
}
.sosyal li a:hover , .sosyal li a:focus{
  background-color: transparent!important;
}
.menuikon{
	width:18px;
	height:30px;
	display:block;
	float:left;
	margin-top:-5px;
	margin-right:3px;
}
.menuikon.menu1{
	background:url(../img/menu1.png) center center no-repeat;
}
.menuikon.menu2{
  background:url(../img/menu2.png) center center no-repeat;
}
.menuikon.menu3{
  background:url(../img/menu3.png) center center no-repeat;
}
.menuikon.menu4{
  background:url(../img/menu4.png) center center no-repeat;
}
.menuikon.menu5{
  background:url(../img/menu5.png) center center no-repeat;
}
.menuikon.menu6{
  background:url(../img/menu6.png) center center no-repeat;
}
.menuikon.menu7{
  background:url(../img/menu7.png) center center no-repeat;
}
.menuikon.menu8{
  background:url(../img/menu8.png) center center no-repeat;
}
.menuikon.menu9{
	background:url(../img/menu9.png) center center no-repeat;
}
.menuikon.galeri{
	background:url(../img/medya_ikon.png) center center no-repeat;
}
.menuikon.ik{
  background:url(../img/ik_ikon.png) center center no-repeat;
}
.menuikon.sss{
  background:url(../img/sss.png) center center no-repeat;
}
.menuikon.iletisim{
  background:url(../img/iletisim_ikon.png) center center no-repeat;
}
.menuikon.tanitim{
  background:url(../img/alacati_ikon.png) center center no-repeat;
}
.loading{
	background:#fff;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}
.gizle{
	display:none;
}
.timeline{
	position:absolute;
	top:-40px;
	left:30px;
	width:154px;
	height:39px;
	background:url(../img/timeline.png) center center no-repeat;
	z-index:9;
	
}
.habbetimeline{
	position:absolute;
	bottom:245px;
	left:0;
	width:100%;
	height:248px;
	/*background:url(../img/haddebakir_timeline.png) center top no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
	z-index:99;
}
.habbetimeline img{
	z-index:1;
	position:relative;
	overflow:hidden;
}
#nav {
    border: 0px;
}

#navbar-header {
	background:url(../img/header_bg.png) center top repeat-x;
}

@media (min-width: 1200px) {
  
	#navbar-header {
		height:70px;
	}
}
	
.navbar-header {
    border: 0px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: 0px;
}

#navbar ul li a {
    color: #EF232D;
    line-height: 35px;
    font-size: 15px;
}

#navbar ul li a i {
    color: #EF232D;
}

#navbar ul li a:hover {
    color: #EF232D;
}

#navbar ul li.active > a {
    background: none;
}

#navbar .navbar-nav li.twitter {
    width: 30px;
}


#navbar .navbar-nav li .sb {
    position: relative;
    top: -10px;
}

.navbar-toggle {
    top: 6px;
    border-radius: 0px;
}


/*----------  Logo  ----------*/



/*----------  Carousel  ----------*/

.carousel .item img {
    width: 100%;
    /*img width*/
}


/*----------  Footer Parts  ----------*/

footer {
    margin-top: 10px;
    margin-bottom: 10px;
}

footer span .phone {
    color: #ff0000;
    margin-left: 20px;
}

footer span {
    font-size: 13px;
        margin-right: 25px;
}

footer span i {
    margin-left: 10px;
}

.footerlogo {
    margin-right: 10px;
}

#haberler {
    height: 210px;
    background: url(../img/haberler_bg.png) left center no-repeat;
    /*background: url(../img/haberler_bg.png) left center no-repeat, url(../img/haberler_x.png) center center repeat-x;*/
}
#haberler ul{
	margin:0;
	margin-left:20px;
    margin-top: 15px;
	list-style:none;
	padding:0;
}

#haberler ul li{
	padding:32px 0;
}
#haberler ul li img{
	padding:3px;
	background:#eee;
	border:1px solid #aaa;
}

#haberler ul li span{
    font-weight:bold;
	font-size:13px!important;
}
#haberler ul li p{
    color:#000;
	font-size:12px!important;
}
#haberler ul li a:hover{
    text-decoration:none;
}

#bilgisayarservis {
    height: 210px;
    background: url(../img/bilgisayar_servis_hizmerleri.png) left center no-repeat, url(../img/degerler-x.png) repeat-x;
}

#bilgisayarservis:hover {
    background: url(../img/bilgisayar_servis_hizmerleri_hover.png) left center no-repeat, url(../img/degerler-x.png) repeat-x;
}

#reklam {
    height: 210px;
    background: url(../img/reklam_hizmetleri.png)  no-repeat;
}

#reklam:hover {
    background: url(../img/reklam_hizmetleri_hover.png)  no-repeat;
}

#guvenlik {
    height: 210px;
    background: url(../img/guvenlik_sistemleri.png)  no-repeat;
}

#guvenlik:hover {
    background: url(../img/guvenlik_sistemleri_hover.png)  no-repeat;
}

#iletisim {
    height: 210px;
    background: url(../img/iletisim.png)  no-repeat;
    position: relative;
}

#iletisim:hover {
    background: url(../img/iletisim_hover.png)  no-repeat;
}

#iletisim .form-group {
    position: absolute;
    bottom: 20px;
}
#iletisim a {
   display:block;
   width:100%;
    height: 210px;
}

#iletisim .form-group h4 {
    font-style: italic;
    font-weight: bold;
	font-size:110%;
}

.iletisim table {
    border: solid 1px #ccc;
}

.iletisim table tr td {
    padding: 1px;
}

/*----------  Content Page  ----------*/
.content-page h2 {
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;
}

.content-page p {
    line-height: 25px;
}
.content-page {
    border-bottom: solid 1px #f2f2f2;
    padding-bottom: 50px;
}

.content-page div {
    /*margin-top: 2%;*/
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}