@charset "utf-8";
/* CSS Document */
/*
@font-face {
	font-family: 'rt';
	src: url('fonts/Roboto-Thin_1.eot');
	src: local('☺'), url('fonts/Roboto-Thin_1.woff') format('woff'), url('fonts/Roboto-Thin_1.ttf') format('truetype'), url('fonts/Roboto-Thin_1.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'rb';
	src: url('fonts/Roboto-BoldCondensed.eot');
	src: local('☺'), url('fonts/Roboto-BoldCondensed.woff') format('woff'), url('fonts/Roboto-BoldCondensed.ttf') format('truetype'), url('fonts/Roboto-BoldCondensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'rc';
	src: url('fonts/Roboto-Condensed.eot');
	src: local('☺'), url('fonts/Roboto-Condensed.woff') format('woff'), url('fonts/Roboto-Condensed.ttf') format('truetype'), url('fonts/Roboto-Condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family:'sl';
	src: url('fonts/SohoGothicPro-Light.eot');
	src: local('☺'), url('fonts/Roboto-Condensed.woff') format('woff'), url('fonts/Roboto-Condensed.ttf') format('truetype'), url('fonts/Roboto-Condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body{font-family: 'Roboto' !important; font-size:16px; margin:0; color:#333; }

div, span, p, header, footer, .main, a , table, tr, td, input, textarea, select, ul, li
{box-sizing:border-box; outline:none;}


a{	transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;
text-decoration:none;
cursor:pointer;}

.effect, ::after, ::before, textarea, input
{transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
-webkit-transition:all 0.3s;}

ul,p,h1,h2,h3,h4,h5
{margin:0px;
padding:0px;
list-style: none;
}

header { overflow:hidden; }

.over{overflow:hidden;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}

.container{
	width:100%;
	overflow:hidden;
	position:relative;
}

.insidebox {
	margin:auto;
	width:980px;
	-moz-box-shadow: 0px 0px 75px rgb(100,100,100);
	-webkit-box-shadow: 0px 0px 75px rgb(100,100,100);
	box-shadow: 0px 0px 75px rgb(100,100,100);
}

.headergovde { 	
	padding:20px; 
	}

.logo { 
	display:block;
	position:relative;
	z-index:1;
	min-height:120px;
}

.logo::before{ 
	content:'www.pasabezi.com';
	position:absolute;
	display:block;
	color:#8ea30f;
	font-family:'Roboto';
	font-size:17px;
	width:60%;
	height:40px;
	z-index:10;
	bottom: -12px;
	left:20%;
	text-align:center;
}

.sag {
	margin-top:20px;
	background:url(images/sagust.png) center center no-repeat;
	width:460px;
	height:70px;	
}

.menu { 
	margin-top:20px;
	background:#394d5a;
	display:block;
	overflow:hidden;
}

.menu ul{
	width:60%;
}

.menu ul li a{
	font-family:'Roboto';
	font-weight:500;
	font-size:16px;
	color:#fff;
	float: left;
	display: block;
	padding: 20px;
	border-right: 2px dashed #fff;
	border-bottom:2px dashed #394d5a;
}

.menu ul li a:hover{
	border-right:2px solid #fff;
	border-bottom:2px dashed #fff;
}

.menutelefon {
	border-left:2px dashed #fff;
	padding:16px;
	background:url(images/menutelefon.png) left center no-repeat;
	width:20%;
	background-color:#30434f;
}

.small {
	font-family:'Roboto';
	font-weight:700;
	font-size:18px;
	color:#fff;
	padding-left:25px;
}

.big {
	font-family:'Roboto';
	font-weight:500;
	font-size:20px;
	color:#fff;
}

.slider { 
	background:#fff;
	}

#nwlist .item {
	width:980px;
	height:450px;
	background-size:cover !important;
}

.owl-pagination {
	display:none;
	}

.sliderttitle {
position:absolute;

text-align:center;
left:25%;
top:20%;
width:50%;
}
.sliderttitle a{
font-family:'sl';
font-size:40px;
line-height:60px;
color:#fff;

}

.ortagovde {
	padding:0 20px; 
	background:#fff; 
	min-height:1100px;}

.kgovde { 
	width:77%; 
 }

.kategori {
	display:block;
	overflow:hidden; 
}


.kategori ul li a{
	font-family:'Roboto';
	font-weight:500;
	font-size:16px;
	color:#394d5a;
	display:block;
	float:left;
	padding:20px;
	border:1px solid #FFF;
	background:#eeeeee;
}
.kategori ul li a.aktif{ 
	background:#FFF;
	border:1px solid #eeeeee;
}

.kategori ul li a:hover{
	background:#FFF;
	border:1px solid #eeeeee;
}

.kresim {
	border:1px solid #eeeeee;
}

.kategoriresim {
	background-size:cover !important;
	background-position:top center;
	background-repeat:no-repeat;
	margin:2%;	
	width:29%;
	height:275px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.60);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.60);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.60);
	position:relative;
	cursor:pointer;
	display:block;

	}
	
.kategoriresim:hover > .resimtops{ 
	background:rgba(255,255,255,0);
}

.kategoriresim:hover{ 
		-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


	
.resimtops {
	position:absolute;
	width:90%;
	height:90%;
	left:5%;

	top:5%;
	border:1px solid #fff;
	}
	
.imgleft {
	position:absolute;
	left:5%;
	}
	
	.imgright {
	position:absolute;
	right:5%;	
	}

.saggovde {
	margin-top:7%;
	width:22%;
	border-left:2px dashed #394d5a;
	padding-left:20px;
	}

.musteriresim {
	width:85%;
	background-size:cover !important;
	background-position:right center;
	background-repeat:no-repeat;
	height:300px;
	border-radius:10px;
	position:relative;
	cursor:pointer;
	margin:10px;
	}
	
.video {margin-bottom:20px;}

.kk {
	background-size:95% !important;
	background-position:center center;
	background-repeat:no-repeat;
	height:120px;
	border-radius:10px;
	position:relative;
	cursor:pointer;
	margin:10px;
	}
	
.kargo {
	background-size:95% !important;
	background-position:center center;
	background-repeat:no-repeat;
	height:330px;
	border-radius:10px;
	position:relative;
	cursor:pointer;
	margin:10px;
	}
	
footer {
	padding:0px 20px;
	width:100%;
	overflow:hidden;
	background:#394d5a;}
	
.footerust {
	border-bottom: 1px dashed #fff;
	margin-bottom: 20px;}
	
.altmenu {
	width:70%;
	background:#394d5a;
	display:block;
	overflow:hidden;
}

.altmenu ul li{
	float:left;
	padding:20px;
	border-right:1px dashed #394d5a;
}

.altmenu ul li a{
	font-family:'Roboto';
	font-weight:500;
	font-size:16px;
	color:#fff;
	letter-spacing:1px;
}	

.altmenu ul li:hover {
	border-right:1px dashed #fff; 
	}
	
.footersag {
	width:25%; 
	padding-top:20px;
	color:#fff;
	font-size:14px;
	font-family:'Roboto';
	font-weight:400;
}		
	
.footeralt {margin:5px;}	
.adres {width:35%;}
.telefon {width:20%;}
.fax {width:20%;}
.email {width:20%;}

.bottomtitle {
	font-family:'Roboto';
	font-weight:700;
	color:#fff; 
	font-size:14px; 
	letter-spacing:1px;
	}
	
.bottomtext {
	font-family:'Roboto';
	font-weight:400;
	color:#fff; 
	font-size:14px; 
	margin-right:10px; 
	letter-spacing:0.5px;
	}

.imza { 
	font-size:14px; 
	padding:25px 20px; 
	}
	
.light {
	font-family:'Roboto';
	font-weight:400;
	color:#fff;
	}
	
.condensed {
	font-family:'Roboto';
	font-weight:500;
	color:#fff; }

.light:hover {letter-spacing:1px; }

.condensed:hover {letter-spacing:1px; }
	
.kgovdeurun { 
	width:100%; 
 }
	
.kategoriurun {
	display:block;
	overflow:hidden; 
	width:80%;
}

.kategoriurun ul li{
	float:left;
	padding:20px;
	border:1px solid #FFF;
	background:#eeeeee;
}

.kategoriurun ul li a{
	font-family:'rc';
	font-size:16px;
	color:#394d5a;
	display:block;
}

.kategoriurun ul li:hover{
	background:#FFF;
	border:1px solid #eeeeee;
}

.kresimurun {
	border:1px solid #eeeeee;
}

.kategoriresimurun {
	background-size:150% !important;
	background-position:top center;
	background-repeat:no-repeat;
	margin:2%;	
	width:21%;
	height:290px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.60);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.60);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.60);
	position:relative;
	cursor:pointer;
	}

.stok {
	position:absolute;
	background-image:url(images/STOK.gif);
	background-repeat:no-repeat;
	top:10%;
	right:10%;
	width:44px;
	height:23px;
	}	
	
.ozel {
	position:absolute;
	background-image:url(images/ozel.gif);
	background-repeat:no-repeat;
	top:10%;
	left:10%;
	width:45px;
	height:25px;
	}	
	
	
.kategoriresimurun:hover > .resimtops{ 
	background:rgba(255,255,255,0);
}

.kategoriresimurun:hover{ 
	background-size:100% !important;
}

.kategorilink {
	position:absolute;
	display:block;
	bottom:5%;
	width:90%;
	left:5%;
	text-align:center;
	background:rgba(255,255,255,0.4);
	padding:5% 0;
	font-weight:500;
	font-size:16px;
	color:#333;
	}

.kategoriresim:hover > .kategorilink{ 
	background:rgba(255,255,255,0.9);

}

	
.resimtops {
	position:absolute;
	width:90%;
	height:90%;
	left:5%;

	top:5%;
	border:1px solid #fff;
	}
	
.imgleft {
	position:absolute;
	left:5%;
	}
	
	.imgright {
	position:absolute;
	right:5%;	
	}

.altgovde {
	padding:0 20px; 
	background:#fff; 
}	
	
.altgovde p{ 
	margin:15px 0; }	

.intitle { 
	font-size:16px;}
	
.titles {

	position:relative;
	}	

.titles h1{	
	color:#394d5a; 
	text-align:center; 
	margin:20px 0; 
	font-size:20px;
}
	
	
.tbaslik:before {
		content:'';
		position:absolute;
		border-bottom:1px dashed #394d5a;
		height:1px;
		width:35%;
		left:0;
		top:40%;
		}
		
.tbaslik:after {
		content:'';
		position:absolute;
		border-bottom:1px dashed #394d5a;
		height:1px;
		width:35%;
		right:0;
		top:40%;
		}
	
.iletisimbilgileri {
	width:42%; 
	margin-top:5px;
	}	


.tablekonu{
	width:19%;
	margin-top:10px;
	font-family:'Roboto';
	font-weight:500;
	font-size:16px;
	position:relative;
	padding:13px 5px;
	border-bottom:2px solid #fff;
}

.tablekonu:hover{
	border-bottom:2px dashed #eeeeee;
}

.tableicerik{
	width:30%;
	margin-top:10px;
	font-family:'Roboto';
	font-weight:400;
	font-size:15px;
	position:relative;	
	padding:9px 5px;
	border-bottom:2px solid #fff;
}

.tableicerik:hover {
	border-bottom:2px dashed #eeeeee;
}

.iletisimformu {
	width:49%; 
	margin-top:5px;
}

.iletisimformu input[type="text"] {
	padding:15px;
	width:90%;
	margin:5px 0px;
	font-size: 14px;
	border:1px solid #e2e2e2;
	font-family:'Roboto';
	font-weight:400;
}

.iletisimformu textarea {
	padding:15px;
	width:90%;
	margin:5px 10px 5px 0;
	font-size:14px;
	font-family:'Roboto';
	font-weight:400;
	height:115px;
	border:1px solid #e2e2e2;
}
.iletisimformu input[type="submit"] {
	background:#bcbcbc;
	margin:5px 0px;
	width:20%;
	color:#fff;
	border:none;
	cursor:pointer;
	min-height: 40px;
	font-family:'Roboto';
	font-weight:700;
	font-size:16px;
	}


	
	
.respmenu {display:none;}
.resp {display:block;}
.menu-btn {display:none;}
.unresp {display:none;}
.saggovde img{width:100%;margin-bottom:20px;display:block;}
.resp-select {display:none;}
.form-err {
	margin-left:20px;
	font-size:15px;
	color:#C00;
	width:70%;
	}

@media screen   and (min-device-width: 320px)   and (max-device-width: 1024px)
{
	
	.resp-select{
	margin:auto;
	background-color:#eee;
	font-size:20px;
	font-family:'rc';
	color:#394d5a;
	padding:15px 0px;
	border:none;
	border-left:1px solid #da8189;
	border-right:1px solid #da8189;
	position:relative;
	display:block;
	width:100%;
	}

.unresp {display:block;}
.resp {display:none;}
.kategori ul li a {float:none;}
.left{float:none;}

.right{float:none;}

.menu-btn {
	display:block;
	width:40%;
	float:left;
	background:url(images/menu.png) center center no-repeat;
	padding:20px;
	margin-top:8px;
	
}


.insidebox{
width:98%;
margin:auto;
 }
.container {
width:98%; 
margin:auto;
}

.logo {
	position:relative;
	width:auto;
	margin:auto;
	text-align:center;
	top:0;
	left:0;
	}

.logo::before{ 
	left:105px;
}

.sag {
background-size:74%;
background-position:left;}


.kategori {
width:100%;
margin:auto;
 }

.kategoriresim {
width:80%;
margin:20px auto;

	}

#nwlist .item {
	background-size:cover !important;
	width:100%;
	height:180px;
}

.ortagovde {padding:0 10px;}

.saggovde {
border:none;
width:98%;
float:left;
}

.musteriresim{ display:none;
/*float:left; width:55%; margin:1px; height:335px;*/
}


