@font-face {font-family: 'Roboto'; src: url('../Image/Font/Roboto.ttf') format('truetype');}
@font-face {font-family: 'RobotoBold'; src: url('../Image/Font/RobotoBold.ttf') format('truetype');}
@font-face {font-family: 'Poppins'; src: url('../Image/Font/Poppins.ttf') format('truetype');}
@font-face {font-family: 'PoppinsBold'; src: url('../Image/Font/PoppinsBold.ttf') format('truetype');}
@font-face {font-family: 'OpenSans'; src: url('../Image/Font/OpenSans.ttf') format('truetype');}
@font-face {font-family: 'OpenSansBold';src: url('../Image/Font/OpenSansBold.ttf') format('truetype');}


.BodyStyle{font-family: Roboto; font-size: 15px; background-color: #fff; color: #3b3838; max-width: 1920px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px;}

.LogoDivi{width: 100%; height: 100%; text-align: left; margin: 0px; padding: 0px;}

.ButonBos{width: 100%; height: 80px; font-family: RobotoBold; background-color: #10a021; color: #ffffff; text-align: center; text-decoration: none; cursor: pointer; display: block; margin: 0px; padding: 1px;}
.ButonDolu{width: 100%; height: 80px; font-family: RobotoBold; background-color: #d30910; color: #ffffff; text-align: center; text-decoration: none; cursor: pointer; display: block; margin: 0px; padding: 1px;}
.GunButon{width: 100%; height: 80px; font-family: RobotoBold; background-color: #5c5c5c; color: #ffffff; text-align: center;text-decoration: none; cursor: pointer; display: block; margin: 0px; padding: 1px;}
.SaatButonDoluKapali{width: 100%; height: 80px; font-family: RobotoBold; background-color: #707070; color: #ffffff; text-align: center; text-decoration: none; cursor: pointer; display: block; margin: 0px; padding: 1px;}
.SaatButonBosKapali{width: 100%; height: 80px; font-family: RobotoBold; background-color: #707070; color: #ffffff; text-align: center; text-decoration: none; cursor: pointer; display: block; margin: 0px; padding: 1px;}
.ResmiTatilButon{width: 100%; height: 80px; font-family: RobotoBold; background-color: #1aa4e8; color: #ffffff; text-align: center; margin: 0px; padding: 0px;}

.SaatMetin{width: 100%; height: auto; font-family: RobotoBold; font-size: 13px; line-height: 19px; text-decoration: none; display: block; text-align: center; margin: 0px; padding: 0px;}
.GunMetin{width: 100%; height: auto; font-family: RobotoBold; font-size: 13px; line-height: 19px; text-decoration: none; display: block; text-align: center; margin: 0px; padding: 0px;}
.FirmaMetin{width: 100%; height: auto; font-family: RobotoBold; font-size: 13px; line-height: 19px; text-decoration: none; display: block; text-align: center; margin: 0px; padding: 0px;}

.ButonBos:hover {text-decoration: none; color: #ffffff;} 
.ButonDolu:hover {text-decoration: none; color: #ffffff;} 
.SaatButonDoluKapali:hover {text-decoration: none; color: #ffffff;} 
.SaatButonBosKapali:hover {text-decoration: none; color: #ffffff;} 

.SayfaSeritBaslik{width: 100%; height: 45px; line-height: 45px; font-family: Tahoma; font-size: 19px; color: #FFFFFF; background-color: #535c6a; text-align: center; display:block; margin: 0px; padding: 0px;}

.AyButon{width: 100%; height: 100%; line-height: 35px; background-color: #0070bf; font-family: Arial; font-size: 15px; color: White; text-align: center; border-radius: 3px; border: none; margin: 0px; padding: 0px;}

.MenuButon{width: 100%; height: 100%; line-height: 35px; font-family: OpenSansBold; font-size: 15px; border: none; color: #ffffff; background-color: #575f6b; border-radius: 3px; text-align: center; display: block; margin: 0px; padding: 0px;}


/*-------------------------------------------------Normal-Menu-----------------------------------------------*/
.BannerTamDivStyleFixed{width: 100%; height: 98px; background-color: #5179ff; position: fixed; z-index: 98; top: 0px; left: 0; margin: 0px; padding: 0px;}/*Kayan*/
.BannerTamDivStyleSabit{width: 100%; height: 98px; background-color: #2a3a53; margin: 0px; padding: 0px;}
.BannerOrtaDivStyle{width: 90%; height: 100%; background-color: transparent; margin-top: 0px; margin-left: auto; margin-right: auto; padding: 0px;}
/*-------------------------------------------------Normal-Menu-----------------------------------------------*/



.TamDivStyle{width: 100%; height: auto; margin: 0px; padding: 0px;}
.OrtaDivStyle{width: 90%; height: auto; margin-top: 0px; margin-left: auto; margin-right: auto; padding: 0px;}

.SayfaDetayGenelDiv{width: 100%; height: auto; margin: 0px; padding: 0px; overflow: auto;}
.SayfaDetayOrtaDiv{width: 90%; height: auto; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px;}

.IletisimTamDiv{width: 100%; height: auto; margin: 0px; padding: 0px;}
.IletisimOrtaDiv{width: 90%; height: auto; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px;}



/*----------------------------------------------------Footer-------------------------------------------------*/
.FooterAnaDiv {width: 100%; height: 200px; background-color: #080808; margin: 0px; padding: 0px;}/*#292929*/
.FooterBaslikYaziStyle {width: 100%; height: auto; font-family: OpenSansBold; font-size: 14px; line-height: 23px; color: #b1b1b1; text-align: left; margin: 0px; padding: 0px;}
.FooterYaziStyle {width: 100%; height: auto; font-family: Roboto; font-size: 14px; line-height: 23px; color: #888888; text-align: left; text-decoration: none; margin: 0px; padding: 0px;}
.FooterYaziStyle:hover {color: #aeadad; text-decoration: none;}
.FooterBaslikYaziCizgi {width: 150px; height: 1px; border-top: 1px solid #3e3e3e; margin-top: 7px; margin-bottom: 17px; margin-left: 0px; margin-right: 0px; padding: 0px;}
/*----------------------------------------------------Footer-------------------------------------------------*/




/*-----------------------------------------------iletisim-Yazi-Style--------------------------------------------*/
.IletisimFirmaAdi {font-family: RobotoBold; font-size: 28px; line-height: 35px; color: #3b3838; text-align: left; margin: 0px; padding: 0px;}
.IletisimYaziStyle {font-family: Roboto; font-size: 17px; line-height: 23px; color: #3b3838; text-align: left; text-decoration: none; margin: 0px; padding: 0px;}
.IletisimYaziStyle:hover {font-family: Roboto; color: #3b3838; text-decoration: none;}
.IletisimMesajBaslikYazi {font-family: Roboto; font-size: 22px; line-height: 33px; color: #3b3838; text-align: left; margin: 0px; padding: 0px;}
/*-----------------------------------------------iletisim-Yazi-Style--------------------------------------------*/




.BizeUlasinSeritYaziP1 {font-family: Roboto; font-size: 28px; line-height: 42px; color: #ffffff; text-align: left; width: 100%; height: auto; margin: 0px; padding: 0px;}
.BizeUlasinSeritYaziP2 {font-family: Roboto; font-size: 28px; line-height: 42px; color: #ffffff; text-align: center; width: 100%; height: auto; margin: 0px; padding: 0px;}
.BizeUlasinSeritYaziP3 {font-family: Quicksand; font-size: 26px; line-height: 30px; color: #ffffff; text-align: center; width: 100%; height: auto; margin: 0px; padding: 0px;}

.BizeUlasinSeritLinkButon {font-family: Roboto; font-size: 17px; line-height: 42px; width: 175px; text-align: center; background-color: transparent; color: #fff; display: block; margin-left: auto; margin-right: auto; border: 1px solid #f1f1f1; border-radius: 3px; text-decoration: none;}
.BizeUlasinSeritLinkButon:hover {background-color: #fafafa; color: #1e1e1e; text-decoration: none;}
/*--------------------------------------------------Bize-Ulasin-Serit-----------------------------------------*/


/*------------------------------------------------Galeri-Sayfasi----------------------------------------------*/
.GaleriDivPadding {width: 100%; height: auto; margin: 0px; padding-left: 0px; padding-right: 15px; padding-bottom: 15px; padding-top: 0px;}

.GaleriResimGenelDiv {width: 100%; height: 250px; overflow: hidden; border-radius: 4px; margin: 0px; padding: 0px;}
.GaleriResimDiv {width: 100%; height: 100%; margin: 0px; padding: 0px;}
.GaleriResimStyle {width: 100%; height: 100%; object-fit: cover; object-position: center top; cursor: pointer} 

.GaleriAltBaslikDiv{width: 100%; height: 40px; overflow: hidden; text-overflow: ellipsis; margin: 0px; padding: 0px;}/*margin-top: 8px;*/
.GaleriAltBaslikYazi{width: 100%; height: auto; line-height: 40px; font-family: Roboto; font-size: 14px; color: #3b3838; text-align: center; margin: 0px; padding: 0px;}
/*------------------------------------------------Galeri-Sayfasi----------------------------------------------*/


/*------------------------------------------------------Bosluk-------------------------------------------------*/
.BoslukYukseklik50 {width: 100%; height: 50px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklik40 {width: 100%; height: 40px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklik30 {width: 100%; height: 30px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklik20 {width: 100%; height: 20px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklik10 {width: 100%; height: 10px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklik5 {width: 100%; height: 5px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklikBanner {width: 100%; height: 98px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklikUstBant {width: 100%; height: 0px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklikSeritMenu {width: 100%; height: 40px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklikAbsolite {width: 100%; height: 0px; margin: 0px; padding: 0px; background-color: transparent;}
.BoslukYukseklikUrunAra {width: 100%; height: 20px; margin: 0px; padding: 0px;}
/*------------------------------------------------------Bosluk-------------------------------------------------*/






 /*
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     --------------------------------------------------Mobil--------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
     ---------------------------------------------------------------------------------------------------------
 */








/*@media screen and (max-width: 1300px)
{
.AbsoluteOrtaDivStyle{width: 90%;}
.OrtaDivStyle{width: 90%;}
.SayfaOrtaDiv{width: 90%;}
.BannerOrtaDivStyle{width: 90%;}
.SayfaDetayOrtaDiv{width: 100%;}
}*/



@media screen and (max-width: 980px)
{

/*---------------------------------Ust-Bant----------------------------------*/
.BannerUstIletisimTamDivFixed{width:100%; background-color: #141414; top: 0px; left: 0px;}/*display: block;*/
.BannerUstIletisimSagKucukDivFixed{position: static; margin-left: auto; margin-right: auto;}

.BannerUstIletisimTamDivUstBant{width:100%;}
.BannerUstIletisimSagKucukDivUstBant{float: none; margin-left: auto; margin-right: auto;}


.BannerUstIletisimHrefYazi{color: #fafafa;}
.BannerUstIletisimHrefYazi:hover{color: #fafafa;}

.BannerUstIletisimMailSpan{color: #fafafa;}
/*---------------------------------Ust-Bant----------------------------------*/



.LogoDivi{text-align: center;}



.DivBackgroundResim{background-size: auto 100%; padding: 50px;}




/*------------------------------Konu Basliklari-------------------------------*/
.AnaSayfaKonuBaslikYaziStyle {font-size: 25px; line-height: 28px;}
/*------------------------------Konu Basliklari-------------------------------*/


/*------------------------------------Firma-------------------------------------*/
.FirmaBaslikStyle {width: 100%; font-size: 25px; line-height: 28px;}
.FirmaAltYaziStyle {width: 100%; font-size: 15px; line-height: 24px; margin-top: 25px;}
.FirmaAltYazi2Style {width: 100%; font-size: 15px; line-height: 24px;}
/*------------------------------------Firma-------------------------------------*/




/*------------------------------Sayfalar-Hizmetler------------------------------*/
.HizmetlerGenelDivPadding1 {padding: 7px;}

/*.HizmetlerResimDiv1 {height: 150px}*/
.HizmetlerResimStyle1 {height: 100%;} /*object-fit: contain;*/

.HizmetlerSayfaAdiDiv1 {height: 40px;}
.HizmetlerSayfaAdiYazi1 {font-size: 14px; line-height: 40px;}

.HizmetlerSpotBaslikDiv1 {height: 75px;}
.HizmetlerSpotBaslikYazi1 {font-size: 12px; line-height: 18px;}
/*------------------------------Sayfalar-Hizmetler------------------------------*/


/*---------------------------------SayfaTekMetin--------------------------------*/
.SayfaTekMetinBaslikStyle1 {font-size: 25px; line-height: 45px;}
.SayfaTekMetinYaziStyle1 {font-size: 16px; line-height: 25px;}

.SayfaTekMetinBaslikStyle2 {font-size: 25px; line-height: 45px;}
.SayfaTekMetinYaziStyle2 {font-size: 16px; line-height: 25px;}
/*---------------------------------SayfaTekMetin--------------------------------*/


/*----------------------------------DualBox-----------------------------------*/
.DualBoxMetinIcDiv {width: 100%; padding: 15px;}
.DualBoxResimSag {width: 100%; height: auto;}
.DualBoxSayfaAdiYazi {font-size: 25px; line-height: 33px; margin-top: 5px;}
.DualBoxMetin {font-size: 16px; line-height: 25px;}
/*---------------------------------DualBox------------------------------------*/




/*-------------------------------Sayfa-Detay-----------------------------------*/
.SayfaDetayIcDiv{width: 100%;}
.SayfaDetayThumbnailResim {width: 100%; height: auto; max-width: 1000px;}
.SayfaDetayUrunThumbnailResim {width: 100%; height: auto;}

.SayfaDetayMetin{text-align: justify; padding: 0px;}
.SayfaDetaySayfaAdi{height: 45px; line-height: 45px; font-size: 23px; }
/*-------------------------------Sayfa-Detay-----------------------------------*/




/*-----------------------------SayfaDetayAltResim-----------------------------*/
.SayfaAltResimDivPadding {padding: 7px;}
.SayfaAltResimDiv {height: auto}/*150px*/
/*-----------------------------SayfaDetayAltResim-----------------------------*/




/*--------------------------------Galeri Sayfasi------------------------------*/
.GaleriDivPadding {padding: 7px;}
/*--------------------------------Galeri Sayfasi------------------------------*/



/*---------------------------------AnaSayfa-Galeri----------------------------*/
.AnaSayfaGaleri1 {margin: 0px; padding: 5px; float: none;}
.AnaSayfaGaleri2 {margin: 0px; padding: 5px; float: none;}
.AnaSayfaGaleri3 {margin: 0px; padding: 5px; float: none;}
.AnaSayfaGaleri4 {margin: 0px; padding: 5px; float: none;}
.BoslukYukseklikUrunAra {margin: 0px; padding: 0px; height: 0px;}
.AnaSayfaGaleriBaslik {font-size: 15px; line-height: 22px;}
/*---------------------------------AnaSayfa-Galeri----------------------------*/



.IconKutuDiv{height: auto;}


/*---------------------------------Footer-------------------------------------*/
.FooterAnaDiv {height: 100%;}
/*---------------------------------Footer-------------------------------------*/



/*----------------------------------Slider------------------------------------*/
/*.carousel-indicators {visibility: hidden;}*/
/*.carousel-indicators button {height: 8px !important; width: 8px !important; margin: 0 3px !important;}*/

.SliderSagSolSpan{font-size: 28px;}

.Slider1YaziDiv1{width: auto; font-size: 20px; line-height: 25px; top: 20%;}
.Slider1YaziDiv2{width: auto; font-size: 20px; line-height: 25px; top: 40%;}
.Slider1YaziDiv3{width: auto; font-size: 20px; line-height: 25px; top: 60%;}

.Slider2YaziDiv1{width: auto; font-size: 20px; line-height: 25px; top: 20%;}
.Slider2YaziDiv2{width: auto; font-size: 20px; line-height: 25px; top: 40%;}
.Slider2YaziDiv3{width: auto; font-size: 20px; line-height: 25px; top: 60%;}

.Slider3YaziDiv1{width: auto; font-size: 20px; line-height: 25px; top: 20%;}
.Slider3YaziDiv2{width: auto; font-size: 20px; line-height: 25px; top: 40%;}
.Slider3YaziDiv3{width: auto; font-size: 20px; line-height: 25px; top: 60%;}
/*----------------------------------Slider------------------------------------*/



/*----------------------------------Bosluk------------------------------------*/
.BoslukYukseklik50 {margin: 0px; padding: 0px; height: 25px;}
.BoslukYukseklik40 {margin: 0px; padding: 0px; height: 20px;}
.BoslukYukseklik30 {margin: 0px; padding: 0px; height: 15px;}
.BoslukYukseklik20 {margin: 0px; padding: 0px; height: 10px;}
.BoslukYukseklik10 {margin: 0px; padding: 0px; height: 5px;}
.BoslukYukseklikUstBant {margin: 0px; padding: 0px; height: 33px;}
.BoslukYukseklikSeritMenu {margin: 0px; padding: 0px; height: 0px;}
.BoslukYukseklikAbsolite {margin: 0px; padding: 0px; height: 0px;}
/*----------------------------------Bosluk------------------------------------*/




/*----------------------------Bize-Ulasin-Serit-------------------------------*/
.BizeUlasinSeritYaziDivSiyah {padding: 7px;}
.BizeUlasinSeritYaziDivSiyah2 {padding: 7px;}
.BizeUlasinSeritYaziDivTuruncu {padding: 7px;}
.BizeUlasinSeritYaziDivTuruncuSari {padding: 7px;}
.BizeUlasinSeritYaziDivTuruncuKirmiz {padding: 7px;}
.BizeUlasinSeritYaziDivSari {padding: 7px;}
.BizeUlasinSeritYaziDivSariKoyu {padding: 7px;}
.BizeUlasinSeritYaziDivKirmizi {padding: 7px;}
.BizeUlasinSeritYaziDivKirmiziVisne {padding: 7px;}
.BizeUlasinSeritYaziDivMavi {padding: 7px;}
.BizeUlasinSeritYaziDivPembe {padding: 7px;}
.BizeUlasinSeritYaziDivYesil {padding: 7px;}
.BizeUlasinSeritYaziDivTurkuaz {padding: 7px;}

.BizeUlasinSeritYaziP1 {font-size: 16px; line-height: 22px; text-align: center;}
.BizeUlasinSeritYaziP2 {font-size: 16px; line-height: 22px; text-align: center;}
.BizeUlasinSeritLinkButon {display: none;}
/*.BizeUlasinSeritLinkButon {font-size: 13px; line-height: 22px; width: 90px; margin-top: 9px; margin-bottom: 8px;}*/
/*----------------------------Bize-Ulasin-Serit-------------------------------*/



.Gizle{display: none;}

.WhatsAppMobil{display: block;}
.WhatsAppWeb{display: none;}


/*-------------------------------FormStyle------------------------------------*/
.FormTextBoxAraCizgi{border-bottom: none;}
.FormKonuBasligi{line-height: 20px;}
/*-------------------------------FormStyle------------------------------------*/


/*-------------------------------ShadowDiv------------------------------------*/
.ShadowDiv{margin-top: 1px;}
/*-------------------------------ShadowDiv------------------------------------*/



/*---------------------------------Check--------------------------------------*/
.CheckLinkStyle{font-size: 15px;}
.CheckMetinStyle{font-size: 15px;}
.CheckArkaFonDiv {background-image: url('../Image/Hakkimizda/overlay.png'); background-repeat: repeat; background-size: 6px 6px;}
/*---------------------------------Check--------------------------------------*/







/*----------------------------------Slogan-Yazi-Relative-----------------------------------*/
.SloganDivRelative1 {top: 3%; left: 10px;}
.SloganDivRelative2 {width: 100%; position: static; padding: 15px;}

.SloganYaziRelativeP1 {font-size: 23px; line-height: 25px;}
.SloganYaziRelativeP2 {font-size: 11px; line-height: 15px;}

.SloganLinkButonDivRelative {top: 67%;}
.SloganLinkButonRelative {font-size: 13px; width: 105px; height: 28px; line-height: 27px;}
/*----------------------------------Slogan-Yazi-Relative-----------------------------------*/



/*----------------------------------------TripleBox----------------------------------------
.TripleBoxSpotBaslik {height: auto;}
.TripleBoxResimDivi {margin-top: 15px;}
/*----------------------------------------TripleBox----------------------------------------*/



/*------------------------------------Sayfa Slider-----------------------------------------
.SayfaSliderSayfaAdiYazi {font-size: 14px; line-height: 18px;}
.SayfaSliderSpotBaslikYazi {font-size: 14px; line-height: 18px;}
.SayfaSliderMetinYazi{font-size: 14px; line-height: 18px;}
/*------------------------------------Sayfa Slider-----------------------------------------*/



/*------------------------------Uzun Mobil Menu-----------------------------
.BannerAnaDivStyle{width: 100%; height: 100%;}
.BannerDiv1{width: 100%; float: none;}
.LogoDiviTr{width: 100%; background-position: center center;}
.LogoDiviEn{width: 100%; background-position: center center;}
.BannerDiv2{width: 100%; height: 35px; float: none;}
.MenuDivi{width: 100%; height: 100%; margin-top: 0px; float: none;}
.BannerDiv3{display: none;}
-------------------------------Uzun Mobil Menu-----------------------------*/

/*--------------------------Serit-Uzun-Mobil-Menu---------------------------
.BannerAnaDivStyle{width: 100%; height: 100%;}
.BannerDiv1{width: 100%; float: none;}
.LogoDiviTr{width: 100%; background-position: center center;}
.LogoDiviEn{width: 100%; background-position: center center;}

.BannerDiv2{display: none;}
.SeritMenuDivi{width: 100%; height: 33px;}
----------------------------Serit-Uzun-Menu--------------------------------*/





}