@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Arimo:400,700');
@import url('https://fonts.googleapis.com/css?family=Dosis');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');
@import "shop.css"; 

.brd{padding:5px;display:table; box-shadow:2px 3px 12px #eee;}
.cover {max-height:150px;width:100%; object-fit:cover;font-family:"object-fit: cover";}

.cover_x {border:1px solid #ccc; padding:2px; object-fit:cover; max-height:230px; margin:0 auto; position:relative;}


.cur {cursor:pointer;}
.mopo {margin:0px;padding:0px;}
.ulli {padding-bottom:5px;border-bottom:1px solid #ddd;margin-bottom:5px}
body {font-family: 'Arimo', sans-serif; margin:0px;padding:0px;}
.footer {background:#555;color:#eee;padding-top:20px;padding-bottom:20px;}

.footer h3{color:#eee;border-bottom:1px dotted #999;}
.footer a{margin:0px;color:#ddd;cursor:pointer;text-decoration:none;}
.footer a:hover{margin:0px;color:#fff;}
.footer-alt {background:#207996;color:#fff;text-align:center;width:100%;}
.line-link  {line-height:25px;height:25px;}

.f18 {font-size:18px;}


.site-name {
font-family: 'Dosis', sans-serif;
}
html,
body {
	height: 100%;
}


.renk1 {background:#00c5cc; border:2px solid #fff;padding:2px;margin-left:3px;}	
.renk2 {background:#00c5cc; border:2px solid #fff;padding:2px;}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 8px;
    margin-top: 15px;
    margin-right: -8px;
    margin-bottom: 8px;
    background-color: #fff;
    border: 1px solid #abcdef;
    border-radius: 0px;
}


body {
	font-size: 15px;
		/* line-height: 1.50; */
	color: #333333;
	background-color: #ffffff;
	position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333333;
}
h1 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
}
h2 {
	font-size: 23px;
	margin-bottom: 15px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
	font-weight: 700;
}
h5 {
	font-size: 16px;
	font-weight: 700;
}
h6 {
	font-weight: 700;
}
h1 span,
h2 span,
h3 span,
h4 span {
	color: #339BEB;
}

.m0 {margin:0px;}
.f25 {font-size:25px;}
.f16 {font-size:16px;}
.col-brd{border:1px solid #eee;margin:0px;padding:0px;margin-right:2px;height:100%;display:table;padding:3px;margin-bottom:40px;width:100%;}
.col-brd:hover{box-shadow:1px 2px 10px #ccc;cursor:pointer;}

.mo{margin:0px;}
.po{padding:0px;}
.fl{float:left;}
.margin_left_5{margin-left:5px;}
.pagenation {width:100%;text-align:center;padding:10px;border-top:1px solid #ddd;padding-top:20px;}
.pagenation > a {line-height:45px;padding:8px; border:1px solid #eee;font-size:18px;text-decoration:none;font-family:'Ubuntu',arial,tahoma,verdana;}
.pagenation > a:hover {background:#00c6d8;color:#fff;}
.pagenation > b {color:#fff;background:#ff6600;padding:8px; border:1px solid #eee;font-size:18px;text-decoration:none;font-family:'Ubuntu',arial,tahoma,verdana;}

#IcerikAlani  .aromaa{font-size:16px;text-decoration:none;color:#333;}
.object-non-visible  .turdiv {font-family:'Dosis',arial; background:#f9f9f9;padding:3px 10px; border:1px solid #ddd;margin-bottom:8px;font-weight:300;font-size:20px;}
.element {display:none;}

.sort{padding:0px;margin:0px;border:1px solid #fff; box-shadow:0px 0px 10px #eee;padding-top:8px;display:table;width:100%;}
.sort .sol{text-align:right;}

 ul{list-style:none;}
.sort span.left {float:left;}
.sort span.left ul.order {float:left;}
.sort span.left ul.order li {float:left;margin:0 0 0 50px;}
.sort span.left ul.order li:first-child {margin-left:0;}
.sort span.left ul.order li a {display:block;line-height:20px;padding:0 15px 0 0;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;color:#333;cursor:pointer;background:url('../images/sort-a.png') 100% 0 no-repeat;}
.sort span.left ul.order li a::selection {background:transparent;color:#333;}
.sort span.left ul.order li a:hover {color:#333;}
.sort span.left ul.order li a.asc {background:url('../images/page-sort-a.png') 100% -20px no-repeat;}
.sort span.left ul.order li a.desc {background:url('../images/page-sort-a.png') 100% -40px no-repeat;}
.sort span.left ul.order li a.asc:hover {background:url('../images/page-sort-a.png') 100% -20px no-repeat;}
.sort span.left ul.order li a.desc:hover {background:url('../images/page-sort-a.png') 100% -40px no-repeat;}
.sort span.right {float:right;right:10px;position:relative;}
.sort span.right span.form {float:left;}
.sort span.right span.form select {width:auto;height:20px;line-height:20px;float:left;padding:1px 1px 1px 0;margin:0 -5px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:400;color:#333;cursor:auto;text-align:left;text-decoration:none;background:#fff;border:1px solid #b9b9b9;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.sort span.right span.form select:focus {border-color:#888;}





.ilsec {border:1px solid #eee;padding:8px;width:100%;}


.col-ml-12 .col-md-4 {margin:0px;padding:0px;}
.col-ml-12 .col-md-8 {margin:0px;padding:0px;}



div.msgBoxBackGround
{
    top:0;
    left:0;
    position:absolute;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    background-color:#125ecf;
    opacity:0.6;
    z-index:9999;
}











.orta {font-size:20px;}
.fa {color:#589ccd;}
div.link{ cursor:pointer; }
div.hr{width:100%;border-bottom:1px solid #eee;height:1px;display:table;float:left;margin-bottom:8px;margin-top:8px;}

.slide{margin:0px;padding:0px;max-height:450px; background:#fff;}
.carousel-inner{margin:auto auto; text-align:center;position:relative; max-height:450px;}
.carousel-inner .item { text-align:center;position:relative; }
.item .slider-img { width:100%;   }
.slider {max-height:450px;top:41px;position:relative;  }
.carousel-inner {border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; }
.carousel-control {background:#fff;max-height:50px; top:45%; width:40px;}

.carousel-inner-v {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.carousel .v_top {top:5px; position:absolute; font-size:20px; padding:3px 10px 20px 10px; left:45%;height:30px; color:#fff; background:rgb(0,0,0,0.5);}
.carousel .v_bottom {bottom:5px; position:absolute; font-size:20px; padding:3px 10px 20px 10px; left:45%;height:30px; color:#fff; background:rgb(0,0,0,0.5);}
.carousel .vertical-slide {border:3px solid #abc000;}


.text-colored {
	color: #55acee;
}
a {
	color: #55acee;
}
a:hover {
	color: #339BEB;
}
a:focus,
a:active {
	outline: none;
}
.large {
	font-size: 18px;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
.list-unstyled li {
	padding: 5px 0;
}
.list-horizontal {
	padding: 15px 0;
}
.list-horizontal-item img {
	display: block;
	margin: 0 auto;
}
.list-icons {
	padding: 0;
	margin: 20px 0;
	list-style: none;
	font-size: 15px;
}
.list-icons li { 
	padding: 0 0 15px 0;
}
blockquote {
	border-left: none;
	padding-left: 0;
	padding-right: 0;
}
.title {
	margin-top: 0;
}

/* Layout
----------------------------------------------------------------------------- */


.



.navbar-collapse{margin:0px;padding:10px;width:100%;height:100%;top:-12px;position:relative;}


.header {
	color: #ffffff;
	background-color: #529ec6; /* rgba(0, 0, 0, 1); 
	background-image:url(../images/background.png); /* #529ec6; */
   height:80px;
}
.banner {
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	color: #fff;
}

.banner-0 {
	width: 100%;

	min-height:40px;
	position: relative;
	color: #fff;
}

.footer-content ul li {color:#abc; font-size:18px; }
.footer-content ul li .pr-10 {color:#abc; font-size:18px; }
.footer-content ul li a{color:#abc; text-decoration:none;cursor:pointer;}
.footer-content ul li a:hover{color:#8ecdef; text-decoration:none;cursor:pointer;}
.footer-content ul li.mopo {padding:0px;margin:0px; }
.footer-content ul {padding:0px;margin:0px; }
.footer-content ul li.mopo a {padding:0px;margin:0px; line-height:33px; }



.banner-image {
	vertical-align: middle;
	min-height: 100%;
	width: 100%;
}
.banner:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.55);
	content: "";
}
.banner-caption {
	position: absolute;
	top: 40%;
	width: 100%;
	z-index: 2;
}
.subfooter {
	background-color: #dff;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	padding: 20px 0;
}

.input-mail {width:80%; padding: 7px;	font-size: 14px; border:1px solid #ddd;}
.input-parola {width:100px; padding: 7px;	font-size: 14px; border:1px solid #ddd;}
.input-phone {width:130px; padding: 7px;	font-size: 14px; border:1px solid #ddd;}

.section {
	background-color: #ffffff;
	margin-top: 80px;
}

.section-bottom {
	background-color: #333;
	padding: 10px 0; color:#fff;
}

.section-bottom2 {
	background-color: #9ccfff;
	color:#fff; 
}

.section-bottom2 p {
	background-color: #9ccfff; padding:0px;margin:0px;
	color:#333;
}


.buton-g {padding:8px;height:35px;background:#eee;border:1px solid #ccc;}

/* Backgrounds
----------------------------------------------------------------------------- */
.default-bg {
	background-color: #222222;
	color: #ffffff;
}
.default-bg.blue {
	background-color: #55acee;
}
.translucent-bg {
	color: #ffffff;
}
.default-bg h1,
.default-bg h2,
.default-bg h3,
.default-bg h4,
.default-bg h5,
.default-bg h6,
.translucent-bg h1,
.translucent-bg h2,
.translucent-bg h3,
.translucent-bg h4,
.translucent-bg h5,
.translucent-bg h6 {
	color: #ffffff;
}
.default-bg blockquote footer,
.translucent-bg blockquote footer {
	color: #cccccc;
}
.default-bg a,
.translucent-bg a {
	color: #ffffff;
	text-decoration: underline;
}
.default-bg a:hover,
.translucent-bg a:hover {
	text-decoration: none;
}
.translucent-bg {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
.translucent-bg .translucent-bg {
	margin-top: 80px;
	z-index: 3;
}
.translucent-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
.translucent-bg.blue:after {
	background-color: rgba(85, 172, 238, 0.7);
}
.translucent-bg .container {
	z-index: 3;
	position: relative;
}
.bg-image-1 {
	background: url("../images/bg-image-1.jpg") 50% 0px no-repeat;
}
.bg-image-2 {
	background: url("../images/bg-image-2.jpg") 50% 0px no-repeat;
}

/* Misc
----------------------------------------------------------------------------- */


/* ÜRÜN VİTRİNİ */
/*
.urun_ekran{background:transparent;cursor:pointer;max-width:140px;width:100%; height:350px; border:1px solid #ccc;float:left;margin-right:10px;position:relative;margin-bottom:25px;pading:3px;}
.urun_overlay{color:#eee;margin:0px;padding:0px;width:100%;height:100%;position:absolute;z-index:1;background:rgb(50,0,200,0.07);transition: background 0.5s ease-in-out 0.01s;top:0px;width:100%;visibility:hidden;}
.urun_ekran:hover > .urun_overlay{display:block; width:100%; visibility:visible; background:rgb(0,0,0,0.8); }
  */
  
.urun_ekran{background:transparent;cursor:pointer;width:100%; height:270px;max-height:270px; float:left;margin-right:5px;position:relative;
margin-bottom:1px;pading:3px;}

.urun_imaj {
	color: #111;
	display:table;
	#position: relative; background:#fff; width:135px; min-height:270px; max-height:270px; overflow: hidden; text-align:center; margin:0 auto;
border-bottom:1px solid #eee; box-shadow:1px 3px 15px #ddd;
}

.urun_imaj > .ic {
	#position: absolute;
	#top: 50%; #left:50%;
	display: table-cell;
	vertical-align: middle;
}
.ic    .resim {
	max-width:138px; max-height:270px; 
	#position: relative; #top: -50%; #left:-50%;  margin:0 auto;
}


  
.urun_adi{text-align:left;font-size:18px;padding:5px;max-height:75px;background:#fafafa;color:#111;}
.urun_fiyat{text-align:left; height:37px; position:absolute;bottom:1px;padding:5px;background:#f9f9f6; width:100%; }

.kalp {font-size:30px; background:#000; border:1px solid #666; padding:5px;width:40px;}
.face {font-size:30px; background:#000; border:1px solid #666; padding:5px;width:40px;}
.twit {font-size:30px; background:#000; border:1px solid #666; padding:5px;width:40px;}
.kalp:hover {background:#333; border:1px solid #eee;}
.face:hover{background:#333; border:1px solid #eee;}
.twit:hover{background:#333; border:1px solid #eee;}








.urun_buton_right .buton{height:40px;background:#ff0000;color:#fff;border:1px solid #eee;padding:5px;width:150px;}
.urun_buton_right .buton:hover{background:#333;color:#fff;border:1px solid #eee;}
.urun_buton_right .buton .fa{color:#fff;}

.urun_buton_right {
	color: #fff; right:1px; 
	display:table; height:300px; width:100%;
	#position: relative; 
}
.urun_buton_right  >.ic {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	#position: absolute;
	#top: 50%; 
	#width: 100%; height:100%; 
}
.urun-buton_right>.buton  > .tikla {
	#position: relative;width:120px;
	#top: -50%; max-height:100px; 
}



.urun_buton_right .buton {
    height: 40px;
    background: #ff0000;
    color: #fff;
    border: 1px solid #eee;
    padding: 5px;
    width: 100%;
}


.buton  a {
	color:#fff; text-decoration:none;
}

.n11-container {width:80px;float:left;margin-bottom:5px;margin-right:5px;}
.n11-imaj{margin: 5px auto; max-width:100%;}


/* ÜRÜN VİTRİNİ */


/* ekrana yavaş gecikmeyle gelen içerikler */
.object-non-visible {
	opacity: 1;
	filter: alpha(opacity=1);
}
/* ekrana yavaş gecikmeyle gelen içerikler */


.object-visible,
.touch .object-non-visible {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

/* Targeting only Firefox for smoothest animations */
@-moz-document url-prefix() {
	.object-visible,
	.touch .object-non-visible {
		-webkit-transition: opacity 0.6s ease-in-out;
		-moz-transition: opacity 0.6s ease-in-out;
		-o-transition: opacity 0.6s ease-in-out;
		-ms-transition: opacity 0.6s ease-in-out;
		transition: opacity 0.6s ease-in-out;
	}
}
.space {
	padding: 20px 0;
}
.pr-10 {
	padding-right: 10px;
}
.pl-10 {
	padding-left: 10px;
}
.pb-clear {
	padding-bottom: 0;
}

/* Sections
----------------------------------------------------------------------------- */
.banner-caption h1,
.banner-caption h2,
.banner-caption h3,
.banner-caption h4,
.banner-caption h5,
.banner-caption h6 {
	color: #ffffff;
}
.banner-caption h1 {
	font-size: 60px;
}
.subfooter p {
	margin-bottom: 0;
}

/* Template Components
----------------------------------------------------------------------------- */
/* Buttons
---------------------------------- */
.btn {
	padding: 8px 15px;
	font-size: 14px;
	line-height: 1.42857143;
	min-width: 30px;
	text-align: center;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

.btn-success a,i,.fa {color:#fff; text-decoration:none;font-size:16px;}



.btn-default {
	color: #eee;
	border: 1px solid #999; background:#ab2000; 
}

.loading {display:none;width:80%;font-size:15px;color:#ff3000;background:transparent;background-image:url(images/2.gif);height:30px;}


.btn-default:hover {
	color: #ffffff;
	background-color: #339BEB;
	border-color: #339BEB;
}

/* Collapse
---------------------------------- */
.panel-group .panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
}
.panel-default > .panel-heading {
	padding: 0;
	outline: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	width: 100%;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 1px solid #f0f0f0;
	border-top: none;
	background-color: #fafafa
}
.panel-heading a {
	padding: 12px 35px 12px 15px;
	display: inline-block;
	width: 100%;
	background-color: #55acee;
	color: #ffffff;
	position: relative;
	text-decoration: none;
}
.panel-heading a.collapsed {
	color: #333;
	background-color: #dff; 
}
.panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f147";
	position: absolute;
	right: 15px;
	font-size: 14px;
	top: 50%;
	line-height: 1;
	margin-top: -7px;
}
.panel-heading a.collapsed:after {
	content: "\f196";
}
.panel-heading a:hover {
	text-decoration: none;
	background-color: #55acee;
	color: #ffffff;
}
.panel-title a i {
	padding-right: 10px;
	font-size: 20px;
}

/* Pills
---------------------------------- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover {
	background-color: #55acee;
	border-color: #55acee;
	color: #ffffff;
}
.nav-pills > li > a {
	border-radius: 0;
	padding: 8px 20px;
	border: 1px solid #cacaca;
	color: #666666;
	font-size: 12px;
}

/* Forms
---------------------------------- */
.form-control {
	height: 45px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.form-control-feedback {
	color: #cccccc;
}
.has-feedback label.sr-only ~ .form-control-feedback {
	top: 15px;
}
textarea {
	resize: vertical;
}

/* Modals
---------------------------------- */
.modal-content {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.modal-header {
	background-color: #55acee;
	color: #ffffff;
}
.modal-header h4 {
	color: #ffffff;
}
.modal-header .close {
	font-weight: 300;
	color: #FFFFFF;
	text-shadow: none;
	filter: alpha(opacity=100);
	opacity: 1;
}

/* Large devices (Large desktops 1200px and up) */
@media (min-width:1200px) {
	.modal-lg {
		width: 1140px;
	}
}

/* Media
---------------------------------- */
.media .fa {
	font-size: 24px;
	width: 40px;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	text-align: center;
}

/* Navigations
----------------------------------------------------------------------------- */
.header .navbar {
	margin-bottom: 0;
}
.main-navigation .navbar-default {
	background-color: transparent;
	border: none;
}
.main-navigation .navbar-default .navbar-nav > li > a {
	color: #fff;
	margin-top:0px;
	padding: 8px 8px;
	font-size: 16px;
	font-weight:700;
	font-family:'Quicksand',arial,tahoma;
}

.main-navigation .navbar-default .navbar-nav > li > a >i {
	color: #fff;
}





.main-navigation .navbar-default .navbar-nav > li.active > a {
	background-color: transparent; 
	color: #fff; border:1px solid #eee;
}


.main-navigation .navbar-default .navbar-nav > li > a {
	color: #fff;
	/* padding: 30px 20px; */
	font-size: 18px;
	font-weight:700;
	border-right:1px dotted #eee;
}



.main-navigation .navbar-default .navbar-nav > li > a:hover{
	color: #fff; 
    /* background:rgb(0,0,0,0.5); */
	background:#000;
	padding: 30px 20px;
	font-size: 18px;
	border-radius:0px; 
}


/*
.main-navigation .navbar-default .navbar-nav > li > a.bir{
	color: #333;  background:#aef; border-top-left-radius:50px; border-bottom-right-radius:50px;
}
.main-navigation .navbar-default .navbar-nav > li > a.iki{
	color: #cff;  background:#abcd00; border-top-left-radius:50px; border-bottom-right-radius:50px;
}
.main-navigation .navbar-default .navbar-nav > li > a.uc{
	color: #333;  background:#eeff66;border-top-left-radius:50px; border-bottom-right-radius:50px;
}
.main-navigation .navbar-default .navbar-nav > li > a.dort{
	color: #333;  background:#efcfff;border-top-left-radius:50px; border-bottom-right-radius:50px;
}
.main-navigation .navbar-default .navbar-nav > li > a.bes{
	color: #333;  background:#afffef;border-top-left-radius:50px; border-bottom-right-radius:50px;
}
.main-navigation .navbar-default .navbar-nav > li > a.bir:hover{
	color: #333;  background:#aef; border-top-left-radius:50px; border-bottom-right-radius:50px;
}
.main-navigation .navbar-default .navbar-nav > li > a.iki:hover{
	color: #cff;  background:#abcd00; border-top-left-radius:50px; border-bottom-right-radius:50px;
}
.main-navigation .navbar-default .navbar-nav > li > a.uc:hover{
	color: #333;  background:#eeff66;border-top-left-radius:50px; border-bottom-right-radius:50px;
}
.main-navigation .navbar-default .navbar-nav > li > a.dort:hover{
	color: #333;  background:#efcfff;border-top-left-radius:50px; border-bottom-right-radius:50px;
}
.main-navigation .navbar-default .navbar-nav > li > a.bes:hover{
color: #333;  background:#afffef;border-top-left-radius:50px; border-bottom-right-radius:50px;
}
*/





@media (min-width:768px) {
	.main-navigation .navbar-default .navbar-nav > li > a {
		padding-top: 30px;
		padding-bottom: 30px;
		-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.4s ease-in-out;
		font-weight:700;
	}
	
}



@media (min-width:768px) and (max-width:991px) {
	.main-navigation .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-nav {
		float: left !important;
	}
}



@media (min-width:481px) and (max-width:767px) {
	.filters .nav-pills > li {
		width: 100%;
		display: block;
	}
	.navbar-nav li {height:35px;}
	
   .navbar-nav ul.sub { 
  position: absolute;
  z-index: 200;
  width: auto; 
  min-width:200px;
  display:none; 
  padding-left:15px;
  padding-right:15px;
 height:auto;
  top:30px; 
}

.navbar-nav { overflow:hidden;
height:100%; position:relative;  height:500px;  background:#333;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 1500px;
}
	
	.main-navigation .navbar-default .navbar-nav > li > a:hover,
.main-navigation .navbar-default .navbar-nav > li.active > a:hover {
	color: #fff;  background:#ff0000; border-top-left-radius:0px; border-bottom-right-radius:0px;
}


.main-navigation .navbar-default .navbar-nav > li > a.bir:hover{ 
	color: #fff;  background:#ff0000; border-top-left-radius:0px; border-bottom-right-radius:0px;
}

.main-navigation .navbar-default .navbar-nav > li > a.iki:hover{
	color: #fff;  background:#ff0000; border-top-left-radius:0px; border-bottom-right-radius:0px;
}

.main-navigation .navbar-default .navbar-nav > li > a.uc:hover{
	color: #fff;  background:#ff0000;border-top-left-radius:0px; border-bottom-right-radius:0px;
}

.main-navigation .navbar-default .navbar-nav > li > a.dort:hover{
	color: #fff;  background:#ff0000;border-top-left-radius:0px; border-bottom-right-radius:0px;
}


		
.logo,
.site-name-and-slogan {
float: left; zoom:0.80;
}


}




/* Fixed Header
----------------------------------------------------------------------------- */
.fixed-header-on .header {
	padding: 0px 0;
}



.fixed-header-on .site-name {
	font-size: 20px;
}
.fixed-header-on .logo {
	-webkit-transform: scale(1);
	transform: scale(1);
	margin-top: 0;
	margin-bottom: 0; position:relative; top:-10px;
}





@media (max-width:991px) {
	.fixed-header-on .logo,
	.fixed-header-on .site-name,
	.fixed-header-on .site-slogan {
		display: none;
	}
}

/* Blocks/Widgets
----------------------------------------------------------------------------- */
/* Logo, Site Name, Site Slogan
---------------------------------- */
.logo {
	margin: 10px 10px 10px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.logo,
.site-name-and-slogan {
	float: left; 
}

.logo{
	float: left;  position:relative; top:-10px; border:1px solid #ccc;
}


.site-name {
	font-size: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.site-name a {
	color: #ffffff;
}
.site-name a:hover {
	text-decoration: none;
}
.site-slogan {
	font-size: 15px;
}

/* Testimonials
---------------------------------- */
.testimonial .media-left {
	width: 60px;
}

/* Social Links
---------------------------------- */
.social-links {
	padding: 0;
	list-style: none;
	margin: 0px 0;
}
.social-links li {
	margin: 1px 25px 1px 0;
	display: inline-block;
	
}
.social-links li a {
	
	color: #fff;
	-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;
}


.social-links .fa {
	color: #25ffff; font-size:20px;
}

.social-links .fa:hover {
	color: #fff;
}

.social-links li.twitter a:hover {
	color: #55acee;
}
.social-links li.skype a:hover {
	color: #00aff0;
}
.social-links li.linkedin a:hover {
	color: #0976b4;
}
.social-links li.googleplus a:hover {
	color: #dd4b39;
}
.social-links li.youtube a:hover {
	color: #b31217;
}
.social-links li.flickr a:hover {
	color: #ff0084;
}
.social-links li.facebook a:hover {
	color: #3b5998;
}
.social-links li.pinterest a:hover {
	color: #cb2027;
}

/* Isotope Items
---------------------------------- */
.filters {
	margin: 0 0 30px 0;
}
.filters .nav-pills > li {
	margin-right: 2px;
	margin-bottom: 2px;
}
.filters .nav-pills > li + li {
	margin-left: 0px;
}
.text-center.filters .nav-pills > li {
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	display: inline-block;
	float: none;
}
.isotope-container {
	overflow: hidden;
}
.isotope-item {
	margin-bottom: 20px;
}
.isotope-item .btn-default {
	color: #999999;
}
.isotope-item .btn-default:hover {
	color: #ffffff;
}



/* Images Overlay
----------------------------------------------------------------------------- */
.overlay-container {
	position: relative;
	display: block;
	overflow: hidden;
}
.overlay {
	position: absolute;
	top: 0;
	bottom: -1px;
	left: 0;
	right: -1px;
	background-color: rgba(85, 172, 238, 0.9);
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	-ms-transition: all linear 0.2s;
	-o-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
.overlay:hover {
	text-decoration: none;
}
.overlay span {
	position: absolute;
	display: block;
	bottom: 10px;
	text-align: center;
	width: 100%;
	color: #ffffff;
	font-size: 13px;
}
.overlay i {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 18px;
	line-height: 1x;
	color: #ffffff;
	margin-top: -8px;
	margin-left: -8px;
	text-align: center;
}
.overlay-container:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}




/* subs */
ul.sub { 
  position: absolute;
  z-index: 200;
  width: auto; 
  min-width:200px;
  display:none; 
  padding-left:15px;
  padding-right:15px;
 height:auto;
  top:60px; border:1px solid #eee;
}

ul.sub li {
  float: none;   display:table;
  margin: 0;  min-width:200px; height:30px;  padding-top:5px;
}

ul.sub li  a {

  border-right: none;
  color: #333;
     display:table; padding: 5px; text-decoration:none;
}

ul.sub li:last-child a {
  border-bottom: none;
}



/* sub display*/
ul.primary li:hover ul { 
  display: block; padding:0px;
  background: rgb(255,255,250,1); text-decoration:none; list-style:none;
}





ul.sub li:hover > a:hover{
  color: #333; background:#eee;  min-width:200px; padding-left:5px;
} 

ul.sub li:hover > a { 
  color: #000;
 background: #ccc; width:200px; padding:5px;
}

.navbar-fixed-bottom .navbar-collapse {
     width:100%; display:table; margin:0px;padding:0px; height:40px;
}





@media (max-width:480px) {
	.filters .nav-pills > li {
		width: 100%;
		display: block;
	}

	  ul.sub { 
  position: absolute;
  z-index: 200;
  width: auto; 
  min-width:200px;
  display:none; 
  padding-left:15px;
  padding-right:15px;
 height:auto;
  top:35px; 
}

.navbar-nav { overflow:hidden; top:82px;
  background:#333;position:fixed; width:700px;max-width:100%;margin:0px; left:0px;right:0px; height:100%;
}


	.main-navigation .navbar-default .navbar-nav > li > a{
	padding: 8px 8px;
	font-size: 16px;
}



.main-navigation .navbar-default .navbar-nav > li > a:hover{
    
	border-left:3px solid #f9d568;
	background:transparent;
	padding: 8px 8px;
	font-size: 16px;
	border-radius:0px; 
}





.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 1500px; 
}


.main-navigation .navbar-default .navbar-nav > li > a:hover,
.main-navigation .navbar-default .navbar-nav > li.active > a:hover {
	color: #fff;  
}


	
/*	
	.main-navigation .navbar-default .navbar-nav > li > a:hover,
.main-navigation .navbar-default .navbar-nav > li.active > a:hover {
	color: #fff;  background:#ff0000; border-top-left-radius:0px; border-bottom-right-radius:0px;
}


.main-navigation .navbar-default .navbar-nav > li > a.bir:hover{ 
	color: #fff;  background:#ff0000; border-top-left-radius:0px; border-bottom-right-radius:0px;
}

.main-navigation .navbar-default .navbar-nav > li > a.iki:hover{
	color: #fff;  background:#ff0000; border-top-left-radius:0px; border-bottom-right-radius:0px;
}

.main-navigation .navbar-default .navbar-nav > li > a.uc:hover{
	color: #fff;  background:#ff0000;border-top-left-radius:0px; border-bottom-right-radius:0px;
}

.main-navigation .navbar-default .navbar-nav > li > a.dort:hover{
	color: #fff;  background:#ff0000;border-top-left-radius:0px; border-bottom-right-radius:0px;
}
*/

		
.logo,
.site-name-and-slogan {
float: left; zoom:0.80;
}

}


.barcodex {border:1px solid #eee; padding:5px; }
.buton:hover{background:#eee;border:1px solid #ccc;}
.buton{background:#ddd;border:1px solid #ccc;}
.u-de{width:200px;}
.u-pr{width:200px;background:#efffff;}


.footer-link-fl {display:inline-block; margin:0 auto; width:150px;}	
.col-md-3s {position:relative; width:24%; vertical-align:top;  display:inline-block; margin:0 auto;margin-right:5px;}
@media (max-width:700px) {
.footer-link-fl {width:100%;text-align:left;float:left;}	
.col-md-3s {position:relative; width:100%; vertical-align:top;  display:inline-block; margin:0 auto;margin-right:5px;}
}