.kk{
	float:left; 
	width:43%;
	}
	
.kargo{
	float:left;
	 width:45%; 
	 }

.kgovde {
width:98%;
float:left;
}

#player {
width: 88%;
height: 88%;
margin: 0;
padding: 0;
overflow: hidden;
	}

.altmenu{display:none;}

.footersag {
    width:98%;
	text-align:center;
	padding-bottom:5px;
}

.footeralt {width:98%;}

.adres {width:96%; }

.telefon {
	width:96%; 
	margin:10px 0;
	}
	
.fax {width:96%;}

.email {
width:96%; 
margin:10px 0;
}

.imza {
	width:98%; 
	text-align:center;
	}


.tbaslik::before {width:32%;}

.tbaslik::after {width:32%;}

.kategoriurun  {display:none;}

.kategoriresimurun {
	float:left;
    width:45%;
    height:240px;
}

.iletisimbilgileri  {
	width:94%; 
	text-align:center;
	}

.iletisimformu {
	text-align:center; 
	margin:10px 0;
	width:100%;
	}


.menu ul {width:100%;}
.menutelefon {float:right;width:60%;}
.umenu {display:none;width:100%;}

.menu ul li a {
	float:none;
	border-bottom: 2px dashed #fff;
	    border-right: none;
	}
.sliderttitle  {font-size:20px;
	line-height:25px;
}




}
/* General*/

/* Samsung Phone Yatay */

@media only screen and (min-width:960px) and (max-width:1280px){


}
@media screen   and (min-device-width: 320px)   and (max-device-width: 640px) and (orientation: landscape) 
{



}
/* Samsung Phone Yatay */

/* iPhone Phone Yatay*/
@media only screen  and (min-device-width: 320px)   and (max-device-width: 568px)  and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape) 
{


}
/* iPhone Phone Yatay*/

/* iPhone  Tablet Dikey*/
@media only screen  and (min-device-width: 768px)   and (max-device-width: 1024px) and (orientation: portrait) 
{

}
/* iPhone  Tablet Dikey*/

/* iPhone  Tablet Yatay*/
@media only screen  and (min-device-width: 768px)   and (max-device-width: 1024px) and (orientation: landscape) 
{

}
/* iPhone  Tablet Yatay*/