/**
 * Created by PhpStorm.
 * User: hmustak
 * Date: 15.10.2016
 * Time: 00:37
 */

/* Sayfa Ayarları*/
body{padding:0;margin: 0;font-family: 'Open Sans', sans-serif; overflow-x:hidden;}
.liste {font-family: 'Open Sans', sans-serif !important; font-size: 14px !important;}
.maxwidth {max-width: 1100px;}

/* Navbar : Mobile ----------------------------------------------------------------------------------------------------- */
.collapse > .nav > li > a       { position: relative; display: block; padding: 7px 25px; color: #9d9d9d !important;}
.collapse > .nav > li > a:hover { background-color: #FFFFFF !important; color: #761c19  !important;}


/* Navbar : Resp ------------------------------------------------------------------------------------------------------- */
a.nav-link           {color: #FFFFFF !important; padding: 5px 5px !important; font-size: 11pt;font-weight: 400;}
a.nav-link:hover     {color: #adadad !important; background-color: #204d74 !important;}
@media (max-width: 990px){
    a.nav-link           {color: #FFFFFF !important; padding: 5px 5px !important; font-size: 8pt;font-weight: 400;}
    a.nav-link:hover     {color: #adadad !important; background-color: #204d74 !important;}
}

.navbar-body {background-color: #204d74 !important; }



/* Menü */
.mt1{margin-top:0.5px !important;}
.mr1{margin-right:1px !important;}
img.menu-img {padding: 0;max-width: 100%; padding-top: 1px !important;padding-right: 1px !important;}



/* Rimal Açıklama */
@media (min-width: 1200px) {
    .menu-max-height {height: 177px; width: 176px;}
    .slider-width{width:396px;min-width: 396px;}
    .rimal-info  {margin-top: 45px !important;}
}

@media (max-width: 1200px) {
    .rimal-info  {margin-top: 25px !important;}
}




/* Anasayfa */
.anasayfa-h4 {color:#204d74 !important; font-size: 15pt; padding-top: 0px !important; margin-top: 0px !important;}
.anasayfa-h4-2 {color:#204d74 !important; font-size: 13pt; padding-top: 0px !important; margin-top: 0px !important;}
.anasayfa-paragraf {color: #3c3c3c !important; font-size: 14px !important;}

.urun-h4    {color:#cc171e !important; font-size: 15pt;}
.urun-h5    {color:#cc171e !important; font-size: 11pt;}
@media (max-width: 700px) {
    .urun-h4    {color:#cc171e !important; font-size: 12pt;}
    .urun-h5    {color:#cc171e !important; font-size: 9pt;}
}

.bayii-h5       {color: #111e29 !important;font-size: 10pt;font-weight: 500;}
.bayii-paragraf {color: #111e29 !important;font-size: 9pt;}

/* footer */
.bgresim {
    background: url("../images/hassasvalf/bg.png") repeat-x bottom;
    height: 320px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


@media (min-width: 995px) {
    .footer-header      {color:#af291e; font-size: 14pt;}
    .footer-header-mv   {color:#3a579a; font-size: 13pt;}
    .footer-alt-header  {color:#f7fcff; font-size: 12pt;}
    .footer-paragraf    {color:#f7fcff; font-size: 10pt;}
}

@media (max-width: 995px) {
    .footer-header      {color:#af291e; font-size: 10pt;}
    .footer-header-mv   {color:#3a579a; font-size: 10pt;}
    .footer-alt-header  {color:#f7fcff; font-size: 8pt;}
    .footer-paragraf    {color:#f7fcff; font-size: 8pt;}
    .img-sosyal         {
        -webkit-transform: scale(0.5); /* Saf3.1+, Chrome */
        -moz-transform: scale(0.5); /* FF3.5+ */
        -ms-transform: scale(0.5); /* IE9 */
        -o-transform: scale(0.5); /* Opera 10.5+ */
        transform: scale(0.5);
        margin-left: 0px !important;
        padding-left: 0px !important;
        left: 0px;
    }
}

@media (max-width: 770px) {
    .footer-header      {color:#af291e; font-size: 10pt;}
    .footer-header-mv   {color:#3a579a; font-size: 10pt;}
    .footer-alt-header  {color:#f7fcff; font-size: 8pt;}
    .footer-paragraf    {color:#f7fcff; font-size: 8pt;}
    .img-sosyal         {
        -webkit-transform: scale(1); /* Saf3.1+, Chrome */
        -moz-transform: scale(1); /* FF3.5+ */
        -ms-transform: scale(1); /* IE9 */
        -o-transform: scale(1); /* Opera 10.5+ */
        transform: scale(1);
        margin-left: 0px !important;
        padding-left: 0px !important;
        left: 0px;
    }

}

.pointer-el{cursor: pointer;}

/* Şube */
.img-center     {display: block; margin-left: auto; margin-right: auto ;}
.sube-baslik    {color:#a60000;font-size: 13pt;}
.sube-kroki     {color:#a60000;font-size: 10pt;}
.sube-adres     {color:#6e6e6e;font-size: 9pt;}

/*Galeri*/

#ifrm iframe {display: block !important; margin-left: auto !important; margin-right: auto  !important; float: left !important; margin-right: 20px !important;}


/* iletişim */
.iletisim-h4 {color : #e2bcb7; font-weight: 600; margin-left: 15px;}
.iletisim-h5 {color : #4a4a4a;margin-top: 25px;margin-bottom: 20px;}
.iletisim-td {padding-right: 7px !important;color : #676767;font-size: 10pt;padding-bottom: 5px;}
#success_message{ display: none;}

p.iletisim-td {padding-right: 25px !important;padding-left: 15px !important;color : #676767;font-size: 10pt;padding-bottom: 5px;}


label.valid {color : #676767; width: 20% !important; font-weight: 500; font-size: 10pt;}
.valid-alert {color:darkred !important;font-size: 10px !important;}
#mailcontent {width: 130%;max-width: 310px; height: 80px; max-height: 150px;}


/* Insert */

.border-red {border:darkred solid 1px;}
.urun-size {height: 100px; width:auto;}



    /* Slider -------------------------------------------------------------------------------------------------------------- */
.slider-line    {height: 2px;  width: 100%; background-color: #bac78f; opacity: 0.7;}
.slider-body    {background-color: #9aa86a !important; width: 100%;}

.slider-1-govde { position: relative; margin: 0px auto; top: 0px; left: 0px; width: 1100px; height: 353px; overflow: hidden; visibility: hidden; }
.slider-1-loading { position: absolute; top: 0px; left: 0px;}
.slider-1-loading-top { filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; }
.slider-1-loading-bot {position:absolute;display:block;background:url('../images/slider-main/_loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;}
.slider-1-slides { cursor: default; position: relative; top: 0px; left: 0px; width: 1100px; height: 353px; overflow: hidden; }

.jssorb01 { position: absolute; bottom:16px; right:16px;}

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    position: absolute;
    width: 16px;
    height: 12px;
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #000 1px solid;
}
.slider-1-jssorb01-boyut {width:16px;height:12px;}

.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('../images/slider-main/a17.png') no-repeat;
    overflow: hidden;
}
.jssora05l              { background-position: -10px -40px;     top:0px;left:8px;   width:40px; height:40px;}
.jssora05r              { background-position: -70px -40px;     top:0px;right:8px;  width:40px; height:40px;}
.jssora05l:hover        { background-position: -130px -40px;    top:0px;left:8px;   width:40px; height:40px;}
.jssora05r:hover        { background-position: -190px -40px;    top:0px;right:8px;  width:40px; height:40px;}
.jssora05l.jssora05ldn  { background-position: -250px -40px;    top:0px;left:8px;   width:40px; height:40px;}
.jssora05r.jssora05rdn  { background-position: -310px -40px;    top:0px;right:8px;  width:40px; height:40px;}



/* Rollover grubu */

#sebzemeyve     { position:relative;}
#sebzemeyve img { position:absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;  }
#sebzemeyve img#sebze-bottom:hover {opacity:0;}

#kahvalti       { position:relative;}
#kahvalti img   { position:absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;  }
#kahvalti img#kahvalti-bottom:hover {opacity:0;}

#balik          { position:relative;}
#balik img      { position:absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;  }
#balik img#balik-bottom:hover {opacity:0;}

/*
#gotur       { position:relative;}
#gotur img   { position:absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;  }
#gotur img#gotur-bottom:hover {opacity:0;}
*/


#seker       { position:relative;}
#seker img   { position:absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;  }
#seker img#seker-bottom:hover {opacity:0;}

#bebe       { position:relative;}
#bebe img   { position:absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;  }
#bebe img#bebe-bottom:hover {opacity:0;}

#temiz       { position:relative;}
#temiz img   { position:absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;  }
#temiz img#temiz-bottom:hover {opacity:0;}

#kozmo       { position:relative;}
#kozmo img   { position:absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;  }
#kozmo img#kozmo-bottom:hover {opacity:0;}