* {
font-family: 'Poppins', sans-serif;
box-sizing : border-box;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
font-size : 14px;
font-weight : 400;
padding-top : 60px
}
::selection {
color : #fff;
background : #3390ff;
}
::-moz-selection {
color : #fff;
background : #3390ff;
}
body::-webkit-scrollbar {
width : 7px !important ;
height : 7px !important ;
}
body::-webkit-scrollbar-thumb {
background : #ddd !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-thumb:hover {
background : #bbb !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-track {
background : #fff !important ;
border : 0 !important ;
}
body.lock {
margin-left : 280px;
overflow : hidden;
}
b, strong, h1, h2, h3 {
font-weight : 600;
}
a {
text-decoration : none;
}
#load {
width : 100%;
height : 100%;
position : fixed;
top : 0;
left : 0;
background : url(../images/load.svg) center center no-repeat #fafafa;
background-size : 150px 150px ;
z-index : 9;
}
.center {
margin : 0 auto;
width : 100%;
max-width : 1120px;
position : relative;
padding : 0 15px;
clear : both;
}
ul.menu {
margin : 0;
padding : 0;
list-style : none;
}
ul.menu.left {
margin-left : -10px;
}
ul.menu.right {
margin-right : -10px;
}
ul.menu li{
float : left;
position : relative;
transition : all 0.1s linear;
}
ul.menu li a{
white-space:nowrap;
}
ul.menu li a span{
float : right;
margin-left : 7px;
transition : all 0.2s linear;
}
ul.menu li a i{
float : left;
margin-right : 7px;
transition : all 0.2s linear;
font-size : 20px;
}
ul.menu li div{
display : none;
}
ul.menu li:hover div{
display : block;
z-index : 2;
}
#bar{
width : 100%;
height : 35px;
line-height : 35px;
background : #00a3d3;
background-image: linear-gradient(to right, #233970 00%,  #294281 50%, #233970 100%);
transition : all 0.3s linear;
position : fixed;
z-index : 10;
top : 0;
}
#bar.top{
top : -35px;
}
#bar ul.menu li a{
color : #c3e5f5;
display : block;
padding : 0 7.5px;
font-size : 12px;
}
#bar ul.menu.right li a i{
float : left;
margin-right : 7px;
margin-left : 7px;
transition : all 0.2s linear;
font-size : 20px;
}
#bar ul.menu.right li a b{
float : left;
}
#bar ul.menu li:hover{
background : #294281;
}
#bar ul.menu li:hover a{
color : #fff;
}
#bar ul.menu li:hover a span{
color : #fff;
transform: rotate(180deg);
}
#bar ul.menu li:hover a i{
animation-name : tada;
animation-duration : 1s;
}
#bar ul.menu li:hover a i.lnr-map-marker{
animation-name : bounce;
animation-duration : 1s;
}
#bar ul.menu li:hover div{
position : absolute;
min-width : 100%;
background : #294281;
}
#bar ul.menu li:hover div a{
line-height : 30px;
color : #fff;
border-top : 1px solid rgba(255,255,255,0.3);
}
#bar ul.menu li:hover div a:last-child{
padding-bottom : 5px;
}
#bar ul.menu li:hover div a:hover{
color : #fff;
background : #555;
transition : all 0.2s linear;
}
#overlay1 {
width : 100%;
height : 100%;
position : fixed;
z-index : 16;
top : 0;
left : 0;
background : rgb(0 0 0 / 0.5);
display : none;
transition : all 0.3s linear;
}
#overlay1.ac {
display : block;
transition : all 0.3s linear;
}
#basket {
right : 0;
top : 0;
width : 0;
height : 100%;
position : fixed;
z-index : 19;
transition : all 0.2s linear;
}
#basket.ac {
width : 400px;
max-width : 100%;
transition : all 0.2s linear;
}
#basket_in {
width : 100%;
height : 100%;
display : block;
box-sizing : border-box;
position : relative;
overflow-y : auto;
overflow-x : hidden;
}
.sepetbaslik {
width : 100%;
height : 55px;
line-height : 55px;
padding : 0 5px 0 15px;
outline : 0;
color : #fff;
font-weight : 400;
background : #243A72;
background-image: linear-gradient(to top, #3453a0 30%, #294281 100%);
position : relative;
margin-bottom : -55px;
z-index : 1;
top : 0;
font-size : 15px;
box-sizing : border-box;
}
.sepetbaslik i {
float : right;
display : block;
width : 34px;
height : 54px;
line-height : 54px;
text-align : center;
outline : 0;
margin-right : 0;
cursor : pointer;
opacity : 0.7;
font-size : 25px;
}
.sepetbaslik i:hover {
opacity : 1;
}
#basket_in .bossepet {
top : 0;
width : 100%;
height : 100%;
background : #fff;
display : table;
position : absolute;
box-sizing : border-box;
}
#basket_in .bossepet i {
font-size : 70px;
color : #ddd;
}
#basket_in .bossepet b {
font-weight : 400;
font-size : 15px;
}
#basket_in .hata {
top : 0;
width : 100%;
height : 100%;
background : #0BC000;
display : table;
position : absolute;
box-sizing : border-box;
z-index : 1;
}
.middle {
display : table-cell;
vertical-align : middle;
text-align : center;
box-sizing : border-box;
}
.middle img {
width : 80px;
}
#basket_in .bossepet .middle img {
width : 80px;
margin-left : -20px;
}
#basket_in .bossepet .middle b {
display : block;
padding : 15px 0;
text-align : center;
color : #aaa;
}
#basket_in .hata .middle b {
display : block;
padding : 15px 0;
text-align : center;
color : #ffcc4d;
font-size : 15px;
}
#basket_in .hata .middle a {
margin : 0 auto;
padding : 5px 10px;
color : #fff;
font-size : 14px;
cursor : pointer;
border : rgb(255 255 255 / 0.8) solid 1px;
}
#basket_in .hata .middle a:hover {
background : rgb(0 0 0 / 0.2);
}
#basket_in .dolusepet {
position : absolute;
width : 100%;
height : 100%;
background : #fff;
padding-top : 65px;
padding-bottom : 100px;
box-sizing : border-box;
overflow-x : scroll;
}
#basket_in .dolusepet::-webkit-scrollbar {
width : 5px;
}
#basket_in .dolusepet::-webkit-scrollbar-track {
background : rgb(0 0 0 / 0);
margin : 3px;
border-right : 3px solid #fff;
left : -3px;
position : absolute;
}
#basket_in .dolusepet::-webkit-scrollbar-thumb {
background : #3453A0;
border-radius : 5px;
}
#basket_in .dolusepet::-webkit-scrollbar-thumb:hover {
background : #aaa;
}
table.sptable {
border-collapse : collapse;
border : 0;
width : 100%;
}
table tr {
border-bottom : 1px solid #ddd;
}
tr:nth-child(even) {
background-color : #fafafa;
}
.sptable a:link, .sptable a:visited {
float : left;
display : block;
text-decoration : none;
color : #333;
width : 100%;
height : 40px;
}
table.sptable tr.anab td {
font-size : 13px;
font-weight : 400;
color : #0BC000;
height : 30px;
}
table.sptable tr td {
padding : 14px 0;
}
.toplam table.sptable tr td {
padding : 0 0;
font-size : 13px;
}
table.sptable tr td.sresim img {
border : rgb(0 0 0 / 0.1) solid 1px;
}
table.sptable tr td a.delete {
width : 20px;
height : 20px;
line-height : 18px;
display : block;
cursor : pointer;
}
table.sptable tr td a.delete i {
color : #ccc;
font-size : 20px;
}
table.sptable tr td a.delete:hover i {
color : #d00;
}
table.sptable tr td.tbl_baslik {
line-height : 20px;
max-width : 200px;
padding : 14px;
font-size : 12px;
}
table.sptable tr td.tbl_baslik a {
width : 100%;
height : 40px;
overflow : hidden;
display : block;
position : relative;
}
table.sptable tr td.fiyat {
text-align : right;
color : #555;
padding-right : 14px;
white-space : nowrap;
}
a#arti, a#eksi, a#adet {
float : left;
display : block;
width : 25px;
height : 25px;
line-height : 20px;
font-size : 17px;
text-align : center;
background : #fafafa;
background-size : 12px 12px;
cursor : pointer;
border : rgb(0 0 0 / 0.1) solid 1px;
box-sizing : border-box;
color : #666;
}
a#eksi {
background : #fafafa;
background-size : 12px 12px;
}
a#eksi:hover {
background : #eee;
background-size : 12px 12px;
}
a#arti:hover {
background : #eee;
background-size : 12px 12px;
}
a#adet {
background : #fff;
border : 0;
line-height : 25px;
font-size : 12px;
border-top : 1px solid rgb(0 0 0 / 0.1);
border-bottom : 1px solid rgb(0 0 0 / 0.1);
}
#topla {
width : 100%;
max-width : 400px;
height : 108px;
position : fixed;
bottom : 0;
background : #fff;
}
#topla .str {
width : 100%;
height : 44px;
border-top : 1px solid #ccc;
position : relative;
}
#topla .str.gray {
height : 64px;
background : linear-gradient(#fbfbfb, #eeeeee);
}
#topla .str .str_b {
float : left;
width : auto;
height : 44px;
padding : 16px;
box-sizing : border-box;
}
#topla .str .str_i {
float : right;
width : 35%;
height : 44px;
padding : 16px;
box-sizing : border-box;
}
#topla .str .str_i.fiyat {
text-align : right;
font-weight : 700;
color : #049e00;
font-size : 15px;
}
#topla .str.gray .str_b, #topla .str.gray .str_i {
height : 64px;
}
#topla .str a.satinal {
float : right;
width : 65px;
height : 30px;
line-height : 28px;
box-sizing : border-box;
padding : 0;
font-size : 13px;
color : #fff;
text-align : center;
border-radius : 3px;
background : #049e00;
border : #038e00 solid 1px;
text-decoration : none;
font-weight : 400;
}
#topla .str a.satinal:hover {
background : #038e00;
}
#topla .str a.guvenli {
float : left;
height : 30px;
line-height : 14px;
box-sizing : border-box;
padding : 0;
font-size : 13px;
color : #333;
text-decoration : none;
font-weight : 700;
}
#topla .str a.guvenli span {
display : block;
color : #777;
font-weight : 400;
font-size : 12px;
white-space:nowrap;
}
#topla .str a.guvenli i {
float : left;
margin-top : 7px;
margin-right : 7px;
display : block;
height : 30px;
font-size : 30px;
font-weight : normal;
color : #333;
}
#topla .str a.guvenli:hover {
color : #049e00;
}
#topla .str a.guvenli:hover i {
color : #333;
}
#sepet {
position : fixed;
background : #3453A0;
background-image: linear-gradient(to top, #294281 30%, #3453a0 100%);
width : 50px;
height : 50px;
line-height : 50px;
border-radius : 25px;
cursor : pointer;
opacity : 1;
z-index : 2;
transition : all 0.2s linear;
bottom : 20px;
right : 20px;
text-align : center;
}
#sepet b {
}
#sepet b i{
display : block;
font-size : 25px;
color : #fff;
}
#sepet span.say {
width : 18px;
height : 18px;
line-height : 18px;
text-align : center;
font-size : 11px;
border-radius : 9px;
display : block;
position : absolute;
background : #233A71;
color : #fff;
top : -5px;
left : 16px;
}
#sepet span.say.active {
background : #099c00;
}
#sepet:hover{
animation-name : heartBeat;
animation-duration : 1s;
}
#sepet.hopla{
animation-name : heartBeat;
animation-duration : 1s;
}
#header{
width : 100%;
height : 85px;
background : #294281;
position : fixed;
z-index : 10;
top : 35px;
transition : all 0.3s linear;
box-shadow : 0 10px 15px 0 rgb(0 0 0 / 0.1);
padding : 15px 0;
background-image: linear-gradient(to top, #3453a0 30%, #294281 100%);
}
#header.top{
top : 0;
}
#header a#logo{
float : left;
display : inline-block;
width : auto;
height : 120px;
padding : 15px 0;
margin-top : -50px;
transition : all 0.2s linear;
width : 180px;
}
#header a#logo.top{
height : 85px;
padding : 15px 35px;
margin-top : -15px;
}
#header a#logo img{
width : auto;
height : 100%;
}
#header ul.menu{
margin : 15px 0;
width : calc(50% - 90px);
}
#header ul.menu.left {
margin-left : -10px;
}
#header ul.menu.right {
margin-right : -10px;
width : auto;
}
#header ul.menu.right{
float : right;
}
#header ul.menu li a{
color : #fff;
display : block;
font-size : 15px;
transition : all 0.2s linear;
padding-bottom : 7px;
}
#header ul.menu li a span{
margin-left : 10px;
}
#header ul.menu li{
padding : 0 10px;
}
#header ul.menu li a{
border-bottom : 2px solid rgba(0,0,0,0.0);
transition : all 0.2s linear;
}
#header ul.menu li:hover a{
border-bottom : 3px solid #3390ff;
}
#header ul.menu li:hover a{
color : #fff;
}
#header ul.menu li:hover a span{
color : #fff;
transform: rotate(180deg);
}
#header ul.menu li:hover div{
position : absolute;
min-width : 100%;
background : #3390ff;
}
#header ul.menu li:hover div a{
font-size : 14px;
line-height : 40px;
color : #fff;
border-bottom : 1px solid rgb(255 255 255 / 0.2);
}
#header ul.menu li:hover div a:last-child{
padding-bottom : 2px;
border-bottom : 0;
}
#header ul.menu li:hover div a:hover{
color : #3390ff;
background : #fff;
transition : all 0.2s linear;
}
#slider{
width : 100%;
height : 420px;
background : #fff;
background: url(../images/halftone-dark.png) repeat center center #fff;
z-index : 1;
position : relative;
box-shadow : 0 5px 30px 0 rgb(0 0 0 / 0.1);
margin-bottom : 15px;
}
.slide {
position : relative;
}
.owl-carousel .owl-stage-outer {
width : 100%;
height : 100%;
position : relative;
}
.item {
width : 100%;
height : 100%;
display : block;
position : relative;
background-size : auto 400px;
background-position : center center;
background-repeat : no-repeat;
text-decoration : none;
overflow : hidden;
}
.item-left,.item-right {
float : left;
display : table;
height : 420px;
width : 50%;
padding : 35px 0;
overflow : hidden;
}
.item-block {
float : left;
display : table;
height : 420px;
width : 50%;
padding : 0 0;
position : relative;
}
.item-center {
float : left;
display : table;
height : 420px;
width : 25%;
padding : 35px 0;
overflow : hidden;
}
.item-center2 {
float : left;
display : table;
height : 400px;
width : 50%;
padding : 35px 0;
overflow : hidden;
}
.item-inner {
height : 100%;
display: table-cell;
vertical-align: middle;
text-align : center;
}
.item-inner b {
margin : 0 auto;
display : block;
width : 120px;
height : 120px;
background : #294281;
background-image: radial-gradient(#3390ff 00%, #294281 110%);
border-radius : 75px;
text-align : center;
color : #fff;
font-size : 60px;
line-height : 100px;
margin-bottom : 15px;
text-shadow : 2px 2px rgba(0,0,0,0.2)
}
.item-inner b span{
font-size : 13px;
line-height : 30px;
display : block;
margin-top : -25px;
font-weight : 400;
}
.item-inner h2 {
margin : 0;
padding : 0;
font-size : 25px;
margin-bottom : 10px;
color : #294281;
}
.item-inner h1 {
margin : 0;
padding : 0;
font-size : 25px;
margin-bottom : 20px;
color : #294281;
text-align : left;
font-weight : 400;
}
.item-inner h2.white {
color : #fff;
}
.item-inner p {
margin : 0;
padding : 10px 0;
line-height : 25px;
font-size : 15px;
color : #333;
}
.item-inner p span{
float : left;
text-align :left;
line-height : 30px;
}
.item-inner p span i{
float : left;
display : block;
text-align : center;
width  : 15px;
height : 15px;
border-radius : 10px;
margin : 7.5px 7.5px 7.5px 0px;
border : 3px solid #3390ff;
box-sizing : border-box;
}
.item-inner p.opacity50 {
opacity : 0.8;
color : #fff;
}
.item-inner a {
display : inline-block;
margin : 0;
padding : 0 10px;
line-height : 35px;
font-size : 15px;
border : 1px solid #aaa;
color : #888;
}
.item-inner a.color {
border : 1px solid #3390ff;
background : #3390ff;
color : #fff;
}
.item-inner a:hover{
animation-name : heartBeat;
animation-duration : 1s;
}
.item-inner img{
margin : 0 auto;
max-width : 100%;
max-height : 350px;
}

.item-block .item-inner img{
width : auto;
max-width : 1000px;
max-height : 420px;
height : 420px;
position : absolute;
left : 0;
top : 0;
}
.owl-carousel .owl-nav {
transition : all 0.2s linear;
}
.owl-carousel .owl-nav [class*="owl-"] {
display : inline-block;
cursor : pointer;
}
.owl-carousel .owl-nav .disabled {
opacity : 0.5;
cursor : default;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
width : 60px;
height : 60px;
border-radius : 30px;
line-height : 60px;
position : absolute;
top : calc(50% - 30px);
outline : 0;
transition : all 0.2s linear;
font-size : 30px;
color : #fff;
background : rgb(0 0 0 / 0.2);
}
.owl-carousel .owl-nav button.owl-prev {
left : 20px;
}
.owl-carousel .owl-nav button.owl-next {
right : 20px;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
background : #3390ff;
animation-name : heartBeat;
animation-duration : 1s;
}
.owl-carousel .owl-dots {
width : 100%;
position : absolute;
bottom : 15px;
text-align : center;
}
.owl-carousel .owl-dots .owl-dot {
display : inline-block;
outline : 0;
}
.owl-carousel .owl-dots .owl-dot span {
width : 20px;
height : 20px;
border-radius : 18px;
margin : 2px;
background : rgb(0 0 0 / 0.2);
display : block;
}
.owl-carousel .owl-dots .owl-dot:hover span {
background : #294281;
}
.owl-carousel .owl-dots .owl-dot.active span {
background : #3390ff;
}
#page{
width : 100%;
min-height : 400px;
}
#page a{
color : #3390ff;
}
#page a.btna{
background : #3390ff;
color : #fff;
display : inline-block;
line-height : 35px;
height : 35px;
padding : 0 15px;
}
#page a.btna:hover{
background : #294281;
}
#page iframe.mapp {
top : 35px;
right : 10px;
width : calc(40% - 20px);
position : absolute;
border : #ddd solid 1px;
border-radius : 5px;
overflow : hidden;
}
#yer{
width : 100%;
height : 40px;
line-height : 40px;
background : #f1f1f1;
color : #294281;
}
#yer a, #yer b{
float : left;
color : #294281;
font-size : 12px;
}
#yer a span{
font-size : 12px;
height : 35px;
background : none;
}
#yer span{
float : right;
background : rgba(0,0,0,0.1);
padding : 0 10px
}
#yer span i{
float : left;
font-size : 20px;
margin-right : 10px;
}
#baslik{
width : 100%;
border-bottom : 1px solid #ddd;
padding : 15px 0;
}
#baslik h1 {
margin : 0;
padding : 0;
font-size : 20px;
font-weight : 400;
color : #294281;
display : inline-block;
float : left;
line-height : 30px;
}
#baslik .kur{
font-weight : 400;
color : #888;
display : inline-block;
float : right;
padding-right : 10px;
margin-left : 15px;
line-height : 30px;
overflow : hidden;
border : 1px solid #ddd;
}
#baslik .kur:hover{
box-shadow : 0 0 30px 0 rgb(0 0 0 / 0.08);
}
#baslik .kur b{
font-size : 18px;
float : left;
margin-right : 10px;
display : inline-block;
width : 30px;
height : 30px;
background : #bbb;
color : #fff;
text-align : center;
font-weight : 400;
}
#baslik .kur:hover b{
background : #3390ff;
}
#page p {
margin : 0;
padding : 15px 0;
line-height : 25px;
color : #444;
}
#page .center b {
font-size : 16px;
color :#294281; 
font-weight : 400;
}
.pageimg {
width : 300px;
height : auto;
float : right;
margin : 0 0 20px 20px;
border-radius : 15px;
overflow : hidden;
}
.pageimg img{
width : 300px;
height : auto;
}
.bximg{
width : 230px;
height : auto;
float : right;
margin : 0 0 20px 20px;
border-radius : 15px;
overflow : hidden;
}
.box{
float : left;
width : 50%;
padding : 7.5px;
}
.box1{
float : left;
width : 25%;
text-align : center;
}
.box.otuz{
float : left;
width : 33.33%;
text-align : center;
}
.box.urun{
float : left;
width : 33.33%;
text-align : center;
}
.box1 .box_in,.box1 .box_in:hover{
border-left : 0;
}
.box1 .box_in.brl{
border-left : 1px solid #ddd;;
}
.box1 i{
margin : 0 auto;
display : block;
width : 80px;
height : 80px;
border-radius : 40px;
line-height : 80px;
font-size : 40px;
color : #999;
background-image: radial-gradient(#fff 00%, #e1e1e1 110%);
margin-bottom : 15px;
}
.box1:hover i{

animation-name : heartBeat;
animation-duration : 1s;
}
.box1:hover i{
color : #fff;
background-image: radial-gradient(#3390ff 00%, #294281 210%);
}
.box1 strong{
font-size : 20px;
color : #3390ff;
font-weight : 400;
display : block;
}
.box1 span{
display : block;
color : #294281;
font-size : 14px;
}
.box1 span.lnr{
display : block;
color : #294281;
font-size : 20px;
margin-top : 10px;
background : rgba(0,0,0,0.04);
height :  30px;
line-height :  30px;
margin : -15px;
margin-top : 15px;
width : calc(100% + 30px);
}
.box2{
float : left;
width : 100%;
padding : 7.5px;
}
.galeribox {
float:left;
width : 25%;
display : block;
position : relative;
overflow : hidden;
padding : 7.5px;
box-sizing : border-box;
}
.box_in{
width : 100%;
height : 100%;
background : #fff;
background-image: linear-gradient(to right, #fafafa 00%, #fff 70%);
transition : all 0.1s linear;
display : block;
padding :15px;
border: 1px solid #ddd;
position : relative;
overflow : hidden;
}
.box_in .sepetleal{
width : 100%;
position : relative;
}
.box_in .bilgi{
background : #0BC000;
position : absolute;
text-align : center;
color : #fff;
display : block;
padding : 0 35px;
line-height : 30px;
font-size : 13px;
transform: rotate(-45deg);
left : -35px;
top : 20px;
z-index : 9;
}
#page .center .box_in .bilgi b{
font-size : 13px;
color : #fff;
font-weight : 600;
}
#balon {
display : inline-block;
width : 100%;
border-radius : 5px;
line-height : 20px;
background : #fff;
border : 1px solid #ddd;
color : #099c00;
position : absolute;
bottom : 0px;
left : 0px;
box-sizing : border-box;
padding : 10px;
cursor : pointer;
}
#balon:hover {
background : #fafafa;
}
#balon i{
font-size : 40px;
line-height : 40px;
width : 40px;
height : 40px;
float : left;
margin-right : 5px;
}
#balon span{
float : left;
color : #666;
}
#page .center #balon b{
float : left;
font-size : 13px;
white-space : nowrap;
}
.box_in div.fiyat {
width : 100%;
height : 40px;
text-align : center;
font-size : 20px;
}
.box_in span.eskifiyat {
color : #999;
padding-right : 5px;
text-decoration : line-through;
}
.box_in span.fiyat {
color : #333;
padding-left : 5px;
}
.box_in .fiyat b {
float : left;
padding-right : 2px;
font-weight : 400;
}
.sepetleal button {
width : 120px;
height : 40px;
line-height : 40px;
background : #0BC000;
color : #fff;
border : 0;
outline : 0;
border-radius : 5px;
font-size : 15px;
cursor : pointer;
padding : 0;
}
.sepetleal button:hover {
background : #099c00;
}
.sepetleal button.yok {
background : #aaa;
cursor : default;
}
.sales{
width : 100%;
height : 100%;
background : #fff;
background-image: linear-gradient(to left, #3390ff 30%, #294281 100%);
transition : all 0.2s linear;
display : block;
padding :15px;
color : #fff;
}
.sales_right{
float : right;
width : 50%;
height : 50px;
display : block;
color : #fff;
}
#page .sales_right a{
float : right;
display : inline-block;
background : #294281;
background-image: linear-gradient(to bottom, #fff 0%, #eee 100%);
padding : 15px;
line-height : 20px;
color : #333;
}
.sales_right a i{
font-size : 25px;
float : left;
margin-right : 10px;
}
#page .sales{
cursor:pointer;
}
#page .sales p{
width : 50%;
padding : 0;
margin : 0;
float : left;
color : #fff;
}
#page .sales p strong{
width : 50px;
text-align : center;
line-height : 46px;
height : 50px;
border : 2px solid #fff;
background : #e00;
float : left;
font-size : 40px;
}
#page .sales p strong.shop{
width : 50px;
text-align : center;
line-height : 46px;
height : 50px;
border : 0;
background : none;
float : left;
font-size : 40px;
}
#page .sales p span{
display  :block;
color : #fff;
padding-left : 65px;
}
#page .sales p b{
display  :block;
padding-left : 65px;
color : #fff;
}
.box_img{
float : left;
width : 180px;
height : 100%;
transition : all 0.2s linear;
display : block;
text-align : center;
overflow : hidden;
position : relative;
}
.box_img.full{
width : 100%;
height : auto;
}
.box_img.top{
margin-top : -15px;
}
.box_img.ilk{
width : 195px;
margin-left : -15px;
margin-bottom : -15px;
}
.box_img.ds{
margin-bottom : -6px;
}
.box_img img{
margin : 0 auto;
width : 100%;
height : auto;
max-height : 100%;
max-height : 100%;
}
.box_img.wi img{
margin : 0 auto;
width : auto;
height : auto;
max-height : 100%;
max-height : 300px;
}
.box_bilgi{
float : left;
width : calc(100% - 180px);
height : 100%;
transition : all 0.2s linear;
display : block;
padding-left : 15px;
}
.box_bilgi br{
display: block; /* makes it have a width */
content: ""; /* clears default height */
margin-top: 15px; /* change this to whatever height you want it */
}
.box_bilgi.full{
width : 100%;
height : 100%;
padding-top : 15px;
padding-left : 0;
}
.box_bilgi span{
display : block;
color : #3390ff;
font-size : 16px;
}
.box_bilgi strong{
color : #294281;
font-size : 18px;
font-weight : 400;
display : block;
margin-bottom : 15px;
}
#page .box_bilgi p{
margin : 0;
padding : 0;
padding-top : 15px;
color : #666;
border-top : 1px solid #ddd;
font-size : 13px;
}
.box_in h2{
width : 100%;
font-weight : 400;
color : #3390ff;
text-align : left;
font-size : 17px;
}
.box_in:hover{
box-shadow : 0 0 20px 0 rgb(0 0 0 / 0.25);
border : 1px solid #fff;
background : #fff;
position : relative;
z-index : 1;
}
.box_in:hover .icon{
color : #3390ff;
}
.galeribox {
float:left;
width : 25%;
display : block;
position : relative;
overflow : hidden;
padding : 7.5px;
box-sizing : border-box;
}
.galeribox.otuz {
width : 33.33%;
}
.galeribox a.resim {
width : 100%;
height : 215px;
display : block;
background : #fff;
overflow : hidden;
box-sizing : border-box;
overflow : hidden;
border : 8px solid #fff;
box-sizing : border-box;
box-shadow : 0 0 0px 1px rgba(0, 0, 0, 0.2);
}
.galeribox a.resim2 {
width : 100%;
height : 215px;
display : block;
position : absolute;
top : 0;
left : 0;
background : url(../images/play.svg) center center no-repeat;
background-size : 50px 50px;
overflow : hidden;
border : 8px solid rgba(0, 0, 0, 0);
box-sizing : border-box;
}
.galeribox:hover a.resim2 {
opacity : 0.6;
}
.galeribox.belge {
width : 25%;
}
.galeribox.belge a.resim {
height : 350px;
}
.galeribox:hover a.resim {
box-shadow : 0 0 30px 0 rgb(0 0 0 / 0.08);
border : 8px solid #3390ff;
}
#contact{
width : 100%;
padding : 15px 0;
margin-top : 10px ;
background : #f1f1f1;
font-size : 15px;
}
.contact{
float : left;
width : 50%;
padding : 7.5px;
}
a.contact_in{
display : block;
width : 100%;
height : 100%;
transition : all 0.2s linear;
}
.contact_in .icon{
float : left;
height : 60px;
line-height : 60px;
font-size : 50px;
color : #aaa;
text-align : center;
transition : all 0.2s linear;
padding-right : 10px;
border-right : 1px solid #ddd;
}
.contact_in .icon span{
display : block;
}
.contact_in .icon .lnr-envelope{
float : left;
height : 60px;
line-height : 48px;
font-size : 60px;
}
.contact_in:hover .icon span{
animation-name : tada;
animation-duration : 1s;
color : #3390ff;
}
.contact_in b{
float : left;
display : block;
width : calc(100% - 100px);
font-weight : 400;
color : #333;
font-size : 22px;
line-height : 30px;
padding-left : 10px;
}
.contact_in p{
float : left;
width : calc(100% - 100px);
margin : 0;
padding : 0;
color : #888;
line-height : 30px;
padding-left : 10px;
}
.bankalar {
width : 100%;
background : #fdfdfd;
border : #ddd solid 2px;
padding : 10px;
text-align : left;
box-sizing : border-box;
margin-bottom : 15px;
}
#page .center .bankalar b {
font-size : 14px;
}
.bankalar hr {
height : 1px;
border : 0;
background : #ddd;
margin : 10px 0;
}
.bankalar hr:last-child {
height : 0;
margin : 0;
}
.bankalar label {
line-height : 15px;
}
.bankalar span {
color : #214ba5;
font-weight : 700;
}
#footer {
width : 100%;
padding : 15px 0;
background : #444;
background-image: linear-gradient(to top, #fff 0%, #eee 40%);
color : #333;
height : auto;
margin-top : 20px;
border-top : 5px solid #eaeaea;
}
#footer .sosyal {
margin : 0 auto;
width : 100%;
height : 40px;
max-width : 180px;
text-align : center;
}
#footer .sosyal a {
float : left;
width : 50px;
height : 50px;
display : block;
border-radius : 25px;
text-decoration : none;
margin : 5px;
padding : 5px;
background: rgba(0,0,0,0.2)
}
#footer .sosyal a img {
margin : 0 auto;
width : 20px;
height : 20px;
display : block;
color : #efefef;
margin-top : 10px;
}
#footer .sosyal a.facebook:hover {
background : #366099;
}
#footer .sosyal a.twitter:hover {
background : #6cadde;
}
#footer .sosyal a.instagram:hover {
background : #3f729b;
}
#footer .sosyal a.youtube:hover {
background : #cd201f;
}
#footer .sosyal a.blog:hover {
background : #0BC000;
}
#footer .sosyal a:hover{
animation-name : heartBeat;
animation-duration : 1s;
}
#footer b.fbas {
clear : both;
display : block;
text-align : center;
font-size : 22px;
font-weight : 400;
padding : 20px 0;
letter-spacing : -0.5px;
color : #294281;
}
#footer .footer {
margin : 0 auto;
width : 100%;
max-width : 850px;
}
#footer .footer .alan {
float : left;
width : 33.33%;
}
#footer .footer .alan.last {
width : 100%;
margin-top : 30px;
text-align : center;
}
#footer .footer .alan b {
display : block;
font-size : 15px;
color : #294281;
text-align : center;
padding : 5px 10px;
}
#footer .footer .alan a {
display : block;
padding : 5px 10px;
text-align : center;
text-decoration : none;
color : #666;
line-height : 15px;
}
#footer .footer .alan a:hover {
color : #3390ff;
}
#footer .footer .alan.last p {
margin : 25px 0 45px 0;
color : #444;
font-size : 13px;
line-height : 20px;
}
#footer span {
margin : 25px 0;
display : block;
text-align : center;
}
#up {
position : fixed;
background : #3390ff;
width : 50px;
height : 50px;
line-height : 50px;
border-radius : 25px;
cursor : pointer;
opacity : 0;
z-index : 2;
transition : all 0.2s linear;
bottom : 20px;
right : 80px;
text-align : center;
}
#up i {
color : #fff;
font-size : 20px;
}
#up.goster {
opacity : 1;
}
#up:hover{
animation-name : heartBeat;
animation-duration : 1s;
}
a.filnet {
margin : 0 auto;
display : block;
width : 16px;
height : 22px;
background : url(../images/filnet.svg) top left no-repeat;
background-size : auto 22px ;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 95px;
}
.p-0 {
padding : 7.5px;
}
.clear {
clear : both;
}
.left {
float : left;
}
.right {
float : right;
}
a.open,.none{
display : none;
}
img.bt{
width : 120px;
margin-top : -10px;
	
}
.ilsec{
width : 100%;
background : #eee;
padding : 10px 15px;
height : 70px;
line-height : 50px;
box-sizing : border-box;
}
.ilsec select{
float : left;
width : 50%;
color : #333;
background : #fff;
border : 1px solid #ddd;
padding : 0 15px;
height : 50px;
line-height : 50px;
box-sizing : border-box;
cursor : pointer;
outline : 0;
}
.ilsec input{
float : left;
width : 50%;
color : #333;
background : #fff;
border : 1px solid #ddd;
border-left : 0;
padding : 0 15px;
height : 50px;
outline : 0;
line-height : 50px;
box-sizing : border-box;
}
#ecz{
width : 100%;
padding : 15px;
border : 1px solid #eee;
box-sizing : border-box;
display : none;
height : 425px;
overflow-y : scroll;
overflow-x : hidden;
position : Relative;
}
.bekle{
position : absolute;
width : 100%;
height : 100%;
background : url(../images/load.svg) center center no-repeat #fafafa;
left : 0;
top : 0;
}
#ecz::-webkit-scrollbar {
width : 10px !important ;
height : 15px !important ;
}
#ecz::-webkit-scrollbar-thumb {
background : #3390ff !important ;
border : 0 !important ;
}
#ecz::-webkit-scrollbar-thumb:hover {
background : #bbb !important ;
border : 0 !important ;
}
#ecz::-webkit-scrollbar-track {
background : #eee !important ;
border : 0 !important ;
}
#ecz hr{
border: 0;
border-bottom: 1px solid #ddd;
background: #999;
margin : 10px 0;
display : block;
}
#page .center #ecz b{
font-size : 14px;
font-weight : 600;
margin : 5px 0;
text-transform: uppercase;
display : block;
}
#ecz span{
width : 100%;
display : block;
color : #777;
font-size : 13px;
}
.siparis_tamamla {
width : 100%;
height : 90px;
padding : 15px 15px 0 15px;
position : relative;
margin-top : 10px;
box-sizing : border-box;
}
.siparis_tamamla .hr {
position : absolute;
width : 100%;
left : 0;
height : 25px;
border-bottom : 2px dashed #ddd;
}
.siparis_tamamla .bolum {
float : left;
width : 33.33%;
text-align : center;
}
#page .center .siparis_tamamla .bolum b, .siparis_tamamla .bolum i {
width : 50px;
height : 50px;
line-height : 50px;
display : inline-block;
background : #ddd;
color : #fff;
border-radius : 25px;
font-size : 20px;
font-weight : normal;
text-align : center;
position : relative;
}
.siparis_tamamla .bolum.tamam i {
width : 50px;
height : 50px;
line-height : 50px;
display : inline-block;
background : #fff;
color : #bbb;
font-size : 50px;
font-weight : normal;
text-align : center;
position : relative;
}
#page .center .siparis_tamamla .bolum b.active, .siparis_tamamla .bolum i.active {
background : #3453A0;
color : #fff;
}
#page .center .siparis_tamamla .bolum b.tamam, .siparis_tamamla .bolum i.tamam {
background : #0BC000;
color : #fff;
cursor : pointer;
}
.siparis_tamamla .bolum.tamam i.active {
color : #099c00;
background : #fff;
}
.siparis_tamamla .bolum span {
display : block;
text-align : center;
color : #aaa;
font-size : 14px;
line-height : 40px;
}
.siparis_tamamla .bolum span.active {
color : #3453A0;
}
.siparis_tamamla .bolum span.tamam {
color : #0BC000;
cursor : pointer;
}
.page_left {
float : left;
width : 75%;
}
.siparis {
width : 100%;
padding : 30px 10px;
box-sizing : border-box;
}
.siparis_in {
width : 100%;
padding : 15px 10px;
box-sizing : border-box;
border : #ddd solid 2px;
margin-bottom : 25px;
background : #fafafa;
}
.siparis_in .str {
float : left;
width : 50%;
padding : 5px 10px;
min-height : 50px;
box-sizing : border-box;
position : relative;
}
.siparis_in .str i {
position : absolute;
color : #3453A0;
width : 50px;
height : 50px;
padding : 17px 14px;
font-size : 20px;
}
.siparis_in .str i.lnr-envelope{
padding : 15px 14px;
}
.siparis_in .str i.lnr-map-marker {
padding : 13px 12px;
}
.siparis_in .str input, .siparis_in .str select {
width : 100%;
padding : 0 10px;
height : 55px;
line-height : 51px;
box-sizing : border-box;
border : #ddd solid 2px;
outline : 0;
font-size : 14px;
background : #fff;
}
.siparis_in .str input.flaticon {
padding : 0 10px 0 40px;
}
.siparis_in .str input:focus, .siparis_in .str select:focus {
border : #ddd solid 2px;
border-bottom : #3453A0 solid 2px;
}
.siparis_in .str textarea.flaticon {
padding : 10px 10px 10px 40px;
}
.siparis_in .str textarea {
width : 100%;
padding : 10px;
height : 100px;
line-height : 24px;
box-sizing : border-box;
border : #ddd solid 2px;
outline : 0;
font-size : 14px;
}
.siparis_in .str textarea:focus {
border : #ddd solid 2px;
border-bottom : #3453A0 solid 2px;
}
.siparis_in .str.tam {
width : 100%;
}
.siparis_in .str#sonuc strong {
float : left;
display : inline-block;
line-height : 22px;
background : #fff;
color : #333;
padding : 0 10px;
}
.siparis_in .str#sonuc strong i {
float : left;
display : inline-block;
width : 22px;
line-height : 22px;
height : 22px;
padding : 0;
font-size : 20px;
color : #d00;
margin-right : 7px;
position : relative;
}
.siparis_in a.kaydet {
float : right;
height : 45px;
line-height : 45px;
color : #fff;
background : #0BC000;
display : inline-block;
border-radius : 5px;
padding : 0 15px;
margin : 5px;
cursor : pointer;
}
.siparis_in a.kaydet:hover {
background : #099c00;
}
.siparis h3 {
text-align : center;
display : block;
font-size : 23px;
height : 20px;
letter-spacing : -0.5px;
font-family : "Times New Roman", Times, serif;
border-bottom : 2px solid #efefef;
}
.siparis h3 i {
display : inline-block;
font-size : 29px;
letter-spacing : -0.5px;
font-family : "Times New Roman", Times, serif;
background : #fff;
font-weight : 400;
padding : 5px 20px;
}
.sepet {
float : left;
width : 25%;
padding : 30px 10px;
box-sizing : border-box;
}
button.ileri {
width : 100%;
height : 50px;
line-height : 50px;
background : #0BC000;
color : #fff;
border : 0;
outline : 0;
border-radius : 5px;
font-size : 17px;
cursor : pointer;
margin-bottom : 15px;
}
button.ileri:hover {
background : #099c00;
}
.siparis_in .str button.ileri i {
position : relative;
color : #fff;
font-size : 20px;
float : right;
width : 30px;
height : 50px;
padding : 0;
}
.sepet_in {
width : 100%;
box-sizing : border-box;
border : #ddd solid 2px;
margin-bottom : 15px;
}
.sepet_in i {
text-align : center;
display : block;
font-size : 15px;
}
.sepet_in table {
border-collapse : collapse;
width : 100%;
color : #444;
}
.sepet_in table i {
font-size : 10px;
opacity : 0.5;
}
.sepet_in table i:hover {
font-size : 10px;
opacity : 0.9;
cursor : pointer;
}
.sepet_in table td, .sepet_in table th {
padding : 15px 10px;
}
.sepet_in table td.delete {
padding : 15px 0 15px 5px;
width : 20px;
}
.sepet_in table td.fyt {
text-align : right;
font-size : 12px;
white-space : nowrap;
}
.sepet_in table td.tfyt {
text-align : right;
font-size : 15px;
white-space : nowrap;
}
.sepet_in table tr:nth-child(even) {
background-color : #efefef;
}
.sepet_in table th {
text-align : left;
color : #0BC000;
font-size : 15px;
font-weight : 600;
}
.odeme {
width : 100%;
padding : 30px 10px;
box-sizing : border-box;
}
#tabalan {
width : 100%;
height : 50px;
list-style : none;
border-bottom : 2px solid #0BC000;
position : relative;
z-index : 1;
}
#tabs {
margin : 0;
padding : 0;
width : 100%;
height : 50px;
list-style : none;
box-sizing : border-box;
}
#tabs li {
float : left;
}
#tabs li img {
height : 20px;
margin : 10px 0;
}
#tabs a {
float : left;
position : relative;
margin-right : 2px;
padding : 5px 15px;
height : 48px;
line-height : 40px;
text-decoration : none;
color : #444;
border : rgb(0 0 0 / 0.06) solid 2px;
border-bottom : 0;
border-top-left-radius : 5px;
border-top-right-radius : 5px;
background : #efefef;
}
#tabs a:hover {
background : #fafafa;
border : #ddd solid 2px;
border-bottom : 0;
}
#tabs a:focus {
outline : 0;
}
#tabalan a#exit {
position : absolute;
top : 0;
right : 0;
height : 38px;
line-height : 38px;
text-decoration : none;
color : #333;
}
#tabalan a#exit i {
float : right;
font-size : 20px;
color : #d00;
margin-left : 10px;
}
#tabalan a#exit:hover {
color : #d00;
}
#tabs #current a, #tabs #current a::after {
background : #fff;
z-index : 2;
color : #0BC000;
border : #0BC000 solid 2px;
border-bottom : 2px solid #fff;
height : 50px;
}
#content {
width : 100%;
margin : 15px 0;
min-height : 300px;
position : relative;
z-index : 1;
}
#content .alan {
width : 100%;
padding : 10px 0;
box-sizing : border-box;
}
#content .alan .siparis {
padding : 10px 0;
}
#content .alan .sptbox {
padding : 15px 20px;
border-radius : 5px;
border : #efefef solid 2px;
margin-top : 10px;
}
#content .alan .bekleyen {
width : 100%;
height : 55px;
line-height : 55px;
border-top : 1px solid #ddd;
box-sizing : border-box;
}
#content .alan .bekleyen i {
float : left;
width : 40px;
height : 55px;
font-size : 30px;
color : #666;
}
#content .alan .odeme_alan {
float : left;
width : 55%;
min-height : 100px;
padding-right : 15px;
box-sizing : border-box;
}
#content .alan .odeme_alan p {
line-height : 23px;
}
#content .alan .odeme_alan .str {
float : left;
width : 100%;
padding : 5px;
min-height : 50px;
box-sizing : border-box;
position : relative;
line-height : 20px;
font-size : 13px;
}
#content .alan .odeme_alan .str .onay{
float : left;
width : 20px;
height : 20px;
background : #3453A0;
border-radius : 5px;
color : #fff;
text-align : center;
margin-right : 7px;
}
#content .alan .odeme_alan .container {
display : inline-block;
white-space : normal;
}
#content .alan .odeme_alan .container .checkmarks i {
top : -20px;
left : -6px;
position : absolute;
display : block;
color : #fff;
font-size : 12px;
}
#content .alan .odeme_alan .container input:checked ~ .checkmarks i {
color : #fff;
top : -3px;
left : 3px;
}
#content .alan .odeme_alan .baslik {
float : left;
width : 40%;
height : 55px;
line-height : 55px;
}
#content .alan .odeme_alan input, #content .alan .odeme_alan select {
float : left;
width : 60%;
padding : 0 10px;
height : 55px;
line-height : 51px;
box-sizing : border-box;
border : #ddd solid 2px;
outline : 0;
font-size : 18px;
}
#content .alan .odeme_alan select:last-child {
float : right;
}
#content .alan .odeme_alan input.mini, #content .alan .odeme_alan select.mini {
width : 27%;
}
#content .alan .odeme_alan input.banka, #content .alan .odeme_alan select.banka {
width : 100%;
}
#content .alan .odeme_alan input:focus {
border : #ddd solid 2px;
border-bottom : #3453A0 solid 2px;
}
#content .alan .odeme_alan button.ode {
margin : 0 auto;
width : 200px;
height : 50px;
display : block;
line-height : 50px;
background : #45b1e8;
background-image : linear-gradient(#45b1e8, #3097de);
color : #fff;
border : 0;
outline : 0;
border-radius : 5px;
font-size : 17px;
cursor : pointer;
margin-bottom : 15px;
}
#content .alan .odeme_alan button.ode:hover {
background : #3097de;
}
#content .alan .toplam {
float : left;
width : 45%;
height : auto;
box-sizing : border-box;
margin-top : 5px;
background : #fafafa;
text-align : center;
line-height : 20px;
padding : 20px 0;
font-size : 18px;
border : #ddd solid 2px;
cursor : pointer;
color : #666;
}
#content .alan .toplam b {
color : #0BC000;
font-weight : 400;
font-size : 25px;
display : block;
line-height : 40px;
}
@media screen and (max-width:980px) {
#header .menu {
display : none;
}
.galeribox a.resim,.galeribox a.resim2 {
height : 185px;
}
a.open{
float : right;
display : block;
width : 45px;
height : 45px;
line-height : 45px;
margin : 5px 0;
font-size : 40px;
color : #fff;
}
#header .menu.left.ac{
display : block;
position : absolute;
width : 100%;
background : #3453A0;
height: auto;
padding : 10px;
left : 0;
margin-top : 70px;
}
#header a#logo.top{
padding : 15px 0;
}
#header a#logo.top img{
float : left;	
}
#header .menu.right.ac{
display : block;
position : absolute;
width : 100%;
background : #3453A0;
height: auto;
padding : 10px;
left : 0;
margin-top : 220px;
}
#header ul.menu.right li {
    float: left;
}
#header ul.menu li{
height : 50px;
line-height : 50px;
border-top : 1px solid rgba(255,255,255,0.2);
}
#header ul.menu li a{
color : #fff;
line-height : 50px;
height : 50px;
}
#header ul.menu li:hover a{
border-bottom : 0;
}
#bar ul.menu.left{
float : right;
margin-left : 0px;
}
#header ul.menu.left{
margin-left : 0px;
}
#header .menu{
width : 100%;
}
#header ul.menu li{
width : 100%;
}
#header ul.menu li:hover div{
position : relative;
}
#header ul.menu li a.grp{
pointer-events : none;
}
.galeribox.belge {
width : 25%;
}
.galeribox.belge a.resim {
height : 340px;
}
.box,.box1{
width : 100%;
}
}
@media screen and (max-width:780px) {
.siparis_tamamla {
padding : 15px 5px 0 5px;
}
.siparis_tamamla .bolum.tamam span {margin-top : -3px;}
.siparis_tamamla .bolum span {
display : block;
text-align : center;
color : #aaa;
font-size : 10px;
line-height : 40px;
}
.page_left, .sepet {
width : 100%;
}
.siparis_in .str {
width : 100%;
padding : 5px;
}
.siparis {
width : 100%;
padding : 10px 0;
}
#content .alan .odeme_alan {
float : left;
width : 100%;
height : auto;
padding-right : 0;
box-sizing : border-box;
}
#content .alan .toplam {
float : left;
width : 100%;
height : auto;
box-sizing : border-box;
border-radius : 5px;
background : #fff;
text-align : center;
line-height : 20px;
padding : 20px 0;
font-size : 18px;
margin-top : 35px;
}
.siparis_in {
padding : 10px 5px;
border : 0;
background  :none;
}
.odeme {
width : 100%;
padding : 10px 5px;
box-sizing : border-box;
}
.galeribox a.resim,.galeribox a.resim2 {
height : 155px;
}
.galeribox.belge {
width : 33.33%;
}
.galeribox.belge a.resim {
height : 300px;
}
.box1 .box_in,.box1 .box_in:hover{
border-left : 1px solid #ddd;
}
.box_in{
padding :15px 10px;
}
.box1 .box_in.brl{
border-left : 1px solid #ddd;
}
.box1 .box_in,.box1 .box_in:hover{
border-top : 0;
}
.box1 .box_in.brl{
border-top : 1px solid #ddd;
}
.sales_right{
display : none;
}
.box,.box1,#page .sales p{
width : 100%;
}
.box.map{
width : 100%;
}
.box.otuz{
width : 50%;
}
.box.urun{
width : 50%;
}
.box.otuz.ono{
display : none;
}
.box_img.wi img{
margin : 0 auto;
width : auto;
height : auto;
max-width : 100%;
max-height : 120px;
}
.box_in span.eskifiyat {
display : none;
}
.box_in .bilgi{
background : #0BC000;
position : absolute;
text-align : center;
color : #fff;
display : block;
padding : 0 35px;
line-height : 30px;
font-size : 11px;
transform: rotate(-45deg);
left : -38px;
top : 12px;
z-index : 9;
}
.box.urun .box_img.wi img {
max-height: auto;
}
.galeribox.otuz {
width : 33.33%;
}
.galeribox {
width : 33.33%;
}
.owl-carousel .owl-nav {
display : none;
}
#page iframe.mapp {
top : 0;
right : 0;
width : calc(100%);
position : relative;
border : #ddd solid 1px;
border-radius : 5px;
overflow : hidden;
}
#bar ul.menu.right li a b{
display : none;
}
}
@media screen and (max-width:480px) {
.galeribox a.resim,.galeribox a.resim2 {
height : 125px;
}
#bar{
width : 100%;
height : 35px;
line-height : 35px;
background : #00a3d3;
background-image: linear-gradient(to right, #294281 30%, #233970 100%);
transition : all 0.3s linear;
position : fixed;
z-index : 10;
top : 0;
}
ul.menu.left{
display : none;
}
.item-block,#page .sales p span,.non {
display : none;
}
.item-center2,.item-left,.item-right {
float : left;
display : table;
height : 400px;
width : 100%;
padding : 35px 0;
overflow : hidden;
}
.item-inner p span {
font-size : 14px;
}
.galeribox {
width : 50%;
}
#baslik h1 {
display : block;
width : 100%;
}
#footer .footer .alan {
width : 50%;
margin-top : 25px;
padding : 0 15px;
}
#footer .footer .alan b,#footer .footer .alan a{
text-align : left;
}
.bximg{
display : none;
}
.box{
width : 100%;
}
.galeribox.belge {
width : 50%;
}
.galeribox.belge a.resim {
height : 280px;
}
.pageimg {
width : 100%;
height : auto;
float : right;
margin : 0 0 20px 0px;
border-radius : 15px;
overflow : hidden;
}
.pageimg img{
width : 100%;
height : auto;
}
}