@charset "utf-8";
/* CSS Document */

/* Fontlar */
@font-face {
    font-family: opens-regular;
    src: url(../fonts/OpenSans-Regular.ttf);}

@font-face {
    font-family: fira-light;
    src: url(../fonts/FiraSans-Light.otf);}

@font-face {
    font-family: fira-book;
    src: url(../fonts/FiraSans-Book.otf);}

@font-face {
    font-family: opens-light;
    src: url(../fonts/OpenSans-Light.ttf);}

@font-face {
    font-family: ss-sbold;
    src: url(../fonts/SourceSansPro-Semibold.otf);}

.fontnav{
	font-family: opens-regular;
	font-size: 15px;	
	font-weight: 500;}

.logo{
	background:url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	width: 180px;
	height: 58px;
	display: block;
	background-size: contain;}

@media (max-width:480px) {
	.logo{
		margin-left: 15px !important;}	
}


@media (max-width:768px) {
	.logo{
		margin-left: 1px;}	
}



@media (min-width:768px) {
	.logo{
		margin-top: 15px;}	
}

.weltitle{
	font-family: fira-book;
	font-size: 22px;
	color: #1a1a1a;
	margin-top: 35px;}

.weltext{
	font-family: opens-light;
	font-size: 18px;
	line-height: 27px;
	color: #000000;
	text-indent: 15px;}
	
.sliderspace{
	margin-top: 15px;
	display: block;}
	
.producttitle{
	margin-top: 20px;
	height: 45px;
	background-color: #f5f5f5;
	color: #1a1a1a;
	line-height: 48px;
	font-size: 22px;
	font-family: fira-book;
	margin-bottom: 15px;
	padding-left: 15px;}

