@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,700italic&subset=latin,cyrillic-ext,latin-ext);

h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif; font-weight: 700;}

p {font-family: 'Open Sans', sans-serif;}

body{

	font-family: 'Open Sans', sans-serif;

}





pre {

	background: none repeat scroll 0 0 #3B8ED3;

	color: #FFFFFF;

	line-height: 20px;

	padding: 7px;

}

.tags a {
padding: 3px 10px 5px 10px;
display: inline-block;
color: #888;
background-color: #f2f2f2;
margin: 0 2px 6px 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
box-shadow:  inset 0px -1px 0px 0px rgba(0,0,0, 0.05);
border-radius: 2px;
}

.tags a:last-child {margin-right:0;}

.tags a:hover {
background: #169fe6;
color: #fff;
box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15);
}

.renk1

{



}

.renk2

{

	

}

.clear {

	clear: both;

}

.solKay

{

	color: #FFF;

	width: 40px;

	height: 40px;

	text-align: center;

	font: 30px/40px Arial;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	font-weight: bold;

	background: #006ec3;

	filter: Alpha(Opacity=50);

	opacity: 0.7;

	cursor: pointer;

	float: left;

	margin-left: -45px;

}

.sagKay

{

	color: #FFF;

	width: 40px;

	height: 40px;

	font: 30px/40px Arial;

	text-align: center;

	font-weight: bold;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	background: #006ec3;

	filter: Alpha(Opacity=50);

	opacity: 0.7;

	cursor: pointer;

	float: right;

}

#netnet-logo{ float: right; }



.ortala404{

	width: 250px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}



.doc h1, .demo h1 {

	background: none repeat scroll 0 0 #2874B3;

	color: #1E5989;

	margin-top: 0;

	padding: 15px;

	text-align: center;

	text-shadow: 1px 1px #3B8ED3;

}

.demo > h3 {

	color:#fff;	

}

.fade,.kaydir {

    background: none repeat scroll 0 0 #3B8ED3;

    color: #FFFFFF;

    font-size: 13px;

    padding: 10px;

}

.typing{

	padding-left:18px;

}

.fade > li,.slide > li,.typing > li {

    list-style: none inside none;

}

.demo > h3 {

    color: #23669E;

    font-size: 15px;

	padding-left:1px;

}





/* DUYURU EFEKTİ İÇİN olan bölümün sonu */



#referanslar-index-img{

width: 208px;

height: 118px;

}

.content{

	min-height: 300px;

	margin-top: 30px;

}

#marquee{

	margin-left: 37px;

margin-top: -45px;

}

#content-nav{

background-color: #0053A0;

height: 40px;

margin-top: -35px;

opacity: 0.5;

}



#content-nav-efekt{

	margin-top: -63px;

}



#content-nav-title{

	margin-left: -282px;

color: white;

margin-top: -34px;

position: absolute;

font-size: 16px;

}



#content-nav-title2{

margin-top: -32px;

position: absolute;

color: white;

}



#content-li-bg{

	background-color: #0053A0;

	margin-left: -25px;

	height: auto;

	list-style-type: none;

	margin-top: 1px;

	cursor: pointer;

	padding: 8px;

	

}





#content-li-bg:hover{

	background-color: #6692BA;

}



#content-li-bg a{

	margin-left: 25px;

	color: white;

	list-style-type: none;

	text-decoration: none;

}



.content div div ul li {

	

}



.content ul a li div span{

text-decoration: none;

color: white;

}



.content ul a{

	text-decoration: none;

}



#content-text { color: black;}







#urunler img{

	border: 5px solid #E7E7E7;

	width: 188px;

	height: 136px;

}





#urunler p{

	width: 103%;

background-color: #0053A0;

height: 36px;

color: white;

text-align: center;

padding-top: 5px;

}



#urunler p:hover,#galeri p:hover{

background-color: #0053A0;

}



#urunler p a, #galeri p a{

color: white;

text-decoration: none;

}



#galeri p{

	width: 104%;

background-color: #0053A0;

height: 27px;

color: white;

text-align: center;

padding-top: 5px;

padding-bottom: 5px;

}



#galeri img{

	border: 5px solid #E7E7E7;

	width: 188px;

	height: 136px;

}





#slideractive{

	width: 100%;

	border: 5px solid #E7E7E7;	



}



