@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;500;600;700;800&display=swap');

html{height:100%;overflow:-moz-scrollbars-vertical;overflow-y: scroll;overflow-x: hidden;}
body{background:url(/images/bg.jpg) repeat-x; margin:0; font-family: 'Dosis', sans-serif; font-size:10pt; height:100%;}
ul, li{list-style-type:none; padding:0px; margin:0px}
a{text-decoration:none; color:#000}
a:hover{text-decoration:none; color:#333;}
a.blue{color:#02a7e7;}
img{border:0;}
textarea, input, select{background:#f6f6f6; padding:10px; border:none; resize:none;overflow:hidden;
-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.1);
box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.1);}

textarea.error, input.error, select.error{background:#FFF;-webkit-box-shadow: inset 0px 0px 5px 5px rgba(255,0,0,0.25);-moz-box-shadow: inset 0px 0px 5px 5px rgba(255,0,0,0.25);box-shadow: inset 0px 0px 5px 5px rgba(255,0,0,0.25);}

header{margin-bottom:20px;}
header .head{background:#011b3c; }
header .nav-link{font-weight:bold; text-align:center; color:#fff;}
header .nav-link i{color:#011b3c; font-size:25px; width:40px; height:40px; line-height:40px; margin-bottom:2px; background:#fcd925; border-radius:50%;}

.searchblok{display:flex}
.searchblok form{width:100%; align-self:flex-end; margin-bottom:50px;}
.searchbar{position:relative;} 
.search{background:#fff;}
.searchbar button{position:absolute;right: 4px;
    top: 4px;
    height: 27px;
    width: 27px; padding:0px;
	 background:#011b3c; border:none;}
	 
.hesap{display:flex}
.hesap ul{align-self:flex-end;}

.btn.round, .form-control.round {
	border-radius: 20px;
}

.btn.circle {
	border-radius: 50%;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
	 border-width:2px;
	 font-weight:bold;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.sepet{margin:-5px 0 0 5px; position:relative;}
.count{border-radius:50%; background:#383b44; font-family:Myriad Pro; font-size:10pt; color:#fff; border:solid 2px #fff; display:inline-block; width:22px; height:22px; text-align:center; position:absolute; bottom:0; right:0;}

.menubag{background:#fcd925;}

.navbar{margin-bottom:0; padding:0;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	background:#0e1b2b !important;
	color:#fff;
}

.menu { width:100%;}

.menu > li > a {
	color:#fdfeff !important;
	font-weight:500;
	font-size:20px;
}
.menu > li > a.orange{color:#ffb10a !important;}

.menu > li > a:hover, .menu > li > a:focus {
	color:#011b3c !important;
}
.menu > li:last-child a{border:none;}


.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
	border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
	float:none;
} 
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.page{margin:30px auto;}

#owl .item img{
	  display: block;
 }
 
.owl-pagination {
  position: absolute;
  left: 16px;
  bottom:14px;
  height:20px;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#ffb10a;}
.owl-theme .owl-controls .owl-page span{background:#fff; border:solid 4px #fff; opacity:1; width:20px; height:20px; margin:0px 2px;}

.firsats{border:solid 1px #ccc; padding:16px 0;}
.firsats .title{color:#e14040; font-size:17px; font-weight:bold; vertical-align:middle; text-align:center; height:35px; line-height:35px;}
.firsats .nav{background:url(/images/prev.png); width:46px; height:35px; display:inline-block; float:left;}
.firsats .nav.next{background:url(/images/next.png); float:right;}
.firsats .owl-carousel {margin-top:10px;}
.firsat{text-align:center;}
.firsat .adi{color:#757575; font-size:13px; margin-top:5px;}
.firsat .fiyat{color:#e14040; font-size:15px; font-weight:bold;}
.firsat .efiyat{color:#b2b2b2; text-decoration:line-through; margin-right:5px;}

.vitrins{background:#f6f6f6; padding:30px 0;}
.vitrins .title{font-size:20px; font-weight:bold; color:#383b44;}
.vitrins .angle{font-size:25px; margin-left:10px;}

.vitrin{background:#fff; text-align:center; padding:20px 10px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(24,24,24,0.35);
-moz-box-shadow: 0px 0px 10px 0px rgba(24,24,24,0.35);
box-shadow: 0px 0px 10px 0px rgba(24,24,24,0.35); margin-bottom:15px; position:relative}
.vitrin .marka{color:#0b6683; font-size:15px; margin-top:5px; font-weight:bold;}
.vitrin .adi{color:#0b6683; font-size:16px; overflow:hidden; height:25px;}
.vitrin .resim{height:235px;}
.vitrin .fiyat, .urun .fiyat{color:#0b6683; font-size:15px; font-weight:bold; height:38px;}
.vitrin .efiyat, .urun .efiyat{color:#0b6683; text-decoration:line-through; font-weight:normal; margin-right:5px;}
.vitrin .sepeteekle{display:none; margin-top:5px;}
.vitrin .sepeteekle i{margin-right:5px;}
.vitrin .indirim, .urun .indirim{background:#F00; color:#fff; position:absolute; width:24px; text-align:center; right:20px;}
.vitrin .indirim::after, .urun .indirim::after{
	content:" ";
	position:absolute;
	bottom:-6px;
	left:0;
	border-top: 6px solid #F00;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;}
.vitrin .sepeteekle btn-primary{background:#011b3c !important;}
	 
.vitrin .tukendi{background:url(/images/tukendi.png) no-repeat; background-size:contain; width:134px; height:99px; position:absolute; top:0; left:0;}
.vitrin:hover .fiyat{display:none;}
.vitrin:hover .sepeteekle{display:block;} 

.sizinicin{
	background: rgb(252,217,37);
	background: linear-gradient(180deg, rgba(252,217,37,1) 0%, rgba(248,160,30,1) 100%);
	margin-top:30px;
	padding:10px 30px;
}
.sizinicin .title{font-size:30px; font-weight:800; margin-bottom:10px; color:#011b3c;}
.sizinicin .vitrin{background:none; box-shadow:none; padding:0;}
.sizinicin .vitrin .resim{height:235px;}

.cocukurunleri{
	background: url('/images/cocukurunleri.jpg');
	margin-top:30px;
	padding:30px 30px 10px 30px;
}
.cocukurunleri .title{font-size:30px; font-weight:800; margin-bottom:10px;}
.cocukurunleri .vitrin{background:none; box-shadow:none; padding:0; margin-bottom:0;}
.cocukurunleri .vitrin .resim{height:190px;}
.cocukurunleri .vitrin .adi, .cocukurunleri .vitrin .marka, .cocukurunleri .vitrin .fiyat, .cocukurunleri .vitrin .efiyat{ color:#000;}

.coksatanlar{
	background: url('/images/coksatanlar.jpg');
	margin-top:30px;
	padding:250px 30px 10px 440px;
}
.coksatanlar .title{font-size:30px; font-weight:800; margin-bottom:10px;}
.coksatanlar .vitrin{background:none; box-shadow:none; padding:0;}
.coksatanlar .vitrin .resim{height:190px;}
.coksatanlar .vitrin .adi, .coksatanlar .vitrin .marka, .coksatanlar .vitrin .fiyat, .coksatanlar .vitrin .efiyat{ color:#000;}

.page .vitrin .resim{height:200px;}

.tab{color:#c0c0c0; font-size:18px; border-bottom:solid 3px #c0c0c0; width:100%; display:inline-block; padding:15px 0 15px 10px;}
.tab:hover, .tab:focus{ text-decoration:none; color:#383b44; border-bottom-color:#383b44;}
.tab.active{color:#383b44; border-bottom-color:#383b44;}
.tab i{margin-right:5px;}
.tab.orange{color:#ffb10a; border-bottom-color:#ffb10a;}

.liste{margin-top:25px;}

.encok{margin-top:10px;}
.encok:first-child{margin-top:25px;}
.encok .resim{border:solid 1px #e8e8e8; width:70px; height:77px; text-align:center; vertical-align:middle; display:table-cell;}
.encok .adi{display:table-cell; padding-left:15px; vertical-align:middle; color:#757575; font-size:13px;}

.encok:hover .resim{border-color:#383b44;}
.encok:hover .adi{color:#383b44}

.nopadding{padding:0;}

.vitrins i{margin-right:5px;}

.urunresim{border:solid 1px #ccc; margin-bottom:5px; padding:10px; text-align:center;}
.urunthumb{border:solid 1px #ccc; margin-right:5px; display:inline-block; padding:2px;}

.urun .adi{font-size:18px; font-weight:bold; color:#0b6683}

.uruntabs{margin-top:25px;}
.tab-content{padding:10px; border:solid 1px #ddd; border-top:none;}

.urun .adet{margin-right:5px;}

.block{
	background:#fdfdfd;
	padding: 15px;
	border: 1px solid #ddd;
	min-height:275px;
}

#owl3 .item{
	 margin: 10px;
}

#owl2 .item{text-align:center}

#owl2 .item img, #owl4 .item img{
	width:auto;
	display:inherit;
}

.odemedetay {
	display: none;
	padding-left: 25px;
}

.kat li a{
	background:#011b3c;
	color:#fff;
	font-weight:bold;
	border:solid 1px #eee;
}

.kat li a:hover, .kat li.active a, .kat li a:focus{
	background:#fcd925;
	color:#fff;
}

.contentbody{
	background:#fff;
	padding:15px;
	margin-top:15px;
}

.baslik{
	font-size: 20px;
	color: #011b3c;
	margin-bottom: 10px;
	font-weight:bold;
}


.baslik2{font-size:18px; color:#f7931d; margin:20px 0; font-weight:bold; padding:10px 15px; border-radius:25px; -webkit-box-shadow: 0px 0px 10px 0px rgba(24,24,24,0.35);
-moz-box-shadow: 0px 0px 10px 0px rgba(24,24,24,0.35);
box-shadow: 0px 0px 10px 0px rgba(24,24,24,0.35); display:inline-block;}

.content{padding:0 15px;}

.cycle-slideshow{width:100%;}
.cycle-slideshow .slide{text-align:center; width:100%;}

.cycle-nav{background:url(/images/slider_nav.jpg) repeat-x; border:solid 1px #000;}
.cycle-nav a{color:#fff; text-decoration:none; width:40px; height:28px; line-height:28px; display:inline-block; text-align:center; border-right:solid 1px #000;}

.block_baslik{
	background:url(/images/block_bg.jpg) repeat-x;
	height:37px;
	line-height:37px;
	color:#FFF;
	border:solid 1px #000;
	padding:0 10px;
	font-size:17px;
	font-weight:bold;
}
.block_baslik a{color:#fff;}

.vizyon{padding-top:8px; padding-left:106px; position:relative;}
.vizyon img{position:absolute; left:0;}
.vizyon .info{height:127px; overflow:hidden; text-overflow:ellipsis;}
.vizyon .name{font-weight:bold;}

.afis .name{color:#333333; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.guide {margin-top:5px; position:relative;}
.guide .title{font-weight:bold; padding-right:35px;}
.guide .channel{color:#939393;}
.guide .time{position:absolute; right:0; top:0px; font-weight:bold;}

.logolar{width:160px; height:120px; display:inline-block; background-size:contain; padding:5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); margin-bottom:10px; background-origin: content-box; background-repeat:no-repeat; border-radius:5px; background-position:center; margin-right:10px;}



.show_more_main {
	margin: 15px 25px;
	clear:both;
}
.show_more {
	background-color: #f8f8f8;
	background-image: -webkit-linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
	background-image: linear-gradient(top,#fcfcfc 0,#f8f8f8 100%);
	border: 1px solid;
	border-color: #d3d3d3;
	color: #333;
	font-size: 12px;
	outline: 0;
}
.show_more {
	cursor: pointer;
	display: block;
	padding: 10px 0;
	text-align: center;
	font-weight:bold;
}
.loding {
	background-color: #e9e9e9;
	border: 1px solid;
	border-color: #c6c6c6;
	color: #333;
	font-size: 12px;
	display: block;
	text-align: center;
	padding: 10px 0;
	outline: 0;
	font-weight:bold;
}
.loding_txt {
	background-image: url(loading_16.gif);
	background-position: left;
	background-repeat: no-repeat;
	border: 0;
	display: inline-block;
	height: 16px;
	padding-left: 20px;
}



footer{color:#fff; background:#011b3c; margin-top:30px; padding:25px 0;}

footer a {
	padding:0 15px;
	color:#fff !important;
	font-weight:500;
}

footer a:hover, footer a:focus {
	color:#ccc !important;
	background:none;
}

.sosyal{background:#4e71a8; color:#fff; font-size:18px; border-radius:50%; width:36px; height:36px; line-height:36px; text-align:center; display:inline-block;}
.sosyal:hover{color:#ccc;}
.sosyal.t{background:#1cb7eb;}
.sosyal.l{background:#1cb7eb;}
.sosyal.g{background:#e3411f;}
.sosyal.y{background:#ca3737;}
.sosyal.p{background:#ca3737;}

footer .fa-phone{color:#fff; font-size:23px; margin-right:10px;}
footer .number{color:#ffb10a; font-size:17px; font-weight:bold;}

@media (max-width:767px){
	header{background:url(/images/headerbg2.jpg) no-repeat top center;}
	.google{width:100px;}
	.baslik{font-size:18px;}
	.cover .slogan{font-size:12px;}
	
	
	.menu > li > a {
		background:#000;
		color:#fff !important;
	}
	
	.menu > li > a:hover, .menu > li > a:focus {
		background:#0e1b2b !important;
	}
	
}

@media (max-width:480px){
	header{background:url(/images/headerbg3.jpg) no-repeat top center; background-size:100%;}
	.sanayi{font-size:13px;}
	.google{width:60px;}
	
	.brands img{width:35px;}
}