body {
font-family:  calibri;
color: #583f36;
font-size: 17px;
}
/*p {font-size: 16px;}*/
main{

}
.baslik_orta {
color: #138ced;
font-family: calibri;
position: relative;
margin: 0 auto;
font-size: 27px;
}
.mainbaslik{
margin-top: 90px;
font-family: calibri;
color: #138ced;
font-weight: bold;
}
.orta p {
font-family: calibri;
}
.orta h5 {
font-family: calibri;
}
.orta h2 {
font-family: calibri;
}
.baslik_orta_galeri {
color: #ffffff;
font-family: calibri;
position: relative;
margin: 0 auto;
}
.baslik_orta_2 {
color: #747474;
font-size: 27px;
font-family: Calibri;
position: relative;
margin: 0 auto;
}
.topic-line {
background-color: #f6b514;
width: 6%;
margin: 1px 0;
margin-bottom: 18px;
margin-left: auto;
margin-right: auto;
height: 2px;
}
.topic-line-galeri {
background-color: #ffffff;
width: 4%;
margin: 1px 0;
margin-bottom: 18px;
margin-left: auto;
margin-right: auto;
height: 2px;
}
.baslik{

font-size: 23px;
color: #3d94d1;

}
.iletisim_yazi p {
float: left;
color: #636363;
font-family: calibri;
}
.ortamenu {
padding-top: 10%;
padding-bottom: 10%;
margin-right: auto;
margin-left: auto;
}
.baslik_menu{
font-size: 18px;
float: right;
padding-top: 15px;
}
.detay_resim img{
width:95%;
/*max-height: 200px;*/
padding: 5px;
}
.footer_menu{
padding-bottom: 30px;
}
.footer_menu a{
color: #b08669;
padding: 5px;

}
.footer_menu a:hover{
padding: 5px;
text-decoration: none;
color: #eb1c24;
}
.urunler_siparis{
color: #b08669;
padding: 5px;
color: #000;
text-align: center;
font-size: 16pt;
padding-top: 20px;
padding-bottom: 50px;
}
.kirmizi{
color: #eb1c24;
}
.iletisim h5{
color: #eb1c24;
font-size: 16pt;
}
.sup {
vertical-align: super;
font-size: smaller;
}
.urunler{
height: 350px;
text-align: center;
color: #583f36;
font-size: 16pt;
}
input[type=text] {
}
textarea {
background-color: #f5f5f5;
}
.bg-1 {
background-color: #1abc9c; /* Green */
color: #ffffff;
}
.bg-2 {
background-color: #ffffff; /* Dark Blue */
color: #583f36;
}
.bg-3 {
background-color: #f8f8f8; /* White */
color: #555555;
}
.bg-4 {
background-color: #2f2f2f; /* Black Gray */
color: #fff;
}
.bg-5 {
background-color: #31383c; /* Black Gray */
color: #fff;
}
.bg-7 {
background-color: #f6b514; /* Dark Blue */
color: #583f36;
}
.container-fluid {
padding-top: 30px;
padding-bottom: 30px;
}
.label{
font-weight: 500;
}
/*
.navbar {
background-color: transparent !important;
border: 0;
}
*/
.logobar{
background-color: transparent !important;
}
/************************************************/
section
{
background:yellow;
}
.banner
{

min-height:200px;
}
.banner .row
{
text-align:center;
margin-top:50px;
}
.banner h1
{
color:white;
}
div.gallery img {
width: 100%;
height: auto;
border:0px;
border-radius: inherit;
height: 250px;
}
.gallery img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.gallery a:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
div.desc {
padding: 15px;
text-align: center;
}
* {
box-sizing: border-box;
}
.responsive {
padding: 0px;
float: left;
width: 24.99999%;
}
.image {
display: block;
height: auto;
width: 80px;
}
.overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
width: 0;
height: 100%;
transition: .5s ease;
}
.ortamenu:hover .overlay {
width: 105%;
}
.text {
white-space: nowrap;
color: white;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-
}
@media only screen and (max-width: 700px){
.responsive {
width: 49.99999%;
margin: 0px;
}
.main{
margin-top: 60px;
}
.baslik{
margin-top: 0px;
}
.navbar-brand>img{
max-width:250px;
}
.nav, .navbar-nav, .navbar-right{
background-color:#000;
}
.ortamenu img {
width: 100px;
}
.ortamenu:hover .overlay {
width: 100%;
}
}
.h-100 {
height: 100%!important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem!important;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
}
.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
margin-top: 0;
background-color: rgba(0,0,0,.03);
border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.card-footer:last-child {
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.card-footer {
padding: .75rem 1.25rem;
background-color: rgba(0,0,0,.03);
border-top: 1px solid rgba(0,0,0,.125);
}
@media only screen and (max-width: 500px){
.responsive {
width: 100%;
}
}
/***********************************************************************
*  OPAQUE NAVBAR SECTION
***********************************************************************/
.opaque-navbar {
/* background-color: rgba(0,0,0,0);*/
background-color: rgba(0,0,0,.5);
/* Transparent = rgba(0,0,0,0) / Translucent = (0,0,0,0.5)  */
height: 60px;
border-bottom: 0px;
transition: background-color .5s ease 0s;
}
.opaque-navbar.opaque {
background-color: black;
height: 60px;
transition: background-color .5s ease 0s;
}
ul.dropdown-menu {
background-color: black;
}
@media (max-width: 992px) {
.opaque-navbar {
background-color: black;
height: 60px;
transition: background-color .5s ease 0s;
}
}
.ustic{
background-color: black;
height: 60px;
transition: background-color .5s ease 0s;
}
.navbar-nav  li a {
color: #63006d;
font-weight: 500;
font-size: 16px;
letter-spacing:initial;
font-family: Calibri;
}
.navbar-nav  li a:hover {
font-family: Calibri;
color: #f6b514 !important;
}
/******************************/
/*
.navbar {
padding-top: 15px;
padding-bottom: 34px;
border: 0;
border-radius: 0;
margin-bottom: 0;
font-size: 12px;
letter-spacing: 5px;
z-index: 100;
}
.navbar-nav  li a {
color: #583f36 ;
font-size: 13pt;
font-family: "Arial Narrow";
padding-right: 10px;
padding-left: 10px;
font-weight: bolder;
letter-spacing:initial;
}
.navbar-nav  li a:hover {
color: #eb1c24 !important;
}
.navbar-default{
background-color: #fff;
}
.nav, .navbar-nav, .navbar-right{
background-color:#fff;
}
@media (max-width: 980px) {
.carousel-control.left img, .carousel-control.right img {
width: 60%
}
.navbar-default{
height: 70px;
padding-top: 15px;
padding-bottom: 10px;
}
.navbar-nav>li>a{
padding-top: 5px;
padding-bottom: 5px;
}
.navbar-brand{
padding-top: 5px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border-color: #fff;
text-align:right;
}
}
*/
.carousel-indicators .active {
background-color: #f6b514;
border: 0px;
opacity: 1;
}
.carousel-indicators li {
background-color: grey;
opacity: 0.5;
border: 0px;
}
.carousel-control.left, .carousel-control.right {
background-image: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{
font-size: 0px;
}
@media (max-width: 980px) {
.carousel-control.left img, .carousel-control.right img {
width: 60%;
}
@media screen and (max-width: 600px) {
.nomobile {
visibility: hidden;
clear: both;
float: right;
margin: 5px auto;
width: 22%;
height: auto;
display: none;
}
.butonmobil {

font-size: 8px;
}
}
@media (max-width: 980px) {
.carousel-caption button {
padding: 5px 10px;
font-size: 10px;
line-height: 1.5;
border-radius: 3px;
}
.ust_img{
background-image: url(../images/ust_bg.png);
background-repeat:repeat;
}
.button_devami {

color: #fff;
background-color: #f9b707;
border-color: #f9b707;
}
/*
@media (min-width: 980px) {
.navbar-nav>li>a{
padding-top: 40px;
padding-bottom: 5px;
}
@media(min-width: 780px){
.navbar-brand img{
width: 201px;
}
.navbar-default{
height: 100px;
}
}
@media (min-width: 1500px) {
.container {
width: 1500px !important;
}
.navbar-nav  li a{
font-size: 16pt;
}
}
*/