#sliderother{

	width: 23%;

	margin-top: 10px;

	margin-right: 6px;

}



#urundetay-text-title{

	font-size: 16px;

	color: #86AAB5;

	margin-bottom: -1px;

	font-weight: bold;

}



#urundetay-text-content{

	font-size: 12px;

}



#iletisim-adres-div{

	background-color: #f3f3f3;

	border-radius: 10px;

	padding: 10px;

	margin-bottom: 2%;

	font-size: 16px;

}





#iletisim-div{

	background-color: #f3f3f3;

	border-radius: 10px;

	padding: 10px;

	font-size: 15px;

	margin-top: 5px;

}

#iletisim-text{

	margin-left: 10px;

}



#iletisim-input {

height: 45px;

width: 100%;

background-color: white;

border: 1px solid #DBDBDB;

padding-left: 20px;

color: black;

font-size: 16px;

-moz-box-shadow: inset 0px 0px 45px #F4F4F4;

-webkit-box-shadow: inset 0px 0px 45px #F4F4F4;

box-shadow: inset 0px 0px 45px #F4F4F4;

margin-top: 12px;

}



#iletisim-textarea {

height: 110px;

width: 100%;

background-color: white;

border: 1px solid #DBDBDB;

font-size: 16px;

margin-top: 10px;

padding: 8px 15px;

resize: none;

-moz-box-shadow: inset 0px 0px 45px #F4F4F4;

-webkit-box-shadow: inset 0px 0px 45px #F4F4F4;

box-shadow: inset 0px 0px 45px #F4F4F4;

}



#submit-button {

margin-right: 14px;

background-color: #5D97A0;

height: 47px;

color: white;

width: 105px;

border: none;

font-weight: bold;

margin-top: 7px;

margin-bottom: 20px;

}



#content-text{

	font-size: 12px;

	max-width: 100%;

}



gallery2{margin:auto; width:870px;}

.gallery2 .holder{width:100%; position:relative; overflow:hidden; z-index:2;}

.gallery2 .holder ul{margin:0; padding:0; list-style:none; width:30000px;}

.gallery2 .holder ul li{float:left; width:160px; padding:0px 7px;}

.gallery2 .holder ul li img{display:block; width:160px; height:130px;}

.gallery2 .next, .gallery2 .prev{position:absolute; right:10px; top:10px; width:25px; height:25px; background:url(images/gallery-arrow-right.png) no-repeat; z-index:20; overflow:hidden; text-indent:-9999px; outline:none; cursor:pointer;}

.gallery2 .prev{background:url(images/gallery-arrow-left.png) no-repeat; right:auto; right:40px;}



#slider-img{

	height: 350px;

}



#a-beyaz{

	text-decoration: none;

	color: white;

}



#a-siyah{

	text-decoration: none;

	color: black;

}





#ref-img:hover{

	opacity: 0.7;

}



.index-box-p{height: 100px;}





/* ------------- header top giriş --------------*/

