/* İmay */
@font-face {
	font-family: "NeoRegular";
	src: url('fonts/37445069-NeoSansPro-Regular.eot');
	src: url('fonts/37445069-NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/37445069-NeoSansPro-Regular.svg#Neo Sans Pro') format('svg'),
		 url('fonts/37445069-NeoSansPro-Regular.woff') format('woff'),
		 url('fonts/37445069-NeoSansPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "NeoMedium";
	src: url('fonts/503143311-NeoSansPro-Medium.eot');
	src: url('fonts/503143311-NeoSansPro-Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/503143311-NeoSansPro-Medium.svg#Neo Sans Pro') format('svg'),
		 url('fonts/503143311-NeoSansPro-Medium.woff') format('woff'),
		 url('fonts/503143311-NeoSansPro-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {overflow-x: hidden}
.menu-repeat { height: 46px;position: absolute;z-index: 9;top: 41px;padding: 0 0 0 0;background: #ff6c00;left: 50%;width: 50%;}
.last {margin-right: 0 !important;}

.row {width: 980px;margin: 0 auto;}
.rowrage{ position: relative;}
.col3 {width: 24.9%;float: left;}
.col6 {width: 48.7%;}
.col12 {width: 100%;}
.nivoSlider img {height: 555px !important;}


.main {width: 980px; margin: auto; position: relative;}

/* Mobile Menü */
	.mobileDiv {display: none;}
	.mobileDiv a#mobil {width: 100%; background: #fff; color: #ff6c00; font: 800 22px dosis; padding: 6px 0; display: block; text-align: center; border-bottom: 4px solid #464443;}
	.mobileDiv a#mobil i { font-size: 28px; position: relative; top: 3px; height: 33px; margin: 0 15px;}
	.mobileDiv nav.mobil-menu {display: none;}
	.mobileDiv nav.mobil-menu ul {}
	.mobileDiv nav.mobil-menu ul li { font: 600 20px dosis; text-align: center; background: #fff; border-bottom: 1px solid rgba(70, 68, 67, 0.28);}
	.mobileDiv nav.mobil-menu ul li a { color: #000; padding: 9px; display: block;}
	.mobileDiv nav.mobil-menu ul li a i {margin: 0 0 0 15px;}
	.mobileDiv nav.mobil-menu ul li a:hover { color: #ff6c00;}
	.mobileDiv nav.mobil-menu ul li ul {display: none;background: #FAFAFA;}
	.mobileDiv nav.mobil-menu ul li ul li { font: 500 19px dosis; text-align: center; background: #eee; border-bottom: 1px solid #eee; position: relative;}
	.mobileDiv nav.mobil-menu ul li ul li a { color: #000; display: block;}
	.mobileDiv nav.mobil-menu ul li ul li a i { margin: 0 0 0 0; width: 50px; text-align: center; color: #f4ac00;}
	.mobileDiv nav.mobil-menu ul li ul li a:hover i {color: #fff;}

.header {position: relative; z-index: 10;}
.header .logo { float: left; margin: 20px 0;} 
.header .menu { float: right;}

.header .menu .social { float: right; margin: 6px 0 10px 0;}
.header .menu .social ul {}
.header .menu .social ul li { float: left; margin: 0 0 0 5px;}
.header .menu .social a.sc {
	width: 26px;
	height: 25px;
	display: block;
	background-image: url(../images/sc-icon.png);
	background-repeat: no-repeat;
}
.header .menu .social a.sc:hover {
	background-image: url(../images/sc-icon-colorly.png);
	background-repeat: no-repeat;
}
.header .menu .social a.sc.sc-facebook { background-position: 0 0;}
.header .menu .social a.sc.sc-twitter { background-position: -26px 0;}
.header .menu .social a.sc.sc-google { background-position: -52px 0;}
.header .menu .social a.sc.sc-youtube { background-position: -78px 0;}

.header .menu .nav { background: #ff6c00; padding: 0 0 0 0; position: relative;}
.header .menu .nav > ul { float: left;}
.header .menu .nav > ul > li {float: left;padding: 0 14px;}
.header .menu .nav > ul > li > a {font: 500 16px/16px dosis; color: #fff; padding: 15px 5px; display: block;}
.header .menu .nav > ul > li.active > a, .header .menu .nav > ul > li > a:hover { color: #1d1d1b;}

.header .menu .nav li > ul {display: none; position: absolute; background: #ff6c00; padding: 60px 0 25px 120px; margin: 0 0 0 0; top: 0; z-index: -1; width: 1500px; left: 0;}
.header .menu .nav li > ul li {margin: 0 0 0 58px;max-width: 275px;}
.header .menu .nav li:nth-child(2) > ul li {margin: 0 0 0 -20px;}
.header .menu .nav li:nth-child(3) > ul li {margin: 0 0 0 86px;}
.header .menu .nav li:nth-child(5) > ul li {margin: 0 0 0 258px;}

.header > div.menu > div.nav > ul > li.hizmetler-li > ul > li {margin: 0 0 0 90px}
.header .menu .nav li > ul li a {font: 500 16px/16px dosis; color: #fff; padding: 5px 15px; display: block;}
.header .menu .nav li > ul li a:hover {background: #1d1d1b;}
.header .menu .nav li > ul li img {position: absolute; top: 60px; display: none; margin: 0 0 0 -87px;}
.header .menu .nav li > ul li.over img {position: absolute; display: block;}

.header .menu .nav .search { float: right; position: relative; top: 11px; right: 1px;;}
.header .menu .nav .search .box { background: #fff; border: 0; margin: 0; padding: 4px 30px 4px 4px; width: 115px;}
.header .menu .nav .search .btn {
	border: 0;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 3px;
	width: 17px;
	height: 17px;
	position: absolute;
	right: 5px;
	top: 4px;
	background-image: url(../images/sr-btn.png);
	background-repeat: no-repeat;
}
.section {position: relative; margin: 0 0 30px 0;}
.icons { margin: 280px auto 200px; position: relative; }
.icons ul {padding: 20px 0 0 0px;position: absolute;}
.icons ul li {float: left;}
.icons ul li a {display: block; width: 99px; height: 115px; background: #ff6c00; margin-right: 1px; padding: 15px 10px 15px 12px; position: relative; font: 500 16px dosis; color: #fff; text-align: center;overflow: visible !important;}
.icons ul li a img {display: block; margin: 0 auto 10px;}
.icons ul li a span {height: 40px;display: table-cell;vertical-align: middle; width: 99px;}
.icons ul li a:hover {background: #1d1d1b;}

.boxes {position:relative;margin:0 0 20px 0;}
.boxes h1 {color: #e50341;font: 600 18px dosis;margin: 0 0 15px 0;}
.references h1 { margin-bottom: 0; }
.boxes .col3 + .col3 {border-left: 1px solid #e9e8e8;}
.boxes .box {padding: 0 20px 0 20px; height: 265px; }
.boxes .box h2 {font: 800 13px neoregular; color: #000; margin: 0 0 10px 0;}
.boxes .box p {color: #515050; font: 500 13px/19px neoregular; margin: 0 0 5px 0; text-align: justify; }
.boxes .box p:nth-last-child(1) { position: absolute; bottom: 10px; }
.boxes .box p a {color: #e50341 !important; font: 400 12px neomedium;}
.boxes .box img { }
.boxes .box ul {margin: 10px 0 0 0;}
.boxes.re-boxes .box.mainRow ul{ margin: 0;}
.boxes .box ul li {
	padding: 2px 0 2px 10px;
	background-image: url(../images/box-li.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.boxes .box ul#haberler li { padding-left: 0 !important; position: relative;}
.boxes .box ul li a {color: #e50341; font: 400 12px neomedium; position: absolute; bottom: 20px; left: 0px; display: block;}
.boxes .box ul li{ font: 400 12px neomedium;}
.boxes .news img { float: right; }
.re-boxes { border-left: 1px solid #e9e8e8; border-right: 1px solid #e9e8e8; }

.boxes .box.mainRow a { color: #000;  position: static !important; }
.boxes .box.mainRow a:hover { color: #e50341; }

.product {border-right: 1px solid #e9e8e8;border-left: 1px solid #e9e8e8;float: left;}
.product ul {}
.product ul li {width: 119px; float: left; padding: 0 5px; height: 160px;}
.references ul li { height: 70px;}
.product ul li + li {}
.product ul li a {font: 14px neoregular; color: #040505; text-align: center; display: block;}
.product ul li a img {width: 100%;padding: 0 5px 0 0;}
.product ul li a span {margin: 5px 0 0 0; }
.product ul li a strong {font-size: 13px;}
.product .list_carousel {position: relative;padding: 0 25px;}
.product .list_carousel .caroufredsel_wrapper {margin: 0 0 0 15px !important;}
.references .list_carousel .caroufredsel_wrapper { height: 100px !important; margin-bottom: -20px !important; }
.product .arrow {
	width: 24px;
	height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	margin: -20px 0 0 0;
	background-color: #e9e8e8;
	background-image: url(../images/car-arrow.png);
	background-repeat: no-repeat;
	background-position: 4px;
}
.product .prev {left: 0;}
.product .next {right: 0; background-position: -27px;}

.anasayfa .news .list_carousel { position: relative; }
.news .arrow{
	width: 24px;
	height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	margin: -20px 0 0 0;
	background-image: url(../images/car-arrow-new.png);
	background-repeat: no-repeat;
	background-position: 4px;
}
.news .next {background-position: -22px;top: 13px;left: 218px;}
.news .prev {top: 13px;left: 193px;}
/*iç sayfa start*/

.section .left-bar { width: 258px; float: left; }
.section .left-bar .top-bar h2 {
	padding: 15px 27px;
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	font-weight: 300;
	background-color: #464443;
	background-image: url(../images/left-bar-down-arrow.png);
	background-repeat: no-repeat;
	background-position: 215px 20px;
}
.section .left-bar .top-bar h2 a{  color:#fff; font-size: 20px; line-height: 24px; font-weight: 300;}
.section .left-bar .top-bar ul { background: #ff6c00; }
.section .left-bar .top-bar ul li {  }
.section .left-bar .top-bar ul li a { padding: 5px 0 5px 27px; color: #fff; display: block; }
.section .left-bar .top-bar ul li a:hover { color: #464443; background: #fff;}
.section .left-bar .top-bar ul li.active a { color: #464443; background: #fff;}

.section .left-bar .bottom-bar { padding: 20px 20px 20px 27px; background: #f2f2f2; margin-top: 20px; }
.section .left-bar .bottom-bar h2 { width: 175px; background: #464443; padding: 9px 0 9px 27px; margin-left: -27px; color: #fff; font-size: 20px; line-height: 24px; font-weight: 300;}
.section .left-bar .bottom-bar p { color: #464443; padding: 20px 0 15px 0; font-size: 16px; line-height: 20px; font-weight: 700; }
.section .left-bar .bottom-bar input { width: 195px; height: 38px; margin-bottom: 10px; padding-left: 5px; border: none; }
.section .left-bar .bottom-bar textarea { width: 193px; height: 68px; margin-bottom: 10px; padding-left: 5px; border: none; }
.section .left-bar .bottom-bar input#gonder { width: 200px; background: #ff6c00; color: #fff; font-size: 20px; font-weight: 700; cursor: pointer; }

/*left-bar-font start*/
.section .left-bar .top-bar h2,
.section .left-bar .top-bar ul li a,
.section .left-bar .bottom-bar h2,
.section .left-bar .bottom-bar p,
.section .left-bar .bottom-bar input,
.section .left-bar .bottom-bar textarea { font-family: dosis; }
/*left-bar-font end*/

/*content start*/
.content.full {width: 980px;}
.content * {font-family: dosis;}
.content { width:700px; float: right; }
.content h1 { font-size: 48px; line-height: 56px; color: #fff; margin-left: 20px; font-weight: 300;}
.content .breadcrump ul { margin-left: 20px; }
.content .breadcrump ul li { float: left; margin-left: 3px;}
.content .breadcrump ul li a { color: #fff; }
.content .urun-list,
.content .urun-detay { padding: 27px 20px 20px 20px; background: #fff; margin-top: 10px; min-height: 600px; }
.content .urun-list ul li { float: left; width:195px; background: #fff; margin:0 27px 17px 0; border: 1px solid #e9e9e9; }
.content .urun-list ul li:hover { background: #fff; }
.content .urun-list ul li p { background: #f2f2f2; }
.content .urun-list ul li p a { color: #464443; display: block; padding: 20px 10px; text-align: center; }
.content .urun-list ul li p a:hover { background: #464443; color: #f2f2f2; display: block; padding: 20px 10px;}
.content .urun-list ul li:hover p a{ background: #464443; color: #fff; }

.content .urun-detay { }
.content .urun-detay h2 {font-size: 16px; line-height: 20px; margin-bottom: 5px; }
.content .urun-detay p{font-size: 16px; line-height: 16px; font-weight: 400; margin-bottom: 10px;}
.content .urun-detay h3 {font-size: 16px; line-height: 20px; margin-bottom: 10px; }
.content .urun-detay ul {width: 360px; float: left; }
.content .urun-detay ul li  {margin-left: -10px; padding: 5px 10px; font-size: 14px; line-height: 16px; font-weight: 600; }
.content .urun-detay ul li.gray { background: #f2f2f2; }

.content .urun-detay .ayrinti {float: right; width: 280px;}
.content .urun-detay .ayrinti .image { width: 100%; border: 1px solid #e9e9e9; text-align: center;}
.content .urun-detay .ayrinti a.fancybox { font-size: 13px; line-height: 18px; color: #fff;}
.content .urun-detay .ayrinti a.fancybox span {
	text-align: left;
	width: 102px;
	padding: 6px 10px 3px 32px;
	margin-top: -5px;
	height: 20px;
	display: block;
	float: left;
	clear: both;
	background-color: #464443;
	background-image: url(../images/blur-plus.png);
	background-repeat: no-repeat;
	background-position: 17px 10px;
}
.content .urun-detay .ayrinti a.fancybox img {  margin-bottom: 1px; max-width: 259px !important; max-height: 259px !important; }
.content .urun-detay .ayrinti a.brosur {
	font-size: 13px;
	color: #fff;
	padding: 6px 29px 3px 165px;
	margin-top: -5px;
	height: 20px;
	display: block;
	background-color: #e50341;
	background-image: url(../images/blur-brosur.png);
	background-repeat: no-repeat;
	background-position: 163px 10px;
}
.content .urun-detay .ayrinti a.brosur span {padding: 3px 0 0 0; display: block;}
.content .urun-detay .ayrinti a {font-family: dosis; }

.content .urun-list .resim-att{list-style: none; position: relative; float: left; padding: 0; text-align: center; margin: 13px 7px 0px 7px; width: 195px;}
.content .urun-list .resim-att .resim-att-pre { position: relative; width: 195px; height: 195px; cursor: pointer;}
.content .urun-list .resim-att .resim-att-pre .resim-thumb {border:none; width: 195px; height: 195px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%;}
.content .urun-list .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute; top: 0; left: 0; width: 195px; height: 195px; -webkit-transform:translate(50%,50%); -moz-transform:translate(50%,50%); -ms-transform:translate(50%,50%); -o-transform:translate(50%,50%); transform:translate(50%,50%);}
.content .urun-list .resim-thumb .resim-centered img { max-width: 190px; max-height: 190px; position: absolute; top: 0; left: 0; width: auto; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.content .kurumsal { padding-right: 20px;}
.content .kurumsal h1{ font-size: 18px; line-height: 22px; color:#000; font-weight: 600; margin-left: 0; margin-bottom: 10px;}
.content .kurumsal p { font-size: 16px; line-height: 20px; color:#000; text-align: justify; }
.content .kurumsal p img { display: block; }
.content .kurumsal a {color: #e50341;font: 400 16px neomedium; clear: both;}
.content .kurumsal ul { margin-top: 10px;}
.content .kurumsal ul li { list-style: disc; padding: 0 0px; margin-left: 0px; }
.content .kurumsal ul li,
.content .kurumsal ul li a { font-size: 13px; line-height: 16px; color:#000; }
.content .kurumsal ol li { float: left; width: 150px; padding: 5px 25px; height: 60px; }
.content .kurumsal img { margin-bottom: 10px; max-width: 300px; }
/*content end*/
/*content-font start*/
.content h1,
.content .breadcrump ul li a,
.content .urun-list ul li p,
.content .urun-detay h2,
.content .urun-detay p.aciklama,
.content .urun-detay h3,
.content .urun-detay ul li p,
.content .kurumsal h1,
.content .kurumsal p,
.content .kurumsal ul li,
.content .kurumsal a { font-family: dosis; }

/*sayfalama*/
.sayfalama { margin:0 auto; padding:30px 0 0 7px;}
.sayfalama ol li {float:left; }
.sayfalama ol li a{color:#fff; background: #b6bec1; padding:2px 7px; margin:0 5px 0 0; font-size: 11px; font-weight: 700;}
.sayfalama ol li a:hover{}
.sayfalama ol li.active { font-weight: 500; }
.sayfalama ol li.active a{color:#fff; background: #e50341;}
/*content-font end*/

/*iç sayfa end*/

.footer {background: #454442;min-height: 80px;padding: 25px 0 15px 0;}
.footer .rowrage { min-height: 80px; }
.footer .foots p {color: #919191; font: 12px/17px neoregular;}
.footer .ft {
	height: 27px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	background-image: url(../images/ft-icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.footer .ft.icon1 {width: 56px;}
.footer .ft.icon2 {background-position: -56px 0; width: 20px;}
.footer .ft.icon3 {background-position: -76px 0; width: 18px;}
.footer .ft.icon4 {background-position: -94px 0; width: 23px;}

.footer .foot-col1 , .footer .foot-col2 , .footer .foot-col3 , .footer .foot-col4 , .footer .foot-col5 {float: left;margin: 0 15px 0 0;}
.footer .foot-col1 { width: 255px; }
.footer .foot-col2 { width: 215px; }
.footer .foot-col3 { width: 155px; }
.footer .foot-col4 { width: 190px; }
.footer .foot-col5 { width: 135px; margin: 0; }
.footer ul {float: right;}
.footer ul li {float: left; margin: 0 0 0 5px;}
.footer a.sc {
	width: 26px;
	height: 25px;
	display: block;
	background-image: url(../images/ft-sc-icon.png);
	background-repeat: no-repeat;
}
.footer a.sc:hover {
	background-image: url(../images/sc-icon-colorly.png);
	background-repeat: no-repeat;
}
.footer a.sc.sc-facebook { background-position: 0 0;}
.footer a.sc.sc-twitter { background-position: -26px 0;}
.footer a.sc.sc-google { background-position: -52px 0;}
.footer a.sc.sc-youtube { background-position: -78px 0;}

.footer .rowLeft{ width: 670px; float: left; padding-right: 20px; }
.footer .rowLeft .rowTop { margin-bottom: 14px; }
.footer .rowLeft .rowBottom { padding-top: 7px; border-top: 1px solid #656563; }
.footer .rowLeft .rowBottom .copyright { float: left; color: #919191; font: 11px/14px neoregular; }
.footer .rowLeft .rowBottom .signature { float: right; font: 11px/14px neoregular;  }
.footer .rowLeft .rowBottom .signature a { color: #919191; }

.footer .rowRight { width: 260px; position: absolute; right: 0; top: -25px; bottom: -15px; background: #202020; padding: 20px 15px; }
.footer .rowRight p { font-size: 13px; line-height: 16px; margin-bottom: 10px; color: #919191; font: 12px/17px neoregular; }
.footer .rowRight input { background: #939393; border: 1px solid #202020; width: 94%; height: 27px; padding: 0 3%;}

.footer .rowRight input::-webkit-input-placeholder { /* WebKit browsers */ color: #454442; }
.footer .rowRight input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #454442; opacity: 1; }
.footer .rowRight input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #454442; opacity: 1; }
.footer .rowRight input:-ms-input-placeholder { /* Internet Explorer 10+ */color: #454442; }
.footer .rowRight input[type=submit] {
	border: none;
	position: absolute;
	top: 72px;
	right: 22px;
	z-index: 10;
	width: 21px;
	height: 14px;
	cursor: pointer;
	background-image: url(../images/mektup-ebulten.png);
	background-repeat: no-repeat;
}

ul.haberler {width: 100% !important;/* float: left; */}
ul.haberler  li {width: 45%;list-style: none !important;float:left;margin: 0 30px 0 0;border-bottom: 1px dotted #CCC;min-height: 160px;}
.kurumsal ul.haberler  li {min-height: 160px;}
.hizmet ul.haberler  li {min-height: 170px;}
.cozum ul.haberler  li {min-height: 160px;}
ul.haberler li h2 a{color:#e50341 !important;font: 400 18px neomedium!important;line-height: 20px !important;margin: 5px 0 15px 0  !important;display: block;}
ul.haberler  li + li{/* clear: both; */}
ul.haberler  li img{float:left;margin: 0 15px 0 0;}
.caroufredsel_wrapper ul li{float: left;}
#haberler li {width: 200px; height: 225px; background: none;}

ul.haberler  li a.more{color:#e50341; display: table-cell;}

.mobil-menu img{display: none;}
body > div.row > section > div.col12.boxes.re-boxes { }
.content .urun-detay .ayrinti a { font-family: dosis; }

ul#referanslarimiz li+li { border-left:1px solid #eee; }
ul#referanslarimiz  .resim-att{list-style: none; position: relative; float: left; padding: 0 5px; text-align: center; margin: 0; width: 122px; }
ul#referanslarimiz  .resim-att .resim-att-pre { position: relative; width: 122px; height: 75px; cursor: pointer;}
ul#referanslarimiz  .resim-att .resim-att-pre .resim-thumb {border:none; width: 122px; height: 75px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%;}
ul#referanslarimiz  .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute; top: 0; left: 0; width: 122px; height: 75px; -webkit-transform:translate(50%,50%); -moz-transform:translate(50%,50%); -ms-transform:translate(50%,50%); -o-transform:translate(50%,50%); transform:translate(50%,50%);}
ul#referanslarimiz  .resim-thumb .resim-centered img {position: absolute; top: 0; left: 0; width: auto; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}


#onecikan  .resim-att{list-style: none; position: relative; float: none; padding: 0; text-align: center; margin: 0 auto; width: 149px;}
#onecikan  .resim-att .resim-att-pre { position: relative; width: 140px; height: 110px; cursor: pointer;}
#onecikan  .resim-att .resim-att-pre .resim-thumb {border:none; width: 140px; height: 110px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%;}
#onecikan  .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute; top: 0; left: 0; width: 140px; height: 110px; -webkit-transform:translate(50%,50%); -moz-transform:translate(50%,50%); -ms-transform:translate(50%,50%); -o-transform:translate(50%,50%); transform:translate(50%,50%);} 
#onecikan  .resim-thumb .resim-centered img {position: absolute; top: 0; left: 0; width: auto; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); max-width: 95px;max-height: 95px;}

.pager { position: absolute; top: 0px; height: 20px; right: 5px; margin: 2px 0 0 0;}
.pager a {
	float: left;
	width: 14px;
	height: 16px;
	text-indent: -9999px;
	border: 0;
	margin: 0 2px;
	cursor: pointer;
	background-image: url(../images/bullets-new.png);
	background-repeat: no-repeat;
}
.pager a span{display:none;}
.pager a.selected {background-position: -19px 0px;}
.haber-resim{max-width: 200px;clear:both;float:none !important; max-height: 75px;}

 .inline {display: none; font: bold 15px 'arial'; margin: 30px 10px 0 10px; text-align: center;}

.fa.fa-repeat { float: left; font-size: 56px; color: #ff6c00;}
.captcha-img { float: left; width: 142px; margin-left: 10px; margin-bottom: 6px; }
.captcha-img img {width: 100%; }

.mobil-logo { display: none; }

.section .left-bar .bottom-bar .inputgroup form { position: relative; }



.productList {}
.productList .item {}
.productList .item a {font: 12px neoregular; color: #000;}
.productList .item a strong {font-weight: 100; font-family: neomedium;}
.productList .item a span {}
.productList .owl-controls {position: absolute; width: 100%; top: 5px;}
.productList .owl-controls .owl-buttons {height: 40px;}
.productList .owl-controls .owl-buttons div {
	width: 24px;
	height: 40px;
	position: absolute;
	text-indent: 9999px;
	top: 35px;
	background-color: #e9e8e8;
	background-image: url(../images/car-arrow.png);
	background-repeat: no-repeat;
}
.productList .owl-controls .owl-buttons .owl-prev {left: -25px; background-position: 4px 9px;}
.productList .owl-controls .owl-buttons .owl-next {right: -25px; background-position: -27px 9px;}

.referencesList {}
.references {}
.references .item {text-align: center; min-height: 80px; border-right: 1px solid #e9e8e8; margin: 0;}
.references .item img {margin: 12px 0 0 0;}
.references .owl-controls {position: absolute; width: 100%; top: 5px;}
.references .owl-controls .owl-buttons {height: 40px;}
.references .owl-controls .owl-buttons div {
	width: 24px;
	height: 40px;
	position: absolute;
	text-indent: 9999px;
	top: 0;
	background-color: #e9e8e8;
	background-image: url(../images/car-arrow.png);
	background-repeat: no-repeat;
}
.references .owl-controls .owl-buttons .owl-prev {left: -25px; background-position: 4px 9px;}
.references .owl-controls .owl-buttons .owl-next {right: -25px; background-position: -27px 9px;}




.gmap {  display: block; }
.gmap2 { display: none; }








/* 404 Not Found */

.absent { padding: 100px 0;  }
.absent h1 { color: #fff; font-size: 32px; line-height: 40px; font-family: "NeoRegular";}
.absent p { font-size: 16px; color:#fff; line-height: 22px; font-family: "NeoRegular";}
.absent p a { color: #ff6c00; text-decoration: underline; }
tr td #urun_adi {
	font-family: Roboto;
	font-size: 14px;
	font-weight: bold;
}
tr td #urun_modeli {
	font-family: Roboto;
	font-size: 13px;
	font-weight: regular;
}


/* 404 Not Found end */









@media screen and (max-width: 979px) and (min-width: 700px) {


.nivoSlider img {height: auto !important;}
.nivo-controlNav { top: -100px; }
.slider-wrapper { background: transparent; top: 50px; }
.nivoSlider {width: 100%; }
.nivo-main-image { height: 100% !important;}


.menu-repeat {display: none;}
		.header{padding-top: 50px;}
.row {width: 700px;margin: 0 auto;}
div.menu > div.nav {display: none;}
.mobileDiv {display: block; z-index: 99; position: absolute; width: 100%;}
.icons ul li a { width: 74px; height: 115px;  padding: 15px 10px 15px 2px; font: 500 14px dosis; }
.icons ul li a img {padding-left: 7px;}
.mobileDiv nav.mobil-menu ul li ul li {border-bottom: 1px solid rgba(70, 68, 67, 0.28);}

		.caption-wrapper {width: 700px !important;}
		.nivo-controlNav {width: 700px;}

ul#referanslarimiz .resim-att {width: 118px !important;}
.product .list_carousel .caroufredsel_wrapper { margin: 0px !important}

body > div.row > section > div.col12.boxes.re-boxes > div{width:349px; }
body > div.row > section > div.col12.boxes.re-boxes > div:nth-child(3){clear: both; border: none; }
body > div.row > section > div.col12.boxes.re-boxes > div:nth-child(3),
body > div.row > section > div.col12.boxes.re-boxes > div:nth-child(4){margin-top: 20px;}
.col12 {width: 700px; }
.col12 .list_carousel{margin-bottom: 20px;}
.references .list_carousel { margin-bottom: 0; }
.product ul li {width: 144px; }
.content.full {width: 700px;}
.content {width: 425px;}
.content .urun-list, .content .urun-detay {padding: 17px 17px 0 17px}
.content .urun-list .resim-att{list-style: none; position: relative; float: left; padding: 0; text-align: center; margin: 0 17px 17px 0; width: 183px;}
.content .urun-list .resim-att .resim-att-pre { position: relative; width: 183px; height: 183px; cursor: pointer;}
.content .urun-list .resim-att .resim-att-pre .resim-thumb {border:none; width: 183px; height: 183px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%;}
.content .urun-list .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute; top: 0; left: 0; width: 183px; height: 183px; -webkit-transform:translate(50%,50%); -moz-transform:translate(50%,50%); -ms-transform:translate(50%,50%); -o-transform:translate(50%,50%); transform:translate(50%,50%);}
.content .urun-list .resim-thumb .resim-centered img {position: absolute; top: 0; left: 0; width: auto; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.content .urun-detay .ayrinti {float:left; margin-bottom: 30px; width: 390px;  }

.content .urun-detay .ayrinti a.fancybox img { max-width:387px !important;}
.content .urun-detay .ayrinti a.fancybox span {
	width: 146px;
	padding: 6px 10px 3px 32px;
	margin-top: -5px;
	height: 20px;
	display: block;
	float: left;
	clear: both;
	background-color: #464443;
	background-image: url(../images/blur-plus.png);
	background-repeat: no-repeat;
	background-position: 17px 10px;
}
.content .urun-detay .ayrinti a.brosur {
	text-align: left;
	font-size: 13px;
	color: #fff;
	padding: 6px 0 3px 212px;
	margin-top: -5px;
	height: 20px;
	display: block;
	background-color: #e50341;
	background-image: url(../images/blur-brosur.png);
	background-repeat: no-repeat;
	background-position: 195px 10px;
}

.content .kurumsal img { max-width: 200px}

.iletisim .content table { width: 390px !important; }

ul.haberler li { width: 100%; margin-bottom: 10px; padding-bottom: 10px !important; }

.footer { padding-bottom: 20px;  }
.footer .foot-col1,
.footer .foot-col2,
.footer .foot-col3,
.footer .foot-col4,
.footer .foot-col5 { float: left; margin: 0 15px 0 0; } 
.footer div.foot-col4 { margin-left: 148px; }
.footer div.foot-col4,
.footer div.foot-col5 { margin-top: 20px;}


.footer .rowLeft{ width: 442px;  }
.footer .foot-col1 { width: 231px; }
.footer .foot-col2 { width: 181px; }
.footer .foot-col3 { margin-top: 10px !important; }

.footer .rowRight { width: 215px; }

.boxes .news .caroufredsel_wrapper{ width: 310px !important; }
#haberler li { width: 310px; height: 266px;}
#haberler li > img {width:310px; max-width: 310px; max-height: 116px; }
#haberler li p { text-align: justify; }

.boxes.re-boxes .box.mainRow p img { width: 310px; }

.boxes .box.mainRow { height: 300px; position: relative; }
.boxes .box p:nth-last-child(1) { bottom: -10px; }


.boxes .box ul li a {bottom: 10px;}

}





@media screen and (max-width: 699px) {

.iletisim .content .urun-list, .content .urun-detay { min-height: 100px; }

.gmap {  display: none; }
.gmap2 { display: block; }
.gmap2 h2 { font-family: dosis; font-size: 16px; line-height: 20px; margin-bottom: 5px; margin-top: 10px; }



.nivoSlider img {height: auto !important;}

	.section .left-bar .top-bar {display: none;}

.mobil-logo {display: block; width: 80px; position: absolute; left: 50%; margin-left: -160px; margin-top: 2px; }
.mobil-logo a img { width: 100%; }

.nivo-controlNav { top: -60px; }
.header .logo { display: none; }
.slider-wrapper { background: transparent; top: 50px; }
.nivoSlider {width: 100%; }
.nivo-main-image { height: 100% !important;}


  .content.full {width: 320px;}
  .menu-repeat {display: none;}
		.header{padding-top: 50px;}
		.row {width: 320px;margin: 0 auto;}
		div.menu > div.nav {display: none;}
		.mobileDiv {display: block; z-index: 99; position: absolute; width: 100%;}
		.mobileDiv nav.mobil-menu ul li ul li {border-bottom: 1px solid rgba(70, 68, 67, 0.28);}

		.caption-wrapper {width: 320px !important;}
		.nivo-controlNav {width: 320px;}

.boxes .col3,.boxes .col3 + .col3{ border: none;}
		.icons {margin: 280px auto 450px; position: relative; }
		.icons ul li a { width: 294px; height: 30px; padding: 8px 10px 15px 12px; font: 500 16px dosis; }
		.icons ul li a img {float:left; width: 36px;}
		.icons ul li a span {margin-left: 10px; width: 200px; text-align: left; padding-left: 15px;}
		body > div.row > section > div.re-boxes {padding-top: 20px;}
		body > div.row > section > div.boxes > div.gizle,
		body > div.row > section > div.boxes > div.gizle{display: none; }
		.product {width: 320px;}
		.product ul li {width: 120px;}


body > div.row > section > div.boxes > div.col3{width: 90%; float: left; padding: 10px;} 
.content h1 {font-size: 32px; line-height: 42px; margin-left: 0;}
.content .breadcrump ul {margin-left: 0;}

.content {width: 320px; float:left; clear: both; }
.content .urun-list, .content .urun-detay {padding: 17px 17px 0 17px}
.content .urun-detay .ayrinti {float:left; margin-bottom: 30px; }
.section .left-bar {width: 320px; display: block; }
.section .left-bar .top-bar h2 {
	background-color: #464443;
	background-image: url(../images/left-bar-down-arrow.png);
	background-repeat: no-repeat;
	background-position: 275px 20px;
}
.section .left-bar .bottom-bar h2 { width: 230px; }
.section .left-bar .bottom-bar input { width: 255px; }
.section .left-bar .bottom-bar textarea { width: 253px; }
.section .left-bar .bottom-bar input#gonder { width: 258px; }
.captcha-img { width: 202px; }
.fa.fa-repeat { margin-top: 12px; }
.content .urun-list .resim-att{list-style: none; position: relative; float: left; padding: 0; text-align: center; margin: 0 0 17px 0; width: 285px;}
.content .urun-list .resim-att .resim-att-pre { position: relative; width: 285px; height: 200px; cursor: pointer;}
.content .urun-list .resim-att .resim-att-pre .resim-thumb {border:none; width: 285px; height: 285px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%;}
.content .urun-list .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute; top: 0; left: 0; width: 285px; height: 200px; -webkit-transform:translate(50%,50%); -moz-transform:translate(50%,50%); -ms-transform:translate(50%,50%); -o-transform:translate(50%,50%); transform:translate(50%,50%);}
.content .urun-list .resim-thumb .resim-centered img {position: absolute; top: 0; left: 0; width: auto; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.content .urun-detay ul { width:295px !important;}

.content .urun-detay .ayrinti a.fancybox img { max-width:283px !important; max-height:283px !important;}
.content .urun-detay .ayrinti a.fancybox span {
	width: 100px;
	padding: 6px 10px 3px 32px;
	margin-top: -5px;
	height: 20px;
	display: block;
	float: left;
	clear: both;
	background-color: #464443;
	background-image: url(../images/blur-plus.png);
	background-repeat: no-repeat;
	background-position: 17px 10px;
}
.content .urun-detay .ayrinti a.brosur {
	font-size: 13px;
	color: #fff;
	padding: 6px 0 3px 143px;
	margin-top: -5px;
	height: 20px;
	display: block;
	background-color: #e50341;
	background-image: url(../images/blur-brosur.png);
	background-repeat: no-repeat;
	background-position: 165px 10px;
}

.content .kurumsal img { max-width: 285px}

ul.haberler li { width: 100%; margin-bottom: 10px; padding-bottom: 10px !important; }

.social{ display: none;}


.iletisim .content table { width: 290px !important; }

.footer {padding-bottom: 20px;}

.footer .rowrage { height: 320px;  }
.footer .rowLeft { width: 300px; padding-left: 10px; padding-right: 10px; }
.footer .foot-col1, .footer .foot-col2, .footer .foot-col3, .footer .foot-col4, .footer .foot-col5 { margin: 7px 0; }
.footer .rowRight { width: 290px; top: 200px; right: 1px; }

ul#onecikan  .resim-att{width: 110px;}
ul#onecikan  .resim-att .resim-att-pre { width: 110px; height: 110px; }
ul#onecikan  .resim-att .resim-att-pre .resim-thumb {width: 110px; height: 110px;}
ul#onecikan  .resim-att .resim-att-pre .resim-thumb .resim-centered {width: 110px; height: 110px; } 



.boxes .news .caroufredsel_wrapper{ width: 260px !important; }
#haberler li { width: 260px;}
#haberler li > img { width:260px; max-width: 260px; max-height: 97px; }

.boxes.re-boxes .box.mainRow { position: relative; height: 295px; }
.boxes.re-boxes .box.mainRow p img { width: 260px;}

.icons ul li a { width: 300px; }
}