@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700,300,600,800,400&subset=latin,latin-ext);
* { margin:0px; padding:0px; }

#snowflakeContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}
.snowflake {
    padding-left: 15px;
    font-family: Cambria, Georgia, serif;
    font-size: 14px;
    line-height: 24px;
    position: fixed;
    color: #FFFFFF;
    user-select: none;
    z-index: 1000;
}
.snowflake:hover {
    cursor: default;
}

body { 
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 12px;
line-height:20px; 
color: #222; 
text-align:center;
background-image: url(../images/arkaplan.jpg); background-repeat:repeat;
}
.tleft  {text-align: left;}.lhgt {line-height: 22px;}
h1 {font-size: 5.9vw; color: #09F; }
h2 {font-size: 3.0vh; color: #09F; }
h3 {font-size: 2.5vh; color: #09F; }
h3.urunadi {font-size: 2.1vh; color: #09F; }
p {font-size: 2.0vh;}
p.aciklama {font-size: 1.8vh;}
.topbar {background-color:#fcf8e3; border-bottom: 2px solid #d5b45d;}
.dropdown-menu li {border-bottom: 1px solid #eeeeee;}
.li-title {padding-left: 5px; border-bottom: 0px; line-height: 30px;}
.f-15 {font-size: 15px; color: #222; font-weight: bold;}
a {color: #222;}
.logo {}

.navbar-left {margin-left: 0px;}
.navbar { background-color:#fcf8e3;margin-bottom: 0px; border: 0px;  background-image: none; }
.navbar-fixed-top {background-color:#fcf8e3;background-image: none;  border: 0px;}
.navbar-default {background-color:#fcf8e3; background-image: none; box-shadow:none;border: 0px;}
.navbar-static-top {padding: 0px; margin: 0px; margin-bottom: 0px;box-shadow:none; border-top: 0px; border: 0px; border-radius: 0px; }

.navbar-collapse {border-top: 0px; }

.navbar .navbar-text {color: #000;}
.navbar .navbar-nav > li > a {color: #d5b45d; font-size: 16px; font-weight: 700; line-height: 50px;}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {color: #fff; background-color: #d5b45d;}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {color: #fff;background-color: #d5b45d;}
.navbar-brand {


}
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {color: #fff; background-color: #d5b45d;}
.navbar .navbar-toggle { border-color: #ccc;}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {background-color: #d5b45d;}
.navbar .navbar-toggle .icon-bar {background-color: #d9edd0;}
.navbar .navbar-collapse,
.navbar .navbar-form {border-color: #ccc;}
.navbar .navbar-link {color:#067542;}
.navbar .navbar-link:hover {color: #a5a5a5;}
.golge {
-webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.55);
box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.55);
	}
.marquee {
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  border: 2px dotted #ededed;
  height: 40px; font-size:22px; color: #dedede; line-height: 35px;

}
.footerbanner a img {border: 2px dotted #ccc;}
.footerbanner a:hover img {border: 2px dotted #ff0000;}
.footer-menu {width: 100%; margin-top: 10px; border-top: 1px solid #d3f0f4; padding-top: 20px; padding-bottom: 10px; background-color: #ecf4f5;}
.footerul { }
.footerul li {text-align: left; border-bottom: 1px solid #ccc; line-height: 25px; }
.footerul li a {padding-left: 5px; color: #222; font-size: 12px; text-decoration: none; }
.footerul li:hover {background-color: #ccc;}
.footer .navbar { background-color:#fcf8e3;margin-bottom: 0px; border: 0px;  background-image: none; border-radius: 0px; }
.product-label-special {
  position: absolute;
  top: 10px;
  right: 20px;
  background: #ff0000;
  width: 50px;
  height: 50px;
  line-height: 12px;
  text-align: center;
  
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: 3px solid #bb0000;
}
.product-label-special1 {
  position: absolute;
  top: 10px;
  left: 20px;
  background: #9e2487;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
color: #fff;
}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;

  position: absolute;
  top: 20px;
  left: 20px;
  color: #9e2487;
  width: 40px;
  height: 40px;

}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}
.valign-mid { vertical-align: middle;}
/*--------------------TreeMenu --------*/



.TreeMenuSubDiv {
	 text-align: left; margin-bottom: 10px; margin-top: 5px; margin-left: 7px; line-height: 18px;
}
.TreeMenuSubDiv a {
	color: navy; text-decoration: none; font-size: 9pt; 
}
.TreeMenuSubDiv a:hover {
 text-decoration: underline; font-size: 9pt;  color: black;
}
div.TreeMenu {
	margin: 0px 0px 0x 0px;
}
#TreeMenuUL {
	margin: 0px 0px 10px 0px;
}
#TreeMenuUL li {
 text-align: left; list-style: none; background-image: url(../images/line.png); background-repeat: repeat-x; background-position: bottom; line-height: 30px;
}
#TreeMenuUL li a.TreeTop {
 text-align: left; background-image: url(../images/node_plus.png); background-repeat: no-repeat; 
 background-position: center left; line-height: 30px;
 padding-left: 23px; text-decoration: none; color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
#TreeMenuUL li a.TreeTop1 {
 text-align: left; background-image: url(../images/node_final.png); background-repeat: no-repeat; 
 background-position: center left; line-height: 30px;
 padding-left: 23px; text-decoration: none; color: #222;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
TD.TreeMenuTd {height: 26px;}
TD.TreeMenuTd:hover { height: 26px; background-color: #f3f3f3;
}
#TreeMenuTd1 {
 height: 26px; background-image: url(../images/TreeMenuBg.png); background-repeat: no-repeat;
}
#TreeMenuTd1:hover {
 height: 26px; background-image: url(../images/TreeMenuBgOver.png); background-repeat: no-repeat;
}
TD.TreeMenuTd a {
color: #40545e; font-size: 13px; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif;
}
#TreeMenuTd1 a {
color: #0D7677; font-size: 13px; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif;
}
#SubMenuTd {
	padding-top: 15px; padding-bottom: 15px;
}
a.nodefinal {background-image: url(../images/node_final.png); background-repeat: no-repeat; background-position:left center; padding-left: 20px;
font-family: Arial, Helvetica, sans-serif; color: #40545e; }
a.nodefinal-x {background-image: url(../images/node_final.png); background-repeat: no-repeat; background-position:left center; padding-left: 20px;
font-family: Arial, Helvetica, sans-serif; color: #ff0000; font-weight: bold; text-decoration:underline;}
/*--------------------TreeMenu End -----*/

.normalfiyat { font-size: 14px; color: #585858; font-weight: 400; text-decoration: line-through;}
.detayfiyat { text-align: left;font-size: 22px;font-weight: 700;font-style: normal; color: orange;}
.tlbirim {font-size: 16px;}
.carousel-caption {font-size: 15px; color: #fff; text-shadow: 0px 4px 7px rgba(0,0,0, 2); text-align: left;}
.carousel-caption h3 {font-size: 28px; color: #fff; text-shadow: 0px 4px 7px rgba(0,0,0, 2);  text-align: left; font-family: 'Open Sans', sans-serif; font-weight:bold;}
@media (max-width: 767px) {
.navbar .navbar-nav > li {text-align:left;}
.navbar .navbar-nav .open .dropdown-menu > li.li-title {padding-left: 5px; border-bottom: 0px; line-height: 25px; font-size: 1.8vh; color: #fff; font-weight: bold;}
.navbar-left {	margin-left: 0px;}
.navbar .navbar-nav .open .dropdown-menu > li {text-align:left; line-height: 25px;}
.navbar .navbar-nav .open .dropdown-menu > li > a {color: #000000; text-align:left; font-size: 2.0vh; }
.navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus {color: #313130;}
.navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: #a5a5a5; background-color: #d5b45d;  }
  .navbar-toggle {background-color:#012a4f;}
}
.navbar-brand {
margin-top: -20px;

}
/* navbar */
.navbar-primary .navbar { background:#fff; border:none; }
.navbar-primary .navbar .nav > li > a {color: #222; font-size: 12px; line-height: 30px;}
.navbar-primary .navbar .nav > li > a:hover {color: #fff; background-color: #d5b45d;}
.navbar-primary .navbar .nav .active > a,.navbar .nav .active > a:hover {color: #fff; background-color: #d5b45d;}

.navbar-primary .navbar .nav > li.dropdown.open.active > a:hover {}
.navbar-primary .navbar .nav > li.dropdown.open > a {color: #fff;background-color: #9f58b5;border-color: #fff;}
.navbar-primary .navbar .nav > li.dropdown.open.active > a:hover .caret, .tnav .navbar .nav > li.dropdown.open > a .caret {border-top-color: #fff;}
.navbar-primary .navbar .navbar-brand {color:#fff;}
.navbar-primary .navbar .nav.pull-right {margin-left: 10px; margin-right: 0;}
.navbar-xs { background-color:#fff; min-height:35px; height: 35px; }

.navbar-xs .navbar-primary .navbar {padding-top: 0px; padding-bottom: 0px; background-color:#fff; max-height:35px; height: 35px;  border-radius: 0 !important;
  -moz-border-radius: 0 !important; min-height: 35px !important;}
.navbar-xs .navbar-primary .navbar navbar-default { background-color:#fff; max-height:35px; height: 35px; }
.navbar-xs .navbar-primary .navbar .navbar-brand{ padding-top:0px; padding-bottom: 0px; padding-left: 0px;font-size: 0px;line-height: 35px; height: 35px;  }
.navbar-xs .navbar-primary .navbar .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 35px; }
.navbar-xs .navbar-primary .navbar .navbar-nav  li {background-color:#fff;}
.navbar-xs .navbar-primary .navbar .navbar-nav > ul.nav li > ul {background-color:#fff;}
.img-center { margin-left: auto;  margin-right: auto;}
.navbar-xs .navbar-primary .navbar .container-fluid { min-height: 35px !important;}


.modal {
  position: absolute;
  top: 10%;
}
.modal-backdrop {
  background-color: transparent;

    }

@media (min-height: 40em) {
  .modal {
    position: fixed;
  }
  .modal-body {
    max-height: 35em; /* This should be less than the min-height in the media query. */
    overflow-y: auto;
  }
}

@media (max-width: 480px) {
.navbar .navbar-nav > li > a{
    font-size:14px; line-height: 30px;
    }
	.carousel-caption {display: none;}
.carousel-caption h3 {display: none;}
}

@media (min-width: 481px) and (max-width: 767px) {
.navbar .navbar-nav > li > a {
    font-size:14px; line-height: 30px;
    }
	.carousel-caption {display: none;}
.carousel-caption h3 {display: none;}
}

@media (min-width: 768px) and (max-width: 979px) {
.navbar .navbar-nav > li > a {
    font-size:11px;
    }
}

@media (min-width: 980px) {
.navbar .navbar-nav > li > a {
font-size:16px;
  }
  .navbar-brand { margin-top: 0px;}
}

.sosyalpaylasim {width: 100%; float: right; height: 40px; text-align: right; }
.sosyal1x {margin-left: 10px; margin-right: 0px; float: left; width: 85px; margin-top: 0px; margin-bottom: 5px;}
.sosyal2x {margin-left: 10px; margin-right: 0px; float: left; width: 85px; margin-top: 0px; margin-bottom: 5px;}
.sosyal3x {margin-left: 10px; margin-right: 0px; float: left; width: 65px; margin-top: 0px; margin-bottom: 5px;}
.sosyal4x {margin-left: 10px; margin-right: 0px; float: left; width: 85px;}
/*--------------------TreeMenu --------*/
.TreeMenuSubDiv {
	 text-align: left; margin-bottom: 10px; margin-top: 5px; margin-left: 7px; line-height: 18px;
}
.TreeMenuSubDiv a {
	color: navy; text-decoration: none; font-size: 9pt; 
}
.TreeMenuSubDiv a:hover {
 text-decoration: underline; font-size: 9pt;  color: black;
}
div.TreeMenu {
	width: 230px; margin: 0px 0px 0x 0px;
}
#treemenuul {
	margin: 0px 5px 20px 5px;
}
#treemenuul li {
 text-align: left; list-style: none; background-image: url(../images/line.png); background-repeat: repeat-x; background-position: bottom; line-height: 30px;
}
#treemenuul li a.TreeTop {
 text-align: left; background-image: url(../images/node_plus.png); background-repeat: no-repeat; 
 background-position: center left; line-height: 30px;
 padding-left: 23px; text-decoration: none; color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
#treemenuul li a.TreeTop1 {
 text-align: left; background-image: url(../images/node_final.png); background-repeat: no-repeat; 
 background-position: center left; line-height: 30px;
 padding-left: 23px; text-decoration: none; color: #222;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
}

TD.TreeMenuTd {
 width: 220px; height: 26px;
}
TD.TreeMenuTd:hover {
 width: 220px; height: 26px; background-color: #f3f3f3;
}
#TreeMenuTd1 {
 width: 245px; height: 26px; background-image: url(../images/TreeMenuBg.png); background-repeat: no-repeat;
}
#TreeMenuTd1:hover {
 width: 245px; height: 26px; background-image: url(../images/TreeMenuBgOver.png); background-repeat: no-repeat;
}
TD.TreeMenuTd a {
 width: 215px; color: #40545e; font-size: 13px; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif;
}
#TreeMenuTd1 a {
  width: 215px; color: #0D7677; font-size: 13px; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif;
}
#SubMenuTd {
	padding-top: 15px; padding-bottom: 15px;
}
a.nodefinal {background-image: url(../images/node_final.png); background-repeat: no-repeat; background-position:left center; padding-left: 20px;
font-family: Arial, Helvetica, sans-serif; color: #40545e; }
a.nodefinal-x {background-image: url(../images/node_final.png); background-repeat: no-repeat; background-position:left center; padding-left: 20px;
font-family: Arial, Helvetica, sans-serif; color: #ff0000; font-weight: bold; text-decoration:underline;}
.fusya { color: #FCF; font-weight: bold;}
.mavis { color: #006; font-weight: bold;}
.thumbnail {
    position:relative;
    overflow:hidden;
}
 
.captionx {
    position:absolute;
    top:-100%;
    right:0;
    background:rgba(66, 139, 202, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.thumbnail:hover .captionx { top:0%;}
.sitetitle {text-align: left; color: #0067ca; font-size:medium; line-height: 25px; font-weight: bold; padding-top: 0px; padding-bottom: 0px; margin:0px; }
.bor-bot { border-bottom: 1px dotted #ccc; line-height: 35px;}
.tleftx {text-align: left; font-weight: bold;}