@import url('https://fonts.googleapis.com/css?family=Hind+Vadodara:300,400,500,600,700');
/*
background: radial-gradient(ellipse at bottom, #4d9f0c, transparent); --> ŞEKİLLİ GÖRÜNÜM
background: linear-gradient(40deg, hsla(155, 61%, 54%, 0.9686274509803922) 0%, hsla(27, 5%, 36%, 0.9686274509803922) 100%);
*/

input::placeholder, textarea::placeholder
{
    font-family: 'Hind Vadodara', sans-serif;
    font-weight: 500;
    font-style: normal
}

/* STANDART --> CSS-LER */
.sifirla
{
   margin: 0px;
   padding: 0px;
}

.boyutla
{
   width: 100%;
   height: auto;
}

#boyutla
{
   width: 100%;
   height: auto;
}
/* STANDART --> CSS-LER */

/* ÖZEL --> CSS-LER */
.Ana_Renk
{
 color: #55abff;
}

.kisalt
{
  overflow: hidden; /* taşanları gizle */
  white-space: nowrap; /* alt satıra hiç inme */
  text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
  width: 100%;
}

.langFrag{
    width: 4.3%;
    height: 4.3%;
}

.Logo_Alani
{
  width: 98%;
  text-align: center;
  padding: 10px;
}

.BreadCrumb_Special
{
   color: white;
}

.BreadCrumb_Special li
{
   font-weight: 600;
}

.BreadCrumb_Special li a
{
   color: white;
   font-weight: 300;
   font-size: 20px;
}

.BreadCrumb_Special li a:hover
{
   padding-right: 10px;
   delay: 20;
}

.form-button .sendmessage_btn
{
   background: transparent;
   color: black;
   border: 2px solid black;
   width: 100%;
   font-size:25px;
   padding: 20px;
   border-radius: 8px;
}

.form-button .sendmessage_btn:hover
{
   color: white;
   border: 2px solid white;
}

.resim_alani
{
  background: url("../images/ali.png");
  background-size: 100%;
  background-repeat: no-repeat;
  height: 350px;
  padding: 10px;
}

.yazi_alani
{
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.hata
{
   color: black;
}

.hata button
{
   font-size: 32px;
   font-weight: 300;
   padding: 13px;
   margin-top: 40px;
   background: transparent;
   border-radius: 8px;
   text-transform: uppercase;
   color: #55abff;
}

.hata button a, a:hover
{
   color: #55abff;
}

.hata span
{
   font-size: 32px;
   font-weight: bold;
}

.hata img
{
   opacity: 0.9;
   width: 100%;
   height: auto;
   margin-top: 80px;
}

.icerik img {
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.icerik img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.Kategori ul > a > li
{
   padding: 8px 8px 8px 8px;
   border: 1px solid #55abff;
   margin-top: 10px;
   overflow: hidden; /* taşanları gizle */
   white-space: nowrap; /* alt satıra hiç inme */
   text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
   border-radius: 5px;
}

.Kategori ul > a > li
{
   color: black;
}

.Kategori ul > a > li:hover
{
   background: #55abff;
   color: white;
}


.widget_btn button {
    display: block;
    border: 2px solid #55abff;
    text-align: center;
    padding: 14px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #55abff;
}

.widget_btn button:hover {
    background: #3be06e;
    color: #fff;
    border-color: transparent;
}

.widget_btn button i {
    margin-left: 13px;
    color: #55abff;
    font-size: 13px;
}

.widget_btn button:hover i {
    color: #fff;
}

.daha_fazlasi
{
    border: 1px solid #55abff;
    padding: 10px;
    border-radius: 4px;
    color: black;
    text-transform: none;
    font-family: 'Hind Vadodara', sans-serif;
    font-weight: 500;
}

.Tasarim_Background
{
  background-repeat: no-repeat;
  background-size: 100%;
  min-height: 470px;
}

.hizmet_icon
{
  width: 70px;
  height: 70px;
}
/* ÖZEL --> CSS-LER */


/* FONT-YAZI --> CSS-LERÄ° */
#Hind
{
    font-family: 'Hind Vadodara', sans-serif;
}

.Hind
{
    font-family: 'Hind Vadodara', sans-serif;
}

.yazi_300
{
   font-weight: 300;
}

.yazi_400
{
   font-weight: 400;
}

.yazi_500
{
   font-weight: 500;
}

.yazi_600
{
   font-weight: 600;
}

.yazi_700
{
   font-weight: 700;
}
/* FONT-YAZI --> CSS-LERÄ° */

/* HÄ°ZALAMA --> CSS-LERÄ° */
.left
{
  float: left;
}

.right
{
  float: right;
}
/* HÄ°ZALAMA --> CSS-LERÄ° */

/* MARGÄ°N & PADDÄ°NG --> CLASS-LARI */
.margin-top-10
{
   margin-top: 10px;
}

.margin-bottom-10
{
   margin-bottom: 10px;
}

.padding-top-10
{
   padding-top: 10px;
}

.padding-bottom-10
{
   padding-bottom: 10px;
}

.margin-top-20
{
   margin-top: 20px;
}

.margin-bottom-20
{
   margin-bottom: 20px;
}

.padding-top-20
{
   padding-top: 20px;
}

.padding-bottom-20
{
   padding-bottom: 20px;
}

.margin-top-30
{
   margin-top: 30px;
}

.padding-top-30
{
   padding-top: 30px;
}

.margin-bottom-30
{
   margin-bottom: 30px;
}

.padding-bottom-30
{
   padding-bottom: 30px;
}

.margin-top-40
{
   margin-top: 40px;
}

.padding-top-40
{
   padding-top: 40px;
}

.margin-bottom-40
{
   margin-bottom: 40px;
}

.padding-bottom-40
{
   padding-bottom: 40px;
}


.margin-top-50
{
   margin-top: 50px;
}

.padding-top-50
{
   padding-top: 50px;
}

.margin-bottom-50
{
   margin-bottom: 50px;
}

.padding-bottom-50
{
   padding-bottom: 50px;
}

.margin-top-60
{
   margin-top: 60px;
}

.padding-top-60
{
   padding-top: 60px;
}

.margin-bottom-60
{
   margin-bottom: 60px;
}

.padding-bottom-60
{
   padding-bottom: 60px;
}
/* MARGÄ°N & PADDÄ°NG --> CLASS-LARI */

#breadcrumb
{
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

.input_arkaplan
{
  background:transparent;
}