.product-image-optic{
	background: url(../images/sr6500hybrid.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.product-image-form{
	background: url(../images/oform.png) center no-repeat;;
	height: 225px;
	display: block;}
	
.product-image-software{
	background: url(../images/index-logo/genelsinav-logo.png) center no-repeat;
	height: 225px;
	display: block;}
	
.product-image-turkkep-bg{	
	background: url(../images/index-logo/turkkep-logo.png) center no-repeat;	
	height: 225px;
	display: block;}

.service-title{
	font-family: fira-book;
	font-size: 18px;
	font-weight: bold;
	color: #333 !important;}

@media (max-width:480px) {
	
	.service-title{
		padding: 10px;}

	.product-text{
		padding: 0px 10px;
		margin-top: -15px;}

}

@media (min-width:480px) {
	
	.service-title{
		padding: 10px;}

	.product-text{
		padding: 0px 10px;
		margin-top: -15px;}

}

.product-text{
	font-family: opens-light;
	font-size: 14px;
	font-weight: 500;
	line-height: 27px;
	color: #333 !important;}


/* .mproduct{
	background: url(../images/5.jpg) no-repeat center #f5f5f5;
	height: auto;
	display: block;
	margin-top: 15px;
	border-top: solid 1px #D5D5D5;
	border-bottom: solid 1px #D5D5D5;} */
	
.mproduct{
	background: #333 url(../images/bg.jpg) no-repeat center center fixed;
	height: 450px;
	display: table;
	width: 100%;
	position: relative;
	background-size: cover;
	margin-top: 35px;} 

.mproduct-title-parallax{
	font-family: ss-sbold;
	font-size: 30px;
	margin-top: 50px;
	color: #fff;}

.mproduct-text-parallax{
	font-family: opens-light;
	font-size: 18px;
	line-height: 27px;
	left: -15px;
	text-indent: 15px;
	color: #fff;}
	

	
.mproduct-title{
	font-family: ss-sbold;
	font-size: 30px;
	margin-top: 50px;}
	

.mproduct-images{
	background: url(../images/detay/3500hybrid-03.png) no-repeat center;
	background-size: contain;
	text-indent:-9999px;
	height: 400px;
	display: block;
	margin-top: 50px;}
	
.mproduct-images2{
	background: url(../images/detay/sr8000.jpg) no-repeat center;
	background-size: contain;
	text-indent:-9999px;
	height: 400px;
	display: block;
	margin-top: 50px;}
	
.customer{
	background: url(../images/musteriler.png) no-repeat center;
	background-size: contain;
	text-indent:-9999px;
	height: 400px;
	display: block;
	margin-top: 50px;}
	
.mproduct-images-genelsinav{
	background: url(../images/genelsinav.png) center no-repeat;
	background-size: contain;
	text-indent:-9999px;
	height: 500px;
	display: block;
	line-height: 400px;}
	
.mproduct-text{
	font-family: opens-light;
	font-size: 18px;
	line-height: 27px;
	left: -15px;
	text-indent: 15px;}
	
.morebtn{
	width: 150px;
	height: 55px;
	display: block;
	border: 1px solid #fff;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 50px;
	font-family: ss-sbold;
	font-size:18px;
	text-align: center;
	margin-left: -15px;
	transition-property: background;
  	transition-duration: 0.2s;
  	transition-timing-function: linear;}

.morebtn:hover{
	background-color: #254DCC;
	text-decoration: none;
	color: #fff;
	border: 1px solid #254DCC;}
	
.morebtn2{
	width: 150px;
	height: 55px;
	display: block;
	border: 1px solid #254DCC;
	color: #254DCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 50px;
	font-family: ss-sbold;
	font-size:18px;
	text-align: center;
	margin-left: -15px;
	transition-property: background;
  	transition-duration: 0.2s;
  	transition-timing-function: linear;}

.morebtn2:hover{
	background-color: #254DCC;
	text-decoration: none;
	color: #fff;}
	
.paddingreset{
	padding: 0px;}

.slider-lg{
	height: 420px;
	background-color: #6d7477;}

.msteri{
	margin-top: 15px;
	height: 400px;
	display: block;}
	


.harp{
	background: url(../images/customer/harpakademisi.jpg) no-repeat center;}
.deniz{
	background: url(../images/customer/denizkuvvetleri.jpg) no-repeat center;}
.marmara{
	background: url(../images/customer/marmara.jpg) no-repeat center;}
.odtu{
	background: url(../images/customer/odtu.jpg) no-repeat center;}
.yildiz{
	background: url(../images/customer/yildizteknik.jpg) no-repeat center;}
.garanti{
	background: url(../images/customer/garanti.jpg) no-repeat center;}
.polis{
	background: url(../images/customer/pmyo.jpg) no-repeat center;}
.bogazici{
	background: url(../images/customer/bogazici.jpg) no-repeat center;}
.bilfen{
	background: url(../images/customer/bilfen.jpg) no-repeat center;}
.bankasya{
	background: url(../images/customer/bankasya.jpg) no-repeat center;}
	
.customer-text{
	font-size: 14px;
	font-family: fira-light;
	height: 55px;
	width: 170px;
	line-height: 55px;
	background-color: #414141;
	opacity: 0.9;
	margin-top: 255px;
	color: #fafafa;
	text-align: center;
	top: 0px;
	position: absolute;}
	
.bosluk{padding:0px;}

.section-title{
	margin-top: 20px;
	height: 45px;
	background-color: #f5f5f5;
	color: #1a1a1a;
	line-height: 48px;
	font-size: 22px;
	font-family: fira-book;
	margin-bottom: 15px;
	padding-left: 15px;}
	
.ref-text{
	height: 45px;
	background-color: #f5f5f5;
	color: #1a1a1a;
	line-height: 48px;
	font-size: 16px;
	font-family: fira-light;
	margin-top: 35px;
	padding-left: 15px;	}

.bil-navbar{
	border-bottom: 3px solid #254DCC;
	}

.bil-navaltbosluk{
	margin-top: 100px;
	display: block;
	}

.refe-text{
	font-family: opens-light;
	font-size: 18px;
	line-height: 27px;
	left: -15px;
	text-indent: 15px;
	margin: 15px 0px;}

.musteri{
	background: url(../images/musteriler.png) no-repeat center;
	height: 500px;
	display: block;
	margin-top: 30px;}
	
.genelsinav{
	background: url(../images/12.jpg) no-repeat center #f5f5f5;
	height: auto;
	display: block;
	margin-top: 15px;
	border-top: solid 1px #D5D5D5;
	border-bottom: solid 1px #D5D5D5;}

.genelbtn{
	width: 150px;
	height: 55px;
	display: block;
	border: 1px solid #686868;
	color: #424242;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 50px;
	font-family: ss-sbold;
	font-size:18px;
	text-align: center;
	margin-left: -15px;
	transition-property: background;
  	transition-duration: 0.2s;
  	transition-timing-function: linear;}

.genelbtn:hover{
	background-color: #424242;
	text-decoration: none;
	color: #fff;}
	
.footer {
	background: #fff;
	height: 45px;
	text-align: center;
	font-family: opens-light;
	font-size: 11px;
	line-height: 45px;
	color: #111;
	margin-top: 15px;}


.numbers{
	margin-top: 10px;}
	
.abouttitle{
	font-family: fira-book;
	font-size: 22px;
	color: #1a1a1a;
	margin-bottom: 12px;}

.aboutlititle{
	font-family: fira-light;
	font-size: 16px;
	color: #1a1a1a;	
	margin-bottom: 20px;
	font-weight: bold;}

.prodct-text{
	font-family: opens-light;
	font-size: 18px;
	line-height: 27px;
	color: #000000;
	text-align: justify;}
	
.prodct-text2{
	font-family: opens-light;
	font-size: 18px;
	line-height: 27px;
	font-weight: bold;
	color: #000000;
	text-align: justify;}
	
.ust-bosluk{
	margin-top: 20px;
	display: block;
	}
	
.product-ttcolor-hover{
	display: block;
	padding: 20px 10px !important;
	height: 620px;}

.product-ttcolor-hover:hover{
	text-decoration: none !important;
	display: block;
	background-color: #EBEBEB;
	padding: 20px 10px !important;
	height: 620px;}

.yer-tutucu{
	display: block;
	margin-bottom: 15px;
	height: 45px;}
	
.sr55-bg{
	height: 250px;
	display: block;
	background-color: #E1E1E1;
	text-indent: -9999px;}

.product-list{
	margin-top: 35px;}
	
	
@media (max-width:480px) {
	
}

.altbosluk{
	margin-bottom: 55px;}

.p-alink:hover{
	text-decoration: none;}
	
.product-about-title{
	font-family: fira-book;
	font-size: 20;}
	
.product-about-text{
	font-family: fira-light;
	font-size: 16;
	line-height: 26px;}

.list-product{
	list-style: circle;}

.list-title{
	text-align:left; font-family:fira-book; font-size: 14px;}
	
.list-text{
	text-align:left; font-family:fira-book; font-size: 14px;}
	

.ghost-btn{
	width: 140px;
	display: block;
	border: 1px solid #254DCC;
	color: #254DCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 50px;
	font-family: ss-sbold;
	font-size:16px;
	text-align: center;
	margin: 0px 5px;
	transition-property: background;
  	transition-duration: 0.2s;
  	transition-timing-function: linear;}

.ghost-btn:hover{
	background-color: #254DCC;
	text-decoration: none;
	color: #fff;}
	
.product-title{
	font-family: ss-sbold;
	font-size: 28px;	
}

.product-image-55{
	background: url(../images/sr55.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-1800ex{
	background: url(../images/SR-1800EX.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-3500{
	background: url(../images/sr3500.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-3500hybrid{
	background: url(../images/sr3500hybrid.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-6000{
	background: url(../images/sr6000.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-6500{
	background: url(../images/sr6500.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-6500hybrid{
	background: url(../images/6500hybrid-05.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-6500hybridss{
	background: url(../images/sr6500hybrid.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-11000{
	background: url(../images/sr11000.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.product-image-8000{
	background: url(../images/sr8000_03.jpg) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.product-image-8000ss{
	background: url(../images/sr8000_02.jpg) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.product-image-mReader{
	background: url(../images/markreader.jpg) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.product-image-hemera{
	background: url(../images/inotec.jpg) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.product-image-scamax{
	background: url(../images/scamax6x1.jpg) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.product-image-bsc5060{
	background: url(../images/BSC-5060.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.product-image-turkkep{
	background: url(../images/turkkep-logo.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.product-image-ovd{
	background: url(../images/genelsinav.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.product-image-form{
	background: url(../images/optikfrm.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-kodmatik{
	background: url(../images/kodmatik.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-markreader{
	background: url(../images/markreader.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-src{
	background: url(../images/src.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}
	
.product-image-genelsinav{
	background: url(../images/genelsinav.png) center no-repeat;
	background-size: contain;
	height: 225px;
	display: block;}

.sl-bg-11000{
	background: url(../images/slide-image/bg.png) no-repeat center center;
	background-size: auto;}

.side-font{
	font-size: 14px;
	font-family: opens-regular;
	letter-spacing: 0.1px;}

/* Popup */

.arama{
	font-size: 16px;
	color: #222222;
	text-decoration: underline;
}

.popup-title{
	font-family: fira-book;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.popup-text{
	font-family: fira-book;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

/* Teog */

.teog-ust-bosluk{
	margin-top: 8px;
}

.yanlis{
	font-weight: bold;
	text-decoration:  underline;
}

.teog-ust-anabosluk{
	margin-top:  25px;
}

.sonuc{
	background: #0055BC;
	line-height: 40px;
	padding-left: 10px;
	color: #ffffff;
}

.btn-teog{
	margin: 15px 0px;
}