.top {padding-bottom:3px; border-bottom:1px solid #CCC;}

.top .navbar-brand {margin-top:6px; height: 50px; line-height: 50px; text-align: center; padding: 8px 30px; color: #006ec3; text-decoration: none; font-size:41px; font-family:"Open Sans"; font-weight:700;}

.top .navbar-wrapper {background:url('../images/topBg.png') top center transparent; width:100%; height:94px; position: absolute;top: 0;right: 0;left: 0;z-index: 20;}

.top .container {padding: 0;}

/* ------------- header top giriş --------------*/



/* ------------- banner giriş --------------*/

.banner {position:relative;}

.banner .carousel-indicators { text-align:right;}

.banner .carousel-indicators li{background-color:#006ec3; border-radius:0px; width:24px; height:24px; border:none;}

.banner .carousel-indicators .active{background-color:#ff007e; width:24px; height:24px; border:none;}

.banner .carousel-inner .carousel-caption { padding:10px 10px 10px 10px; text-align:left; margin-bottom:40px; left:18%; max-width:475px; background:rgba(0,110,195,0.7);}

.banner .carousel-inner .carousel-caption h1 {font-family:"Open Sans"; font-weight:bold; font-size:22px; margin-top:10px;}

.banner .carousel-inner .carousel-caption .btn-more {font-family:"Open Sans"; display:block; width:100%; padding:5px; background:rgba(255,0,126,0.9); font-size:12px; text-decoration:none; color:white; text-align:right;} 

.banner .carousel-inner .carousel-caption .descBanner{ font-family: Verdana, sans-serif ;

font-weight: bold;

font-size: 16px;} 

/* ------------- banner giriş --------------*/



/* ------------- middle giriş --------------*/

.middle {margin-top:-20px;}

.middle .container {min-height: 220px;padding-bottom: 0px;}

.middle .container .boxContent {position:relative; border:1px solid #CCC; padding:4px; background-color:#FFF; overflow:hidden;}

.middle .container .boxContent img {width: 100%;}

.middle .container .boxContent h3 {padding:8px 20px; background-color:#006ec3; position:absolute; bottom:0px; left:0px; font-size:18px; font-family:"Open Sans"; font-weight:700; color:#FFF; margin:0; width:100%;}

.middle .container p {font-size:12px; font-family:"Open Sans"; padding:5px; font-weight:300;}

/* ------------- middle giriş --------------*/



/* ------------- contentInfo giriş --------------*/



.contentInfo {position:absolute; bottom:0; z-index:10; width:100%; color:#FFF;}

.contentInfo .container {background-color : rgba(218, 25, 133, 0.5); height:40px; line-height:40px;}

.contentInfo .container div:first-child {background:url('images/content-nav-efekt.png'); padding-right:20px;}





/* ------------- contentInfo giriş --------------*/





/* ------------- navbar giriş --------------*/

.navbar-nav {margin-top:36px;}

.navbar-toggle {color: #006ec3;font-size: 32px;margin: 3px 10px 3px 3px;padding: 2px 5px;line-height: 32px; margin-top:20px;}

.navbar-toggle:hover {background-color: #CCC;}

.navbar-nav li a {font-family: 'Open Sans', sans-serif; font-weight:700; color:#848484; font-size:14px; padding-left: 5px;}

.navbar-nav li a:hover {color:#FFF; background-color:#006ec3;}

.navbar-nav ul {position:absolute; left:-9999px; width:auto; height:auto; display:block; top:-9999px; list-style-type:none; z-index:-10;}

.navbar-nav li:hover {position:relative;}

.navbar-nav li:hover ul {left:0px; top:50px; padding:10px 0px 10px 0px; width:auto; height:auto; z-index:300; background:white; border-radius:0px 0px 5px 5px;}

.navbar-nav li:hover ul li { border:none;}

.navbar-nav li:hover ul li a { padding:10px; display:block; text-indent:15px;  font-weight:300; font-size:14px; width:225px; line-height:18px; text-decoration:none; padding:5px;}

.navbar-nav li:hover ul li a:hover {background-color:#006ec3;}

.navbar-nav li:hover ul li ul {display:none;}





/* ------------- navbar giriş --------------*/



/* ------------- duyuru ve telefon giriş -------------*/

.annAndphone {margin:10px 0px;}

.annAndphone .container {padding:0;}

.annAndphone .ann {padding:15px; line-height:23px; background-color:#006ec3; border:1px solid #CCC; color:#FFF; height: 55px; width: 70%;}

.annAndphone .ann span {font-size:23px; margin-right: 10px;}

.annAndphone .ann p {margin:0; margin-left:25px;}

.annAndphone .phone {padding:10px; line-height:23px; border:1px solid #CCC;} 

.annAndphone .phone p {margin:0; margin-left:25px; color:#006ec3; background-color:#FFF; font-size:22px; font-family:"Open Sans"; font-weight:700; font-style:italic;}

.annAndphone .phone p span {font-size:30px;} 

.annAndphone .phone  {font-size:24px; height: 55px;} 

/* ------------- duyuru ve telefon giriş -------------*/





/* ------------- referanslar giriş -------------*/

.references {margin:0px 0px 40px 0px;}

.references .container  {background-color:#f3f3f3; padding:0px 0px 10px 0px; position:relative;}

.references .container  h3 {font-size:30px; font-family:"Open Sans"; font-weight: 500; margin: 11px 0 -9px 0;}

.references .container  hr {border-top:1px solid #FFF;}

.references .container  .readAllReferences a {padding:7px 10px; background:rgb(0, 110, 195); width:auto; position:absolute; bottom:-44px; font-family:"Open Sans"; font-weight:300; text-transform:uppercase; right:0px; color:#FFF;}

#referanslar .item{background: #006ec3; padding: 5px 5px; margin: 5px; color: #FFF; text-align: center;}

#referanslar .item img {width: 100%;}

#referanslar .item h4{font-size:12px; padding:0; margin:3px; color: white;}

.references .container  .readAllReferences a:hover {

box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); }

#submit-button:hover {

box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75); }



/* ------------- referanslar giriş -------------*/



/* ------------- footer 1 giriş --------------*/

.bottom { margin-top:50px;background-color: #f3f3f3; border-top:2px solid #CCC; min-height: 120px; padding-top:10px;}

.bottom .container h3 {color: #999;}

.bottom .container p {color: #666;}

.bottom .container .rightB {margin-top:30px; position:relative;}

.bottom .container .rightB p.titleRight{font-size:24px; font-family:"Open Sans"; font-weight:700;}

.bottom .container .rightB p.numberRight{font-size:24px; font-family:"Open Sans"; font-weight:700; font-style:italic;}

.bottom .container .rightB p.numberRight span{font-size:36px; color:#006ec3;}

.bottom .container ul li {list-style:none;}

.bottom .container ul li a{font-size:12px; font-family:"Open Sans"; font-weight:400; font-style:italic; color:#006ec3;}

.bottom .container .col-md-6 {padding:0;}

.bottom .container .col-md-2 .footerMenu {padding:0; margin:0;}

.bottom .container .col-md-2 .footerMenu span {text-align:left; margin:0px 15px 0px 5px;}

/* ------------- footer 1 giriş --------------*/



/* ------------- footer 2 giriş --------------*/

.copy {background-color: #faf8f8;}

.copy .container .col-md-6{padding:10px;font-size:12px;}

.copy .container .col-md-6 p{margin:0;}

/* ------------- footer 2 giriş --------------*/



#kategori-leftmenu{

	list-style: none;

}



 #mapzone {

        height: 100%;

        margin: 10px;

        padding: 0px

      }

 #twitter-icon{

 	margin-left: 70px;

 }



#alan-kodu{

	font-size: 24px;

}



#tel-no{

	font-size: 30px;

}



#kadin{

	margin-top: 56px;

padding-left: 38px;

}







/*-------------- index-fotogaleri giriş -------------- */

/*

.owl-buttons{float: right!important;margin-top: -244px;}

*/

.owl-pagination{display: none;}

.owl-prec{height: 35px;}

/*-------------- index-fotogaleri bitiş -------------- */





/* Large desktop */

@media (min-width: 1200px) {}



@media (max-width: 1024px) {

.top .banner {margin-top:90px;} .annAndphone .ann p {margin-left:0px;} 

.annAndphone .container  {padding:20px; position:relative;}

.bottom .container {}

.bottom .container .col-md-2 {text-align:center;}

.bottom .container .col-md-2 h3 {font-size:16px; text-align:center;}

.copy .container {text-align:center;}

.annAndphone .phone p span {font-size:30px;} 

.annAndphone .phone p {margin-left:6px; font-size:19px;} 

.annAndphone .ann p {font-size:11px; margin-left:15px;} 

}

 

/* Portrait tablet to landscape and desktop */

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

.top .banner {margin-top:90px;}

.top .banner .carousel-caption {}

.banner .carousel-indicators {text-align:right;}

.banner .carousel-indicators li{background-color:#006ec3; border-radius:0px; width:15px; height:15px; border:none;}

.banner .carousel-indicators .active{background-color:#ff007e; width:15px; height:15px; border:none;}

.banner .carousel-inner .carousel-caption {padding:10px 10px 10px 10px; text-align:left; margin-bottom:35px; left:20%; max-width:475px; background:rgba(0,110,195,0.7);} 

.banner .carousel-inner .carousel-caption h1 {font-family:"Open Sans"; font-weight:300; font-size:30px; margin-top:10px;} 

.banner .carousel-inner .carousel-caption .btn-more {font-family:"Open Sans"; display:block; width:100%; padding:5px; background:rgba(255,0,126,0.9); font-size:10px; text-decoration:none; color:white; text-align:right;} 

.banner .carousel-inner .carousel-caption .descBanner{} 

.nav>li>a {padding:10px;}

.middle .container .boxContent {text-align:center;}



.bottom .container .rightB p.titleRight{font-size:17px; font-family:"Open Sans"; font-weight:700; margin:0;}

.bottom .container .rightB p.numberRight{font-size:17px; font-family:"Open Sans"; font-weight:700; font-style:italic;  margin:0;}

.bottom .container .rightB p.numberRight span{font-size:22px; color:#006ec3;}

.bottom .container .rightB p.addressRight{font-size:12px;}

.bottom .container .rightB img {width:100%;}

}





/* Landscape phone to portrait tablet */

@media (max-width: 767px) { 

.top .banner {margin-top:90px; }

.top .banner .carousel-caption {display:none;}

.banner .carousel-indicators li{background-color:#006ec3; border-radius:0px; width:15px; height:15px; border:none;}

.banner .carousel-indicators .active{background-color:#ff007e; width:15px; height:15px; border:none;}

.navbar-collapse {margin-right:0px !important; background-color:#FFF; border-bottom:4px solid #CCC;}

.navbar-nav {margin-top:15px;}

.col-md-4{text-align:center;}

.lazyOwl {width:100%;}

.annAndphone .ann { width: 100%;}

#kadin{display: none;}

.navbar-nav li:hover ul li {display: none;}

}

 

/* Landscape phones and down */

@media (max-width: 480px) {

	.carousel{display: none;}

	.middle , .box-content { margin-top: 30px;}

	#netnet-logo{float: center;}

	.content{margin-top: 50px;}

	.contentInfo div .col-md-7 {color: black; font-weight: bold;}

	.contentInfo {position: relative; background-color: rgba(218, 25, 133, 1);}

	.contentInfo .container div:first-child {background: none; }



}



@media (max-width: 1200px) {

	.navbar-nav li a { font-size: 11px;}

	#alan-kodu{font-size: 18px;}

	#tel-no{font-size: 24px;}

	.navbar-brand{margin-left: -25px;}

}

@media (max-width: 992px) {

	.navbar-nav li a { padding: 14px 6px; font-size: 11px;}

	.container { width: auto; }



}



@media (max-width: 890px) {

	.navbar-nav li a { padding: 14px 3px; font-size: 12px;}

}

@media (max-width: 860px) {

	.navbar-nav li a { padding: 14px 3px; font-size: 10px;}

}





.disdiv

    {

    	background: #214AA6;

    	width: 50px;

    	height: 200px;

    	top: 20%;

    	position: fixed;

    	float: right;

    	right: -0.2%;

    	-webkit-border-top-left-radius: 6px;

		-webkit-border-bottom-left-radius: 6px;

		-moz-border-radius-topleft: 6px;

		-moz-border-radius-bottomleft: 6px;

		border-top-left-radius: 6px;

		border-bottom-left-radius: 6px; z-index:9999;

		cursor: pointer;

    }

    .icdiv

    {

    	float: left;

    	border-right: solid 2px white;

		background: #214AA6;

		padding-left: 15px;

		width: 50px;

		height: 200px;

		color: white;

		-webkit-border-top-left-radius: 6px;

		-webkit-border-bottom-left-radius: 6px;

		-moz-border-radius-topleft: 6px;

		-moz-border-radius-bottomleft: 6px;

		border-top-left-radius: 6px;

		border-bottom-left-radius: 6px;

    }

    .icform

    {

    	color: white;

		margin-left: 54px;

		padding: 5px;

		width: 84%;

		height: 100%;

		display: none;

    }

    .icyazi

    {

    	float:left;  font-size:16px; 

    	-webkit-transform: rotate(-90deg); 

    	-moz-transform: rotate(-90deg); 

    	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    	margin-top:85px;margin-left:-50px;

    }

    #width1

    {

    	width: 380px;

    }

     #width2

    {

    	width: 50px;

    }

@media (max-width: 768px) {



.icform

{

color:white;

background: transparenth;

width: 80%;

height:100%;

display:none;

position: absolute;

}

#width1

{

width: 300px;

}

#width2

{

width: 50px;

}

}







form input[type='number']::-webkit-outer-spin-button,

form input[type='number']::-webkit-inner-spin-button {

	-webkit-appearance: none;

	margin: 0;

}