@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,400italic,700&subset=latin,latin-ext);
@import url(../symbol/style.css);
@import url(nav.css);

/*------------------------------------
		Author: Fatih Civelek
		Date: 27-10-2015

 ============== responsive kodları kapalı açmak için (media responsıve ) kodları açmanız lazım  ==============



-----------------------------------*/
@media (max-width: 768px){
	.colums{
		width: 23% !important;
	}
}
/* responsive kodları kapalı , açmak için bu kodu sılmemız lazım */











ol, ul { list-style: none; }

*, *::after, *::before {box-sizing: border-box; margin:0; padding:0; outline:none;}

html {font-size: 70.5%;}
a { color: #e11f26; text-decoration: none; transition:.3s;}

img { max-width: 100%; }

input, textarea { font-family: 'Roboto Condensed', sans-serif;}

ol, ul { list-style:none;}

h1,h2,h3,h4,h5,h6 {}
h1 {font-size:20px; display:block; color:#333; font-weight:500; margin:0;}

p { margin:10px 0;}

.clear { clear:both; display:block; }
.clear.margin { height:10px; }


table.liste { width:100%; margin:20px 0; border-collapse:collapse;}
table.liste tr:nth-child(even) { background:#eee;}
table.liste td { padding:5px; border:1px solid #ccc; text-align:center;}
table.liste td:nth-child(1) { text-align:left;}

.galeri { display:block; width:100%; }
.galeri a { 
	text-align:center; 
	display:inline-block; 
	width:156px; 
	height:140px; 
	float:left;
	padding:10px;
	margin:0 10px 10px 0; 
	border:1px solid #E9E9E9;
}

.galeri a img {  height:120px;}
.galeri a img:hover {opacity:0.6;}

body {
  font-size: 1.6rem;
  font-family: 'Roboto Condensed', sans-serif;
  color: #111433;
  background: #fff;
  overflow-x:hidden;
  overflow-y:scroll;
}

.title { width:100%; height:50px; padding:10px 0; background:#fcd702; border-bottom:0px solid #ccc;}
.title > h1 { width:1000px; margin:0 auto; color:#122e5e; }

.wrapper {width:1000px; margin:0 auto; position:relative;}
.wrapper.page { padding:20px 0;}



/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
.wrapper {width:100%; margin:0 auto; position:relative;}	
} */

/* responsive kapali kodlar/ */


/*------------------------------------
		HEADER
-----------------------------------*/

header { width:100%; height:35px; display:block; background:#444 url(../images/overlays/05.png); overflow:hidden;}

a.logo { float:left; margin:5px 0 0 0;}

/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
a.logo { margin:5px 0 0 20px;}
} */

/* responsive kapali kodlar/ */

.social {float:left; width:auto; font-size:12px; margin:0;}
.social span { color:#ccc; margin:0; float:left; background:#333; padding:10px;}
.social a {display: block; float:left; text-align:center; font-size:14px; padding:9px 15px; border-right:1px solid #444; color:#fff; }
.social a:hover { color:#ccc; background:#444; }
.social a::before { padding:12px 0px; }

.language { float:right; margin:0;}
.language a { 
	display:inline-block; 
	float:left; 
	background:#666; 
	font-size:12px; 
	padding:5px 5px; 
	color:#fff; 
	margin:0 0 0 5px; 
}
.language a.active { background:#fd0a0a; }
.language a::after {
	font-family: 'ElegantIcons'; 
	content: "\42"; 
	margin:0;
	display:block;
	text-align:center; 
	font-size:16px; 
	color:#111; 
}

/* responsive kapali kodlar/ */


/* @media screen and (max-width:480px) {
.language a { padding:2px 5px; }
}

@media screen and (max-width:480px) {
header { width:100%; height:auto;}
} */

/* responsive kapali kodlar/ */


/*------------------------------------
		SLIDER
-----------------------------------*/

#slider-area { width:100%;  padding:0; margin:0px auto; background: url(../images/slide-bg.png) top center;}
#slider-area > .slider { width:1000px; margin:0 auto; position:relative;}
.banner { width:1000px; margin:0 auto;}
.shadow {width:1000px; display:block; height:100px; margin:0 auto; background: url(../images/shadow.png) top center no-repeat; position:absolute; bottom:-100px;}


/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
#slider-area { width:100%;}
#slider-area > .slider { width:100%;}
.banner { width:100%;}
.shadow {width:100%;}
} */

/* responsive kapali kodlar/ */


/*------------------------------------
		CONTENT
-----------------------------------*/
#content {
	width:100%; 
	margin:0 0 40px 0; 
	padding:0 0; 
	min-height:470px; 
	display:block; 
	overflow:hidden;
	background:#fff; 
	font-size:14px;
}

/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
#content { width:95%; margin:0 auto 40px auto; }
} */

/* responsive kapali kodlar/ */

.col-header { 
	font-size:20px; 
	border-left:5px solid #fd0a0a; 
	border-bottom:1px solid #ccc;
	color:#999; 
	padding:0 10px; 
	width:auto; 
	margin:20px 0 40px 0; 
	display:inline-block;
}
.col-header a { float:right; margin:0 20px;}
.col-header > span { 
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ccc;
	position:relative; 
	top:25px;
	left:10px;
	float:right;
	display:block;
}


.colums { display:inline-flex; flex-wrap:wrap; justify-content: space-between; width:100%;}
.colums > .col { display:inline-block; border:1px solid #ccc; width:18%; padding:0; height:auto; position:relative; margin:0 0 10px 0;  }
.colums > .col a { color:#5e748d; text-align:center; display:block; width:100%; }
.colums > .col a .cover{ 
	opacity:0; 
	background:rgba(255,255,255,.8); 
	position:absolute; 
	width:100%; 
	padding:29px 0;
	height:85.5%; 
	transition:.2s;
	overflow:hidden; 
}
.colums > .col a .cover > img { width:auto; text-align:center;}
.colums > .col a .cover > p { margin:30px 0; font-size:14px;}
.colums > .col a .cover > i:before {
	font-family: 'ElegantIcons'; 
	content: "\55";
	background:#fd0a0a;
	color:#fff;
	display:inline-block;
	font-style:normal;
	padding:10px;
	position:absolute;
	bottom:0;
	margin:0 0 0 -18px;
}

.colums > .col a:hover > .cover { opacity:1;  }

.colums > .col a img { width:100%; }
.colums > .col p { display:block; margin:0; font-size:16px; overflow:hidden; background:#444; color:#fff; text-align:center; padding:10px; }


/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
.colums > .col { display:inline-block; border:1px solid #ccc; width:45%; padding:0; height:auto; position:relative; margin:0 0 10px 0;  }
} */

/* responsive kapali kodlar/ */


.contact-info { float:left; width:400px;}
.contact-form { float:right; width:auto; display:block;}
form#contact { padding:0;}
form#contact input[type="text"] {
	width:500px; 
	display:block;
	padding:5px;
	margin:5px 0; 
	font-size:12px;
	font-family:Arial, sans-serif; 
	height:30px; 
	background:#fff; 
	color:#666; 
	border:1px solid #ccc; 
}
form#contact textarea {
	width:500px; 
	display:block;
	padding:5px;
	margin:5px 0; 
	font-size:12px;
	font-family:Arial, sans-serif;
	height:110px; 
	background:#fff; 
	color:#666; 
	border:1px solid #ccc; 
}
form#contact input[type="submit"] {
	width:140px; 
	height:40px; 
	font-size:14px;
	margin:20px 0px; 
	padding:10px;
	float:right; 
	display:block;
	border:none; 
	background:#ed1c24; 
	color:#fff; 
	cursor:pointer;
	text-shadow:0 1px 1px #999;
	transform-style: preserve-3d; 
	-moz-transform-style: preserve-3d; 
	-webkit-transform-style: preserve-3d; 
	transition: all .30s linear; 
	-moz-transition: all .30s linear; 
	-webkit-transition: all .30s linear; 
	cursor: pointer; 
}
form#contact input[type="submit"]:hover { color:#fff; background:#666;}
form#contact > .security {padding:3px 10px; margin:1px 20px; float:left; font-size:20px; background:#ed1c24; color:#FFF;}


/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
.contact-info { float:none; display:block; width:100%;}
.contact-form { float:none; display:block; width:100%;}
form#contact input[type="text"] {width:100%; }
form#contact textarea {width:100%; }
} */

/* responsive kapali kodlar/ */


/*------------------------------------
		FOOTER
-----------------------------------*/
footer {
	width:100%; 
	margin:0 auto; 
	display:block; 
	min-height:350px;
	padding:10px 0; 
	background:#444 url(../images/overlays/0.html);
	font-size:12px;
	color:#fff;
}

.newsletter { 
	width:100%; 
	margin:0 auto; 
	padding:13px 20px;
	position:relative; 
	top:-40px; 
	height:50px; 
	background:#fd0a0a; 
	color:#fff;
}
.ref-header { font-size:18px; color:#fff; padding:0; width:250px; margin:0; float:left;}
.ref-header > span { 
	width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #fd0a0a;
	position:relative; 
	top:15px;
	display:block;
	left:55px;
}


.contact { float:right; text-align:right; }
.contact p  {  font-size:14px; margin:10px 0; color:#888; }
.contact p span  { 
	margin:0 0 0 10px; 
	color:#fff; 
	display:inline-block; 
	width:30px; 
	float:right;
	vertical-align:top; 
	font-size:18px; 
}
.contact p i  {  display:inline-block; font-style:normal; }

/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
.contact { float:none; display:block; margin:15px auto; width:95%; text-align:left; }
.contact p span  { margin:0 0 0 10px; color:#fff; display:inline-block; width:30px; float:left;}
.contact p i  {margin:0 0 0 10px;}
} */

/* responsive kapali kodlar/ */


.column  { 
	margin:0; 
	float:left;
	width:auto;
	display:inline-block;
	padding:10px 0;  
	background:#333;
	border-radius:5px;
	box-shadow:inset 0 0 15px #333;
	
}
.column .cl { display:inline-block; width:320px; padding:0 10px; position:relative;}
.column .cl > ul { margin:0; padding:0; width:100%; }
.column .cl > ul > li { display:inline-block; width:100%; height:20px; font-size:14px; }
.column .cl > ul > li:before { font-family: 'ElegantIcons'; content: "\45"; color:#fd0a0a; margin:0 10px 0 0;}
 

/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
.column  { margin:0 auto; float:none;width:95%;display:block;	}
.column .cl { display:inline-block; width:100%; padding:0 10px; position:relative;}
} */

/* responsive kapali kodlar/ */

	

footer > .copyright { width:100%; border-top:1px solid #333; color:#777; margin:10px 0 0 0; font-size:12px;}
footer > .copyright > .wrapper { padding:25px 0;}
footer > .copyright > .wrapper > ul { margin:0; padding:0; float:left;}
footer > .copyright > .wrapper > ul li { display:inline-block; margin:0 20px 0 0; border-right:1px solid #777; }
footer > .copyright > .wrapper > ul li:last-child { border:none; }
footer > .copyright > .wrapper > ul li a { color:#ccc; padding:0 10px; }
footer > .copyright > .wrapper > ul li a:hover { color:#fff; }
footer > .copyright > .wrapper > .cc { float:right;}

/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
footer > .copyright > .wrapper { padding:15px 0;}
footer > .copyright > .wrapper > ul { display:none;}
footer > .copyright > .wrapper > .cc { float:none; text-align:left; padding:0; width:280px; margin:0 0 0 20px; display:block;}
} */

/* responsive kapali kodlar/ */


#categories { width:250px; float: left; margin: 0 0 20px 0; padding: 0; color: #333; }
#categories ul { margin: 0; padding: 0; }
#categories ul li { display:inline-block; width:230px}
#categories ul li a { 
	color:#fff; 
	background:#000; 
	padding:10px; 
	display:inline-block; 
	width:100%; 
	border-bottom:1px solid #fff; 
}
#categories ul li a:hover { background:#f00; color:#fff;}


/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
#categories { width:100%; float:none; display:none; }
#categories ul { margin: 0; padding: 0; }
#categories ul li { width:100%}
} */

/* responsive kapali kodlar/ */


.urunler { width: 750px; float: left; display:inline-flex; flex-wrap:wrap; margin: 0; position:relative; left:0px; }

/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
.urunler { width: 100%; float: none; display:inline-flex; flex-wrap:wrap; margin: 0; position:relative; left:0px; }
} */

/* responsive kapali kodlar/ */

.products { 
	position: relative; 
	width: 32%; 
	float:left; 
	margin:0 0 10px 10px; 
	background:linear-gradient(#fff,#eee); 
	min-height:200px; 
	border:1px solid #eee; 
	padding:20px 10px; 
}
.products a {  text-align:center; display:block;  }
.products img{ border:1px solid #eee; height:150px; transition:0.2s; -webkit-transition:0.2s;  }
.products p { text-align:center; display:block; min-height:60px; margin:0; padding:10px 0;}
.products a:hover > img{ opacity:0.5; transition:0.2s; -webkit-transition:0.2s;  }


/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
.products { width: 45%; }
} */

/* responsive kapali kodlar/ */


.udetay { display: block; min-height: 350px; }
.uresim { display: inline-block; width: 300px; float: left; margin: 0; }
.uresim a.ubig img { border: 2px solid #fd0a0a; width: 300px; }
.uresim a.ubig p { text-align: center; display: block; color: #111; margin: 5px; padding: 5px; font-size: 1.2em; }
.uresim a.ubig p:before { margin: 0 10px 0 0; position: relative; top: 1px; }
.uresim .usmall { display: block; padding: 10px 0; width: 300px; }
.uresim .usmall a img { width: 72px; height: 60px; border: 2px solid #555; padding: 5px; position: relative; left: 1px; }
.uresim .usmall a img:hover { opacity: 0.7; }

.uicerik { display: inline-block; margin: 0 0 30px 50px; float: left; width: 600px; font-size: 14px }
.uicerik p strong { display:inline-block; width:100px; font-size: 16px }



/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
.udetay { display: block; min-height: 350px; }
.uresim { display: inline-block; width: 100%; }

.uresim a.ubig img { border: 2px solid #fd0a0a; width: 100%; }
.uresim .usmall { display: block; padding: 10px 0; width: 100%; }

.uicerik { margin: 0 0 30px 0; float: left; width: 100%; font-size: 14px }
.uicerik p strong {width:100px; font-size: 16px }
} */

/* responsive kapali kodlar/ */


.st-accordion {
	width:100%;
	margin: 0;
	padding:0;
}
.st-accordion ul {
	margin:0;
	padding:0;
}
.st-accordion ul li {
	height: 50px;
	border-bottom: 1px dotted #999;
	margin: 0 10px 0 5px;
	overflow: hidden;
}
.st-accordion ul li:last-child { }
.st-accordion ul li > a {
	text-shadow: 1px 1px 1px #fff;
	font-size: 20px;
	display: block;
	color:#111;
	position: relative;
	line-height: 50px;
	outline:none;
	-webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
}
.st-accordion ul li > a:hover { color: #888; }
.st-accordion ul li > a span {
	background: transparent url(../images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover span {
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a { color: #1693eb; }
.st-accordion ul li.st-open > a span {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content {
	padding: 5px 0px 30px 0px;
	border-top: 1px dotted #999;
	width: 100%;
	display:block;
}
.st-content p {
	font-size:  16px;
	font-family:  Georgia, serif;
	font-style: italic;
	line-height:  28px;
	padding: 0px 4px 15px 4px;
}
.st-content .row_city {
	width: 100%;
	height: auto;
	padding: 0;
}
.st-content .row_city strong {
	margin:10px 0 10px 0;
	display:block;
	color:#fd0a0a;
}
.st-accordion .st-content .row_city:last-child { border-bottom: none; }
.st-content img {
	float: left;
	display: inline-block;
	margin:0 10px 0 0;
	border:5px solid #ccc;
	width: 100px;
	height: 70px;
}
.st-content img:hover { opacity:0.7; }
.detaylar { background:#eee; width:100%; display:inline-block; margin:0 0 10px 0;}
.detaylar .detayicerik { margin:20px 10px; padding:10px; background:#fff; }

ul#tab { text-decoration:none; list-style:none; margin:17px 10px; padding:0; float:left; display:block;}
ul#tab li {display:inline-block; }
ul#tab li a { padding:10px; background:#eee; text-decoration:none; font-size:14px; color:#111; }
ul#tab li a:hover { background:#fff;}
ul#tab li a.selected { background:#ed1c24; color:#fff;}
a.icerikresim img { width:120px; height:100px; border:1px dotted #ccc; float:left; margin:0 10px 0 0; } 




/* responsive kapali kodlar/ */

/* @media screen and (max-width:480px) {
ul#tab { text-decoration:none; list-style:none; margin:17px 10px; padding:0; float:left; display:block;}
ul#tab li {display:inline-block; }
ul#tab li a { padding:5px; background:#eee; text-decoration:none; font-size:11px; color:#111; }
ul#tab li a:hover { background:#fff;}
ul#tab li a.selected { background:#ed1c24; color:#fff;}
a.icerikresim img { width:120px; height:100px; border:1px dotted #ccc; float:left; margin:0 10px 0 0; } 
} */

/* responsive kapali kodlar/ */