@font-face {
font-family: 'Source Sans Pro', sans-serif;
src: url('images/neosanspro-regular-webfont.eot');
src: url('images/neosanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('images/neosanspro-regular-webfont.woff') format('woff'),
url('images/neosanspro-regular-webfont.ttf') format('truetype'),
url('images/neosanspro-regular-webfont.svg#neo_sans_proregular') format('svg');
font-weight: normal;
font-style: normal;
}
body{
margin: 0px;
padding: 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
color:#444;
text-decoration:none;
}
* { outline:none;text-decoration:none;}
td,th { vertical-align:top; text-align:left; text-decoration:none;}
img {border:none; vertical-align:middle; }
ul,form { list-style:none; margin:0; padding:0; text-decoration:none;}
p { margin:0; padding:0; line-height:22px; text-decoration:none; }
a { color:#333; text-decoration:none; }
a:hover { color:#333 text-decoration:none;}
.clear { clear:both;}
h2 { font-size:22px; line-height:22px; font-weight:bold; font-weight:bold; margin-bottom:15px; font-family: 'Roboto', sans-serif; color:#000;}
h6 { font-size:30px; line-height:24px; margin-bottom:15px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#000; font-style:italic; }
h4 { font-size:16px; line-height:24px; margin-bottom:5px; font-weight:normal; font-family: 'Roboto', sans-serif; color:#000; font-weight:bold;}
h5 { font-size:22px; line-height:24px; margin-bottom:5px; font-weight:normal; font-family: 'Roboto', sans-serif; color:#390;font-weight:bold;}
h8 { font-size:16px; line-height:24px; font-weight:normal; font-family: 'Josefin Sans', sans-serif; font-weight:700; color:#333; }
h7 { font-size:16px; line-height:24px; font-weight:normal; font-family: 'Josefin Sans', sans-serif; font-weight:700; color:#333; }
h1 { font-size:24px; line-height:24px; margin-bottom:15px; font-weight:normal; font-family: 'Oswald', sans-serif; color:#666;}
small {
font-size: smaller;
}
@media (max-width: 800px) { .socials { float:left !important; padding:0 0 15px 15px !important; } #search_mini_form { float:left; !important; padding:10px 0 15px 0 !important;} }
#img_01 { width:464px; border:1px solid #DDD;}
@media (max-width: 800px) { #img_01 {width:95%;} }
@media screen and (max-width: 490px) { #anamenu {display: none !important;} .mobildegizle {display: none !important;}}
.navbar-nav li a{ font-size:13px; color:#333; font-family: 'Josefin Sans', sans-serif; font-weight: 600; text-transform:uppercase; border-left: 1px dotted #d1d1d1; }
.whatsappsiparis {position: fixed;bottom: 0;width: 50%;color:#fff;background:#26D367;z-index:99999 !important;right:0;padding: 5px 0;}@media screen and (min-width: 555px) {.whatsappsiparis { display : none !important;}}.hemenara { position:fixed; bottom:0; left:0; width:50%; background:#09b5ea; padding: 5px 0; z-index: 99999 !important;}@media screen and (min-width: 420px) { .hemenara {display:none !important;}}
#iconimage{ padding:5px; }
#slider { margin-top:-10px;}
#logo { float:left; }
#logomobil { text-align:center; margin:0px; margin-top:10px; background-color:#f1f3f4; }
#searchmobil{ padding:10px; margin:0px; font-size:10px; }
.login{ display: inline-block !important;
margin-left: 10px; font-size:15px;}
.menuimage { display:block; text-align:center; padding:5px;}
.menu_image { width:auto; text-align:center; max-height:40px; }
.menutext { float:left; width:25%; border-right: 1px solid #DFDFDF; font-size:12px; font-weight:600; color:#000; font-family: 'Roboto', sans-serif; }
h3 { font-size:16px; letter-spacing: 2px; font-weight:bold; font-family: 'Josefin Sans', sans-serif;color:#666;}
.menutag { margin-left:30px; margin-right:30px; }
.footer-menutag { display:block; border-top:1px #CCC solid; border-bottom:1px #CCC solid; padding:20px; width:100%; background-color:#ededed; float:left; margin-top:30px; }
.footer-sosyal-text{ font-size:23px; font-weight:bold; padding:10px; }
.sosyalx{
color:#FFF; text-align:center; width:190px; float:right;
}
.baslikudt { font-size:28px; line-height:22px; margin-bottom:15px; font-weight:900; color:#000; font-family: 'Roboto', sans-serif; }
.sosyalx h9{
color:#FFF;
text-align:center;
}
#ustsag { text-align:right; }
.navtakip { padding: 20px; float: right; background-color:#ee3d43; height: 55px;}
.navtakip a{ float: right; background-color:#ee3d43; color: #FFFFFF; font-weight: bold;}
.navtakiphs { padding: 20px; float: right; background-color:#23b4b4; height: 55px;}
.navtakiphs a{ float: right; background-color:#23b4b4; color: #FFFFFF; font-weight: bold;}
.navtakipuye { padding: 20px; float: right; background-color:#666; height: 55px;}
.navtakipuye a{ float: right; color: #FFFFFF; font-weight: bold;}
#ust_li { float:right; }
#ust_li li{ float:left; padding:2px; margin:0 3px; }
.ones { padding-top:20px !important; }
.js div#preloader { position: fixed; left: 0; top: 0; z-index: 9999999; width: 100%; height: 100%; overflow: visible; background:#FFF url(images/ajaxloader.gif) no-repeat center center; } }
#sep1{ width:25px; height:32px; padding:16px; font-size:12px; color:#000; background:url(images/sepet.png) no-repeat bottom right; }
.mobil-menu {
background: #111111;
left: -250px;
height: 100%;
position: fixed;
width: 250px;
}
.mobil-menu ul {
border-top: 1px solid #636366;
list-style: none;
margin: 0;
padding: 0;
}
.mobil-menu li {
border-bottom: 1px solid #222;
line-height: 45px;
padding-bottom: 3px;
padding-left: 20px;
padding-top: 3px;
color:grey;
text-decoration:none;
transition:all .6s;
}
.mobil-menu li:hover {
background-color:#000;
color:white;
}
.mobil-menu li a{
color:inherit;
text-decoration:none;
}
.takip {
text-align:right;
font-weight:bold;
padding:5px;
}
.eror {
text-align:left;
font-weight:bold;
padding:5px;
color:#F00;
font-size:16px;
}
.takipdurum {
color:#F00;
text-align:left;
font-weight:bold;
padding:5px;
}
.ac-kapa{
background-color:white;
padding:12px 8px;
margin:50px 0;
font-size:110%;
border-radius:0 6px 6px 0;
}
.hover-menu{
margin:10px;
width:200px;
text-align:left;
}
.hover-menu li{
list-style:none;
}
.hover-menu li a{
width:150px;
font-size:13px;
position:relative;
z-index:10;
background:rgba(255,255,255,0.8);
color:#333;
}
.hover-menu li:hover a{
background:rgba(255,239,240, 0.4);
text-decoration:none;
}
.hover-menu li a span{
display:block;
}
.hover-menu li a span:first-child(){
font-weight:bold;
font-size:16px;
color:#ddd;
padding-top:10px;
}
.hover-menu li a span:nth-child(2){
font-weight:400;
font-style:italic;
font-size:28px;
transition:color 0.2s linear;
}
.hover-menu li:nth-child(1):hover span:nth-child(2){
color:#ae3637;
}
.hover-menu li:nth-child(2):hover span:nth-child(2){
color:#c3d243;
}
.hover-menu li:nth-child(3):hover span:nth-child(2){
color:#d38439;
}
.hover-menu li:nth-child(4):hover span:nth-child(2){
color:#8e7463;
}
.hover-menu li img{
position:absolute;
z-index:1;
right:0;
padding:10px;
top:0;
opacity:0;
transition:left 0.4s ease-in-out, opacity 0.6s ease-in-out;
}
.hover-menu li:hover img{
opacity:1;
}
/* end of menu */
.facebook{ float:left; background-color:#3b5998; border-radius:50px; width: 46px; height: 46px; padding:10px; font-size:22px; text-align:center; color:#FFF; }
.twitter{ float:left; background-color:#00aced; border-radius:50px; width: 46px; height: 46px; padding:10px; font-size:22px; text-align:center; color:#FFF;}
.instagram{ float:left; background-color:#517fa4; border-radius:50px; width: 46px; height: 46px; padding:10px; font-size:22px; text-align:center; color:#FFF;}
.pin{ float:left; background-color:#cb2027; border-radius:50px; width: 46px; height: 46px; padding:10px; font-size:22px; text-align:center; color:#FFF;}
.facebook a{ color:#FFF; }
.twitter a{ color:#FFF;}
.instagram a{ color:#FFF;}
.pin a{ color:#FFF;}
.mail{ color:#E0E0E0;}
.lbold {color:#999999; font-size:12px; text-transform:none; font-family: 'Open Sans Regular', sans-serif; }
.lbold a{ color:#999999; font-size:12px; font-family: 'Open Sans Regular', sans-serif; !important; }
.lboldmail {color:#fff; font-size:12px; }
.lboldmail a{ color:#fff; font-size:18px; }
.menulbold {color:#fff; background-color:#333; font-size:12px; text-transform:none; }
.menulbold a{ color:#fff; font-size:12px; }
.lin { font-size:12px; color:fff; -webkit-transition: all 0.25s; display:block; font-family: 'Roboto', sans-serif; }
.lin a{ color:#fff; !important; !important; }
a.lins { color:fff; font-family: 'Roboto', sans-serif; font-size:12px; !important; }
.lin a:hover, .lin a.active {!important; color:#fff; !important; }
.cek{ padding:3px; color:#FFF;}
.sip { font-size:20px; font-weight:bold; color:666; margin:0px; height:50px; border-radius:100px; width: 70%; background-color: #f387a6;
color: #fff;
font-family: 'Roboto', sans-serif;
text-align: center;
box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2); vertical-align:middle; word-spacing: 2px; letter-spacing: 2px;}
.sip a{ color:#fff; padding:5px; !important; !important; }
.sip a:hover, .sip a.active {!important; color:#fff !important; }
.linmenu { color:#fff; z-index:9999999; padding:10px; text-align:center; font-size:16px; font-weight:bold; font-family:'Oswald',; }
.linmenu a{ color:#900; }
.linmenu>li{ color:#900; }
#usertag { height: 20px; padding:1px; background-color:#f2f3f3; font-size:13px; text-align:right; }
.tagicon { float:right; text-align:left; color:#333;}
.anamenuico { color:#FFF;}
.designlg { padding-top:30px;}
.designsp { color:#816a4a; font-size:14px; }
#menu1 { background:#fff; text-align:left; }
.septext { color:#816a4a; margin-left:5px;
}
#sepet_bilgi {display: inline-block !important; width:46px; height:50px; background:url(images/h-shop.png) no-repeat top right; position:relative; font-size:10px; }
#sep1 { position:absolute; left:10px; top:12px; }
#sep2 {
position:absolute;
right:6px;
top:32px;
background-color:#F00;
text-decoration: none;
color: #999999;
display: block;
width: 20px;
height: 20px;
padding: 2px;
border-radius: 50%;
text-align: center;
line-height: 15px;
color: #fff;
font-size: 13px;
-}
#menu2 { background:#a43763; }
#main { }
#mainmobil { background-color:#f1f3f4; }
#menusip { background:#ed2c7a; padding:7px; }
.center {
display: block;
margin-left: auto;
margin-right: auto;
}
.mg_menu_item { position: relative;
display: flex;
justify-content: flex-start;
height: 51px;}
.mg_menu_nav { position: relative;
display: flex;
justify-content: flex-start;
height: 51px;}
.subMenu {display: flex;
flex-direction: column;
padding-left: 1.5625rem;}
/* Navbar container */
.navibar {
overflow: hidden;
font-family: Arial;
color:#fff;
font-size:12px;
background-color:#ed2c7a;
}
/* Links inside the navbar */
.navibar a {
float: left;
color:#999;
text-align: center;
text-decoration: none;
}
/* The dropdown container */
.dropdownon {
float: left;
overflow: hidden;
font-family: 'Roboto', sans-serif;
color:#FFF;
font-size: 15px;
font-weight:bold;
text-transform: uppercase;
}
/* Dropdown button */
.dropdownon .dropbtnon {
font-size: 15px;
border: none;
outline: none;
color:#FFF;
font-family: 'Roboto', sans-serif;
background-color: inherit;
font: inherit;
padding:12px;
word-spacing: 2px;
border-left:1px solid #f576a9;
/* Important for vertical align on mobile phones */
}
/* Add a red background color to navbar links on hover */
.navibar a:hover, .dropdownon:hover .dropbtnon {
background-color:#FFF; color:#a82483;
}
/* Dropdown content (hidden by default) */
.dropdownon-content {
display: none;
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
width: 80%;
z-index: 999999;
padding:20px;
}
/* Mega Menu header, if needed */
.dropdownon-content .headeron {
color: white;
}
/* Show the dropdown menu on hover */
.dropdownon:hover .dropdownon-content {
display: block;
}
/* Create three equal columns that floats next to each other */
.columnon {
float: left;
width: 22.33%;
}
.columnon h4 {
font-weight:bold;
color:#000;
}
/* Style links inside the columns */
.columnon a {
float: none;
text-decoration: none;
display: block;
text-align: left;
color:#000;
font-size:13px;
padding:5px;
}
/* Add a background color on hover */
.columnon a:hover {
text-decoration:underline; color:#a82483;}
.hafta {
border-left: 5px solid red;
}
/* Clear floats after the columns */
.rowon:after {
content: "";
display: table;
clear: both;
}
.zoomIcon {
width:33px;
height:33px;
position:absolute;
top:0;
right:0;
background:url(icon.png);
}
/* these styles are for the demo, and are not required for the plugin */
.zoom {
display:inline-block;
position:relative;
}
.zoom img {
display: block;
}
.zoom img::selection { background-color: transparent; }
.subMenu_item { width: 100%;
font-size: .875rem;}
.subMenu-content {
position: absolute;
z-index: 4;
top: 100%;
right: 0;
left: 0;
display: none;
width: 100%;
border: solid 1px #e9e9e9;
border-top: 0;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 6px 9px -2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 6px 9px -2px rgba(0,0,0,0.1);
}
.maincv { background-color:#edf1f2; padding:15px; border-radius: 5px; }
.maintext { font-size:1.1em; font-family: 'Roboto', sans-serif; }
.maintext h3 { font-size:1.4em; font-family: 'Roboto', sans-serif; padding:0px; margin:0px; }
.banner-item { float:left; position: relative; width:210px; padding:5px; }
.maintextbanner {
float:left;
display:block;
text-align: center;
color: #000;
vertical-align: middle;
font-size:45px;
padding:20px;
}
.camping { font-size:13px; color:#d7cb81; font-family: 'Josefin Sans', sans-serif;
}
.camping a{ font-size:13px; color:#fff; font-family: 'Josefin Sans', sans-serif;
}
.mainmenu { height:30px; color:#333; padding:5px; font-size:13px; font-family: 'Josefin Sans', sans-serif; border-bottom:1px #e4e3e0 solid; }
.mainmenu a{ height:25px; color:#333; }
.menuwt {color:#333; font-family:"Montserrat", sans-serif; font-size:13px; text-align:right; float:right; border-right: 1px solid #ccc; margin-right:10px; padding-right:10px; }
.menuwt a {color:#333; font-family:"Montserrat", sans-serif; font-size:13px;}
.menuwt:hover {color:#fff; font-family:"Montserrat", sans-serif; font-size:13px; text-decoration:none;}
.menuwtblack {color:#000; font-family:"Montserrat", sans-serif; font-size:25px; text-align:left; padding:5px; }
.menuwtblack a {color:#000; font-family:"Montserrat", sans-serif; font-size:25px;}
.menuwtblack:hover {color:#000; font-family:"Montserrat", sans-serif; font-size:25px; text-decoration:none;}
.top { margin-top:20px; text-align:left; }
.toptm { margin-top:70px; text-align:left; }
.takip { float:left; padding:5px 0 0 0; font-size:17px; color:#999; }
.takip li { float:left; padding:0px 1px; margin-right:20px; color:#999;}
.takip a { color:#666; text-decoration:none;}
.reklambanner { text-align:left; float:left; display:none;}
.bannersw { text-align:right; float:right; }
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1); }
#search_mini_form { float:left; }
.search{ float:right; text-align:center; border-radius: 0px 5px 5px 0px; border-color:#FFF; font-size:15px; font-family: 'Josefin Sans', sans-serif; }
.search-menu-item { float:left; padding:5px; margin-top:50px; font-size:16px; width:%100; }
#header_links { background:#3E3E3E; padding:8px; color:#fff }
.links { float:right; }
.links li { padding:1px 4px; float:left; }
.links li:last-child { }
.links li a { color:#fff; }
.form-search { background:url(images/arabg.png) no-repeat top left; width:400px; padding-top:0px; height:45px; margin-top:40px; margin-left:0px; }
.vcenter {
display: flex !important;
align-items: center;
justify-content: center;
}
.vcentersp {
margin-top:47px;
margin-left:-50px;
font-size:15px;
}
.vbanner {
background-color:#CCC;
}
.input-text { width:200px; padding:7px 5px 5px 15px; background:none; border:none; }
.input-searchtext { width:300px; padding:7px 5px 5px 15px; background:none; border:none; }
.sbmt { width:55px; height:48px; border:none; background:none; }
.socials{ float:right; padding:10px 0 0 0; }
.socials li { float:left; padding:0px 1px; }
.item{ !important; position:relative;}
.ctext { background:rgba(238,199,0,0.7); padding:10px 20px; position:absolute; right:0; top:45px; font-family:'Oswald'; font-size:24px; color:#fff; }
.securtyblock{ height:80px; margin-top:40px; background-color:#000; font-size:15px; padding:10px; color:#FFF; !important; }
.securtyblock li{width:300px; padding:10px;!important; }
.securtybrdr { border-right: 1px dotted #666;}
.bimg { height: 478px; width:100%; !important; }
.bimgrs { height:100%; width:100%; !important; }
.bannerrs { float:left; !important; }
.butonbs { height:200px; padding:20px; text-align:left; color:#fff; text-decoration:none; text-transform:none; font-size:36px; font-family: 'Dancing Script', cursive; }
.butonbs a{ text-align:left; color:#fff; text-transform:none; text-decoration:none; font-size:36px; font-family: 'Dancing Script', cursive; }
.bannerhft { height:30px; font-size:16px; color:#000; padding:5px; margin-top:10px; float:left;}
.ccc { position:absolute; overflow:hidden; background:url(images/arrow.png) no-repeat top left; height:44px; width:102px; }
.cnext { width:51px; left:90px; bottom:25px; background-position:right; }
.cnext:hover { }
.cprev {width:51px; left:40px; bottom:25px; }
.cprev:hover { }
footer { color:#000; }
footer a { color:#000; }
.foot-etiket {
text-align:justify; color:#CCC; background-color:#121214;
}
.foot-etiket a{
text-align:justify; color:#CCC;
}
/* footer */
footer h4 { font-family: 'Oswald', sans-serif; padding: 0 0 8px 0; font-size:16px; color: #5a6e82; font-weight:bold;}
footer h5 { font-family: 'Oswald', sans-serif; padding: 0 0 8px 0; font-size:14px; color:#816a4a; font-weight:bold; }
#templatemo_footer_wrapper {
width: 100%;
margin: 0 auto;
}
#templatemo_footeralt {
width:100%;
background-color:#f5f5f5;
}
#templatemo_footer {
width:100%;
margin: 0 auto;
padding-top:20px;
color:#000;
background-color:#f5f5f5;
}
#templatemo_footer .section_w220 {
float: left;
width: 200px;
padding-right: 20px;
background-color:#f5f5f5;
}
#templatemo_footer .section_w220 h4 {
color: #000;
margin: 0 0 10px 0;
padding: 3px 0;
border-bottom: 1px dotted #FFF;
background-color:#f5f5f5;
}
#templatemo_footer p {
margin-bottom: 10px;
background-color:#f5f5f5;
}
#templatemo_footer a {
color: :#333;
background-color:#f5f5f5;
}
.footer_list_menu {
margin: 0px;
padding: 0px;
list-style: none;
font-size:15px;
}
.footer_list_menu li {
margin: 0px;
padding: 3px 0;
text-align:left;
display:inline-table;
}
.footer_list_menu li a {
color:#999;
font-weight: normal;
}
.footer_list_menu li a:hover{
color:#000;
font-weight: normal;
text-decoration:none;
}
/* end of menu */
.facebooktxt{ float:left; font-size:18px; color:#999; padding:5px; }
.footfacebook{ text-align:center; float:left; padding:5px; font-size:22px; color:#fff; width:40px; height:40px; border-radius:100px; background-color:#666; }
.foottwitter{ text-align:center; float:left; padding:5px; font-size:22px; color:#fff; width:40px; height:40px; border-radius:100px; background-color:#666; }
.footinstagram{ text-align:center; float:left; padding:5px; font-size:22px; color:#fff; width:40px; height:40px; border-radius:100px; background-color:#666; }
.footpin{ text-align:center; float:left; padding:5px; font-size:22px; color:#fff; width:40px; height:40px; border-radius:100px; background-color:#666; }
.footfacebook a{ color:#000; }
.foottwitter a{ color:#000;}
.footinstagram a{ color:#000;}
.footpin a{ color:#000;}
.footmail{ color:#000;}
.icon::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
/* version 4's styling (using calendar-o) */
.calendar::before {
font-family: FontAwesome;
content: "\f133";
}
/* version 5's styling (using updated regular style of calendar) */
.calendar::before {
font-family: "Font Awesome 5 Free"; /* updated font-family */
font-weight: 400; /* regular style/weight */
content: "\f133";
}
.uyeicon { float:right; margin-top:60px; !important;}
.contact_address {
line-height: 25px;
font-size: 14px;
}
.flist { text-align:left; }
.flist,.contact_address { margin:0px 0 0 0; padding:0; list-style:none; }
.flist li, .contact_address li{ padding:6px 0; }
.flist li a{ font-size:14px; color:#000;}
footer h4 { padding: 0 0 8px 0; font-size:16px; color: #5a6e82; font-weight:bold;}
footer h5 { padding: 0 0 8px 0; font-size:14px; text-transform:uppercase; text-align:left; color:#000; font-weight:bold; }
.icon { margin-right:5px; color:#333;
}
.icondw { margin-right:5px; font-size:25px; color:#fff;
}
.icondw a{ margin-right:5px; font-size:25px; color:#fff;
}
.icondw:hover { margin-right:5px; font-size:25px; color:#000;
}
.alt { background-color:#f5f5f5; border-top:1px solid #ccc;}
.fa { display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.falt { background:url(images/dot.gif) no-repeat 20px 14px !important;}
.falt a { padding:8px 0 8px 29px !important; }
#fa1 { width:285px; float:left;}
#fa2 { width:210px; float:left; margin-left:30px; }
#fa3 { width:210px; float:left; margin-left:30px; }
#fa4 { width:210px; float:right; margin-left:20px; }
#s3 { position:absolute; right:10px; top:10px; }
#foyazi { position:absolute; left:20px; top:20px; }
#copyright{ height:20px; color:#fff; padding:25px 0 20px 0; margin-top:50px; margin-left:0px; border-top:1px solid #666; }
.fleft { float:left;}
.fright { float:right;}
.mten { margin-left:10px;}
.leftsidebar { padding:0 0px 0 0px !important; float:left;}
#pageright { width:74%; float:right; }
.prod { width:100%; }
.validation-failed { border:1px dashed #DD4B39 !important; background:#faebe7 !important; }
.ten { height:10px;}
.tarihinputbutton{ width:100%; float:left;}
.saatinputbutton{ width:100%; float:left; margin-top:20px;}
.twn { margin-top:20px;}
.twnbs { height:50px;}
.twnurun { height:400px;}
.urunlist { width:246px; height:380px; background:#fff; border:1px solid #EAEAEA; float:left; border-bottom:5px solid #D7D7D7; padding:5px; text-align:center; margin:0 6px 16px 0;
}
.urunlist .resimdiv {width:240px; height:220px; padding:5px 0 5px 0; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle; }
.urunlist img { max-width:235px; max-height:210px; }
.urunlist .detay { overflow:hidden;}
.urunlist .urunad { height:52px; font-weight:bold; text-align:center; }
.urunlist .urunad a{ color:#666; font-size:13px; text-align:center; }
.urunlist .price { margin-top:5px; text-align:center; font-size:22px; background:#f8f8f8; padding:5px; }
.urunlist .ciziks { margin-top:5px; text-align:center; font-size:14px; background:#f8f8f8; padding:5px; text-decoration:line-through; }
.urundty{ background-color:#FFF; padding:10px; width:100%;
}
.sehirsip{ padding:5px; font-weight:bold; font-family: 'Roboto', sans-serif; font-size:14px; }
.teslim{ padding:5px; font-family: 'Roboto', sans-serif; font-size:14px; color:#666; }
.urunsipresim{ float:left; width:auto; height:150px; padding:10px; display:block; position:static;
}
.urunsipaci{ float:left; padding:10px;
}
.urundtyimg {
width:100%; max-width:600px; float:left; padding:15px;
}
.dtyad { text-transform:capitalize;
}
.uyari { font-size:11px; color:#f00;}
em { color:#f00;}
.urunArea { width:610px; height:400px; display:none}
.urun_resim { width:300px; float:left; height:350px; overflow:auto; }
.urun_resim img{max-width:300px;}
.urun_ozellikler{ width:300px; float:left; margin-left:10px;height:350px; overflow:auto; }
.satinal { text-align:right;}
.satinal a{ padding:6px; background:#F93; color:#fff;}
.ozellik {border:1px solid #DDD; padding:5px; padding-bottom:30px;}
.topHead { background-color:whitesmoke; padding:7px; border:1px solid #e5e5e5; color:#555; font-weight:bold; font-size:12px;}
.topHead { margin-top:40px;}
.ozellik hr { border:none; border-top:1px dotted #ccc;}
.siptable { width:%100; padding:10px;}
.urunspt { width:%100; padding:20px; }
.sipsut { width:%100; height:60px; color:#666; font-size:16px;}
.siptes { width:%100; font-size:25px; position: relative; height:60px; margin-bottom:20px; color:#666; font-size:16px;}
.input-sip{
font-size:1.25em; font-family: 'Josefin Sans', sans-serif; font-weight:400;
}
.input-sip::placeholder {
color:#999;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.imageitem {
position: relative;
border: 1px solid #ccc;
overflow: hidden;
width: 100%;
padding:5px;
}
.imageitem img {
max-width: 100%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.imageitem:hover img {
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.sipbssut { width:%100; padding: 5px; color:#fff; font-size:16px; background-color:#1F1F1F}
.siptxtarea { width:%100; color:#666; font-size:16px;}
.sipradio { width:%100; color:#666; font-size:16px; font-family: 'Josefin Sans', sans-serif; font-weight:600; }
.sipod {font-color:#333; }
.hspno { color:#963; }
.sipsutteslm { height:35px; padding:5px; margin-top:35px;}
.sipodtrh { position: relative; float: left;
width: 80px; margin-top:10px;}
.sipsutteslmsaat { height:35px; padding:5px;}
.sipodfrm { float: left;
width:50%; }
.control-group{
height:50px;
}
.control-wp{
padding:20px;
}
.control-label {
float: left;
width: 120px;
padding-top: 10px;
font-weight: 700;
}
.smsitems {
font-size: 14px;
margin-top:10px;
}
.kkform{ color:#333; border:1px #ccc solid; width:100%; border: 2px solid #bfbfbf;
border-radius: 4px;
padding: 12px 14px;}
.kkformtr{ color:#333; border:1px #ccc solid; width:100%; float:left;}
.sipsuttr { height:35px; padding:5px; color:#999;}
.sipalicisut { padding:5px; color:#999; font-size:16px; font-family: 'Josefin Sans', sans-serif; text-transform:capitalize;}
.spbaslik { text-align:center; font-size:18px; font-family: 'Roboto', sans-serif; color:#000; font-weight:bold; padding:10px;}
.mk01 { width:300px; height:35px; color:#999;}
.msj { width:40px; height:35px; color:#999;}
.msjblock { width:500px; height:500px; padding:5px; color:#333;}
.odmblock { width:%100px; height:2px; background-color:#087b45; }
ul.sayfalama {float: left; font-size: 12px; clear: both; color:#4C7584; list-style-type:none;}
ul.sayfalama li {float: left; padding-right: 5px; cursor:pointer; }
ul.sayfalama li a {color: #4C7584; padding: 3px 7px; border: 1px solid #4C7584; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; display: block; background:#fff;}
ul.sayfalama li.page a {color: #4C7584; font-weight: 700; cursor:pointer}
ul.sayfalama li.page a:hover {color: #fff}
ul.sayfalama li.page a {background:#4F96B0; color: #fff; border: 1px solid #4C7584}
ul.sayfalama li.page a:hover {background: url(images/bg_btns.png) 0 -30px;}
#sepet_liste .sepet td,th { vertical-align:middle; text-align:center}
.info, .success, .warning, .error, .validation {
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {color: #00529B; background-color: #BDE5F8; background-image:url('images/info.png');}
.success {
margin: 10px 0px;
color: #4F8A10;
font-weight:bold;
font-size:20px;
text-align:center;
}
.comment {
padding:30px;
color: #000;
font-weight:bold;
font-size:20px;
text-align:center;
}
.commentur {
padding:20px;
color: #000;
font-size:15px;
text-align:left;
float:right;
position:absolute;
top:-10px;
right:0px;
}
.commentbutton {
position:absolute;
float:right;
bottom:20px;
right:0px;
}
.pagecomment {
margin:10px 0; word-wrap: break-word;
}
.pagecomment h5 {
color:#000;
font-weight:bold;
font-size:20px;
text-align:left;
}
.commentp {
padding:10px;
color: #000;
font-size:18px;
text-align:left;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
}
.dontshow { display:none;}
.tablo tr td,th { padding:5px; vertical-align:middle;}
.leftmenu { list-style-type:none; margin:0; padding:0; }
.leftmenu li{ background:url(images/leftmenubg.png) no-repeat right; margin:0; padding:0; }
.leftmenu li a{ display:block; padding:8px 10px;
font-size:12px;
color:#222;
margin:0;
}
.leftmenu li:hover{ background:url(images/leftmenuhover.png) no-repeat right; }
.leftmenu li.active{ background:url(images/leftmenuhover.png) no-repeat right; }
#nav li { text-align:left; position:relative; }
#nav li.over { z-index:998; }
#nav li.parent {}
#nav li a { display:block; text-decoration:none; }
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; cursor:pointer; }
#nav li ul a span { white-space:normal; }
/* Scrool Bar */
.scrollbar {
margin-left: 30px;
float: left;
height: 300px;
background: #fff;
overflow-y: scroll;
margin-bottom: 25px;
}
.force-overflow {
min-height: 450px;
width:%100;
}
.scrollbar-primary::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }
.scrollbar-primary::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #4285F4; }
.scrollbar-danger::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }
.scrollbar-danger::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }
.scrollbar-danger::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #ff3547; }
.scrollbar-warning::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }
.scrollbar-warning::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }
.scrollbar-warning::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #FF8800; }
.scrollbar-success::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }
.scrollbar-success::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }
.scrollbar-success::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #00C851; }
.scrollbar-info::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }
.scrollbar-info::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }
.scrollbar-info::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #33b5e5; }
.scrollbar-default::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }
.scrollbar-default::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }
.scrollbar-default::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #2BBBAD; }
.scrollbar-secondary::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; }
.scrollbar-secondary::-webkit-scrollbar {
width: 12px;
background-color: #F5F5F5; }
.scrollbar-secondary::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #aa66cc; }
/* 1st Level */
.block-category { border:solid 1px #DEDDDD; border-radius:4px; background:#fff; margin:0 0 20px 0; padding:9px 10px 9px 9px; }
#nav>li { margin-bottom:1px; }
#nav>li.last { }
#nav>li>a {
font-size:13px;
background:#EEEEEE;
border-bottom:solid 1px #EEEEEE;
border-right:solid 1px #EEEEEE;
color:#333;
border-radius:3px;
}
#nav>li>a>span { background:url(images/nav_arr.png) no-repeat 100% 8px; padding:7px 35px 8px 11px; }
#nav>li.over>a,
#nav>li.active>a {
background: #006837;
color:#fff;
}
#nav>li.over>a>span,
#nav>li.active>a>span {
background:url(images/nav_arr.png) no-repeat 100% -274px;
}
/* 2nd Level */
#nav ul,
#nav div { padding:0; display:none; clear:both; }
#nav div ul { }
/* 3rd+ leven */
#nav ul ul,
#nav ul div { }
#nav ul li { float:none; font-size:11px; border-bottom:solid 1px #DEDDDD; }
#nav ul li.last { border:0; }
#nav ul li a { float:none; font-size:12px; font-weight:normal; padding:4px 10px 5px 10px; color:#6E6E6E; }
#nav ul li.active > a,
#nav ul li.over > a { color:#F7086D; }
#nav > li.active > ul{display:block;}
/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { }
.sayfagaleri {
width: 220px;
height: 200px;
margin: 0px 10px 10px 0;
float: left;
border: 10px solid #fff;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
-moz-box-shadow: 1px 1px 2px #e6e6e6;
box-shadow: 1px 1px 2px #e6e6e6;
font-weight:bold;
}
.sayfagaleri div { height:175px; overflow:hidden;}
.btn-hizli { background-color:#1bae11; float:right; text-align:center; padding:10px; border-color:#FFF; font-size:15px; font-family: 'Roboto', sans-serif; }
.katurun {
padding:20px;
text-align:center;
vertical-align:middle;
background-color:#3b454d;
color:#FFF;
font-family:"Montserrat", sans-serif;
font-size:16px;
height:350px;
}
.katkurum {
padding:20px;
text-align:center;
vertical-align:middle;
color:#999;
font-family:"Montserrat", sans-serif;
font-size:16px;
height:350px;
}
.urundesc {
padding:20px;
margin:10px;
vertical-align:middle;
color:#999;
font-family:"Montserrat", sans-serif;
font-size:13px;
height:300px;
text-decoration:none;
font-style:normal;
border:1px solid #dfd3ca;
}
.katicon {
margin-left:10px; border-left:1px solid #ccc; text-align:center;
}
.urunkategori {
margin-left:-50px;
}
.imgtwn {
margin-left:50px;
}
.hafta { background:url(images/); z-index:999999;}
.hfurun { z-index:999999; float:left; font-size:18px; color:#F90; text-align:left; padding:10px; }
.hediyediv { height:240px; margin:10px; border:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px;}
.hediye_image { text-align:center; height:140px; }
.hediye_image img { height:200px; }
.hediyeprice { font-size:15px; font-family: 'Roboto', sans-serif; font-weight:bold;}
.giftadet{font-size:15px; color:#000; font-family: 'Roboto', sans-serif; font-weight:bold; letter-spacing: 2px; color:#390;}
.hediye_text { font-family: 'Josefin Sans', sans-serif; padding:5px; font-size:16px; font-weight:600; text-align:center; white-space: nowrap; }
.urunbr { border:1px dashed #CCC; padding:5px; }
.urunshediye { background:#FFF; border:1px solid #CCC; margin:10px 0; padding:10px; position:relative; overflow:hidden; }
.urunsdetay { background:#FFF; border:1px #F7F7F7; padding:5px; margin-left:0px; position:relative; overflow:hidden; width:235px; height:80px; border:dashed 1px #999; }
.urun_dty { padding:30px; }
.cicek_resim img { height:290px;}
.itemur{ !important; position:relative; width:310px; margin-bottom:30px; }
.cicek_resimkucukdiv { text-align:left; padding:0px; height:160px; width:450px; border:dashed 1px #999; padding:10px; }
.cicek_resimkucuk { max-height:140px; }
.cicek_resimkucuk:hover { max-height:140px; opacity: 0.4; filter: alpha(opacity=40); }
@media (max-width: 400px) { .cicek_resim { text-align:center; padding:5px; } }
.urun_ad { text-align:center; font-size:24px; color:#a43763; font-family: 'Dancing Script', cursive; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:5px; text-transform:capitalize; }
.urun_ad a{color:#a43763; text-decoration:none; text-transform:capitalize; font-weight:bold; }
.urun_ad_mobi { text-align:center; font-size:14px; color:#a43763; font-family: 'Dancing Script', cursive; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:5px; text-transform:capitalize; }
.urun_ad_mobi a{color:#a43763; text-decoration:none; text-transform:capitalize; font-weight:bold; }
.urun_ad_gift { text-align:center; font-size:1em; color:#000; font-family: 'Roboto', sans-serif; overflow: hidden; /* tasacak kisimlari gizle. */
white-space: nowrap; /* alt satiri gösterme, alt satira inme. */
text-overflow: ellipsis; font-size:15px; margin-top:2px; border-bottom:1px solid #CCC; /* uzunsa sonuna üç nokta koy. */ }
.urun_ad_gift a{color:#000; text-decoration:none; text-transform:capitalize; }
.urun_aciklama {height:auto; text-align:left; text-transform:inherit; font-size:15px; color:#919191; font-family: 'Roboto', sans-serif; }
.urun_teslim { text-align:center; font-weight:500; font-size:15px; color:#000; padding:10px; font-family: 'Roboto', sans-serif; }
.urun_teslim_mobi { text-align:center; font-weight:500; font-size:11px; color:#8d7758; padding:5px; font-family: 'Roboto', sans-serif; }
.urunlistdiv{
margin:5px; border-radius:5px; background-color:#f4f3f3; width:100%;
}
.urunlistele{ text-align:left; padding:5px; float:left; font-size:1em; color:#000; font-family: 'Roboto', sans-serif; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.urunlistele a{text-decoration:none; text-align:left; float:left; font-weight:500; font-size: .9375rem; color:#000; font-family: 'Roboto', sans-serif; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.urunlistele:hover { text-decoration:none;}
.urunlistname{ font-size: 1.6rem; margin-left:10px; font-family: 'Roboto', sans-serif; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight:200;}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
background-color: #eee;
color: #444;
font-size:20px;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
background-color: #fff; color:#000;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 18px;
background-color: white;
display: none;
overflow: hidden;
}
.radiobutton {
position: relative;
top: 7px;
left: 0;
height: 24px;
width: 24px;
border-radius: 100%;
border: 2px solid #000;
margin-right: .9375rem;
}
/* Hide the browser's default radio button */
.radiobutton input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.radiobutton:checked ~ .radiobutton {
display: block;
border: 2px solid #f18a01;
}
.radiobutton:checked ~ .radiobutton::before {
display: block;
}
.radiobutton::before {
content: "";
position: relative;
z-index: 1;
top: 5px;
left: 5px;
display: none;
width: 11px;
height: 11px;
background-color: #f18a01;
border-radius: 100%;
}
.pricelistele {
text-align:right;
float:right;
font-size: 24px;
color: #000;
font-family: 'Josefin Sans', sans-serif; }
.pricekrslistele {
font-size: 1.350rem;
font-weight:500;
font-family: sans-serif;
width: auto;
color:#000;
}
.price8 {
width: auto;
font-size: 20px;
color: #000;
text-align: center;
font-family: 'Roboto', sans-serif;
font-weight:500;
margin:10px;
}
.container-bar{ text-align:center; background:#185aa3; }
.sipozet{ text-align:left; padding:10px; text-align:center; font-size:16px; font-weight:bold; }
.sipozetint{ text-align:left; padding:10px; border-top:solid 1px #ccc; }
.teslimattbl{ text-align:left; padding:40px; border:solid 1px #ccc; border-radius:10px; margin:60px; }
.teslimattblcont{ padding:40px; }
.teslimattblsip{ margin-top:60px; }
.teslimarea { width:50%; position:relative; float:left; padding:10px;}
.urunimaj {
width:100%;
height:100%;
}
.uruns {
position:relative;
width:100%;
margin-top:20px;
border: 1px solid rgb(238, 238, 238);
color: rgb(0, 0, 0);
border-radius: 2px;
}
.uruns:hover {
!important;
}
.image{height:320px; width:100%;}
.imagemobil{height:200px; width:100%;}
.urun_adh {text-align:center; font-size:13px; color:#666; font-family: 'Oswald Regular', sans-serif; }
.urun_adh a{color:#666; text-align:center; font-family: 'Oswald Regular', sans-serif;}
.price { text-align:center; justify-content: center; position: relative;
display: flex;
justify-content: center;
width: 100%;
padding-bottom: 0.3125rem;
padding-top: 1px;
height: 45px;
width:auto;
font-family: 'Roboto', sans-serif;
content: "";
bottom: 0px;
left: 20%;
width: 60%;
border-bottom: 1px solid rgb(215, 217, 219); }
.priceplus { font-size:9px; font-weight:bold; color:#000; }
.pricekdv { font-size:10px; font-weight:bold; color:#000; }
.urnprice2 { float: left;
width: auto;
font-size: 37px;
color: black;
text-align: right;
font-family: 'Roboto', sans-serif;
font-weight:800;
}
.urnpricekrs {
font-size: 10px;
font-family: 'Roboto', sans-serif;
width: auto;
color: black;
padding-top: 10px;
padding-left: 1px;
white-space: nowrap;
line-height: 13px;}
.pricekrs { float: left;
font-size: 10px;
font-family: sans-serif;
width: auto;
color: black;
padding-top: 10px;
padding-left: 1px;
white-space: nowrap;
line-height: 13px;}
.price1 { float: left;
width: auto;
font-size: 24px;
color: black;
text-align: right;
font-family: 'Josefin Sans', sans-serif; text-align:left; }
.pricehd1 {font-size:15px; text-align:left; text-align:center; font-family:'Oswald', sans-serif; }
.pricehd2 {font-size:20px; color:#f32d68; text-align:right; }
.pricegift { text-align:center; justify-content: center; position: relative;
display: flex;
justify-content: center;
padding-bottom: 0.3125rem;
padding-top: 1px;
height: 45px;
font-family: 'Roboto', sans-serif;
content: "";
bottom: 0px;
width: 60%;
border-bottom: 1px solid rgb(215, 217, 219); }
.price2gift {
width: auto;
font-size: 15px;
color: black;
text-align:center;
font-family: 'Roboto', sans-serif;
font-weight:800;
}
.pricekrsgift { float: right;
font-size: 10px;
font-family: sans-serif;
width: auto;
color: black;
padding-top: 10px;
padding-left: 1px;
white-space: nowrap;
line-height: 13px;}
.price2 { float: left;
width: auto;
font-size: 28px;
color: black;
text-align: right;
font-family: 'Josefin Sans', sans-serif;
font-weight:800;
}
.menutextend { float:left; width:25%; font-size:12px; font-weight:600; color:#000; font-family: 'Roboto', sans-serif; }
.indirimli {
font-size: 20px;
height:30px;
font-family: 'Josefin Sans', sans-serif;
text-decoration:line-through;
color:#999;
text-align:center;
text-transform: uppercase;
font-weight:300;
}
.indirimlikrs { float: left;
font-size: 8px;
font-family: sans-serif;
width: auto;
color:#999;
padding-top: 14px;
padding-left: 0px;
white-space: nowrap;
text-decoration:none;
font-weight:300;
margin-right:10px;
}
.uruns:hover > .incele{
filter: alpha(opacity=90); opacity: 0.9;
}
.incele {position:absolute; ease-in-out; margin: 90px 0px 0px -30px; opacity: 0.0; width:78px; height:81px; background:url(images/incele.png) no-repeat center; }
.indirims {position:absolute; margin-bottom:50px; height: 70px; width: 70px; font-size: 15px; border-radius: 100% !important; font-weight:bold; text-align:center; padding:10px; background-color:#816a4a; color:#fff; letter-spacing: 1px; font-weight:300;
}
.catgaleri {
width: 235px;
height: 240px;
margin: 0px 10px 10px 0;
float: left;
border: 10px solid #fff;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
-moz-box-shadow: 1px 1px 2px #e6e6e6;
box-shadow: 1px 1px 2px #e6e6e6;
font-weight:bold;
}
.uyari { color:#f00; }
.odemeTuru {background:url(images/menu-bg.gif) repeat-x; height:43px; padding-left:5px; color:#333; font-weight:bold;}
.odemeTuru select{ padding:3px; border:1px solid #BBB; width:200px; margin:6px 0 0 10px; }
.tablo tr td,th { padding:5px; vertical-align:middle;}
.tbl tr td{ padding:4px;}
@media only screen and (max-width: 768px)
.baslik {
font-size: 15px;
}
.baslik {
overflow: hidden;
text-align: center;
font-size: 22px;
color: #1C3438;
margin-bottom: 10px;
padding:10px;
}
.baslik:before{
right: 0.5em;
margin-left: -50%;
background-color: #1C3438;
content: "";
display: inline-block;
height: 2px;
position: relative;
vertical-align: middle;
width: 50%;
}
.baslik:after {
left: 0.5em;
margin-right: -50%;
background-color: #1C3438;
content: "";
display: inline-block;
height: 2px;
position: relative;
vertical-align: middle;
width: 50%;
}
#sepet_liste .sepet td,th { vertical-align:middle; text-align:center}
#gallery_01 { text-align:left; }
#gallery_01 img{border:2px solid white; z-index:999999999; height:60px;}
/*.active img{border:2px solid #333 !important;} */
.zoomContainer { z-index:99; }
p.discounted {
font-size: 16px;
color: #333;
min-width: 100px;
padding:4px 0;
}
p.original {
font-size: 16px;
color: #E81E00;
text-decoration: line-through;
padding:4px 0;
}
p.earning {
font-size: 14px;
text-decoration: none;
color:333;
padding:4px 0;
}
.pricer {
width: 220px;
float: right;
padding-top: 27px;
}
.sgz { border-bottom:1px solid #EEE; padding:10px 0; height:70px; }
.sgz:last-child { border-bottom:none; }
.sgzm { width:40px; margin-right:10px; float:left; }
.sgfiyat { padding-left:50px; font-size:18px; }
.sepet {color:#333; border-collapse: collapse;border: 1px solid #E4E3E3;
border-width: 1px 0px 1px 1px;
border-bottom: none;}
.sepetdiv {height:120px; display: table-cell; text-align:center; width:118px !important; vertical-align:middle; overflow:hidden; float:left; padding:0 5px; }
.sepetdiv img {max-width:115px;max-height:115px;}
.sepet tr th { background-color: #eeeeee;
background: -webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eeeeee));
background: -webkit-linear-gradient(top,#fdfdfd,#eeeeee);
background: -moz-linear-gradient(top,#fdfdfd,#eeeeee);
background: -ms-linear-gradient(top,#fdfdfd,#eeeeee);
background: -o-linear-gradient(top,#fdfdfd,#eeeeee);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcfcfc', endColorstr='#ffededed', GradientType=0);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5); border-color: #e3e3e3; padding:12px; text-align:left; }
.sepetalt { min-height:120px; padding:20px; background: -webkit-gradient(linear,left top,left bottom,from(#EFEFEF),to(#FAFAFA));
background: -webkit-linear-gradient(top,#EFEFEF,#FAFAFA);
background: -moz-linear-gradient(top,#EFEFEF,#FAFAFA);
background: -ms-linear-gradient(top,#EFEFEF,#FAFAFA);
background: -o-linear-gradient(top,#EFEFEF,#FAFAFA);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEFEFEF', endColorstr='#ffFAFAFA', GradientType=0);}
.spright { float:right; width:295px; color:#222; }
.sp1 { float:left; width:200px; padding:2px; text-align:right; padding-right:15px; }
.sp2 { float:left; width:66px; padding:2px; }
.spbig { font-size:18px; font-weight:bold;}
.spbig2 { font-size:20px; font-family:'Oswald' !important; font-weight:bold;}
.borderless td, .borderless th {
border: none !important;
}
.sehir_select { width:100%; height:50px; background:none; border:1px solid #ccc; border-radius:2px; padding:4px; background:url(images/sehir.png) no-repeat right center; float:left; -webkit-appearance: none; moz-appearance: none;}
.sehir_select_bn { width:100%; height:40px; color:#999; background:none; border:1px solid #ccc; border-radius:5px; padding:4px; float:left; -webkit-appearance: none; moz-appearance: none;}
.slct:first-child{ margin-top:0;}
.call{ font-size: 12px;
font-size: 1.2vw; font-weight:bold; font-family: 'Josefin Sans', sans-serif;}
.slct { width:100%; background:url(images/dropdown.png) no-repeat right center; -webkit-appearance: none; moz-appearance: none; border:1px solid #CCC; margin:3px 0; padding:15px;}
.slctt { width:100%; background:url(images/dropdown.png) no-repeat right center; -webkit-appearance: none; moz-appearance: none; margin:3px 0; padding:15px;}
.tarihinput { width:100%; -webkit-appearance: none; moz-appearance: none; border:1px solid #CCC; padding:4px; margin:3px 0; border-radius:0;}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
#topfiyat { font-size:30px; }
.urundetay { padding:0px; font-size:14px; line-height:30px; font-family: 'Josefin Sans', sans-serif; font-weight:600; }
.urundt { padding:20px; background-color:#f4f3f3; radius:20px; font-size:14px; line-height:30px; font-family: 'Roboto', sans-serif; }
.urundetaybaslik { padding:0px; font-size:23px; line-height:30px; text-align:left; font-family: 'Josefin Sans', sans-serif; font-weight:700; text-transform:capitalize; overflow: hidden; /* tasacak kisimlari gizle. */
white-space: nowrap; /* alt satiri gösterme, alt satira inme. */
text-overflow: ellipsis; }
.urundetaysag { width:100%;}
.urundetaysc { width:20px;}
.urundetaydiv { width:250px; }
.urundetay:last-child { background:none; }
.whatsappmsg{
position:fixed;
width:60px;
height:60px;
top:300px;
right:0px;
background-color:#25d366;
color:#FFF;
border-radius:10px 0px 0px 10px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-whatsappmsg{
margin-top:16px;
}
.udfiyat { font-size:30px; color:#971347; }
.sip{ font-weight:400; color:#fff; padding:0 40px 0 40px;}
.btn { font-weight:400; color:#fff;}
.btnn { font-weight:400; color:#fff; padding:10px;}
.btnnhd { font-weight:400; color:#fff; padding:0 10px 0 10px; max-width:150px; border-radius:5px;}
.lst{ border-radius:100px; border:5px solid #fff; box-shadow: 0 0 0 1pt #9a8445; margin:5px;padding:7px; cursor:pointer;}
.lst:hover{ border-radius:100px; border:5px solid #fff; box-shadow: 0 0 0 1pt #9a8445; margin:5px;padding:7px; cursor:pointer;}
.lstgrey{ border-radius:100px; border:5px solid #fff; box-shadow: 0 0 0 1pt #ccc; margin:5px;padding:6px; cursor:pointer;}
.lstgrey:hover{ border-radius:100px; border:5px solid #fff; box-shadow: 0 0 0 1pt #ccc; margin:5px;padding:7px; cursor:pointer;}
.btntwo { font-weight:bold; padding:5px; background-color:#CCC; color:#333; }
.urunad {color:#333; font-size:15px; font-family: 'Quicksand', sans-serif; }
.urunad a{color:#333; font-weight:bold; font-family: 'Dancing Script', cursive; }
:root {
--breadcrumb-theme-1: #009846;
--breadcrumb-theme-2: #fff;
--breadcrumb-theme-3: #ccc;
}
.galery{
text-align: center;
display: inline-block;
overflow: hidden;
counter-reset: flag;
padding:5px;
margin-top:-25px;
}
.galerybimg{
padding:10px;
}
.breadcrumb {
text-align: center;
display: inline-block;
overflow: hidden;
counter-reset: flag;
padding:10px;
}
.breadcrumb__step {
text-decoration: none;
outline: none;
display: block;
float: left;
font-size: 12px;
line-height: 36px;
padding: 0 10px 0 60px;
position: relative;
background: var(--breadcrumb-theme-2);
color: var(--breadcrumb-theme-1);
transition: background 0.5s;
}
.breadcrumb__step:first-child {
padding-left: 46px;
border-radius: 5px 0 0 5px;
}
.breadcrumb__step:first-child::before {
left: 14px;
}
.breadcrumb__step:last-child {
border-radius: 0 5px 5px 0;
padding-right: 20px;
}
.breadcrumb__step:last-child::after {
content: none;
}
.breadcrumb__step::before {
content: counter(flag);
counter-increment: flag;
border-radius: 100%;
width: 20px;
height: 20px;
line-height: 20px;
margin: 8px 0;
position: absolute;
top: 0;
left: 30px;
font-weight: bold;
}
.breadcrumb__step::after {
content: '';
position: absolute;
top: 0;
right: -18px;
width: 36px;
height: 36px;
transform: scale(0.707) rotate(45deg);
z-index: 1;
border-radius: 0 5px 0 50px;
background: var(--breadcrumb-theme-2);
transition: background 0.5s;
box-shadow: 2px -2px 0 2px var(--breadcrumb-theme-3);
}
.breadcrumb__step:hover,
.breadcrumb__step--active,
.breadcrumb__step:hover::after,
.breadcrumb__step--active::after {
background: var(--breadcrumb-theme-1);
}
.breadcrumb__step:hover,
.breadcrumb__step--active {
color: var(--breadcrumb-theme-2);
}
.breadcrumb__step:hover::before,
.breadcrumb__step--active::before {
color: var(--breadcrumb-theme-1);
}
.sBaslik {
font-size:20px;
color:#333;
display: block;
margin: 4px 0;
padding: 0px;
}
.sipbaslik {
font-size:13px;
color:#7A7A7A;
display: block;
padding: 0px;
}
.sipbaslik a {
font-size:15px;
color:#7A7A7A;
padding: 0px;
text-decoration: none;
}
.hdurnad {
font-size:15px;
height:50px;
display: block;
padding: 0px;
text-align:center;
}
.sbaslikks {
font-size:14px;
color:#fff;
display: block;
margin: 4px 0;
padding: 5px;
background-color:#333;
}
.sbaslikhed {
font-size:16px;
color:#333;
display: block;
margin: 4px 0;
padding: 0px;
}
.tbx {}
.tbx td{ padding:4px 0 !important; border:none !important; }
.pd5 {padding:0px 20px; !important; }
.pd20 {padding:5px 20px 5px 0px; background-color:#FFF; margin:3px; font-size:14px; font-family: 'Roboto', sans-serif; !important; }
.pd30 {padding:5px 20px 5px 0px; background-color:#FFF; margin:3px; font-size:19px; font-family: 'Roboto', sans-serif; !important; }
.tl { margin-left:2px; !important; }
.labelor{ font-size:13px; line-height:21px; color:#333;}
.labelos{ float:left; text-align:left;font-size:19px; background-color:#edf1f2; width:100%; color:#333; border-radius:5px; padding:10px; line-height:21px;}
#genTopHr1 { border-top:1px solid #333; margin:5px 0; }
.genTopHr2 { border-top:1px solid #ccc; margin:5px 0; }
.menu-item { text-align:center; float:left; padding:5px; }
.menu-itembn { float:left; text-align:left; position:relative; width:15%; padding:10px; height:100px; margin-right:9px; margin-left:10px; border-radius:6px; background-color:#0FF; font-size:22px; font-family: 'Josefin Sans', sans-serif; font-weight:600; text-align:center; }
.menu-itemtext { word-spacing: 5px; letter-spacing: 3px; color:#000; text-transform:uppercase; font-size:15px; font-family: 'Josefin Sans', sans-serif; font-weight:600; text-align:center; position: relative; top: 50%; transform: perspective(1px) translateY(-50%); padding:20px;}
.menu-itembn:hover { }
form.example input[type=text] {
padding: 10px;
padding-left:15px;
font-size: 12px;
border: 2px solid #666;
margin-top:15px;
float: left;
width: 80%;
background: #fff;
border-radius: 5px 5px;
color:#000;
-webkit-box-shadow: 2px -2px 16px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 2px -2px 16px -13px rgba(0,0,0,0.75);
box-shadow: 2px -2px 16px -13px rgba(0,0,0,0.75);
}
form.examplemobi input[type=text] {
padding: 10px;
padding-left:15px;
font-size: 12px;
border: 2px solid #CCC;
float: left;
width: 100%;
background: #fff;
border-radius: 5px 5px;
color:#000;
-webkit-box-shadow: 2px -2px 16px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 2px -2px 16px -13px rgba(0,0,0,0.75);
box-shadow: 2px -2px 16px -13px rgba(0,0,0,0.75);
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #333;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #333;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #333;
}
/* Style the submit button */
form.example button {
float: left;
width: 10%;
padding: 8.5px;
background-color:#666;
border: 1px solid #666;
margin-top:15px;
color:#fff;
font-size: 16px;
border-left: none; /* Prevent double borders */
cursor: pointer;
margin-left:-40px;
}
form.example button:hover {
background:#000;
}
/* Clear floats */
form.example::after {
content: "";
clear: both;
display: table;
}
form.examplemobi button {
float: left;
width: 10%;
padding: 8.5px;
background-color:#ccc;
border: 1px solid #CCC;
color:#fff;
font-size: 16px;
border-left: none; /* Prevent double borders */
cursor: pointer;
margin-left:-35px;
}
form.examplemobi button:hover {
background: #1ca012;
}
/* Clear floats */
form.examplemobi::after {
content: "";
clear: both;
display: table;
}
.dropdown-menu li:hover .sub-menu {
border:none;
visibility: visible;
}.dropdown:hover .dropdown-menu {
border:none;
display: block; !important;
}
.dropdown-menu li {
border:none;
font-family:'Oswald', sans-serif;
color:#000;
font-size:18px;
text-transform:capitalize;
min-width:200px;
}
.dropdown-menu li a{
border:none;
font-family:'Oswald', sans-serif;
font-weight:400;
color:#000;
font-size:15px;
text-transform:capitalize;
}
.dropdown-menu li a:hover{
font-family:'Oswald', sans-serif;
color:#000;
font-size:15px;
text-transform:capitalize;
text-decoration:underline;
}
.tabs {
width:100%;
display:inline-block;
}
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
display:block;
clear:both;
content:'';
}
.tab-links li {
margin:0px 0px 0 0;
float:left;
list-style:none;
text-align:center;
}
.tab-links a {
padding:12px 47px;
background:#EAEAEA;
display:inline-block;
font-size:12px;
color:#000;
font-weight:bold;
transition:all linear 0.15s;
text-decoration:none;
border-right:1px solid #FFF;
}
.tab-links a:hover {
background:#CCC;
text-decoration:none;
}
li.active a, li.active a:hover {
color:#C03;
font-family:Tahoma, Geneva, sans-serif;
}
li.a:hover {
background:#bbc4c7;
color:#FFF;
}
/*----- Content of Tabs -----*/
.tab-content {
padding:0;
border-radius:3px;
background:#fff;
width:100%;
}
.tab {
display:none;
padding:5px 0;
}
.tab.active {
display:block;
}
/* Ürün Tab Menü */
* {
padding: 0;
margin: 0;
list-style: none;
border: 0;
text-decoration: none;
}
#tab-menu {
width:auto;
}
.tab-menu {
}
.tab-menu a {
background:#fff;
color:#666;
text-decoration: none;
font-size: 14px;
padding: 10px 20px;
display: inline-block;
}
.tab-menu a.aktif {
background:#1c3438;
color:#fff;
}
.tabmenuContent {
background: #fff;
padding: 10px;
border: 1px solid #ccc;
}
.items02 {
font-size: 20px;
line-height: 24px;
color:#358732;
font-weight: bold;
padding:5px;
}
.items {
font-size: 20px;
line-height: 24px;
padding:5px;
}
.radiobtn {
width:300px;
height:40px;
float:left;
font-size:16px;
}
.steps { width:50px; font-size:10px; height:20px; text-align:center; }
#faralik { font-size:10px; font-weight:bold; display:block}
#skipstep {width:200px; float:right; margin:3px 0 0 0;}
#araf_submit { display:block; cursor:pointer; }
.ard3 { padding-top:8px !important; }
#hediye_list {
height:650px;
}
.zzs {width: 160px; margin:5px; display: inline-block; position:relative; }
.zzz { opacity:0.4; }
.hediye_sec { cursor:pointer;}
.hsucc { position:absolute; right:20px; bottom:50px; }
.hediyelist { padding-right:10px; border:1px solid #CCC; text-align:center; height: }
.hediyelist img{ width:100px; }
.siparis_sonu { font-size:16px; line-height:20px; max-height:70%; }
.siparis_sonu h2{color : #016cb0; font-weight:normal !important; font-size:18px; }
.siparis_sonu p{ }
.siparis_sonu a{ color:#016cb0; }
#hediye_iptal { color: #f00; margin-left:15px; font-weight:bold; cursor:pointer;}
.arti { cursor:pointer; font-size:18px; color:#390; }
.eksi { cursor:pointer; font-size:18px; color:#390; }
.sehirler { width:19%; padding:0px; margin:5px; border:1px solid #ccc; float:left; text-align:center; }
.sehirler a { padding:10px; display:block; color:#333; }
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: transparent;}
/*-------------------------------*/
/* Wrappers */
/*-------------------------------*/
#wrapper {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled {
padding-left: 220px;
}
#sidebar-wrapper {
z-index: 999999;
left: 220px;
width: 0;
height: 100%;
margin-left: -220px;
overflow-y: auto;
overflow-x: hidden;
background: #1a1a1a;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#sidebar-wrapper::-webkit-scrollbar {
display: none;
}
#wrapper.toggled #sidebar-wrapper {
width: 220px;
}
#page-content-wrapper {
width: 100%;
padding-top: 70px;
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -220px;
}
/*-------------------------------*/
/* Sidebar nav styles */
/*-------------------------------*/
.sidebar-nav {
position: absolute;
top: 0;
width: 220px;
margin: 0;
padding: 0;
list-style: none;
font-family: 'Montserrat', sans-serif;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
display: inline-block;
width: 100%;
font-family: 'Montserrat', sans-serif;
}
.sidebar-nav li:before {
content: '';
font-family: 'Montserrat', sans-serif;
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 3px;
background-color: #1c1c1c;
-webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-ms-transition: width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav li:first-child a {
color: #fff;
background-color: #1a1a1a;
}
.sidebar-nav li:nth-child(2):before {
background-color: #ec1b5a;
}
.sidebar-nav li:nth-child(3):before {
background-color: #79aefe;
}
.sidebar-nav li:nth-child(4):before {
background-color: #314190;
}
.sidebar-nav li:nth-child(5):before {
background-color: #279636;
}
.sidebar-nav li:nth-child(6):before {
background-color: #7d5d81;
}
.sidebar-nav li:nth-child(7):before {
background-color: #ead24c;
}
.sidebar-nav li:nth-child(8):before {
background-color: #2d2366;
}
.sidebar-nav li:nth-child(9):before {
background-color: #35acdf;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
width: 100%;
-webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-ms-transition: width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav li a {
display: block;
color: #ddd;
text-decoration: none;
padding: 10px 15px 10px 30px;
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
color: #fff;
text-decoration: none;
background-color: transparent;
}
.sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 20px;
line-height: 44px;
}
.sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
background-color: #222;
box-shadow: none;
}
/*-------------------------------*/
/* Hamburger-Cross */
/*-------------------------------*/
.hamburger {
position: fixed;
top: 20px;
z-index: 999;
display: block;
width: 32px;
height: 32px;
margin-left: 30px;
background: transparent;
border: none;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
.hamburger.is-closed:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #000;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
-webkit-transition: all .35s ease-in-out;
background-color:#666;
}
.hamburger.is-closed:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
position: absolute;
left: 0;
height: 4px;
width: 80%;
background-color:#000;
opacity: 0.7;
}
.hamburgerkat{
margin-left:50px;
text-align:center;
color:#000;
font-size:24px;
padding:5px;
}
.hamburgerkat a{
margin-left:50px;
text-align:center;
color:#000;
font-size:24px;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
background-color:#000;
}
.hamburger.is-closed .hamb-top {
top: 10px;
-webkit-transition: all .35s ease-in-out;
height: 2px;
}
.hamburger.is-closed .hamb-middle {
top: 50%;
height: 2px;
}
.hamburger.is-closed .hamb-bottom {
bottom: 8px;
height: 2px;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-top {
top: 0;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
bottom: 0;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
background-color:#999;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
top: 50%;
margin-top: -2px;
}
.hamburger.is-open .hamb-top {
-webkit-transform: rotate(45deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
-webkit-transform: rotate(-45deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: #fff;
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px,0,0);
-webkit-transition: all .35s ease-in-out;
}
/*-------------------------------*/
/* Overlay */
/*-------------------------------*/
.overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(250,250,250,.8);
z-index: 1;
}
.tarihbutton {
margin:2px;
float: left;
word-wrap: break-word;
}
.tbutons {
width:100%;
padding:15px;
text-align: center;
background-color: #f4f3f3;
border-radius: 6px;
border:none !important;
outline: none !important;
font-family: 'Roboto', sans-serif; color:#000;
font-size:1.5rem;
}
.sipbs {
font-family: 'Roboto', sans-serif; color:#000;
font-size:1.5rem;
color:#000;
font-weight:bold;
padding:10px;
border-left: 6px solid #999;
}
.sipbstab {
font-family: 'Roboto', sans-serif;
font-size:1.5rem;
color:#fff;
padding:10px;
border-left: 6px solid #999;
background-color:#333;
}
.secilibuton,.secilibuton:hover,.secilibuton:active,.secilibuton:focus {outline: none !important; border:none !important; background:#1bae11; color:#FFF; }
.teslimatsaati { width:100%;
padding:15px; background:#1bae11; color:#FFF; padding:9px; display:none; border-radius:5px; }
input {
outline: none;
border: none;
}
textarea {
outline: none;
border: none;
}
textarea:focus, input:focus {
border-color: transparent !important;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }
input::-webkit-input-placeholder { color: #333;}
input:-moz-placeholder { color: #333;}
input::-moz-placeholder { color: #333;}
input:-ms-input-placeholder { color:#333;}
textarea::-webkit-input-placeholder { color: #333;}
textarea:-moz-placeholder { color: #999;}
textarea::-moz-placeholder { color: #999;}
textarea:-ms-input-placeholder { color: #999;}
label {
display: block;
margin: 0;
}
/*---------------------------------------------*/
button {
outline: none !important;
border: none;
background: transparent;
}
button:hover {
cursor: pointer;
}
iframe {
border: none !important;
}
/*//////////////////////////////////////////////////////////////////
[ utility ]*/
/*//////////////////////////////////////////////////////////////////
[ Contact ]*/
/*==================================================================
[ Background ]*/
.bg-container-contact100 {
width: 100%;
height: 100% ;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: fixed;
z-index: 1;
top: 0;
left: 0;
}
.bg-container-contact100::before {
content: "";
display: block;
position: absolute;
z-index: -11;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(41,44,51,0.6);
pointer-events: none;
}
/*---------------------------------------------*/
.contact100-header {
width: 100%;
height: 80px;
border-bottom: 1px solid rgba(255,255,255,0.1);
padding: 10px 35px;
}
.contact100-header-logo img {
max-height: 23px;
}
.btn-show-contact100 {
font-family: Montserrat-Bold;
font-size: 12px;
color: #846add;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
min-width: 160px;
height: 42px;
background-color: #fff;
border-radius: 21px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.btn-show-contact100:hover {
color: #fff;
background-color: #846add;
}
/*==================================================================
[ Content container ]*/
.container-contact100 {
width: 100%;
min-height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 15px;
background: rgba(132,106,221,0.8);
position: relative;
z-index: 10;
}
.wrap-contact100 {
width: 560px;
background: #fff;
border-radius: 3px;
position: relative;
margin-top: 40px;
}
/*==================================================================
[ Title form ]*/
.contact100-form-title {
font-family: Montserrat-Bold;
font-size: 30px;
color: #fff;
line-height: 1.2;
text-transform: uppercase;
width: 100%;
min-height: 128px;
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
overflow: hidden;
padding: 30px 15px 30px 15px;
}
.contact100-form-title::before {
content: "";
display: block;
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(67,67,67,0.6);
}
/*==================================================================
[ Form ]*/
.contact100-form {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px 55px 48px 55px;
}
/*------------------------------------------------------------------
[ Input ]*/
.select {
display: block;
width: 100%;
background: transparent;
font-family: Montserrat-Regular;
font-size: 15px;
color: #333333;
line-height: 1.2;
border:#999;
}
.wrap-input100 {
width: 100%;
position: relative;
border: 1px solid #dddada;
border-radius: 2px;
margin-bottom: 15px
}
.wrap-select200 {
width: 50%;
position: relative;
float:left;
padding-left:8px;
}
.wrap-select500 {
width: 50%;
position: relative;
float:left;
}
.wrap-select100 {
width: 100%;
position: relative;
margin-bottom: 15px
}
.wrap-checkbox {
width: 100%;
position: relative;
margin-bottom: 5px;
font-size:12px;
font-family: 'Roboto', sans-serif;
padding-left:5px;
color:#ccc;
}
.label-input100 {
font-size: 18px;
color: #000;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 60px;
height: 100%;
top: 0;
left: 2px;
}
.label-input100.rs1 {
height: 60px;
}
.select-cvv { float:left; padding:5px; height:100px;
}
.cvv { width:50%; float:left; padding:5px;
}
.input200 {
display: block;
width: 100%;
background: transparent;
font-family: 'Roboto', sans-serif;
font-size: 15px;
color: #999;
line-height: 1.2;
padding: 0 5px 0 15px;
}
.input300 {
width:100%; border:1px solid #CCC; line-height: 1.2;
padding: 0 5px 0 15px;
}
input.input300 {
height: 55px;
}
input.input200 {
height: 55px;
}
.input100 {
display: block;
width: 100%;
background: transparent;
font-family: 'Roboto', sans-serif;
font-size: 15px;
color: #000;
line-height: 1.2;
padding: 0 25px 0 60px;
}
input.input100 {
height: 55px;
}
input.ftinput100 {
height: 55px;
}
.ftinput100 {
display: block;
width: 100%;
background: transparent;
font-family: Montserrat-Regular;
font-size: 15px;
color: #333333;
line-height: 1.2;
padding: 0 25px 0 10px;
}
textarea.input100 {
min-height: 162px;
padding-top: 22px;
padding-bottom: 15px;
}
/*---------------------------------------------*/
.focus-input100 {
position: absolute;
display: block;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
left: -1px;
pointer-events: none;
border: 1px solid;
border-radius: 2px;
border-color: #846add;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scaleX(1.1) scaleY(1.3);
-moz-transform: scaleX(1.1) scaleY(1.3);
-ms-transform: scaleX(1.1) scaleY(1.3);
-o-transform: scaleX(1.1) scaleY(1.3);
transform: scaleX(1.1) scaleY(1.3);
}
.input100:focus + .focus-input100 {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.input100:focus + .focus-input100 + .label-input100 {
color: #846add;
}
/*------------------------------------------------------------------
[ Button ]*/
.container-contact100-form-btn {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 17px;
}
.contact100-form-btn {
font-family: Montserrat-Bold;
font-size: 12px;
color: #fff;
line-height: 1.2;
text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px;
min-width: 160px;
height: 42px;
border-radius: 21px;
background: #846add;
box-shadow: 0 10px 30px 0px rgba(132, 106, 221, 0.5);
-moz-box-shadow: 0 10px 30px 0px rgba(132, 106, 221, 0.5);
-webkit-box-shadow: 0 10px 30px 0px rgba(132, 106, 221, 0.5);
-o-box-shadow: 0 10px 30px 0px rgba(132, 106, 221, 0.5);
-ms-box-shadow: 0 10px 30px 0px rgba(132, 106, 221, 0.5);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.contact100-form-btn:hover {
background: #333333;
box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
-moz-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
-webkit-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
-o-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
-ms-box-shadow: 0 10px 30px 0px rgba(51, 51, 51, 0.5);
}
/*------------------------------------------------------------------
[ Responsive ]*/
@media (max-width: 576px) {
.contact100-form {
padding: 40px 15px 48px 15px;
}
.input100 {
padding: 0 25px 0 40px;
}
.label-input100 {
width: 40px;
}
}
/*------------------------------------------------------------------
[ Alert validate ]*/
.validate-input {
position: relative;
}
.alert-validate .focus-input100 {
box-shadow: 0 5px 20px 0px rgba(250, 66, 81, 0.1);
-moz-box-shadow: 0 5px 20px 0px rgba(250, 66, 81, 0.1);
-webkit-box-shadow: 0 5px 20px 0px rgba(250, 66, 81, 0.1);
-o-box-shadow: 0 5px 20px 0px rgba(250, 66, 81, 0.1);
-ms-box-shadow: 0 5px 20px 0px rgba(250, 66, 81, 0.1);
}
.alert-validate::before {
content: "";
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
background-color: transparent;
border: 1px solid #fa4251;
border-radius: 2px;
top: -1px;
left: -1px;
pointer-events: none;
}
.btn-hide-validate {
font-family: Material-Design-Iconic-Font;
font-size: 18px;
color: #fa4251;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
height: 100%;
top: 0px;
right: -25px;
}
.rs1-alert-validate.alert-validate::before {
background-color: #fff;
}
.true-validate::after {
content: "\f26b";
font-family: Material-Design-Iconic-Font;
font-size: 18px;
color: #00ad5f;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
height: 100%;
top: 0px;
right: -25px;
}
/*---------------------------------------------*/
@media (max-width: 576px) {
.btn-hide-validate {
right: 10px;
}
.true-validate::after {
right: 10px;
}
}
/*//////////////////////////////////////////////////////////////////
[ Button show / hide ]*/
.btn-hide-contact100 {
font-size: 30px;
color: #fff;
opacity: 0.6;
position: absolute;
right: 0;
top: -44px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.btn-hide-contact100:hover {
opacity: 1;
}
.m-b-2 {margin-bottom: 2px;}
.boxes {
background: #fff;
}
/*Checkboxes styles*/
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label {
display: block;
position: relative;
padding-left: 35px;
font: 14px/20px 'Open Sans', Arial, sans-serif;
color: #999;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
input[type="checkbox"] + label:last-child { margin-bottom: 0; }
input[type="checkbox"] + label:before {
content: '';
display: block;
width: 20px;
height: 20px;
border: 1px solid #333;
position: absolute;
border-radius:2px;
left: 0;
top: 0;
opacity: .6;
-webkit-transition: all .12s, border-color .08s;
transition: all .12s, border-color .08s;
}
.fatura{
display:inline-block;
margin-left:20px;
}
input[type="checkbox"]:checked + label:before {
width: 10px;
top: -5px;
left: 5px;
border-radius: 0;
border: 2px solid #390;
opacity: 1;
border-top-color: transparent;
border-left-color: transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}