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


*{ margin:0px; padding:0px; border:0px;	}
body,html { background:#f2ede3; min-width:1100px; font-family: 'Open Sans', sans-serif; font-size:14px;}
.ust { width:100%;   height:600px;  min-width:1100px; }
.mask { width:100%; height:600px; background:url(../images/mask.png) center bottom no-repeat;  position:absolute; left:0px; top:0px;  min-width:1100px;  z-index:555;}
.footer { width:100%;  background:url(../images/footer.png) center top no-repeat; height:166px;}
@media screen and (min-width:1900px) {  .mask ,.ust,.footer {background-size:cover; }  	}
.katman { width:1100px; margin-left:auto; margin-right:auto;  position:relative;}
.slayt  .katman{ border-bottom-left-radius:15px; border-bottom-right-radius:15px; overflow:hidden; margin-bottom:20px;}
.ic { position:relative !important; left:-20px !important;}
.ustmenu {  background:url(../images/top.png) center top  no-repeat; height:205px; position:absolute; left:-2px; top:0px; width:100%; z-index: 200;}
.fixed { position:fixed !important; }

.ustmenu ul { float:right; width:500px; line-height:45px; list-style:none;}
.ustmenu ul li { float:left; }
.ustmenu ul li a {display:block;  padding-left:10px; padding-right:10px; color:#a39990; text-decoration:none; font-weight:500;  height:45px; line-height:45px;  }
.ustmenu ul li a:hover  , .ustmenu ul li.active a  { color:#c5bdb6;}
.slogan {  position:absolute; left:320px; top:50px;}
.orta { min-height:400px;}
.ortala { text-align:center; }
.baslik { font-size:20px; color:#382e27; border-bottom:1px dotted #382e27;  line-height:45px; margin-bottom:15px;}

.box1 { width:256px; float:left; margin-right:19px; }
.box1:last-child { margin-right:0px;}
.box1 .b2 { width:100%; background:url(../images/box.png) left top no-repeat; height:29px; }
.box1 .box { width:253px; border:1px solid #ecdfc4; border-top-left-radius:8px; border-top-right-radius:8px; height:121px; background-color:#fff; overflow:hidden;}
.box1 .b2 a { text-decoration:none; font-weight:bold; color:#1f1915; text-indent:10px; line-height:29px; display:block; } 
.box2 .box p { font-family: 'Roboto Condensed';   font-size:13px;}
.footer ul { float:left;  list-style:none;}
.footer ul li { float:left; color:#76634f;}
.footer ul li a {  margin-left:10px; margin-right:10px; color:#76634f; text-decoration:none; font-size:12px;  }
.footer ul li a:hover { color:#c5bdb6;}
.footer p { color:#76634e; font-size:12px; text-indent:8px;}
 
.social { position:absolute; right:140px; top:65px; width:260px;}
.social a { background:url(../images/social.png) left top no-repeat; width:40px; height:40px; float:left; }
.social a.tw { background-position:-40px 0px;} 
.social p { float:right; line-height:60px;}

.icsayfa ,.icsayfa .mask { max-height:00px !important;  min-height:400px !important; height:400px;}

.orta .sol { float:left; width:20%; margin-right:2%; }
.orta .sag { float:left; width:78% ; z-index:0; position:relative;}

.orta .sol ul { list-style:none; }
.orta .sol li { line-height:35px;}
.orta .sol li a { text-decoration:none; color:#382e27;  width:100%; border-bottom:1px dotted #382e27; display:block; text-indent:10px; }
.orta .sol li a:hover  ,.orta .sol li a.active  { background-color:#382e27; color:#f2ede3;}
.orta .sol li a i { color:#382e27; }
.orta .sol li a:hover i , .orta .sol li a.active i {color:#f2ede3;}
 
 
.orta .sag p strong { line-height:30px;}
.urun ,.resimsol ,.resimsol2{ float:left; margin-right:15px; padding:10px; background-color:#fff;  width:255px; box-shadow:1px 1px 3px 1px rgba(56,46,39,0.2); z-index:0; position:relative; margin-bottom:20px;}
.urun  a { text-decoration:none;  color:#382e27; font-weight:600;} 
.urun:nth-child(3n) ,.resimsol2:nth-child(4n){ margin-right:0px;}
.resimsol { width:390px; height:460px; margin-bottom:20px; }
.resimsol2 { width:175px;  margin-bottom:0px; }
.zoomContainer { z-index:10; margin-left:10px; margin-top:10px; }

 input[type=text], input[type=email], input[type=tel] {
	width: 70%;
	float: left;
	border: 1px solid #dedede;
	line-height: 27px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 27px;
	margin-left: 3%;
}
label {
	text-align: left;
	float: left;
	width: 25%;
	line-height: 30px;
	height: 30px;
}
textarea {
	width: 70%;
	float: left;
	border: 1px solid #dedede;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 150px;
	margin-left: 3%;
}
input[type=text]:hover, textarea:hover { border: 1px solid #1f4182 }
img#refresh {
	height: 35px !important;
	margin-left: 3%;
	cursor: pointer;
}
input[type=submit] {
	height: 35px;
	width: 105px;
	border: 1px solid #f2941a;
	background: #f2941a;
	margin-top: 10px;
	text-align: left;
	padding-left: 20px;
	color: #fff;
	margin-left: 3%;
}
label.error, div.error {
	margin-left: 28%;
	color: #FF0000;
	font-size: 11px;
	width: 60%;
}
.gmap3 {
	background: #296484;
	border: 6px solid #f6f6f6;
	width: 100%;
	height: 400px;
}
.gmaplabels {
	color: #fff;
	background: #296484;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	font-family: Calibri, Tahoma;
	border: 1px solid #f3af01;
	padding: 7px;
	white-space: nowrap;
}
#map {
	width: 100%;
	height: 200px;
	margin-bottom: 3px;
}
.yazi { line-height:27px;}
.yazi ul { padding-left:50px; list-style:decimal }
.yazi ul ul { list-style:lower-latin;}

/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(../js/icon.png);
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

		#ex2 img:hover { cursor: url(../js/grab.cur), default; }
		#ex2 img:active { cursor: url(../js/grabbed.cur), default; }
		
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}		
.container {
	width: 100%;
	position: relative;
}

.main {
	padding: 30px 20px 100px 20px;
	max-width: 1580px;
	margin: 0 auto;
}

.main > header {
	padding: 0 10px 30px;
}

.main > header h1 {
	font-size: 34px;
	line-height: 38px;
	margin: 0;
	font-weight: 700;
	color: #333;
	float: left;
}

.main > header h1 span {
	display: block;
	font-size: 20px;
	font-weight: 300;
}

.main h2 {
	font-size: 38px;
	font-weight: 300;
	text-shadow: 0 1px 0 rgba(255,255,255,0.9);
	padding: 10px 0 0 0;
	margin-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

/* Header Style */
.codrops-top {
	line-height: 24px;
	font-size: 11px;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.codrops-top a {
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	text-shadow: 0 -1px 0 #fff;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.8);
	color: #000;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

/* Demo Buttons Style */
.codrops-demos {
	float: right;
	padding-top: 10px;
}

.codrops-demos a {
    display: inline-block;
    margin: 10px;
    color: #666;
    font-weight: 700;
    line-height: 30px;
    border-bottom: 4px solid transparent;
}

.codrops-demos a:hover {
	color: #000;
	border-color: #000;
}

.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	color: #aaa;
	border-color: #aaa;
}

.support-note span{
	color: #ac375d;
	font-size: 16px;
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}

.loadmore {
	padding: 10px;
	background: #ddd;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	margin: 10px 4px;
	display: none;
}

.loadmore:hover {
	background: #333;
}
		
		
/* Entypo Icon Font */
@font-face {
  font-family: 'entypo-selected';
  src: url("../font/entypo-selected.eot");
  src: 
	  url("../font/entypo-selected.eot?#iefix") format('embedded-opentype'), 
	  url("../font/entypo-selected.woff") format('woff'), 
	  url("../font/entypo-selected.ttf") format('truetype'), 
	  url("../font/entypo-selected.svg#entypo-selected") format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Gamma Gallery Style */

.gamma-container {
	min-height: 200px;
}

.gamma-gallery {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
}

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.gamma-gallery:before,
.gamma-gallery:after {
    content: " ";
    display: table;
}

.gamma-gallery:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
.gamma-gallery {
    *zoom: 1;
}
 */

.gamma-gallery li {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	padding: 4px;
}

.gamma-gallery li img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}

.gamma-description {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 20px;
	left: 20px;
	bottom: 20px;
	right: 20px;
	text-align: center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}

.no-touch .gamma-gallery li:hover .gamma-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 1;
}
 
.gamma-description:before {
	content: '';
	height: 100%;
}

.gamma-description:before,
.gamma-description h3 {
	display: inline-block;
	vertical-align: middle;
}

.gamma-description h3 {
	width: 100%;
	padding: 0 20px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
}

.gamma-buttons {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10001;
}

.gamma-buttons button {
	float: left;
	background: #333;
	color: #fff;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
	outline: none;
}

.gamma-buttons button:before,
.gamma-nav span:before {
	font-family: 'entypo-selected';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: block;
	text-align: center;
	opacity: 0.7;
	outline: none;
}

.no-touch .gamma-buttons button:hover {
	background: #666;
}

button.gamma-btn-close:before {
	content: '\2715';
}

button.gamma-btn-ssplay:before {
	content: '\25b6';
}

button.gamma-btn-sspause:before {
	content: '\2389';
}

.gamma-single-view {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	z-index: 10000;
	text-align: center;
	display:none;
}

.gamma-overlay {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: none;
	z-index: 9999;
}

.gamma-single-view img {
	position: absolute;
	cursor: pointer;
}

.gamma-description-wrapper {
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	padding: 5px 0;
}

.gamma-single-view .gamma-description {
	background: transparent;
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
}

.gamma-single-view .gamma-description h3 {
	font-size: 15px;
	padding: 5px 0;
	color: #fff;
}

.gamma-nav span {
	position: absolute;
	display: block;
	width: 20px;
	height: 38px;
	top: 50%;
	margin-top: -19px;
	left: 20px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gamma-nav span.gamma-next {
	left: auto;
	right: 20px;
}

.gamma-nav span:before {
	color: #fff;
	opacity: 0.7;
	font-size: 40px;
}

.gamma-nav span:hover:before {
	opacity: 1;
}

.gamma-nav span:before {
	display: block;
	margin: 0;
	width: auto;
}

.gamma-nav span.gamma-prev:before {
	content: '\e75d';
}

.gamma-nav span.gamma-next:before {
	content: '\e75e';
}

.gamma-img-fly {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

/* Loaders */

.gamma-loading {
	background: transparent url(../images/loader_light.gif) no-repeat center center;
}

.gamma-single-view.gamma-loading {
	background: transparent url(../images/loader_dark.gif) no-repeat center center;
}


/* Make some things unselectable. Remove where selection is needed: */

.gamma-container img,
.gamma-nav span,
.gamma-buttons button,
.gamma-description-wrapper,
.gamma-description,
.gamma-description h3 {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

	.gamma-description {
		top: 10px;
		left: 10px;
		bottom: 10px;
		right: 10px;
	}

	.gamma-description h3 {
		font-size: 14px;
		padding: 0 5px;
	}

}

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

	.gamma-buttons {
		float: left;
		clear: both;
	}

}

.back { text-decoration:none; color:#000; }

.sizeproduct  {display:inherit;   line-height:40px; padding-left:15px; padding-right:15px;  background-color:#382e27; text-decoration:none; color:#fff;  margin-bottom:20px; border:1px solid #dedede;}
.sizeproduct:hover { background-color:#464341; }