body {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif !important;
overflow-x: hidden;
color: #000;
}
:hover {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.bosluk {
width: 100%;
float: left;
margin: 20px 0px;
}
.accordion::after {
content: "";
font-family: 'FontAwesome';
color: #9b9b9b;
float: right;
}
::before {
font-family: 'FontAwesome' !important;
}
body img {
max-width: 100%;
}
.menubtn {
display: none !important;
width: 100%;
height: 55px;
background: #1f1f1f;
color: #fff;
line-height: 55px !important;
padding: 0px 20px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
font-weight: bold !important;
}
.menubtn::before {
float: left;
margin: 0px 10px 0px 0px;
font-size: 24px;
}
#hamburgermenu h4 {
float: left;
background: #333;
padding: 10px;
font-weight: bold;
width: 100%;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 16px;
color: #fff;
}
#hamburgermenu ul {
float: left;
width: 100%;
padding: 10px;
}
#hamburgermenu ul li a {
color: #fff;
color: #999;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
float: left;
width: 100%;
border-bottom: 1px solid #333;
}
#hamburgermenu ul li ul {
padding: 0px 20px;
}
#hamburgermenu,
.menubtn {
display: none;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
-ms-transition: all 0s ease;
transition: all 0s ease;
}
#hamburgermenu h4 a {
float: right;
color: #f00;
line-height: 10px;
font-size: 30px;
}
#hamburgermenu {
height: 100%;
width: 0;
background: #373737;
position: fixed;
top: 0;
left: 0;
z-index: 98;
overflow: auto;
-webkit-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.55);
box-shadow: 3px 0 7px rgba(0, 0, 0, 0.55);
}
#hamburgermenu::-webkit-scrollbar {
width: 12px;
}
#hamburgermenu::-webkit-scrollbar-track {
border-radius: 10px;
}
#hamburgermenu::-webkit-scrollbar-thumb {
border-radius: 10px;
}
@media only screen and (min-width: 1170px) and (max-width: 5640px) {
header {
width: 100%;
float: left;
}
#header-ust {
width: 100%;
float: left;
height: 55px;
line-height: 55px;
background: #1F1F1F;
}
.header-ust {
width: 1180px;
margin: auto;
}
.header-ust .fa {
font-size: 16px;
margin: 0px 25px 0px 0px;
font-weight: bold;
color: #fff;
}
.header-ust .fa span {
padding: 0px 0px 0px 10px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
color: #979797;
}
.header-ust .fa:hover span {
color: #fff;
}
.header-ust ul {
float: right;
}
.header-ust ul li {
float: left;
padding: 0px 0px 0px 25px;
}
.header-ust ul li a {
color: #979797;
}
.header-ust ul li a:Hover {
color: #fff;
}
#header-orta {
width: 100%;
padding: 35px 0px;
float: left;
}
.header-orta {
width: 1180px;
margin: auto;
}
.logo {
float: left;
}
.search {
float: left;
width: 425px;
margin: 10px 0px 0px 135px;
height: 50px;
border: 1px solid #dddddd;
}
.arama-text {
float: left;
background: none;
border: 0px;
outline: 0px;
line-height: 50px;
width: calc(100% - 60px);
padding: 0px 10px;
}
.search button {
height: 48px;
line-height: 48px;
width: 50px;
border: 0px;
outline: 0px;
float: left;
font-size: 25px;
background: none;
}
.social-ust {
float: right;
margin: 17px 0px;
line-height: 50px;
}
.social-ust a {
width: 36px;
height: 36px;
border: 1px solid #fff;
text-align: center;
line-height: 36px;
float: left;
color: #1F1F1F;
margin: 0px 0px 0px 5px;
}
.social-ust a:hover,
.social-ust a.active {
color: #CF1600;
border: 1px solid #CF1600;
}
#header-menu {
width: 100%;
float: left;
}
.menu {
width: 1180px;
margin: auto;
}
.menu ul {
float: left;
position: relative;
min-height: 66px;
background: #1F1F1F;
width: 100%;
}
.menu ul li {
float: left;
min-height: 66px;
}
.menuhome {
width: 67px;
text-align: center;
line-height: 66px;
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/sol-menu-basik-back.png) center;
}
.menuhome a {
line-height: 66px;
text-align: center;
font-size: 30px;
}
.menu ul li {
float: left;
height: 66px;
line-height: 66px;
padding: 0px 20px;
color: #fff;
font-weight: bold;
font-size: 16px;
}
.menu ul li.current-menu-item {
background: #2eb5dc;
}
.menu ul li a {
color: #fff;
height: 66px;
float: left;
}
.menu ul li:hover {
background: #666;
}
.menu ul li:hover ul {
display: block;
}
.menu ul li ul {
width: 100%;
display: none;
float: left;
position: absolute;
left: 0;
top: 66px;
background: #666;
}
.menu ul li ul li {
font-weight: normal;
opacity: 0.5;
padding: 0px 10px 0px 20px;
}
.menu ul li ul li:hover {
opacity: 1;
}
.menu ul li ul li a::before {
content: "";
margin: 2px 5px 0px 0px;
font-family: 'FontAwesome';
float: left;
font-size: 11px;
}
main {
width: 100%;
float: left;
padding: 25px 0px;
}
#main {
width: 1180px;
margin: auto;
}
.ust-banner {
width: 100%;
float: left;
margin-bottom: 25px;
}
.ust-banner img {
max-width: 100%;
}
.ust-banner iframe {
width: 100%;
height: 220px;
}
#side-bar {
width: 267px;
float: left;
}
.kategoriler {
width: 100%;
float: left;
}
.kategoriler h3 {
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/sol-menu-basik-back.png);
background-size: 100% 57px;
width: 267px;
height: 57px;
float: left;
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 55px;
padding: 0px 0px 0px 18px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.kategoriler h3::before {
font-size: 24px;
float: left;
line-height: 55px;
padding: 0px 15px 0px 0px;
}
.kategoriler ul {
float: left;
width: 100%;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.kategoriler ul li {
float: left;
width: 100%;
min-height: 50px;
line-height: 50px;
border-bottom: 1px solid #ddd;
padding: 0px 15px;
}
.kategoriler ul li a {
color: #9d9d9d;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
width: 100%;
padding-left: 10px;
}
.kategoriler ul li a::before {
font-family: 'FontAwesome';
}
.kategoriler ul li a span,
.kategoriler ul li a label {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
padding: 0px 0px 0px 10px;
}
.kategoriler ul li::before {
width: 15px;
float: left;
color: #9d9d9d;
}
.kategoriler ul li:hover {
background: #f2f2f2;
}
.kategoriler ul li ul {
border: 0px;
display: none;
padding: 0px 0px 20px 0px;
}
.kategoriler ul li ul li {
border: 0px;
min-height: 30px;
line-height: 30px !important;
padding: 0px 10px;
}
.kategoriler ul li ul li::before {
content: "";
width: 7px;
margin: 0px 0px 0px 0px;
font-family: 'FontAwesome';
float: left;
}
.accordionExpanded::after {
content: "";
font-family: 'FontAwesome';
float: right;
}
.sol-banner {
float: left;
width: 100%;
margin: 30px 0px;
}
#anasayfa-content {
width: calc(100% - 293px);
float: right;
}
.slider1 {
width: 608px;
position: relative;
float: left;
}
.slider1 .item {
width: 100%;
float: left;
}
.slider1 .item a {
position: relative;
width: 100%;
float: left;
}
.slider1 .item a span {
position: absolute;
bottom: 0;
left: 0;
height: 60px;
line-height: 60px;
background: rgba(0, 0, 0, 0.50);
width: 100%;
color: #fff;
font-size: 22px;
padding: 0px 0px 0px 20px;
}
.slider1 .item a span small {
float: right;
background: #DF3A34;
padding: 0px 20px;
font-weight: bold;
font-size: 26px;
}
.owl-prev {
background: rgba(0, 0, 0, 0.49);
width: 40px;
height: 60px;
position: absolute;
top: 36%;
color: #fff;
line-height: 60px !important;
font-size: 24px !important;
text-align: center;
}
.owl-next {
background: rgba(0, 0, 0, 0.49);
width: 40px;
height: 60px;
position: absolute;
top: 36%;
color: #fff;
line-height: 60px !important;
font-size: 24px !important;
right: 0px;
text-align: center;
}
.owl-prev:hover,
.owl-next:hover {
background: #000;
}
.slider-yani-urun {
width: 254px;
text-align: center;
padding: 15px;
height: 328px;
float: right;
border: 1px solid #ddd;
}
.urun-baslik {
width: 100%;
min-height: 60px;
float: left;
text-align: center;
color: #acacac;
font-weight: bold;
}
.slider-yani-urun a img {
margin: 5px 0px;
width: 80%;
height: auto;
max-height: 137px;
}
.urun-alt-aciklama {
width: 100%;
float: left;
color: #acacac;
}
.urun-alt-fiyat {
width: 100%;
float: left;
color: #DF3A34;
margin-bottom: 10px;
font-weight: bold;
font-size: 20px;
}
.slider-yani-urun:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.urun-alt-detaylar {
display: inline-block;
padding: 5px 17px;
border: 1px solid #2eb5dc;
font-weight: bold;
color: #2eb5dc;
}
.slider-yani-urun:hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.urun-gruplari {
width: 100%;
float: left;
margin: 25px 0px 0px 0px;
}
.urun-gruplari h3 {
background: #1F1F1F;
line-height: auto;
padding: 18px 20px;
color: #fff;
margin-bottom: 25px;
float: left;
width: 100%;
font-size: 20px;
}
.urun-gruplari h3::before {
content: "";
width: 40px;
float: left;
}
.urun-grubu {
width: calc(50% - 13px);
float: left;
position: relative;
margin: 0px 0px 25px 0px;
}
.urun-grubu:nth-child(2n) {
float: right;
}
.urun-grubu img {
width: 100%;
max-height: 105px;
}
.urun-grubu span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 46px;
line-height: 46px;
background: rgba(0, 0, 0, 0.50);
color: #fff;
padding: 0px 20px;
font-size: 20px;
}
.urun-grubu:hover {
transform: scale(1.1)
}
.urun-grubu:hover span {
background: #000;
}
.tab-content {
width: 104%;
}
.urun-tab {
width: 276px;
text-align: center;
padding: 25px 15px;
height: 500px;
float: left;
border: 1px solid #ddd;
margin: 25px 25px 0px 0px
}
.urun-tab a img {
margin: 15px 0px;
width: 100%;
height: auto;
}
.urun-tab:Hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.urun-tab:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
#tabs {
width: 100%;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 25px 0px 25px 0px;
margin-bottom: 25px;
}
#tabs ul {
width: 100%;
float: left;
}
#tabs ul li {
float: left;
height: 55px;
line-height: 55px;
padding: 0px 25px;
margin: 0px 25px 0px 0px;
background: #1F1F1F;
font-size: 20px;
outline: 0px;
}
#tabs ul li a {
color: #fff;
outline: 0px;
}
#tabs ul li.ui-tabs-active {
background: #DF3A34;
}
.anasayfa-yazi-alani {
width: 100%;
border-top: 1px solid #ddd;
margin: 15px 0px 15px 0px;
float: left;
padding: 15px 0px;
color: #666;
}
.anasayfa-yazi-alani h1,
.anasayfa-yazi-alani h2,
.anasayfa-yazi-alani h3,
.anasayfa-yazi-alani h4,
.anasayfa-yazi-alani h5,
.anasayfa-yazi-alani h6 {
color: #000;
}
.son-yazilar {
width: calc(50% - 13px);
float: left;
}
.son-yazilar h4 {
width: 100%;
height: 55px;
line-height: 55px;
padding: 0px 25px;
background: #DF3A34;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
}
.son-yazi {
width: 100%;
float: left;
padding: 15px;
margin-bottom: 11px;
border: 1px solid #ddd;
}
.son-yazi img {
float: left;
max-width: 154px;
max-height: 97px;
margin: 0px 15px 0px 0px;
}
.son-yazi-baslik {
font-size: 20px;
font-weight: bold;
color: #000;
}
.son-yazi-icerik {
color: #acacac;
}
.son-yazi:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.son-referanslar {
width: calc(50% - 13px);
float: right;
}
.son-referanslar h4 {
width: 100%;
height: 55px;
line-height: 55px;
padding: 0px 25px;
background: #1f1f1f;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
}
.son-referanslar ul {
width: 100%;
float: left;
}
.son-referanslar ul li a {
float: left;
height: 50px;
border: 1px solid #ddd;
width: 100%;
line-height: 50px;
padding: 0px 25px;
margin-bottom: 10px;
}
.son-referanslar ul li a {
color: #acacac;
}
.son-referanslar ul li a:hover {
color: #1f1f1f;
border: 1px solid #1f1f1f;
background: #f2f2f2;
}
.son-referanslar ul li a:hover::before {
content: "";
margin: 0px 10px 0px 0px;
font-family: 'FontAwesome';
float: left;
}
footer {
width: 100%;
margin: 50px 0px 0px 0px;
float: left;
background: #232323;
}
#footer-ust {
width: 100%;
float: left;
}
.footer-ust {
width: 1180px;
height: 55px;
line-height: 55px;
padding: 0px 25px;
margin: -27px auto 0px auto;
background: #2c2c2c;
color: #acacac;
}
.footer-ust-tel {
float: right;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
font-size: 18px !important;
line-height: 55px !important;
height: 55px;
padding: 0px 0px 0px 35px;
}
.footer-ust-tel::before {
color: #fff;
margin: 0px 8px 0px 0px;
font-weight: normal !important;
}
#footer-alt {
width: 100%;
float: left;
}
.footer-alt {
width: 1180px;
margin: auto;
}
.footer-alt-ic {
padding: 25px 25px;
background: #252525;
width: 100%;
float: left;
}
.footer-box {
width: 225px;
float: left;
margin: 0px 30px 0px 0px;
}
.footer-box .box-title,
.footer-harita .box-title {
color: #acacac;
font-weight: bold;
font-size: 16px;
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #3F3F3F;
margin-bottom: 20px;
}
.footer-box a {
width: 100%;
float: left;
color: #666;
line-height: 26px;
}
.footer-box a:Hover {
color: #acacac;
}
.footer-harita {
width: 365px;
float: right;
}
.footer-alt-aciklama {
width: calc(100% - 250px);
background: #2C2C2C;
float: left;
padding: 25px;
color: #666;
}
.footer-social {
width: 250px;
float: right;
background: #1c1c1c;
height: 93px;
}
.footer-social a {
color: #fff;
opacity: 0.5;
}
.footer-social a:hover {
opacity: 1;
}
.footer-social .social-ust {
margin: 28px 22px;
}
.footer-en-alt {
width: 100%;
text-align: center;
padding: 20px 0px;
float: left;
}
.footer-en-alt li {
display: inline-block;
padding: 0px 10px;
}
.footer-en-alt li a {
color: #666;
font-weight: bold;
}
.footer-en-alt li a:Hover {
color: #fff;
}
.footer-harita iframe {
width: 100%;
height: 240px;
}
.iletisim-sol {
width: calc(100% - 420px);
float: left;
}
.iletisim-sol h1 {
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
font-size: 22px;
font-weight: bold;
padding-bottom: 25px;
}
.iletisim-aciklama {
padding: 25px 0px;
float: left;
width: 100%;
color: #acacac;
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
}
.iletisim-serit {
width: 100%;
float: left;
padding-bottom: 25px;
color: #acacac;
line-height: 40px !important;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}
.iletisim-serit::before {
float: left;
width: 25px;
text-align: center;
margin: 0px 10px 0px 0px;
font-size: 24px;
color: #1f1f1f;
}
.iletisim-sag {
width: 390px;
float: right;
}
.iletisim-sag h2 {
float: left;
width: 100%;
height: 60px;
line-height: 60px;
background: #DF3A34;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
font-size: 16px;
}
.iletisim-sag h2::before {
content: "";
font-weight: normal;
font-size: 28px;
float: left;
text-align: center;
padding: 0px 15px 0px 20px;
}
.text1 {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 55px;
background: #f2f2f2;
padding: 0px 15px;
margin: 5px 0px 0px 0px;
}
.iletisim-sag textarea {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 125px;
background: #f2f2f2;
padding: 10px 15px;
margin: 5px 0px 0px 0px;
}
.sub1 {
float: left;
width: 100%;
height: 55px;
margin: 15px 0px 0px 0px;
border: 0px;
outline: 0px;
background: #2eb5dc;
color: #fff;
font-weight: bold;
}
.sub1:hover {
background: #489800;
}
.sayfa-sablon h1 {
width: 100%;
float: left;
height: 57px;
background: #1f1f1f;
line-height: 57px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0px 25px;
margin-bottom: 25px;
}
.sayfa-sablon h1::before {
content: "";
margin: 0px 10px 0px 0px;
font-size: 24px;
float: left;
}
.sayfa-sablon h2 {
width: 100%;
float: left;
margin: 25px 0px 0px 0px;
color: #000;
}
.kartela {
width: 202px;
padding: 10px;
text-align: center;
border: 1px solid #ddd;
margin: 25px 25px 0px 0px;
float: left;
}
.kartelas {
height: 130px;
width: 100%;
}
.kartela span {
padding: 10px 0px 0px 0px;
display: inline-block;
color: #acacac;
}
.lightbox:target {
outline: none;
display: block;
}
.kartelalarimiz {
width: 104%;
float: left;
}
.urun-listeleme {
width: 104%;
float: left;
}
.urun-list {
width: 279px;
text-align: center;
padding: 25px 30px;
height: 440px;
max-height: 440px;
float: left;
border: 1px solid #ddd;
margin: 0px 25px 25px 0px;
}
.urun-list a img {
margin: 5px 0px;
width: 100%;
height: auto;
max-height: 218px;
}
.urun-list:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.urun-list:hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.sayfalama {
width: 100%;
float: left;
margin-bottom: 10px;
}
.sayfalama ul {
width: 100%;
float: left;
text-align: center;
}
.sayfalama ul li {
display: inline-block;
}
.sayfalama ul li a {
background: #1f1f1f;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0px 16px;
}
.sayfalama ul li:first-child {
float: left;
}
.sayfalama ul li:last-child {
float: right;
}
.sayfalama ul li a {
color: #fff;
height: 40px;
font-weight: 600;
}
.sayfalama ul li a:hover {
background: #DD3934;
}
.sayfalama ul li.active a {
background: #2EB5DC;
}
.urun-image {
width: 432px;
float: left;
display: block;
}
.urun-image img {
width: 100%;
border: 1px solid #ddd;
}
.urun-detay h1,
.urun-detay h5 {
width: 100%;
float: left;
height: 57px;
background: #1f1f1f;
line-height: 57px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0px 25px;
margin-bottom: 25px;
}
.urun-detay h1::before {
content: "";
margin: 0px 10px 0px 0px;
font-size: 24px;
float: left;
}
.urun-detaylari {
width: 410px;
float: right;
}
.urun-detaylari h2 {
width: 100%;
float: left;
font-size: 22px;
font-weight: bold;
color: #1f1f1f;
}
.urun-detay-aciklama {
width: 100%;
float: left;
}
.urun-detay-fiyat {
width: 100%;
padding: 25px 0px;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 25px 0px 25px 0px;
font-size: 28px;
font-weight: bold;
color: #DD3934;
}
.urun-ozellik-baslik {
float: left;
margin-bottom: 25px;
font-weight: bold;
width: 100%;
}
.urun-ozellik {
width: 100%;
float: left;
height: 41px;
line-height: 42px !important;
padding: 0px 15px;
margin-bottom: 3px;
background: #f2f2f2;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}
.urun-ozellik::before {
color: #009a16;
content: "";
margin: 0px 10px 0px 0px;
font-size: 20px;
float: left;
}
.urun-social {
width: 100%;
float: left;
padding: 4px 0px;
}
.video {
width: 100%;
float: left;
margin-bottom: 25px;
}
.urun-detay h2 {
width: 100%;
float: left;
}
.urun-detay p {
width: 100%;
float: left;
}
.yorumlar {
width: 100%;
float: left;
}
.yorumlar h3 {
width: 100%;
float: left;
font-weight: bold;
padding: 25px 0px;
border-top: 1px solid #ddd;
margin: 25px 0px 0px 0px;
}
.yorum {
width: 100%;
float: left;
padding-bottom: 25px;
}
.yorum-yap {
width: 100%;
float: left;
}
.text-yorum1 {
float: left;
width: calc(50% - 13px);
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
outline: 0px;
padding: 0px 15px;
margin-bottom: 25px;
}
.text-yorum2 {
float: right;
width: calc(50% - 13px);
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
outline: 0px;
padding: 0px 15px;
margin-bottom: 25px;
}
.yorum-yap textarea {
float: right;
width: calc(100%);
height: 126px;
border: 1px solid #ddd;
outline: 0px;
padding: 10px 15px;
margin-bottom: 25PX;
}
.sub2 {
float: right;
height: 40px;
padding: 0px 20px;
background: #1f1f1f;
color: #fff;
font-weight: bold;
border: 0px;
outline: 0px;
margin: -55px 15px 0px 0px;
}
.sub2:hover {
background: #DD3934;
}
}
@media only screen and (min-width: 960px) and (max-width: 1170px) {
header {
width: 100%;
float: left;
}
#header-ust {
width: 100%;
float: left;
height: 55px;
line-height: 55px;
background: #1F1F1F;
}
.header-ust {
width: 960px;
margin: auto;
}
.header-ust .fa {
font-size: 16px;
margin: 0px 25px 0px 0px;
font-weight: bold;
color: #fff;
}
.header-ust .fa span {
padding: 0px 0px 0px 10px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
color: #979797;
}
.header-ust .fa:hover span {
color: #fff;
}
.header-ust ul {
float: right;
}
.header-ust ul li {
float: left;
padding: 0px 0px 0px 25px;
}
.header-ust ul li a {
color: #979797;
}
.header-ust ul li a:Hover {
color: #fff;
}
#header-orta {
width: 100%;
padding: 35px 0px;
float: left;
}
.header-orta {
width: 960px;
margin: auto;
}
.logo {
float: left;
}
.search {
float: left;
width: 325px;
margin: 10px 0px 0px 85px;
height: 50px;
border: 1px solid #dddddd;
}
.arama-text {
float: left;
background: none;
border: 0px;
outline: 0px;
line-height: 50px;
width: calc(100% - 60px);
padding: 0px 10px;
}
.search button {
height: 48px;
line-height: 48px;
width: 50px;
border: 0px;
outline: 0px;
float: right;
font-size: 25px;
background: none;
}
.social-ust {
float: right;
margin: 17px 0px;
line-height: 50px;
}
.social-ust a {
width: 36px;
height: 36px;
border: 1px solid #fff;
text-align: center;
line-height: 36px;
float: left;
color: #1F1F1F;
margin: 0px 0px 0px 5px;
}
.social-ust a:hover,
.social-ust a.active {
color: #CF1600;
border: 1px solid #CF1600;
}
#header-menu {
width: 100%;
float: left;
}
.menu {
width: 960px;
margin: auto;
}
.menu ul {
float: left;
position: relative;
min-height: 66px;
background: #1F1F1F;
width: 100%;
}
.menu ul li {
float: left;
min-height: 66px;
}
.menuhome {
width: 67px;
text-align: center;
line-height: 66px;
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/sol-menu-basik-back.png) center;
}
.menuhome a {
line-height: 66px;
text-align: center;
font-size: 30px;
}
.menu ul li {
float: left;
height: 66px;
line-height: 66px;
padding: 0px 15px;
color: #fff;
font-weight: bold;
font-size: 16px;
}
.menu ul li.current-menu-item {
background: #2eb5dc;
}
.menu ul li a {
color: #fff;
height: 66px;
float: left;
}
.menu ul li:hover {
background: #666;
}
.menu ul li:hover ul {
display: block;
}
.menu ul li ul {
width: 100%;
display: none;
float: left;
position: absolute;
left: 0;
top: 66px;
background: #666;
}
.menu ul li ul li {
font-weight: normal;
opacity: 0.5;
padding: 0px 10px 0px 15px;
}
.menu ul li ul li:hover {
opacity: 1;
}
.menu ul li ul li a::before {
content: "";
margin: 2px 5px 0px 0px;
font-family: 'FontAwesome';
float: left;
font-size: 11px;
display: none;
}
main {
width: 100%;
float: left;
padding: 25px 0px;
}
#main {
width: 960px;
margin: auto;
}
.ust-banner {
width: 100%;
float: left;
margin-bottom: 25px;
}
.ust-banner img {
max-width: 100%;
}
.ust-banner iframe {
width: 100%;
height: 220px;
}
#side-bar {
width: 267px;
float: left;
}
.kategoriler {
width: 100%;
float: left;
}
.kategoriler h3 {
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/sol-menu-basik-back.png);
background-size: 100% 57px;
width: 267px;
height: 57px;
float: left;
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 55px;
padding: 0px 0px 0px 18px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.kategoriler h3::before {
font-size: 24px;
float: left;
line-height: 55px;
padding: 0px 15px 0px 0px;
}
.kategoriler ul {
float: left;
width: 100%;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.kategoriler ul li {
float: left;
width: 100%;
min-height: 50px;
line-height: 50px;
border-bottom: 1px solid #ddd;
padding: 0px 15px;
}
.kategoriler ul li a {
color: #9d9d9d;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
width: 100%;
padding-left: 10px;
}
.kategoriler ul li a::before {
font-family: 'FontAwesome';
}
.kategoriler ul li a span,
.kategoriler ul li a label {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
padding: 0px 0px 0px 10px;
}
.kategoriler ul li::before {
width: 15px;
float: left;
color: #9d9d9d;
}
.kategoriler ul li:hover {
background: #f2f2f2;
}
.kategoriler ul li ul {
border: 0px;
display: none;
padding: 0px 0px 20px 0px;
}
.kategoriler ul li ul li {
border: 0px;
min-height: 30px;
line-height: 30px !important;
padding: 0px 10px;
}
.kategoriler ul li ul li::before {
content: "";
width: 7px;
margin: 0px 0px 0px 0px;
font-family: 'FontAwesome';
float: left;
}
.accordionExpanded::after {
content: "";
font-family: 'FontAwesome';
float: right;
}
.sol-banner {
float: left;
width: 100%;
margin: 30px 0px;
}
#anasayfa-content {
width: calc(100% - 293px);
float: right;
}
.slider1 {
width: 100%;
position: relative;
float: left;
}
.slider1 .item {
width: 100%;
float: left;
}
.slider1 .item a {
position: relative;
width: 100%;
float: left;
}
.slider1 .item a span {
position: absolute;
bottom: 0;
left: 0;
height: 60px;
line-height: 60px;
background: rgba(0, 0, 0, 0.50);
width: 100%;
color: #fff;
font-size: 22px;
padding: 0px 0px 0px 20px;
}
.slider1 .item a span small {
float: right;
background: #DF3A34;
padding: 0px 20px;
font-weight: bold;
font-size: 26px;
}
.owl-prev {
background: rgba(0, 0, 0, 0.49);
width: 40px;
height: 60px;
position: absolute;
top: 36%;
color: #fff;
line-height: 60px !important;
font-size: 24px !important;
text-align: center;
}
.owl-next {
background: rgba(0, 0, 0, 0.49);
width: 40px;
height: 60px;
position: absolute;
top: 36%;
color: #fff;
line-height: 60px !important;
font-size: 24px !important;
right: 0px;
text-align: center;
}
.owl-prev:hover,
.owl-next:hover {
background: #000;
}
.slider-yani-urun {
width: 254px;
display: none;
text-align: center;
padding: 15px;
height: 328px;
float: right;
border: 1px solid #ddd;
}
.urun-baslik {
width: 100%;
min-height: 60px;
float: left;
text-align: center;
color: #acacac;
font-weight: bold;
}
.slider-yani-urun a img {
margin: 5px 0px;
width: 100%;
height: auto;
}
.urun-alt-aciklama {
width: 100%;
float: left;
color: #acacac;
}
.urun-alt-fiyat {
width: 100%;
float: left;
color: #DF3A34;
margin-bottom: 10px;
font-weight: bold;
font-size: 20px;
}
.slider-yani-urun:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.urun-alt-detaylar {
display: inline-block;
padding: 5px 17px;
border: 1px solid #2eb5dc;
font-weight: bold;
color: #2eb5dc;
}
.slider-yani-urun:hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.urun-gruplari {
width: 100%;
float: left;
margin: 25px 0px 0px 0px;
}
.urun-gruplari h3 {
background: #1F1F1F;
line-height: auto;
padding: 18px 20px;
color: #fff;
margin-bottom: 25px;
float: left;
width: 100%;
font-size: 20px;
}
.urun-gruplari h3::before {
content: "";
width: 40px;
float: left;
}
.urun-grubu {
width: calc(50% - 13px);
float: left;
position: relative;
margin: 0px 0px 25px 0px;
}
.urun-grubu:nth-child(2n) {
float: right;
}
.urun-grubu img {
width: 100%;
max-height: 105px;
}
.urun-grubu span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 46px;
line-height: 46px;
background: rgba(0, 0, 0, 0.50);
color: #fff;
padding: 0px 20px;
font-size: 20px;
}
.urun-grubu:hover {
transform: scale(1.1)
}
.urun-grubu:hover span {
background: #000;
}
.tab-content {
width: 104%;
}
.urun-tab {
width: 221px;
height: auto;
text-align: center;
padding: 25px 15px;
float: left;
border: 1px solid #ddd;
margin: 25px 25px 0px 0px
}
.urun-tab a img {
margin: 15px 0px;
width: 100%;
height: auto;
}
.urun-tab:Hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.urun-tab:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
#tabs {
width: 100%;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 25px 0px 25px 0px;
margin-bottom: 25px;
}
#tabs ul {
width: 100%;
float: left;
}
#tabs ul li {
float: left;
height: 55px;
line-height: 55px;
padding: 0px 25px;
margin: 0px 25px 0px 0px;
background: #1F1F1F;
font-size: 20px;
outline: 0px;
}
#tabs ul li a {
color: #fff;
outline: 0px;
}
#tabs ul li.ui-tabs-active {
background: #DF3A34;
}
.anasayfa-yazi-alani {
width: 100%;
border-top: 1px solid #ddd;
margin: 15px 0px 15px 0px;
float: left;
padding: 15px 0px;
color: #666;
}
.anasayfa-yazi-alani h1,
.anasayfa-yazi-alani h2,
.anasayfa-yazi-alani h3,
.anasayfa-yazi-alani h4,
.anasayfa-yazi-alani h5,
.anasayfa-yazi-alani h6 {
color: #000;
}
.son-yazilar {
width: calc(50% - 13px);
float: left;
}
.son-yazilar h4 {
width: 100%;
height: 55px;
line-height: 55px;
padding: 0px 25px;
background: #DF3A34;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
}
.son-yazi {
width: 100%;
float: left;
padding: 15px;
margin-bottom: 11px;
border: 1px solid #ddd;
}
.son-yazi img {
float: left;
max-width: 154px;
max-height: 97px;
margin: 0px 15px 0px 0px;
}
.son-yazi-baslik {
font-size: 20px;
font-weight: bold;
color: #000;
}
.son-yazi-icerik {
color: #acacac;
}
.son-yazi:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.son-referanslar {
width: calc(50% - 13px);
float: right;
}
.son-referanslar h4 {
width: 100%;
height: 55px;
line-height: 55px;
padding: 0px 25px;
background: #1f1f1f;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
}
.son-referanslar ul {
width: 100%;
float: left;
}
.son-referanslar ul li a {
float: left;
height: 50px;
border: 1px solid #ddd;
width: 100%;
line-height: 50px;
padding: 0px 25px;
margin-bottom: 10px;
}
.son-referanslar ul li a {
color: #acacac;
}
.son-referanslar ul li a:hover {
color: #1f1f1f;
border: 1px solid #1f1f1f;
background: #f2f2f2;
}
.son-referanslar ul li a:hover::before {
content: "";
margin: 0px 10px 0px 0px;
font-family: 'FontAwesome';
float: left;
}
footer {
width: 100%;
margin: 50px 0px 0px 0px;
float: left;
background: #232323;
}
#footer-ust {
width: 100%;
float: left;
}
.footer-ust {
width: 960px;
height: 55px;
line-height: 55px;
padding: 0px 25px;
margin: -27px auto 0px auto;
background: #2c2c2c;
color: #acacac;
}
.footer-ust-tel {
float: right;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
font-size: 18px !important;
line-height: 55px !important;
height: 55px;
padding: 0px 0px 0px 35px;
}
.footer-ust-tel::before {
color: #fff;
margin: 0px 8px 0px 0px;
font-weight: normal !important;
}
#footer-alt {
width: 100%;
float: left;
}
.footer-alt {
width: 960px;
margin: auto;
}
.footer-alt-ic {
padding: 25px 25px;
background: #252525;
width: 100%;
float: left;
}
.footer-box {
width: 185px;
float: left;
margin: 0px 30px 0px 0px;
}
.footer-box .box-title,
.footer-harita .box-title {
color: #acacac;
font-weight: bold;
font-size: 16px;
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #3F3F3F;
margin-bottom: 20px;
}
.footer-box a {
width: 100%;
float: left;
color: #666;
line-height: 26px;
}
.footer-box a:Hover {
color: #acacac;
}
.footer-harita {
width: 265px;
float: right;
}
.footer-alt-aciklama {
width: calc(100% - 250px);
background: #2C2C2C;
float: left;
padding: 15px 25px;
color: #666;
}
.footer-social {
width: 250px;
float: right;
background: #1c1c1c;
height: 93px;
}
.footer-social a {
color: #fff;
opacity: 0.5;
}
.footer-social a:hover {
opacity: 1;
}
.footer-social .social-ust {
margin: 28px 22px;
}
.footer-en-alt {
width: 100%;
text-align: center;
padding: 20px 0px;
float: left;
}
.footer-en-alt li {
display: inline-block;
padding: 0px 10px;
}
.footer-en-alt li a {
color: #666;
font-weight: bold;
}
.footer-en-alt li a:Hover {
color: #fff;
}
.footer-harita iframe {
width: 100%;
height: 240px;
}
.iletisim-sol {
width: calc(100% - 420px);
float: left;
}
.iletisim-sol h1 {
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
font-size: 22px;
font-weight: bold;
padding-bottom: 25px;
}
.iletisim-aciklama {
padding: 25px 0px;
float: left;
width: 100%;
color: #acacac;
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
}
.iletisim-serit {
width: 100%;
float: left;
padding-bottom: 25px;
color: #acacac;
line-height: 40px !important;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}
.iletisim-serit::before {
float: left;
width: 25px;
text-align: center;
margin: 0px 10px 0px 0px;
font-size: 24px;
color: #1f1f1f;
}
.iletisim-sag {
width: 390px;
float: right;
}
.iletisim-sag h2 {
float: left;
width: 100%;
height: 60px;
line-height: 60px;
background: #DF3A34;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
font-size: 16px;
}
.iletisim-sag h2::before {
content: "";
font-weight: normal;
font-size: 28px;
float: left;
text-align: center;
padding: 0px 15px 0px 20px;
}
.text1 {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 55px;
background: #f2f2f2;
padding: 0px 15px;
margin: 5px 0px 0px 0px;
}
.iletisim-sag textarea {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 125px;
background: #f2f2f2;
padding: 10px 15px;
margin: 5px 0px 0px 0px;
}
.sub1 {
float: left;
width: 100%;
height: 55px;
margin: 15px 0px 0px 0px;
border: 0px;
outline: 0px;
background: #2eb5dc;
color: #fff;
font-weight: bold;
}
.sub1:hover {
background: #489800;
}
.sayfa-sablon h1 {
width: 100%;
float: left;
height: 57px;
background: #1f1f1f;
line-height: 57px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0px 25px;
margin-bottom: 25px;
}
.sayfa-sablon h1::before {
content: "";
margin: 0px 10px 0px 0px;
font-size: 24px;
float: left;
}
.sayfa-sablon h2 {
width: 100%;
float: left;
margin: 25px 0px 0px 0px;
color: #000;
}
.kartela {
width: 202px;
padding: 10px;
text-align: center;
border: 1px solid #ddd;
margin: 25px 25px 0px 0px;
float: left;
}
.kartelas {
height: 130px;
width: 100%;
}
.kartela span {
padding: 10px 0px 0px 0px;
display: inline-block;
color: #acacac;
}
.lightbox:target {
outline: none;
display: block;
}
.kartelalarimiz {
width: 104%;
float: left;
}
.urun-listeleme {
width: 104%;
float: left;
}
.urun-list {
width: 210px;
text-align: center;
padding: 15px 20px;
height: auto;
max-height: 440px;
float: left;
border: 1px solid #ddd;
margin: 0px 18px 18px 0px;
}
.urun-list a img {
margin: 5px 0px;
width: 100%;
height: auto;
}
.urun-list:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.urun-list:hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.sayfalama {
width: 100%;
float: left;
margin-bottom: 10px;
}
.sayfalama ul {
width: 100%;
float: left;
text-align: center;
}
.sayfalama ul li {
display: inline-block;
}
.sayfalama ul li a {
background: #1f1f1f;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0px 16px;
}
.sayfalama ul li:first-child {
float: left;
}
.sayfalama ul li:last-child {
float: right;
}
.sayfalama ul li a {
color: #fff;
height: 40px;
font-weight: 600;
}
.sayfalama ul li a:hover {
background: #DD3934;
}
.sayfalama ul li.active a {
background: #2EB5DC;
}
.urun-image {
width: 232px;
float: left;
}
.urun-image img {
width: 100%;
border: 1px solid #ddd;
}
.urun-detay h1,
.urun-detay h5 {
width: 100%;
float: left;
height: 57px;
background: #1f1f1f;
line-height: 57px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0px 25px;
margin-bottom: 25px;
}
.urun-detay h1::before,
.urun-detay h5::before {
content: "";
margin: 0px 10px 0px 0px;
font-size: 24px;
float: left;
}
.urun-detaylari {
width: 410px;
float: right;
}
.urun-detaylari h2 {
width: 100%;
float: left;
font-size: 22px;
font-weight: bold;
color: #1f1f1f;
}
.urun-detay-aciklama {
width: 100%;
float: left;
}
.urun-detay-fiyat {
width: 100%;
padding: 25px 0px;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 25px 0px 25px 0px;
font-size: 28px;
font-weight: bold;
color: #DD3934;
}
.urun-ozellik-baslik {
float: left;
margin-bottom: 25px;
font-weight: bold;
width: 100%;
}
.urun-ozellik {
width: 100%;
float: left;
height: 41px;
line-height: 42px !important;
padding: 0px 15px;
margin-bottom: 3px;
background: #f2f2f2;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}
.urun-ozellik::before {
color: #009a16;
content: "";
margin: 0px 10px 0px 0px;
font-size: 20px;
float: left;
}
.urun-social {
width: 100%;
float: left;
padding: 4px 0px;
}
.video {
width: 100%;
float: left;
margin-bottom: 25px;
}
.urun-detay h2 {
width: 100%;
float: left;
}
.urun-detay p {
width: 100%;
float: left;
}
.yorumlar {
width: 100%;
float: left;
}
.yorumlar h3 {
width: 100%;
float: left;
font-weight: bold;
padding: 25px 0px;
border-top: 1px solid #ddd;
margin: 25px 0px 0px 0px;
}
.yorum {
width: 100%;
float: left;
padding-bottom: 25px;
}
.yorum-yap {
width: 100%;
float: left;
}
.text-yorum1 {
float: left;
width: calc(50% - 13px);
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
outline: 0px;
padding: 0px 15px;
margin-bottom: 25px;
}
.text-yorum2 {
float: right;
width: calc(50% - 13px);
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
outline: 0px;
padding: 0px 15px;
margin-bottom: 25px;
}
.yorum-yap textarea {
float: right;
width: calc(100%);
height: 126px;
border: 1px solid #ddd;
outline: 0px;
padding: 10px 15px;
margin-bottom: 25PX;
}
.sub2 {
float: right;
height: 40px;
padding: 0px 20px;
background: #1f1f1f;
color: #fff;
font-weight: bold;
border: 0px;
outline: 0px;
margin: -55px 15px 0px 0px;
}
.sub2:hover {
background: #DD3934;
}
}
@media only screen and (min-width: 730px) and (max-width: 960px) {
header {
width: 100%;
float: left;
}
#header-ust {
width: 100%;
float: left;
height: 55px;
line-height: 55px;
background: #1F1F1F;
}
.header-ust {
width: 740px;
margin: auto;
}
.header-ust .fa {
font-size: 16px;
margin: 0px 25px 0px 0px;
font-weight: bold;
color: #fff;
}
.header-ust .fa span {
padding: 0px 0px 0px 10px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
color: #979797;
}
.header-ust .fa:hover span {
color: #fff;
}
.header-ust ul {
float: right;
display: none;
}
.header-ust ul li {
float: left;
padding: 0px 0px 0px 25px;
}
.header-ust ul li a {
color: #979797;
}
.header-ust ul li a:Hover {
color: #fff;
}
.menubtn {
display: block !important;
}
#header-orta {
width: 100%;
padding: 35px 0px;
float: left;
}
.header-orta {
width: 740px;
margin: auto;
}
.logo {
float: left;
}
.search {
float: right;
width: 325px;
margin: 10px 0px 0px 5px;
height: 50px;
border: 1px solid #dddddd;
}
.arama-text {
float: left;
background: none;
border: 0px;
outline: 0px;
line-height: 50px;
width: calc(100% - 60px);
padding: 0px 10px;
}
.search button {
height: 48px;
line-height: 48px;
width: 50px;
border: 0px;
outline: 0px;
float: right;
font-size: 25px;
background: none;
}
.social-ust {
float: right;
display: none;
margin: 17px 0px;
line-height: 50px;
}
.social-ust a {
width: 36px;
height: 36px;
border: 1px solid #fff;
text-align: center;
line-height: 36px;
float: left;
color: #1F1F1F;
margin: 0px 0px 0px 5px;
}
.social-ust a:hover,
.social-ust a.active {
color: #CF1600;
border: 1px solid #CF1600;
}
#header-menu {
width: 100%;
float: left;
}
.menu {
width: 740px;
margin: auto;
}
.menu ul {
float: left;
display: none;
position: relative;
min-height: 66px;
background: #1F1F1F;
width: 100%;
}
.menu ul li {
float: left;
min-height: 66px;
}
.menuhome {
width: 67px;
text-align: center;
line-height: 66px;
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/sol-menu-basik-back.png) center;
}
.menuhome a {
line-height: 66px;
text-align: center;
font-size: 30px;
}
.menu ul li {
float: left;
height: 66px;
line-height: 66px;
padding: 0px 15px;
color: #fff;
font-weight: bold;
font-size: 16px;
}
.menu ul li.current-menu-item {
background: #2eb5dc;
}
.menu ul li a {
color: #fff;
height: 66px;
float: left;
}
.menu ul li:hover {
background: #666;
}
.menu ul li:hover ul {
display: block;
}
.menu ul li ul {
width: 100%;
display: none;
float: left;
position: absolute;
left: 0;
top: 66px;
background: #666;
}
.menu ul li ul li {
font-weight: normal;
opacity: 0.5;
padding: 0px 10px 0px 15px;
}
.menu ul li ul li:hover {
opacity: 1;
}
.menu ul li ul li a::before {
content: "";
margin: 2px 5px 0px 0px;
font-family: 'FontAwesome';
float: left;
font-size: 11px;
display: none;
}
main {
width: 100%;
float: left;
padding: 25px 0px;
}
#main {
width: 740px;
margin: auto;
}
.ust-banner {
width: 100%;
float: left;
margin-bottom: 25px;
}
.ust-banner img {
max-width: 100%;
}
.ust-banner iframe {
width: 100%;
height: 220px;
}
#side-bar {
width: 267px;
float: left;
}
.kategoriler {
width: 100%;
float: left;
}
.kategoriler h3 {
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/sol-menu-basik-back.png);
background-size: 100% 57px;
width: 267px;
height: 57px;
float: left;
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 55px;
padding: 0px 0px 0px 18px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.kategoriler h3::before {
font-size: 24px;
float: left;
line-height: 55px;
padding: 0px 15px 0px 0px;
}
.kategoriler ul {
float: left;
width: 100%;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.kategoriler ul li {
float: left;
width: 100%;
min-height: 50px;
line-height: 50px;
border-bottom: 1px solid #ddd;
padding: 0px 15px;
}
.kategoriler ul li a {
color: #9d9d9d;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
width: 100%;
padding-left: 10px;
}
.kategoriler ul li a::before {
font-family: 'FontAwesome';
}
.kategoriler ul li a span,
.kategoriler ul li a label {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
padding: 0px 0px 0px 10px;
}
.kategoriler ul li::before {
width: 15px;
float: left;
color: #9d9d9d;
}
.kategoriler ul li:hover {
background: #f2f2f2;
}
.kategoriler ul li ul {
border: 0px;
display: none;
padding: 0px 0px 20px 0px;
}
.kategoriler ul li ul li {
border: 0px;
min-height: 30px;
line-height: 30px !important;
padding: 0px 10px;
}
.kategoriler ul li ul li::before {
content: "";
width: 7px;
margin: 0px 0px 0px 0px;
font-family: 'FontAwesome';
float: left;
}
.accordionExpanded::after {
content: "";
font-family: 'FontAwesome';
float: right;
}
.sol-banner {
float: left;
width: 100%;
margin: 30px 0px;
}
#anasayfa-content {
width: calc(100% - 293px);
float: right;
}
.slider1 {
width: 100%;
position: relative;
float: left;
}
.slider1 .item {
width: 100%;
float: left;
}
.slider1 .item a {
position: relative;
width: 100%;
float: left;
}
.slider1 .item a span {
position: absolute;
bottom: 0;
left: 0;
height: 60px;
line-height: 60px;
background: rgba(0, 0, 0, 0.50);
width: 100%;
color: #fff;
font-size: 16px;
padding: 0px 0px 0px 20px;
}
.slider1 .item a span small {
float: right;
background: #DF3A34;
padding: 0px 20px;
font-weight: bold;
font-size: 26px;
}
.owl-prev {
background: rgba(0, 0, 0, 0.49);
width: 40px;
height: 60px;
position: absolute;
top: 36%;
color: #fff;
line-height: 60px !important;
font-size: 24px !important;
text-align: center;
}
.owl-next {
background: rgba(0, 0, 0, 0.49);
width: 40px;
height: 60px;
position: absolute;
top: 36%;
color: #fff;
line-height: 60px !important;
font-size: 24px !important;
right: 0px;
text-align: center;
}
.owl-prev:hover,
.owl-next:hover {
background: #000;
}
.slider-yani-urun {
width: 254px;
display: none;
text-align: center;
padding: 15px;
height: 328px;
float: right;
border: 1px solid #ddd;
}
.urun-baslik {
width: 100%;
min-height: 60px;
float: left;
text-align: center;
color: #acacac;
font-weight: bold;
}
.slider-yani-urun a img {
margin: 5px 0px;
width: 100%;
height: auto;
}
.urun-alt-aciklama {
width: 100%;
float: left;
color: #acacac;
}
.urun-alt-fiyat {
width: 100%;
float: left;
color: #DF3A34;
margin-bottom: 10px;
font-weight: bold;
font-size: 20px;
}
.slider-yani-urun:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.urun-alt-detaylar {
display: inline-block;
padding: 5px 17px;
border: 1px solid #2eb5dc;
font-weight: bold;
color: #2eb5dc;
}
.slider-yani-urun:hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.urun-gruplari {
width: 100%;
float: left;
margin: 25px 0px 0px 0px;
}
.urun-gruplari h3 {
background: #1F1F1F;
line-height: auto;
padding: 18px 20px;
color: #fff;
margin-bottom: 25px;
float: left;
width: 100%;
font-size: 20px;
}
.urun-gruplari h3::before {
content: "";
width: 40px;
float: left;
}
.urun-grubu {
width: calc(100%);
float: left;
position: relative;
margin: 0px 0px 25px 0px;
}
.urun-grubu:nth-child(2n) {
float: right;
}
.urun-grubu img {
width: 100%;
max-height: 105px;
}
.urun-grubu span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 46px;
line-height: 46px;
background: rgba(0, 0, 0, 0.50);
color: #fff;
padding: 0px 20px;
font-size: 20px;
}
.urun-grubu:hover {
transform: scale(1.1)
}
.urun-grubu:hover span {
background: #000;
}
.tab-content {
width: 104%;
}
.urun-tab {
width: 230px;
text-align: center;
padding: 25px 15px;
height: auto;
float: left;
border: 1px solid #ddd;
margin: 25px 25px 0px 0px;
}
.urun-tab a img {
margin: 15px 0px;
width: 100%;
height: auto;
}
.urun-tab:Hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.urun-tab:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
#tabs {
width: 100%;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 25px 0px 25px 0px;
margin-bottom: 25px;
}
#tabs ul {
width: 100%;
float: left;
}
#tabs ul li {
float: left;
height: 55px;
line-height: 55px;
padding: 0px 25px;
margin: 0px 25px 0px 0px;
background: #1F1F1F;
font-size: 20px;
outline: 0px;
}
#tabs ul li a {
color: #fff;
outline: 0px;
}
#tabs ul li.ui-tabs-active {
background: #DF3A34;
}
.anasayfa-yazi-alani {
width: 100%;
border-top: 1px solid #ddd;
margin: 15px 0px 15px 0px;
float: left;
padding: 15px 0px;
color: #666;
}
.anasayfa-yazi-alani h1,
.anasayfa-yazi-alani h2,
.anasayfa-yazi-alani h3,
.anasayfa-yazi-alani h4,
.anasayfa-yazi-alani h5,
.anasayfa-yazi-alani h6 {
color: #000;
}
.son-yazilar {
width: calc(50% - 13px);
float: left;
}
.son-yazilar h4 {
width: 100%;
height: 55px;
line-height: 55px;
padding: 0px 25px;
background: #DF3A34;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
}
.son-yazi {
width: 100%;
float: left;
padding: 15px;
margin-bottom: 11px;
border: 1px solid #ddd;
}
.son-yazi img {
float: left;
max-width: 154px;
max-height: 97px;
margin: 0px 15px 0px 0px;
}
.son-yazi-baslik {
font-size: 20px;
font-weight: bold;
color: #000;
}
.son-yazi-icerik {
color: #acacac;
}
.son-yazi:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.son-referanslar {
width: calc(50% - 13px);
float: right;
}
.son-referanslar h4 {
width: 100%;
height: 55px;
line-height: 55px;
padding: 0px 25px;
background: #1f1f1f;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
}
.son-referanslar ul {
width: 100%;
float: left;
}
.son-referanslar ul li a {
float: left;
height: 50px;
border: 1px solid #ddd;
width: 100%;
line-height: 50px;
padding: 0px 25px;
margin-bottom: 10px;
}
.son-referanslar ul li a {
color: #acacac;
}
.son-referanslar ul li a:hover {
color: #1f1f1f;
border: 1px solid #1f1f1f;
background: #f2f2f2;
}
.son-referanslar ul li a:hover::before {
content: "";
margin: 0px 10px 0px 0px;
font-family: 'FontAwesome';
float: left;
}
footer {
width: 100%;
margin: 50px 0px 0px 0px;
float: left;
background: #232323;
}
#footer-ust {
width: 100%;
float: left;
}
.footer-ust {
width: 740px;
height: 55px;
line-height: 55px;
padding: 0px 25px;
margin: -27px auto 0px auto;
background: #2c2c2c;
color: #acacac;
}
.footer-ust-tel {
float: right;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
font-size: 15px !important;
line-height: 55px !important;
height: 55px;
padding: 0px 0px 0px 35px;
}
.footer-ust-tel::before {
color: #fff;
margin: 0px 8px 0px 0px;
font-weight: normal !important;
}
#footer-alt {
width: 100%;
float: left;
}
.footer-alt {
width: 740px;
margin: auto;
}
.footer-alt-ic {
padding: 25px 25px;
background: #252525;
width: 100%;
float: left;
}
.footer-box {
width: 220px;
float: left;
margin: 0px 10px 0px 0px;
}
.footer-box .box-title,
.footer-harita .box-title {
color: #acacac;
font-weight: bold;
font-size: 16px;
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #3F3F3F;
margin-bottom: 20px;
}
.footer-box a {
width: 100%;
float: left;
color: #666;
line-height: 26px;
}
.footer-box a:Hover {
color: #acacac;
}
.footer-harita {
width: 265px;
display: none;
float: right;
}
.footer-alt-aciklama {
width: calc(100% - 250px);
background: #2C2C2C;
float: left;
padding: 15px 25px;
color: #666;
display: none;
}
.footer-social {
width: 250px;
display: none;
float: right;
background: #1c1c1c;
height: 93px;
}
.footer-social a {
color: #fff;
opacity: 0.5;
}
.footer-social a:hover {
opacity: 1;
}
.footer-social .social-ust {
margin: 28px 22px;
}
.footer-en-alt {
width: 100%;
text-align: center;
padding: 20px 0px;
float: left;
}
.footer-en-alt li {
display: inline-block;
padding: 0px 10px;
}
.footer-en-alt li a {
color: #666;
font-weight: bold;
}
.footer-en-alt li a:Hover {
color: #fff;
}
.footer-harita iframe {
width: 100%;
height: 240px;
}
.iletisim-sol {
width: calc(100% - 420px);
float: left;
}
.iletisim-sol h1 {
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
font-size: 22px;
font-weight: bold;
padding-bottom: 25px;
}
.iletisim-aciklama {
padding: 25px 0px;
float: left;
width: 100%;
color: #acacac;
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
}
.iletisim-serit {
width: 100%;
float: left;
padding-bottom: 25px;
color: #acacac;
line-height: 40px !important;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}
.iletisim-serit::before {
float: left;
width: 25px;
text-align: center;
margin: 0px 10px 0px 0px;
font-size: 24px;
color: #1f1f1f;
}
.iletisim-sag {
width: 390px;
float: right;
}
.iletisim-sag h2 {
float: left;
width: 100%;
height: 60px;
line-height: 60px;
background: #DF3A34;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
font-size: 16px;
}
.iletisim-sag h2::before {
content: "";
font-weight: normal;
font-size: 28px;
float: left;
text-align: center;
padding: 0px 15px 0px 20px;
}
.text1 {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 55px;
background: #f2f2f2;
padding: 0px 15px;
margin: 5px 0px 0px 0px;
}
.iletisim-sag textarea {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 125px;
background: #f2f2f2;
padding: 10px 15px;
margin: 5px 0px 0px 0px;
}
.sub1 {
float: left;
width: 100%;
height: 55px;
margin: 15px 0px 0px 0px;
border: 0px;
outline: 0px;
background: #2eb5dc;
color: #fff;
font-weight: bold;
}
.sub1:hover {
background: #489800;
}
.sayfa-sablon h1 {
width: 100%;
float: left;
height: 57px;
background: #1f1f1f;
line-height: 57px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0px 25px;
margin-bottom: 25px;
}
.sayfa-sablon h1::before {
content: "";
margin: 0px 10px 0px 0px;
font-size: 24px;
float: left;
}
.sayfa-sablon h2 {
width: 100%;
float: left;
margin: 25px 0px 0px 0px;
color: #000;
}
.kartela {
width: 212px;
padding: 10px;
text-align: center;
border: 1px solid #ddd;
margin: 25px 20px 0px 0px;
float: left;
}
.kartelas {
height: 130px;
width: 100%;
}
.kartela span {
padding: 10px 0px 0px 0px;
display: inline-block;
color: #acacac;
}
.lightbox:target {
outline: none;
display: block;
}
.kartelalarimiz {
width: 104%;
float: left;
}
.urun-listeleme {
width: 104%;
float: left;
}
.urun-list {
width: 214px;
text-align: center;
padding: 15px 20px;
height: auto;
max-height: 440px;
float: left;
border: 1px solid #ddd;
margin: 0px 18px 18px 0px;
}
.urun-list .urun-baslik {
max-height: 60px;
overflow: hidden;
}
.urun-list a img {
margin: 5px 0px;
width: 100%;
height: auto;
max-height: 195px;
}
.urun-list:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.urun-list:hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.sayfalama {
width: 100%;
float: left;
margin-bottom: 10px;
}
.sayfalama ul {
width: 100%;
float: left;
text-align: center;
}
.sayfalama ul li {
display: inline-block;
}
.sayfalama ul li a {
background: #1f1f1f;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0px 16px;
}
.sayfalama ul li:first-child {
float: left;
}
.sayfalama ul li:last-child {
float: right; }
.sayfalama ul li a {
color: #fff;
height: 40px;
font-weight: 600;
}
.sayfalama ul li a:hover {
background: #DD3934;
}
.sayfalama ul li.active a {
background: #2EB5DC;
}
.urun-image {
width: 100%;
float: left;
}
.urun-image img {
width: 100%;
border: 1px solid #ddd;
}
.urun-detay h1,
.urun-detay h5 {
width: 100%;
float: left;
height: 57px;
background: #1f1f1f;
line-height: 57px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0px 25px;
margin-bottom: 25px;
}
.urun-detay h1::before,
.urun-detay h5::before {
content: "";
margin: 0px 10px 0px 0px;
font-size: 24px;
float: left;
}
.urun-detaylari {
width: 100%;
padding: 30px 0px;
float: right;
}
.urun-detaylari h2 {
width: 100%;
float: left;
font-size: 22px;
font-weight: bold;
color: #1f1f1f;
}
.urun-detay-aciklama {
width: 100%;
float: left;
}
.urun-detay-fiyat {
width: 100%;
padding: 25px 0px;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 25px 0px 25px 0px;
font-size: 28px;
font-weight: bold;
color: #DD3934;
}
.urun-ozellik-baslik {
float: left;
margin-bottom: 25px;
font-weight: bold;
width: 100%;
}
.urun-ozellik {
width: 100%;
float: left;
height: 41px;
line-height: 42px !important;
padding: 0px 15px;
margin-bottom: 3px;
background: #f2f2f2;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}
.urun-ozellik::before {
color: #009a16;
content: "";
margin: 0px 10px 0px 0px;
font-size: 20px;
float: left;
}
.urun-social {
width: 100%;
float: left;
padding: 4px 0px;
}
.video {
width: 100%;
float: left;
margin-bottom: 25px;
}
.urun-detay h2 {
width: 100%;
float: left;
}
.urun-detay p {
width: 100%;
float: left;
}
.yorumlar {
width: 100%;
float: left;
}
.yorumlar h3 {
width: 100%;
float: left;
font-weight: bold;
padding: 25px 0px;
border-top: 1px solid #ddd;
margin: 25px 0px 0px 0px;
}
.yorum {
width: 100%;
float: left;
padding-bottom: 25px;
}
.yorum-yap {
width: 100%;
float: left;
}
.text-yorum1 {
float: left;
width: calc(50% - 13px);
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
outline: 0px;
padding: 0px 15px;
margin-bottom: 25px;
}
.text-yorum2 {
float: right;
width: calc(50% - 13px);
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
outline: 0px;
padding: 0px 15px;
margin-bottom: 25px;
}
.yorum-yap textarea {
float: right;
width: calc(100%);
height: 126px;
border: 1px solid #ddd;
outline: 0px;
padding: 10px 15px;
margin-bottom: 25PX;
}
.sub2 {
float: right;
height: 40px;
padding: 0px 20px;
background: #1f1f1f;
color: #fff;
font-weight: bold;
border: 0px;
outline: 0px;
margin: -55px 15px 0px 0px;
}
.sub2:hover {
background: #DD3934;
}
#hamburgermenu {
display: block;
}
}
@media only screen and (min-width: 590px) and (max-width: 730px) {
header {
width: 100%;
float: left;
}
#header-ust {
width: 100%;
float: left;
height: 55px;
line-height: 55px;
background: #1F1F1F;
}
.header-ust {
width: 590px;
margin: auto;
}
.header-ust .fa {
font-size: 16px;
margin: 0px 25px 0px 0px;
font-weight: bold;
color: #fff;
}
.header-ust .fa span {
padding: 0px 0px 0px 10px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
color: #979797;
}
.header-ust .fa:hover span {
color: #fff;
}
.header-ust ul {
float: right;
display: none;
}
.header-ust ul li {
float: left;
padding: 0px 0px 0px 25px;
}
.header-ust ul li a {
color: #979797;
}
.header-ust ul li a:Hover {
color: #fff;
}
.menubtn {
display: block !important;
}
#header-orta {
width: 100%;
padding: 35px 0px;
float: left;
}
.header-orta {
width: 590px;
margin: auto;
}
.logo {
float: left;
}
.search {
float: right;
width: 255px;
margin: 10px 0px 0px 5px;
height: 50px;
border: 1px solid #dddddd;
}
.arama-text {
float: left;
background: none;
border: 0px;
outline: 0px;
line-height: 50px;
width: calc(100% - 60px);
padding: 0px 10px;
}
.search button {
height: 48px;
line-height: 48px;
width: 50px;
border: 0px;
outline: 0px;
float: right;
font-size: 25px;
background: none;
}
.social-ust {
float: right;
display: none;
margin: 17px 0px;
line-height: 50px;
}
.social-ust a {
width: 36px;
height: 36px;
border: 1px solid #fff;
text-align: center;
line-height: 36px;
float: left;
color: #1F1F1F;
margin: 0px 0px 0px 5px;
}
.social-ust a:hover,
.social-ust a.active {
color: #CF1600;
border: 1px solid #CF1600;
}
#header-menu {
width: 100%;
float: left;
}
.menu {
width: 590px;
margin: auto;
}
.menu ul {
float: left;
display: none;
position: relative;
min-height: 66px;
background: #1F1F1F;
width: 100%;
}
.menu ul li {
float: left;
min-height: 66px;
}
.menuhome {
width: 67px;
text-align: center;
line-height: 66px;
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/sol-menu-basik-back.png) center;
}
.menuhome a {
line-height: 66px;
text-align: center;
font-size: 30px;
}
.menu ul li {
float: left;
height: 66px;
line-height: 66px;
padding: 0px 15px;
color: #fff;
font-weight: bold;
font-size: 16px;
}
.menu ul li.current-menu-item {
background: #2eb5dc;
}
.menu ul li a {
color: #fff;
height: 66px;
float: left;
}
.menu ul li:hover {
background: #666;
}
.menu ul li:hover ul {
display: block;
}
.menu ul li ul {
width: 100%;
display: none;
float: left;
position: absolute;
left: 0;
top: 66px;
background: #666;
}
.menu ul li ul li {
font-weight: normal;
opacity: 0.5;
padding: 0px 10px 0px 15px;
}
.menu ul li ul li:hover {
opacity: 1;
}
.menu ul li ul li a::before {
content: "";
margin: 2px 5px 0px 0px;
font-family: 'FontAwesome';
float: left;
font-size: 11px;
display: none;
}
main {
width: 100%;
float: left;
padding: 25px 0px;
}
#main {
width: 590px;
margin: auto;
}
.ust-banner {
width: 100%;
float: left;
margin-bottom: 25px;
}
.ust-banner img {
max-width: 100%;
}
.ust-banner iframe {
width: 100%;
height: 220px;
}
#side-bar {
width: 267px;
float: left;
}
.kategoriler {
width: 100%;
float: left;
}
.kategoriler h3 {
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/sol-menu-basik-back.png);
background-size: 100% 57px;
width: 267px;
height: 57px;
float: left;
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 55px;
padding: 0px 0px 0px 18px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.kategoriler h3::before {
font-size: 24px;
float: left;
line-height: 55px;
padding: 0px 15px 0px 0px;
}
.kategoriler ul {
float: left;
width: 100%;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.kategoriler ul li {
float: left;
width: 100%;
min-height: 50px;
line-height: 50px;
border-bottom: 1px solid #ddd;
padding: 0px 15px;
}
.kategoriler ul li a {
color: #9d9d9d;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
width: 100%;
padding-left: 10px;
}
.kategoriler ul li a::before {
font-family: 'FontAwesome';
}
.kategoriler ul li a span,
.kategoriler ul li a label {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
padding: 0px 0px 0px 10px;
}
.kategoriler ul li::before {
width: 15px;
float: left;
color: #9d9d9d;
}
.kategoriler ul li:hover {
background: #f2f2f2;
}
.kategoriler ul li ul {
border: 0px;
display: none;
padding: 0px 0px 20px 0px;
}
.kategoriler ul li ul li {
border: 0px;
min-height: 30px;
line-height: 30px !important;
padding: 0px 10px;
}
.kategoriler ul li ul li::before {
content: "";
width: 7px;
margin: 0px 0px 0px 0px;
font-family: 'FontAwesome';
float: left;
}
.accordionExpanded::after {
content: "";
font-family: 'FontAwesome';
float: right;
}
.sol-banner {
float: left;
width: 100%;
margin: 30px 0px;
}
#anasayfa-content {
width: calc(100% - 293px);
float: right;
}
.slider1 {
width: 100%;
position: relative;
float: left;
}
.slider1 .item {
width: 100%;
float: left;
}
.slider1 .item a {
position: relative;
width: 100%;
float: left;
}
.slider1 .item a span {
position: absolute;
bottom: 0;
left: 0;
height: 60px;
line-height: 60px;
background: rgba(0, 0, 0, 0.50);
width: 100%;
color: #fff;
font-size: 16px;
padding: 0px 0px 0px 20px;
}
.slider1 .item a span small {
float: right;
background: #DF3A34;
padding: 0px 20px;
font-weight: bold;
font-size: 26px;
}
.owl-prev {
background: rgba(0, 0, 0, 0.49);
width: 40px;
height: 60px;
position: absolute;
top: 36%;
color: #fff;
line-height: 60px !important;
font-size: 24px !important;
text-align: center;
}
.owl-next {
background: rgba(0, 0, 0, 0.49);
width: 40px;
height: 60px;
position: absolute;
top: 36%;
color: #fff;
line-height: 60px !important;
font-size: 24px !important;
right: 0px;
text-align: center;
}
.owl-prev:hover,
.owl-next:hover {
background: #000;
}
.slider-yani-urun {
width: 254px;
display: none;
text-align: center;
padding: 15px;
height: 328px;
float: right;
border: 1px solid #ddd;
}
.urun-baslik {
width: 100%;
min-height: 60px;
float: left;
text-align: center;
color: #acacac;
font-weight: bold;
}
.slider-yani-urun a img {
margin: 5px 0px;
width: 100%;
height: auto;
}
.urun-alt-aciklama {
width: 100%;
float: left;
color: #acacac;
}
.urun-alt-fiyat {
width: 100%;
float: left;
color: #DF3A34;
margin-bottom: 10px;
font-weight: bold;
font-size: 20px;
}
.slider-yani-urun:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.urun-alt-detaylar {
display: inline-block;
padding: 5px 17px;
border: 1px solid #2eb5dc;
font-weight: bold;
color: #2eb5dc;
}
.slider-yani-urun:hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.urun-gruplari {
width: 100%;
float: left;
margin: 25px 0px 0px 0px;
}
.urun-gruplari h3 {
background: #1F1F1F;
line-height: auto;
padding: 18px 20px;
color: #fff;
margin-bottom: 25px;
float: left;
width: 100%;
font-size: 20px;
}
.urun-gruplari h3::before {
content: "";
width: 40px;
float: left;
}
.urun-grubu {
width: calc(100%);
float: left;
position: relative;
margin: 0px 0px 25px 0px;
}
.urun-grubu:nth-child(2n) {
float: right;
}
.urun-grubu img {
width: 100%;
max-height: 105px;
}
.urun-grubu span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 46px;
line-height: 46px;
background: rgba(0, 0, 0, 0.50);
color: #fff;
padding: 0px 20px;
font-size: 20px;
}
.urun-grubu:hover {
transform: scale(1.1)
}
.urun-grubu:hover span {
background: #000;
}
.tab-content {
width: 104%;
}
.urun-tab {
width: 280px;
text-align: center;
padding: 25px 15px;
height: auto;
float: left;
border: 1px solid #ddd;
margin: 25px 25px 0px 0px;
}
.urun-tab a img {
margin: 15px 0px;
width: 100%;
height: auto;
}
.urun-tab:Hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.urun-tab:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
#tabs {
width: 100%;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 25px 0px 25px 0px;
margin-bottom: 25px;
}
#tabs ul {
width: 100%;
float: left;
}
#tabs ul li {
float: left;
height: 55px;
line-height: 55px;
padding: 0px 25px;
margin: 0px 15px 10px 0px;
background: #1F1F1F;
font-size: 16px;
outline: 0px;
}
#tabs ul li a {
color: #fff;
outline: 0px;
}
#tabs ul li.ui-tabs-active {
background: #DF3A34;
}
.anasayfa-yazi-alani {
width: 100%;
border-top: 1px solid #ddd;
margin: 15px 0px 15px 0px;
float: left;
padding: 15px 0px;
color: #666;
}
.anasayfa-yazi-alani h1,
.anasayfa-yazi-alani h2,
.anasayfa-yazi-alani h3,
.anasayfa-yazi-alani h4,
.anasayfa-yazi-alani h5,
.anasayfa-yazi-alani h6 {
color: #000;
}
.son-yazilar {
width: calc(50% - 13px);
float: left;
}
.son-yazilar h4 {
width: 100%;
height: 55px;
line-height: 55px;
padding: 0px 25px;
background: #DF3A34;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
}
.son-yazi {
width: 100%;
float: left;
padding: 15px;
margin-bottom: 11px;
border: 1px solid #ddd;
}
.son-yazi img {
float: left;
display: none;
max-width: 154px;
max-height: 97px;
margin: 0px 15px 0px 0px;
}
.son-yazi-baslik {
font-size: 20px;
font-weight: bold;
color: #000;
}
.son-yazi-icerik {
color: #acacac;
}
.son-yazi:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.son-referanslar {
width: calc(50% - 13px);
float: right;
}
.son-referanslar h4 {
width: 100%;
height: 55px;
line-height: 55px;
padding: 0px 25px;
background: #1f1f1f;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
}
.son-referanslar ul {
width: 100%;
float: left;
}
.son-referanslar ul li a {
float: left;
height: 50px;
border: 1px solid #ddd;
width: 100%;
line-height: 50px;
padding: 0px 25px;
margin-bottom: 10px;
}
.son-referanslar ul li a {
color: #acacac;
}
.son-referanslar ul li a:hover {
color: #1f1f1f;
border: 1px solid #1f1f1f;
background: #f2f2f2;
}
.son-referanslar ul li a:hover::before {
content: "";
margin: 0px 10px 0px 0px;
font-family: 'FontAwesome';
float: left;
}
footer {
width: 100%;
margin: 50px 0px 0px 0px;
float: left;
background: #232323;
}
#footer-ust {
width: 100%;
float: left;
}
.footer-ust {
width: 590px;
height: 55px;
line-height: 55px;
padding: 0px 25px;
margin: -27px auto 0px auto;
background: #2c2c2c;
color: #acacac;
}
.footer-ust-tel {
float: right;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
font-size: 15px !important;
line-height: 55px !important;
height: 55px;
padding: 0px 0px 0px 35px;
}
.copyright {
display: none;
}
.footer-ust-tel::before {
color: #fff;
margin: 0px 8px 0px 0px;
font-weight: normal !important;
}
#footer-alt {
width: 100%;
float: left;
}
.footer-alt {
width: 590px;
margin: auto;
}
.footer-alt-ic {
padding: 25px 25px;
background: #252525;
width: 100%;
float: left;
}
.footer-box {
width: 170px;
float: left;
margin: 0px 10px 0px 0px;
}
.footer-box .box-title,
.footer-harita .box-title {
color: #acacac;
font-weight: bold;
font-size: 16px;
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #3F3F3F;
margin-bottom: 20px;
}
.footer-box a {
width: 100%;
float: left;
color: #666;
line-height: 26px;
}
.footer-box a:Hover {
color: #acacac;
}
.footer-harita {
width: 265px;
display: none;
float: right;
}
.footer-alt-aciklama {
width: calc(100% - 250px);
background: #2C2C2C;
float: left;
padding: 15px 25px;
color: #666;
display: none;
}
.footer-social {
width: 250px;
display: none;
float: right;
background: #1c1c1c;
height: 93px;
}
.footer-social a {
color: #fff;
opacity: 0.5;
}
.footer-social a:hover {
opacity: 1;
}
.footer-social .social-ust {
margin: 28px 22px;
}
.footer-en-alt {
width: 100%;
text-align: center;
padding: 20px 0px;
float: left;
}
.footer-en-alt li {
display: inline-block;
padding: 0px 10px;
}
.footer-en-alt li a {
color: #666;
font-weight: bold;
}
.footer-en-alt li a:Hover {
color: #fff;
}
.footer-harita iframe {
width: 100%;
height: 240px;
}
.iletisim-sol {
width: calc(100% - 280px);
float: left;
}
.iletisim-sol h1 {
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
font-size: 22px;
font-weight: bold;
padding-bottom: 25px;
}
.iletisim-aciklama {
padding: 25px 0px;
float: left;
width: 100%;
color: #acacac;
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
}
.iletisim-serit {
width: 100%;
float: left;
padding-bottom: 25px;
color: #acacac;
line-height: 40px !important;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}
.iletisim-serit::before {
float: left;
width: 25px;
text-align: center;
margin: 0px 10px 0px 0px;
font-size: 24px;
color: #1f1f1f;
}
.iletisim-sag {
width: 250px;
float: right;
}
.iletisim-sag h2 {
float: left;
width: 100%;
height: 60px;
line-height: 60px;
background: #DF3A34;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
font-size: 16px;
}
.iletisim-sag h2::before {
content: "";
font-weight: normal;
font-size: 28px;
float: left;
text-align: center;
padding: 0px 15px 0px 20px;
}
.text1 {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 55px;
background: #f2f2f2;
padding: 0px 15px;
margin: 5px 0px 0px 0px;
}
.iletisim-sag textarea {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 125px;
background: #f2f2f2;
padding: 10px 15px;
margin: 5px 0px 0px 0px;
}
.sub1 {
float: left;
width: 100%;
height: 55px;
margin: 15px 0px 0px 0px;
border: 0px;
outline: 0px;
background: #2eb5dc;
color: #fff;
font-weight: bold;
}
.sub1:hover {
background: #489800;
}
.sayfa-sablon h1 {
width: 100%;
float: left;
height: 57px;
background: #1f1f1f;
line-height: 57px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0px 25px;
margin-bottom: 25px;
}
.sayfa-sablon h1::before {
content: "";
margin: 0px 10px 0px 0px;
font-size: 24px;
float: left;
}
.sayfa-sablon h2 {
width: 100%;
float: left;
margin: 25px 0px 0px 0px;
color: #000;
}
.kartela {
width: calc(50% - 5px);
padding: 10px;
text-align: center;
border: 1px solid #ddd;
margin: 15px 0px 0px 0px;
float: left;
}
.kartela:nth-child(2n) {
float: right;
}
.kartelas {
height: 130px;
width: 100%;
}
.kartela span {
padding: 10px 0px 0px 0px;
display: inline-block;
color: #acacac;
}
.lightbox:target {
outline: none;
display: block;
}
.kartelalarimiz {
width: 100%;
float: left;
}
.urun-listeleme {
width: 100%;
float: left;
}
.urun-list {
width: 100%;
text-align: center;
padding: 15px 20px;
height: auto;
max-height: 440px;
float: left;
border: 1px solid #ddd;
margin: 0px 18px 18px 0px;
}
.urun-list .urun-baslik {
max-height: 60px;
overflow: hidden;
}
.urun-list a img {
margin: 5px 0px;
width: 100%;
height: auto;
max-height: 195px;
}
.urun-list:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.urun-list:hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.sayfalama {
width: 100%;
float: left;
margin-bottom: 10px;
}
.sayfalama ul {
width: 100%;
float: left;
text-align: center;
}
.sayfalama ul li {
display: inline-block;
}
.sayfalama ul li a {
background: #1f1f1f;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0px 16px;
}
.sayfalama ul li:first-child {
float: left;
}
.sayfalama ul li:last-child {
float: right; }
.sayfalama ul li a {
color: #fff;
height: 40px;
font-weight: 600;
}
.sayfalama ul li a:hover {
background: #DD3934;
}
.sayfalama ul li.active a {
background: #2EB5DC;
}
.urun-image {
width: 100%;
float: left;
}
.urun-image img {
width: 100%;
border: 1px solid #ddd;
}
.urun-detay h1,
.urun-detay h5 {
width: 100%;
float: left;
height: 57px;
background: #1f1f1f;
line-height: 57px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0px 25px;
margin-bottom: 25px;
}
.urun-detay h1::before,
.urun-detay h5::before {
content: "";
margin: 0px 10px 0px 0px;
font-size: 24px;
float: left;
}
.urun-detaylari {
width: 100%;
padding: 30px 0px;
float: right;
}
.urun-detaylari h2 {
width: 100%;
float: left;
font-size: 22px;
font-weight: bold;
color: #1f1f1f;
}
.urun-detay-aciklama {
width: 100%;
float: left;
}
.urun-detay-fiyat {
width: 100%;
padding: 25px 0px;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 25px 0px 25px 0px;
font-size: 28px;
font-weight: bold;
color: #DD3934;
}
.urun-ozellik-baslik {
float: left;
margin-bottom: 25px;
font-weight: bold;
width: 100%;
}
.urun-ozellik {
width: 100%;
float: left;
height: 41px;
line-height: 42px !important;
padding: 0px 15px;
margin-bottom: 3px;
background: #f2f2f2;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}
.urun-ozellik::before {
color: #009a16;
content: "";
margin: 0px 10px 0px 0px;
font-size: 20px;
float: left;
}
.urun-social {
width: 100%;
float: left;
padding: 4px 0px;
}
.video {
width: 100%;
float: left;
margin-bottom: 25px;
}
.urun-detay h2 {
width: 100%;
float: left;
}
.urun-detay p {
width: 100%;
float: left;
}
.yorumlar {
width: 100%;
float: left;
}
.yorumlar h3 {
width: 100%;
float: left;
font-weight: bold;
padding: 25px 0px;
border-top: 1px solid #ddd;
margin: 25px 0px 0px 0px;
}
.yorum {
width: 100%;
float: left;
padding-bottom: 25px;
}
.yorum-yap {
width: 100%;
float: left;
}
.text-yorum1 {
float: left;
width: calc(50% - 13px);
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
outline: 0px;
padding: 0px 15px;
margin-bottom: 25px;
}
.text-yorum2 {
float: right;
width: calc(50% - 13px);
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
outline: 0px;
padding: 0px 15px;
margin-bottom: 25px;
}
.yorum-yap textarea {
float: right;
width: calc(100%);
height: 126px;
border: 1px solid #ddd;
outline: 0px;
padding: 10px 15px;
margin-bottom: 25PX;
}
.sub2 {
float: right;
height: 40px;
padding: 0px 20px;
background: #1f1f1f;
color: #fff;
font-weight: bold;
border: 0px;
outline: 0px;
margin: -55px 15px 0px 0px;
}
.sub2:hover {
background: #DD3934;
}
#hamburgermenu {
display: block;
}
}
@media only screen and (min-width: 0px) and (max-width: 590px) {
header {
width: 100%;
float: left;
}
#header-ust {
width: 100%;
padding: 0px 10px;
float: left;
height: 55px;
line-height: 55px;
background: #1F1F1F;
}
.header-ust {
width: 100%;
margin: auto;
}
.header-ust .fa {
font-size: 16px;
margin: 0px 10px 0px 0px;
font-weight: bold;
color: #fff;
}
.header-ust .fa span {
padding: 0px 0px 0px 10px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
color: #979797;
}
.header-ust .fa:hover span {
color: #fff;
}
.header-ust .fa:nth-child(3) {
display: none;
}
.header-ust ul {
float: right;
display: none;
}
.header-ust ul li {
float: left;
padding: 0px 0px 0px 25px;
}
.header-ust ul li a {
color: #979797;
}
.header-ust ul li a:Hover {
color: #fff;
}
.menubtn {
display: block !important;
}
#header-orta {
width: 100%;
padding: 35px 10px;
float: left;
}
.header-orta {
width: 100%;
margin: auto;
}
.logo {
float: left;
}
.search {
float: right;
width: 100%;
margin: 20px 0px 0px 5px;
height: 50px;
border: 1px solid #dddddd;
}
.arama-text {
float: left;
background: none;
border: 0px;
outline: 0px;
line-height: 50px;
width: calc(100% - 60px);
padding: 0px 10px;
}
.search button {
height: 48px;
line-height: 48px;
width: 50px;
border: 0px;
outline: 0px;
float: right;
font-size: 25px;
background: none;
}
.social-ust {
float: right;
display: none;
margin: 17px 0px;
line-height: 50px;
}
.social-ust a {
width: 36px;
height: 36px;
border: 1px solid #fff;
text-align: center;
line-height: 36px;
float: left;
color: #1F1F1F;
margin: 0px 0px 0px 5px;
}
.social-ust a:hover,
.social-ust a.active {
color: #CF1600;
border: 1px solid #CF1600;
}
#header-menu {
width: 100%;
padding: 0px 10px;
float: left;
}
.menu {
width: 100%;
margin: auto;
}
.menu ul {
float: left;
display: none;
position: relative;
min-height: 66px;
background: #1F1F1F;
width: 100%;
}
.menu ul li {
float: left;
min-height: 66px;
}
.menuhome {
width: 67px;
text-align: center;
line-height: 66px;
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/sol-menu-basik-back.png) center;
}
.menuhome a {
line-height: 66px;
text-align: center;
font-size: 30px;
}
.menu ul li {
float: left;
height: 66px;
line-height: 66px;
padding: 0px 15px;
color: #fff;
font-weight: bold;
font-size: 16px;
}
.menu ul li.current-menu-item {
background: #2eb5dc;
}
.menu ul li a {
color: #fff;
height: 66px;
float: left;
}
.menu ul li:hover {
background: #666;
}
.menu ul li:hover ul {
display: block;
}
.menu ul li ul {
width: 100%;
display: none;
float: left;
position: absolute;
left: 0;
top: 66px;
background: #666;
}
.menu ul li ul li {
font-weight: normal;
opacity: 0.5;
padding: 0px 10px 0px 15px;
}
.menu ul li ul li:hover {
opacity: 1;
}
.menu ul li ul li a::before {
content: "";
margin: 2px 5px 0px 0px;
font-family: 'FontAwesome';
float: left;
font-size: 11px;
display: none;
}
main {
width: 100%;
float: left;
padding: 25px 10px;
}
#main {
width: 100%;
margin: auto;
}
.ust-banner {
width: 100%;
float: left;
margin-bottom: 25px;
}
.ust-banner img {
max-width: 100%;
}
.ust-banner iframe {
width: 100%;
height: 220px;
}
#side-bar {
width: 100%;
display: none;
float: left;
}
.kategoriler {
width: 100%;
float: left;
}
.kategoriler h3 {
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/sol-menu-basik-back.png) repeat-x;
background-size: 100% 100%;
width: 100%;
height: 57px;
float: left;
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 55px;
padding: 0px 0px 0px 18px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
}
.kategoriler h3::before {
font-size: 24px;
float: left;
line-height: 55px;
padding: 0px 15px 0px 0px;
}
.kategoriler ul {
float: left;
width: 100%;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.kategoriler ul li {
float: left;
width: 100%;
min-height: 50px;
line-height: 50px;
border-bottom: 1px solid #ddd;
padding: 0px 15px;
}
.kategoriler ul li a {
color: #9d9d9d;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
width: 100%;
padding-left: 10px;
}
.kategoriler ul li a::before {
font-family: 'FontAwesome';
}
.kategoriler ul li a span,
.kategoriler ul li a label {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
padding: 0px 0px 0px 10px;
}
.kategoriler ul li::before {
width: 15px;
float: left;
color: #9d9d9d;
}
.kategoriler ul li:hover {
background: #f2f2f2;
}
.kategoriler ul li ul {
border: 0px;
display: none;
padding: 0px 0px 20px 0px;
}
.kategoriler ul li ul li {
border: 0px;
min-height: 30px;
line-height: 30px !important;
padding: 0px 10px;
}
.kategoriler ul li ul li::before {
content: "";
width: 7px;
margin: 0px 0px 0px 0px;
font-family: 'FontAwesome';
float: left;
}
.accordionExpanded::after {
content: "";
font-family: 'FontAwesome';
float: right;
}
.sol-banner {
float: left;
width: 100%;
margin: 30px 0px;
}
#anasayfa-content {
width: calc(100%);
float: right;
}
.slider1 {
width: 100%;
position: relative;
float: left;
}
.slider1 .item {
width: 100%;
float: left;
}
.slider1 .item a {
position: relative;
width: 100%;
float: left;
}
.slider1 .item a span {
position: absolute;
bottom: 0;
left: 0;
height: 60px;
line-height: 60px;
background: rgba(0, 0, 0, 0.50);
width: 100%;
color: #fff;
font-size: 16px;
padding: 0px 0px 0px 20px;
}
.slider1 .item a span small {
float: right;
background: #DF3A34;
padding: 0px 20px;
font-weight: bold;
font-size: 26px;
}
.owl-prev {
background: rgba(0, 0, 0, 0.49);
width: 40px;
height: 60px;
position: absolute;
top: 36%;
color: #fff;
line-height: 60px !important;
font-size: 24px !important;
text-align: center;
}
.owl-next {
background: rgba(0, 0, 0, 0.49);
width: 40px;
height: 60px;
position: absolute;
top: 36%;
color: #fff;
line-height: 60px !important;
font-size: 24px !important;
right: 0px;
text-align: center;
}
.owl-prev:hover,
.owl-next:hover {
background: #000;
}
.slider-yani-urun {
width: 254px;
display: none;
text-align: center;
padding: 15px;
height: 328px;
float: right;
border: 1px solid #ddd;
}
.urun-baslik {
width: 100%;
min-height: 60px;
float: left;
text-align: center;
color: #acacac;
font-weight: bold;
}
.slider-yani-urun a img {
margin: 5px 0px;
width: 100%;
height: auto;
}
.urun-alt-aciklama {
width: 100%;
float: left;
color: #acacac;
}
.urun-alt-fiyat {
width: 100%;
float: left;
color: #DF3A34;
margin-bottom: 10px;
font-weight: bold;
font-size: 20px;
}
.slider-yani-urun:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.urun-alt-detaylar {
display: inline-block;
padding: 5px 17px;
border: 1px solid #2eb5dc;
font-weight: bold;
color: #2eb5dc;
}
.slider-yani-urun:hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.urun-gruplari {
width: 100%;
float: left;
margin: 25px 0px 0px 0px;
}
.urun-gruplari h3 {
background: #1F1F1F;
line-height: auto;
padding: 18px 20px;
color: #fff;
margin-bottom: 25px;
float: left;
width: 100%;
font-size: 20px;
}
.urun-gruplari h3::before {
content: "";
width: 40px;
float: left;
}
.urun-grubu {
width: calc(100%);
float: left;
position: relative;
margin: 0px 0px 25px 0px;
}
.urun-grubu:nth-child(2n) {
float: right;
}
.urun-grubu img {
width: 100%;
max-height: 105px;
}
.urun-grubu span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 46px;
line-height: 46px;
background: rgba(0, 0, 0, 0.50);
color: #fff;
padding: 0px 20px;
font-size: 20px;
}
.urun-grubu:hover {
transform: scale(1.1)
}
.urun-grubu:hover span {
background: #000;
}
.tab-content {
width: 100%;
}
.urun-tab {
width: 100%;
text-align: center;
padding: 25px 15px;
height: auto;
float: left;
border: 1px solid #ddd;
margin: 25px 25px 0px 0px;
}
.urun-tab a img {
margin: 15px 0px;
width: 100%;
height: auto;
}
.urun-tab:Hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.urun-tab:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
#tabs {
width: 100%;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 25px 0px 25px 0px;
margin-bottom: 25px;
}
#tabs ul {
width: 100%;
float: left;
}
#tabs ul li {
float: left;
height: 55px;
width: 100%;
line-height: 55px;
padding: 0px 25px;
margin: 0px 0px 5px 0px;
background: #1F1F1F;
font-size: 16px;
outline: 0px;
}
#tabs ul li a {
color: #fff;
outline: 0px;
}
#tabs ul li.ui-tabs-active {
background: #DF3A34;
}
.anasayfa-yazi-alani {
width: 100%;
border-top: 1px solid #ddd;
margin: 15px 0px 15px 0px;
float: left;
padding: 15px 0px;
color: #666;
}
.anasayfa-yazi-alani h1,
.anasayfa-yazi-alani h2,
.anasayfa-yazi-alani h3,
.anasayfa-yazi-alani h4,
.anasayfa-yazi-alani h5,
.anasayfa-yazi-alani h6 {
color: #000;
}
.son-yazilar {
width: calc(100%);
float: left;
}
.son-yazilar h4 {
width: 100%;
height: 55px;
line-height: 55px;
padding: 0px 25px;
background: #DF3A34;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
}
.son-yazi {
width: 100%;
float: left;
padding: 15px;
margin-bottom: 11px;
border: 1px solid #ddd;
}
.son-yazi img {
float: left;
display: none;
max-width: 154px;
max-height: 97px;
margin: 0px 15px 0px 0px;
}
.son-yazi-baslik {
font-size: 20px;
font-weight: bold;
color: #000;
}
.son-yazi-icerik {
color: #acacac;
}
.son-yazi:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.son-referanslar {
width: calc(100%);
float: right;
}
.son-referanslar h4 {
width: 100%;
height: 55px;
line-height: 55px;
padding: 0px 25px;
background: #1f1f1f;
color: #fff;
font-size: 20px;
margin-bottom: 25px;
}
.son-referanslar ul {
width: 100%;
float: left;
}
.son-referanslar ul li a {
float: left;
height: 50px;
border: 1px solid #ddd;
width: 100%;
line-height: 50px;
padding: 0px 25px;
margin-bottom: 10px;
}
.son-referanslar ul li a {
color: #acacac;
}
.son-referanslar ul li a:hover {
color: #1f1f1f;
border: 1px solid #1f1f1f;
background: #f2f2f2;
}
.son-referanslar ul li a:hover::before {
content: "";
margin: 0px 10px 0px 0px;
font-family: 'FontAwesome';
float: left;
}
footer {
width: 100%;
margin: 50px 0px 0px 0px;
float: left;
background: #232323;
}
#footer-ust {
width: 100%;
float: left;
}
.footer-ust {
width: 100%;
height: auto;
line-height: 55px;
padding: 0px 25px;
margin: 0px auto 0px auto;
background: #2c2c2c;
color: #acacac;
}
.footer-ust-tel {
float: right;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
font-size: 15px !important;
line-height: 55px !important;
height: 55px;
padding: 0px 0px 0px 35px;
}
.copyright {
display: none;
}
.footer-ust-tel::before {
color: #fff;
margin: 0px 8px 0px 0px;
font-weight: normal !important;
}
#footer-alt {
width: 100%;
float: left;
}
.footer-alt {
width: 590px;
display: none;
margin: auto;
}
.footer-alt-ic {
padding: 25px 25px;
background: #252525;
width: 100%;
float: left;
}
.footer-box {
width: 170px;
float: left;
margin: 0px 10px 0px 0px;
}
.footer-box .box-title,
.footer-harita .box-title {
color: #acacac;
font-weight: bold;
font-size: 16px;
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #3F3F3F;
margin-bottom: 20px;
}
.footer-box a {
width: 100%;
float: left;
color: #666;
line-height: 26px;
}
.footer-box a:Hover {
color: #acacac;
}
.footer-harita {
width: 265px;
display: none;
float: right;
}
.footer-alt-aciklama {
width: calc(100% - 250px);
background: #2C2C2C;
float: left;
padding: 15px 25px;
color: #666;
display: none;
}
.footer-social {
width: 250px;
display: none;
float: right;
background: #1c1c1c;
height: 93px;
}
.footer-social a {
color: #fff;
opacity: 0.5;
}
.footer-social a:hover {
opacity: 1;
}
.footer-social .social-ust {
margin: 28px 22px;
}
.footer-en-alt {
width: 100%;
display: none;
text-align: center;
padding: 20px 0px;
float: left;
}
.footer-en-alt li {
display: inline-block;
padding: 0px 10px;
}
.footer-en-alt li a {
color: #666;
font-weight: bold;
}
.footer-en-alt li a:Hover {
color: #fff;
}
.footer-harita iframe {
width: 100%;
height: 240px;
}
.iletisim-sol {
width: calc(100%);
float: left;
}
.iletisim-sol h1 {
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
font-size: 22px;
font-weight: bold;
padding-bottom: 25px;
}
.iletisim-aciklama {
padding: 25px 0px;
float: left;
width: 100%;
color: #acacac;
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
}
.iletisim-serit {
width: 100%;
float: left;
padding-bottom: 25px;
color: #acacac;
line-height: 40px !important;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}
.iletisim-serit::before {
float: left;
width: 25px;
text-align: center;
margin: 0px 10px 0px 0px;
font-size: 24px;
color: #1f1f1f;
}
.iletisim-sag {
width: 100%;
float: right;
}
.iletisim-sag h2 {
float: left;
width: 100%;
height: 60px;
line-height: 60px;
background: #DF3A34;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
font-size: 16px;
}
.iletisim-sag h2::before {
content: "";
font-weight: normal;
font-size: 28px;
float: left;
text-align: center;
padding: 0px 15px 0px 20px;
}
.text1 {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 55px;
background: #f2f2f2;
padding: 0px 15px;
margin: 5px 0px 0px 0px;
}
.iletisim-sag textarea {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 125px;
background: #f2f2f2;
padding: 10px 15px;
margin: 5px 0px 0px 0px;
}
.sub1 {
float: left;
width: 100%;
height: 55px;
margin: 15px 0px 0px 0px;
border: 0px;
outline: 0px;
background: #2eb5dc;
color: #fff;
font-weight: bold;
}
.sub1:hover {
background: #489800;
}
.sayfa-sablon h1 {
width: 100%;
float: left;
height: 57px;
background: #1f1f1f;
line-height: 57px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0px 25px;
margin-bottom: 25px;
}
.sayfa-sablon h1::before {
content: "";
margin: 0px 10px 0px 0px;
font-size: 24px;
float: left;
}
.sayfa-sablon h2 {
width: 100%;
float: left;
margin: 25px 0px 0px 0px;
color: #000;
}
.kartela {
width: calc(50% - 5px);
padding: 10px;
text-align: center;
border: 1px solid #ddd;
margin: 15px 0px 0px 0px;
float: left;
}
.kartela:nth-child(2n) {
float: right;
}
.kartelas {
height: 130px;
width: 100%;
}
.kartela span {
padding: 10px 0px 0px 0px;
display: inline-block;
color: #acacac;
}
.lightbox:target {
outline: none;
display: block;
}
.kartelalarimiz {
width: 100%;
float: left;
}
.urun-listeleme {
width: 100%;
float: left;
}
.urun-list {
width: 100%;
text-align: center;
padding: 15px 20px;
height: auto;
max-height: 440px;
float: left;
border: 1px solid #ddd;
margin: 0px 18px 18px 0px;
}
.urun-list .urun-baslik {
max-height: 60px;
overflow: hidden;
}
.urun-list a img {
margin: 5px 0px;
width: 100%;
height: auto;
max-height: 230px;
}
.urun-list:hover {
-webkit-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 76px 7px rgba(0, 0, 0, 0.35);
}
.urun-list:hover .urun-alt-detaylar {
color: #DF3A34;
border: 1px solid #DF3A34;
}
.sayfalama {
width: 100%;
float: left;
margin-bottom: 10px;
}
.sayfalama ul {
width: 100%;
float: left;
text-align: center;
}
.sayfalama ul li {
display: inline-block;
}
.sayfalama ul li a {
background: #1f1f1f;
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0px 16px;
}
.sayfalama ul li:first-child {
float: left;
}
.sayfalama ul li:last-child {
float: right; }
.sayfalama ul li a {
color: #fff;
height: 40px;
font-weight: 600;
}
.sayfalama ul li a:hover {
background: #DD3934;
}
.sayfalama ul li.active a {
background: #2EB5DC;
}
.urun-image {
width: 100%;
float: left;
}
.urun-image img {
width: 100%;
border: 1px solid #ddd;
}
.urun-detay h1,
.urun-detay h5 {
width: 100%;
float: left;
height: 57px;
background: #1f1f1f;
line-height: 57px;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 0px 25px;
margin-bottom: 25px;
white-space: nowrap;
;
}
.urun-detay h1::before,
.urun-detay h5::before {
content: "";
margin: 0px 10px 0px 0px;
font-size: 24px;
float: left;
}
.urun-detaylari {
width: 100%;
padding: 30px 0px;
float: right;
}
.urun-detaylari h2 {
width: 100%;
float: left;
font-size: 22px;
font-weight: bold;
color: #1f1f1f;
}
.urun-detay-aciklama {
width: 100%;
float: left;
}
.urun-detay-fiyat {
width: 100%;
padding: 25px 0px;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 25px 0px 25px 0px;
font-size: 28px;
font-weight: bold;
color: #DD3934;
}
.urun-ozellik-baslik {
float: left;
margin-bottom: 25px;
font-weight: bold;
width: 100%;
}
.urun-ozellik {
width: 100%;
float: left;
height: 41px;
line-height: 42px !important;
padding: 0px 15px;
margin-bottom: 3px;
background: #f2f2f2;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;
}
.urun-ozellik::before {
color: #009a16;
content: "";
margin: 0px 10px 0px 0px;
font-size: 20px;
float: left;
}
.urun-social {
width: 100%;
float: left;
padding: 4px 0px;
}
.video {
width: 100%;
float: left;
margin-bottom: 25px;
}
.urun-detay h2 {
width: 100%;
float: left;
}
.urun-detay p {
width: 100%;
float: left;
}
.yorumlar {
width: 100%;
float: left;
}
.yorumlar h3 {
width: 100%;
float: left;
font-weight: bold;
padding: 25px 0px;
border-top: 1px solid #ddd;
margin: 25px 0px 0px 0px;
}
.yorum {
width: 100%;
float: left;
padding-bottom: 25px;
}
.yorum-yap {
width: 100%;
float: left;
}
.text-yorum1 {
float: left;
width: calc(50% - 13px);
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
outline: 0px;
padding: 0px 15px;
margin-bottom: 25px;
}
.text-yorum2 {
float: right;
width: calc(50% - 13px);
height: 46px;
line-height: 46px;
border: 1px solid #ddd;
outline: 0px;
padding: 0px 15px;
margin-bottom: 25px;
}
.yorum-yap textarea {
float: right;
width: calc(100%);
height: 126px;
border: 1px solid #ddd;
outline: 0px;
padding: 10px 15px;
margin-bottom: 25PX;
}
.sub2 {
float: right;
height: 40px;
padding: 0px 20px;
background: #1f1f1f;
color: #fff;
font-weight: bold;
border: 0px;
outline: 0px;
margin: -55px 15px 0px 0px;
}
.sub2:hover {
background: #DD3934;
}
#hamburgermenu {
display: block;
}
}
.gallery {
width: 104%;
float: left;
}
.gallery img {
height: 130px;
width: 100%;
border: none !important
}
.gallery .gallery-caption {
display: inline-block !important;
padding: 10px 0px 0px 0px;
color: #acacac;
}
.gallery .gallery-item {
width: 202px !important;
padding: 10px;
border: 1px solid #ddd;
margin: 25px 25px 0px 0px !important;
float: left;
}
#cboxTitle,
#cboxCurrent {
display: none !important;
}
.yorumlistele {
list-style-type: none;
padding: 0;
margin: 0;
}
.aciklamakismi {
width: 100%;
float: left;
}
#gallery-1 .gallery-columns-2.dl.gallery-item {
width: 46.7%;
}
.gallery-columns-2 .dl.gallery-item {
width: 46.7%;
}
.son-referanslar ul li a span {
float: right;
}
.sayfalarbolumu {
width: 100%;
}
.sayfalarbolumu ul li {
width: 100%;
float: left;
} h4.kacyorum {
font-weight: bold;
font-size: 18px;
color: #404040;
line-height: 28px;
margin: 15px 0;
}
.yorum {
margin-bottom: 25px;
}
.yorum a {
color: #404040;
}
.yorumavatar {
float: left;
margin-right: 15px;
}
.yorumavatar img {
width: 60px;
height: 60px;
}
.yorumavatar img:hover {
border-radius: 1px;
}
.yorumkullanici h3 {
font-size: 15px;
font-weight: bold;
color: #404040;
margin-bottom: 5px;
}
.yorumtarih {
margin-top: 10px;
margin-bottom: 14px;
font-size: 11px;
}
.yorumtarih a {
color: #aaaaaa;
}
i.yorumtarihikon {
float: left;
background: url(//bistromasa.com/wp-content/themes/bistro-wp/images/tarih.png) no-repeat;
width: 16px;
height: 16px;
display: block;
margin-top: 0px;
margin-right: 5px;
}
.yorumyazi {
font-size: 14px;
color: #626262;
line-height: 24px;
}
.yorumyazi p {
margin-left: 75px;
text-indent: 0px;
float: none !important;
}
ul.children {
padding: 0px 0px 0px 60px !important;
}
.cevapla {
margin-left: 55px;
font-size: 12px;
margin-top: 10px;
}
i.cevaplaikon {
float: left;
background: url(//bistromasa.com/wp-content/themes/bistro-wp/style/images/cevapla.png) no-repeat;
width: 16px;
height: 16px;
display: block;
margin-top: 0px;
margin-right: 5px;
}
em.yorumonay {
font-size: 12px;
} #respond {
overflow: hidden;
background-color: #FFFFFF;
border: 1px solid #9b0909;
border-radius: 0 0 2px 2px;
padding: 15px;
width: 100%;
margin-bottom: 10px;
}
#respond h4 {
font-family: 'Open Sans', sans-serif;
margin-bottom: 5px;
font-size: 13px;
}
#respond h4 a {
color: #D45255;
}
#respond .comment {
width: 98%;
font-family: 'Open Sans', sans-serif;
height: 150px;
border: none;
padding: 10px;
border: 1px solid #DFDFDF !important;
margin-top: 10px;
border-radius: 2px;
}
#respond input[type='text'] {
float: left;
border: 1px solid #DFDFDF;
border-radius: 2px;
padding: 12px 10px 11px 10px;
margin-right: 10px;
}
#respond input[type='submit'] {
float: none;
margin-right: -5px;
border: none;
background-color: #9b0909;
padding: 8px 15px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
border-radius: 2px
}
p#yorumgiris {
font-size: 13px;
}
p.comment-subscription-form {
display: none;
}
#respond textarea {
border: 1px solid #DFDFDF;
}
#respond input,
#respond textarea {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .assistive-text {
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; }
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
height: auto; }
.site-header img,
.entry-content img,
img.size-full {
max-width: 100%;
width: auto; }
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
border: 1px solid #ccc;
max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
margin-bottom: 1.5em;
}
.wp-caption img {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.site-content .gallery {
margin-bottom: 1.5em;
}
.gallery-caption {}
.site-content .gallery a img {
border: none;
height: auto;
max-width: 90%;
}
.site-content .gallery dd {
margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {}
.site-content .gallery-columns-4 .gallery-item img {} embed,
iframe,
object {
max-width: 100%;
}
.footer-harita h5 {
color: #acacac;
font-weight: bold;
font-size: 16px;
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #3F3F3F;
margin-bottom: 20px;
}
.footer-harita p {
color: #acacac;
}
.footer-harita a {
color: #666;
line-height: 26px;
}
.footer-harita i {
padding-right: 10px;
padding-bottom: 5px;
}
.footer-harita a:Hover {
color: #acacac;
}
#commentform label {
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
display: block;
clear: both;
}
.nav-tabs {
margin: 0;
padding: 0;
overflow: hidden;
}
.nav-tabs li {
width: 50%;
overflow: hidden;
float: left;
}
.nav-tabs li a {
float: left;
width: 100%;
height: 60px;
line-height: 60px;
padding-left: 10px;
background: #DDD;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
font-size: 16px;
}
.nav-tabs li.active a,
.nav-tabs li a.active {
background: #DF3A34;
}
#request_form textarea {
width: 100%;
float: left;
border: 1px solid #ddd;
height: 125px;
background: #f2f2f2;
padding: 10px 15px;
margin: 5px 0px 0px 0px;
}
h2.cust {
float: left;
width: 100%;
height: 60px;
line-height: 60px;
background: #DF3A34;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
font-size: 16px;
}
h2.cust::before {
content: "";
font-weight: normal;
font-size: 28px;
float: left;
text-align: center;
padding: 0px 15px 0px 20px;
}
.share-links {
padding: 10px;
padding-bottom: 0px;
display: block;
overflow: hidden;
text-align: center;
}
.share-links a {
background: #FBFBFB;
color: #555;
border: 1px solid #DFDFDF;
}
.share-icon {
border-radius: 45px;
display: inline-block;
margin-right: 5px;
margin-bottom: 10px;
width: 45px;
height: 45px;
max-height: 45px;
min-height: 45px;
text-align: center;
padding-top: 13px;
font-size: 18px !important;
box-sizing: border-box;
}
.share-icon:last-child {
margin-right: 0px;
}
.share-icon i {
width: 45px;
height: 45px;
vertical-align: middle;
text-align: center;
display: block;
font-size: 18px !important;
}
.center {
text-align: center;
}
p {
display: block !important;
margin: 1em 0;
}
.aciklamakismi table,
.aciklamakismi table td {
border: 1px solid #333;
}
.urun-detay h2,
.sayfa-sablon h2,
.urun-detay h3:not(.author),
.sayfa-sablon h3:not(.author),
.sayfa-sablon h4:not(.kacyorum),
.urun-detay h4:not(.kacyorum),
.sayfa-sablon h5,
.sayfa-sablon h6 {
width: 100%;
float: left;
background: #000;
font-weight: bold;
color: #fff;
padding: 10px 25px;
line-height: 100%;
margin-bottom: 15px;
}
#respond h4 {
float: none !important;
padding inherit !important;
line-height: inherit !important;
margin: inherit !important;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.sayfa-sablon p br {
height: 20px;
display: block;
width: 100%;
clear: both;
content: " ";
}