@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');}

.BodyStyle{font-family: Roboto, Helvetica, sans-serif; font-size: 15px; font-weight: 500; margin-top: 0px; background-color: #fff; color: #3b3838; max-width: 1800px; margin-left: auto; margin-right: auto; padding: 0px;}

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

.SayfaGenelDiv{width: 100%; height: 100%; margin-top: 0px; background-color: #E6E6E6; padding: 0px; overflow: auto;}
.SayfaOrtaDiv{width: 90%; height: 100%; margin-top: 15px; margin-bottom: 15px; padding: 10px; background-color: #FFFFFF; border-radius: 6px; margin-left: auto; margin-right: auto; overflow: auto;}

.BannerUstTelefon{float: right;}

.BannerSpanStyle1{width: 100%; height: 30px; line-height: 30px; font-family: Oswald-Regular; font-size: 18px; color: #302f2f; margin-top: 0px; display: block;}
.BannerSpanStyle2{width: 100%; height: 30px; line-height: 30px; font-family: Oswald-Regular; font-size: 14px; color: #7c7979; margin-top: 0px; display: block;}


/*---------------------------------------------------Banner--------------------------------------------------*/
.BannerAnaDivStyle{width: 90%; height: 95px; margin-top: 0px; margin-left: auto; margin-right: auto; padding: 0px;}

.BannerDiv1{width: 15%; height: 100%; margin-left: 0px; margin-top: 0px; float: left; padding: 0px;}
.LogoDivi{width: 100%; height: 95px; margin-left: 0px; margin-top: 0px; padding: 0px; background-image: url('/Image/Site/Banner.png'); background-position: left center; background-repeat: no-repeat;}

.BannerDiv2{width: 84%; height: 100%; margin-left: 0px; margin-top: 0px; float: left; padding: 0px;}
.MenuDivi{width: auto; height: 35px; margin-right: 0px; margin-top: 32px; padding: 0px; float: right;}

.BannerDiv3{width: 21%; height: 100%; margin-left: 0px; margin-top: 0px; float: right; padding: 0px;}
.LogoDivi2{width: 100%; height: 95px; margin-left: 0px; margin-top: 0px; padding: 0px; background-image: url('/Image/Site/Banner2.png'); background-position: right center; background-repeat: no-repeat;}
/*---------------------------------------------------Banner--------------------------------------------------*/


/*-------------------------------------------------Serit Menu------------------------------------------------*/
.SeritMenuOrtaDivStyle{width: 90%; height: 35px; margin-top: 0px; margin-left: auto; margin-right: auto; padding: 0px;}
.SeritMenuDivi{width: 100%; height: 35px; margin-top: 0px; padding: 0px;}
.SeritSloganDivi{width: 100%; height: 70px; margin-top: 18px; padding: 0px;}
/*-------------------------------------------------Serit Menu------------------------------------------------*/


/*--------------------------------------------------Sayfalar-Hizmetler---------------------------------------*/
.HizmetlerGenelDiv{width: 330px; height: 270px; margin-top: 20px; margin-left: auto; margin-right: auto; padding: 0px; background-color:#fff; background-clip:border-box; border:1px solid #dfe1e1; border-radius: 3px;}
.HizmetlerGenelDiv:hover {border: 1px solid #f8a7b6;}/*box-shadow: 0 0 3px 1px #908f8f; blur-spread değeri*/

.HizmetlerIconDiv{width: 60px; height: 60px; margin-top: 0px; overflow: hidden; padding: 5px; margin-left: auto; margin-right: auto;}
.HizmetlerResimDiv{width: 100%; height: 210px; margin-top: 0px; overflow: hidden; padding: 0px;}
.HizmetlerSayfaAdiDiv{width: 100%; height: 60px; margin-top: 0px; text-align: center; overflow: hidden; padding: 0px;}
.HizmetlerSpotBaslikDiv{width: 100%; height: 125px; margin-top: 0px; text-align: center; overflow: hidden; padding: 0px;}
.HizmetlerMetinDiv{width: 100%; height: 250px; margin-top: 0px; text-align: center; overflow: hidden; padding: 0px;}
.HizmetlerDetayButonDiv{width: 100%; height: 40px; margin-top: 0px; text-align: center; overflow: hidden; padding: 0px;}

.HizmetlerSayfaAdiYazi{font-size: 20px; font-weight: 500; line-height: 60px; color: #151414; margin: 0px; padding: 0px;}
.HizmetlerSayfaAdiYazi:hover {color: #0576c8}
.HizmetlerSpotBaslikYazi{font-size: 15px; line-height: 15px; color: #151414; font-weight: normal; margin: 0px; padding: 0px;}
.HizmetlerMetinYazi{font-size: 15px; line-height: 15px; color: #151414; font-weight: normal; margin: 0px; padding: 0px;}

.HizmetlerDetayLinkButon {display: block; width: 150px; height: 40px; line-height: 40px; background-color: #7573c3; color: #fff; font-size: 18px; padding: 0px; margin-left: auto; margin-right: auto; text-align: center; border: 1px solid #ffffff; text-decoration: none; border-radius: 4px;}
.HizmetlerDetayLinkButon:hover{background-color: #c44b5a; color: #fff;}
/*--------------------------------------------------Sayfalar-Hizmetler---------------------------------------*/

/*-----------------------------------------------------Menu-Hizmetler-----------------------------------------*/
.MenuHizmetlerGenelDiv{width: 330px; height: 200px; margin-top: 0px; margin-left: 0px; overflow: hidden; padding: 0px;}
/*-----------------------------------------------------Menu-Hizmetler-----------------------------------------*/


/*-------------------------------------------------Sayfa Slider-----------------------------------------------*/
.SayfaSliderDivStyle {margin-top: 10px; width: 98%; height: 85px; background-color: #ffffff; margin-left: auto; margin-right: auto;}
.SayfaSliderSayfaAdiYazi {font-size: 15px; font-weight: bold; line-height: 20px; color: #151414; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}
.SayfaSliderSpotBaslikYazi {font-size: 10px; font-weight: normal; line-height: 12px; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}
.SayfaSliderMetinYazi{font-size: 10px; font-weight: normal; line-height: 12px; font-weight: normal; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}
.SayfaSliderSayfaAdiYazi:hover {color:  #0576c8;}
/*------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------Firma-------------------------------------------------*/
.FirmaBaslikStyle {font-family: Roboto; font-size: 37px; line-height: 50px; color: #3b3838;  margin: 0px; text-align: center; padding: 0px;}
.FirmaAltYaziStyle {font-family: Roboto; font-size: 16px; line-height: 20px; color: #3b3838; margin: 0px; margin-top: 7px; font-weight: normal; text-align: center; padding: 0px;}
/*-----------------------------------------------------Firma-------------------------------------------------*/


/*----------------------------------------------------WhatsApp--------------------------------------------------*/
.WhatsAppMobil{width: 50px; height: 50px; position: fixed; bottom: 25px; right: 25px; z-index: 99999; display: none; margin: 0px; padding: 0px;}
.WhatsAppWeb{width: 50px; height: 50px; position: fixed; bottom: 25px; right: 25px; z-index: 99999; display: block; margin: 0px; padding: 0px;}
/*----------------------------------------------------WhatsApp--------------------------------------------------*/


/*-----------------------------------------------------Baslik-------------------------------------------------*/
.AnaSayfaKonuBaslikYaziStyle {font-family: Roboto; font-size: 37px; line-height: 50px; color: #3b3838; margin: 0px; text-align: center; padding: 0px;}
/*-----------------------------------------------------Baslik-------------------------------------------------*/



/*-----------------------------------------------AnaSayfa DualBox---------------------------------------------*/
.AnaSayfaDualBoxYazi {font-family: Roboto; font-size: 15px; line-height: 20px; margin: 0px; padding: 0px;}
.AnaSayfaDualBoxResim {width: 600px; height: 400px; margin-top: 0px; margin-left: auto; margin-right: auto;}
/*-----------------------------------------------AnaSayfa DualBox---------------------------------------------*/



/*--------------------------------------------------Hakkimizda------------------------------------------------*/
.AnaSayfaHakkimizdaYazi {font-family: Roboto; font-size: 15px; line-height: 20px; margin: 0px; padding: 0px;}
.AnaSayfaHakkimizdaResim1 {width: 400px; height: 400px; margin-top: 0px; margin-left: auto; margin-right: auto;}
.AnaSayfaHakkimizdaResim2 {background-image: url('/Image/Hakkimizda/Hakkimizda.jpg'); background-repeat: no-repeat; background-size: 100% 100%;}/*object-fit: none; object-position: 0 0;*/
/*------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------AnaSayfa 3lu Div---------------------------------------------*/
.AnaSayfaUcluDivHeight {height: 110px;}
.AnaSayfaUcluDivYazi {font-family: Roboto; font-size: 33px; line-height: 40px; color: #ffffff; margin: 0px; padding: 0px; display: block;}
/*------------------------------------------------------------------------------------------------------------*/




/*---------------------------------------------AnaSayfa Yazi Slogan-------------------------------------------*/
.AnasayfaSloganYaziDiv {width: 100%; height: 90px; margin: 0px; padding: 0px;}
.AnasayfaSloganYaziStyle {font-family: Roboto; font-size: 25px; line-height: 90px; color: #f5f5f5; text-align: center; margin: 0px; padding: 0px;}
/*---------------------------------------------AnaSayfa Yazi Slogan-------------------------------------------*/



/*---------------------------------------------------Slider----------------------------------------------------*/
.carousel-control-prev {visibility: hidden;}
.carousel:hover .carousel-control-prev {visibility: visible;}
.carousel-control-next {visibility: hidden;}
.carousel:hover .carousel-control-next {visibility: visible;}
.SliderKayanYaziDiv{font-size: 33px; line-height: 40px; top: 78%; left: 5%; color: #333131; font-weight: bold; text-align: left; width: auto; height: auto; font-family: Roboto; position: absolute; padding: 5px; z-index:10;}
/*---------------------------------------------------Slider----------------------------------------------------*/





/*----------------------------------------------------Footer----------------------------------------------------*/
.FooterHeight {height: 210px;}
.FooterDivStyle {width: 25%; height: 100%; margin-left: 0px; margin-top: 0px; margin-bottom: 5px; padding: 0px; float: Left;}
.FooterYaziStyle {font-family: Roboto; font-size: 14px; color: #AEAEAE; line-height: 25px; text-align: left; margin: 0px; padding: 0px;}
/*----------------------------------------------------Footer----------------------------------------------------*/





/*------------------------------------------------------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;}
/*------------------------------------------------------Bosluk-------------------------------------------------*/




/*----------------------------------------------Menu----------------------------------------------*/
#menu {width: 100%; height: 35px;}
#menu ul {width: 100%; height: 100%; margin: 0 auto; padding: 0 0; list-style: none;}
#menu li {width: 20%; height: 100%; margin-left: 0px; text-align: center; float: left; display: inline; position: relative; padding: 0 0; list-style: none;}
#menu a {height: 35px; line-height: 35px; font-family: RobotoBold; font-size: 16px; color: #333333; border-radius: 1px; padding: 0 14px; display: block; text-decoration: none; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
#menu li:hover > a {color: #ffffff; background: #3b3d42;}
#menu li:hover ul.menus {display: block; opacity: 1;}

/*Alt Menuler*/
#menu ul.menus {opacity: 0; display: none; width: 100%; height: auto; background: #f5f5f5; margin-left: 0px; margin-top: 0px; overflow: hidden; position: absolute; z-index: 99; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
#menu ul.menus li {width: 100%; height: 100%; margin-left: 0px; text-align: left; border-bottom: 1px solid #bfbcbc; display: block;}
#menu ul.menus a {font-family: RobotoBold; height: 100%; line-height: 35px; font-size: 15px; color: #232323; padding: 0 7px; }
#menu ul.menus a:hover {height: 100%; background: #3b3d42; color: #ffffff;}

/*Mobil Buton*/
#menu input {display: none; margin: 0 0; padding: 0 0; width: 80px; height: 33px; opacity: 0; cursor: pointer;}
#menu label {margin-left: 3px; font: bold 30px Arial; display: none; width: 33px; height: 33px; line-height: 33px; text-align: center; color: white;} /*icon*/
#menu label span {font-size: 14px; position: absolute; margin-left: 7px; line-height: 33px;}

.Gizle{display: block;}
/*----------------------------------------------Menu----------------------------------------------*/








/*------------------------------------------------------------------------------------------------*/
 .AnaDiv{position: relative; width: 100%; height: 225px; background: url(/Image/Site/CokluGrid-2.jpg) no-repeat 50% 0; background-size: auto 100%;}
 .FlueDiv{width: 100%; height: 100%;}
 .SolDiv{position: absolute; top: 0; width: 360px; height: 100%; left: 10px; text-align: right;}
 .SagDiv {position: absolute; top: 0; width: 360px; height: 100%; right: 10px; text-align: left;}

 #CokluGrid article {height: 85px; padding: 12px 0;}
 #CokluGrid article h2 {font-size: 15px; font-weight: 700; color: #656565; margin: 0 0 5px;}
 #CokluGrid article p {font-size: 14px; font-weight: 400; color: #868686; margin: 0; line-height: 1.4; }
 #CokluGrid article .CokluGridYazi {float: right; width: 70%;}
 #CokluGrid article .CokluGridResim {float: right; width: 30%;}
 #CokluGrid .SagDiv article .CokluGridResim {float: left;}
 #CokluGrid article img {display: block; width: 76px; max-width: 100%; margin-left: auto; margin-right: auto;}
 /*------------------------------------------------------------------------------------------------*/

 
  


 .HStyle {font-weight: normal; margin: 0px; padding: 0px;}








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






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

.BannerUstTelefon{float: none; margin-left: auto; margin-right: auto;}


/*---------------------------------Banner-------------------------------------------------*/
.BannerAnaDivStyle{width: 100%; height: 100%;}
.BannerDiv1{width: 100%; float: none;}
.BannerDiv2{width: 100%; float: none;}
.BannerDiv3{display: none;}
.LogoDivi{width: 100%; background-position: center center;}
.MenuDivi{width: 100%; margin-top: 0px; float: none;}
/*---------------------------------Banner-------------------------------------------------*/


/*-----------------------------------Serit Menu-------------------------------------------*/
.SeritMenuOrtaDivStyle{width: 100%; background: #363636;}
.SeritSloganDivi{display: none;}
/*-------------------------------------------------Serit Menu-----------------------------*/


/*-----------------------------------------Mobil Menu-------------------------------------*/
#menu {background: #363636; position: relative;}
#menu ul {background: #363636; width: 100%; height: auto; top: 100%; margin-left: 0px; margin-top: 0px; z-index: 99; display: none; position: absolute;}
#menu li {text-align: left; display: block; float: none; width: auto; margin-left: 5px;}
#menu a {padding-top: 0px; color: #ffffff;}
#menu li:hover > a {background: #be3030;}
/*Mobil Alt Menu*/
#menu ul.menus {display: block; opacity: 1; width: 100%; height: auto; background: #363636; position: static; margin-left: 25px;}
#menu ul.menus a {color: #ffffff;}
#menu ul.menus a:hover {background: #be3030;}
#menu ul.menus li {border-bottom: 1px solid #606060;}
/*Mobil Icon*/
#menu input {position: absolute; top: 0; left: 0; display: block; z-index: 4;}
#menu label {position: absolute; top: 0; left: 0; display: block;}
#menu input:checked + label {color: white;} 
#menu input:checked ~ ul {display: block;}
.Gizle{display: none;}
/*-----------------------------------------Mobil Menu-------------------------------------*/


.FooterHeight {height: 100%;}
.FooterDivStyle {width: 50%;}


.AnasayfaSloganYaziDiv {height: 60px;}
.AnasayfaSloganYaziStyle {font-size: 15px; line-height: 30px;}


/*-----------------------------------------Slider-----------------------------------------*/
.carousel-indicators {visibility: hidden;}
.SliderKayanYaziDiv{font-size: 10px; line-height: 12px; top: 73%;}
/*-----------------------------------------Slider-----------------------------------------*/


/*-----------------------------------AnaSayfa DualBox-------------------------------------*/
.AnaSayfaDualBoxYazi {font-size: 14px; line-height: 20px;}
.AnaSayfaDualBoxResim {width: 100%; height: auto;}
/*-----------------------------------AnaSayfa DualBox--------------------------------------*/


/*------------------------------------AnaSayfa 3lu Div-------------------------------------*/
.AnaSayfaUcluDivHeight {height: auto;}
.AnaSayfaUcluDivYazi {font-size: 25px; line-height: 30px;}
/*-----------------------------------------------------------------------------------------*/


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


/*--------------------------------------Hakkimizda-----------------------------------------*/
.AnaSayfaHakkimizdaYazi {font-size: 14px; line-height: 20px;}
.AnaSayfaHakkimizdaResim1 {width: 100%; height: auto;}
.AnaSayfaHakkimizdaResim2 {background-image: url('/Image/hakkimizda/overlay.png'); background-repeat: repeat; background-size: 6px 6px;}
/*--------------------------------------Hakkimizda-----------------------------------------*/



/*----------------------------------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;}
/*----------------------------------Bosluk------------------------------------*/



/*-----------------------------------------------------------------------------------------*/
.AnaDiv{width: 100%; height: 500px;}
.FlueDiv {width: 100%; min-height: 500px; background-color: rgba(255, 255, 255, 0.8);}
.SolDiv {position: relative; top: auto; left: auto; right: auto; float: none; width: 80%; margin-left: 10%; margin-right: 10%; text-align: center;}
.SagDiv {position: relative; top: auto; left: auto; right: auto; float: none; width: 80%; margin-left: 10%; margin-right: 10%; text-align: center;}
#CokluGrid article {height: auto;}
#CokluGrid article .CokluGridResim {float: left; width: 100%;}
#CokluGrid article .CokluGridYazi{width: 100%;}
/*------------------------------------------------------------------------------------------*/

}







@media only screen and (max-width: 479px)
{ 
 .FooterDivStyle {width: 100%; float: none;}
}
 



/*----------------------------------------------Seperator Yazılı---------------------------------------------*/
.SeparatorYazili{height: 100%; margin: 0px; text-align: center; position: relative; z-index: 1;}
.SeparatorYazili::before{border-top: 1px solid #820918; content:""; margin: 0 0 0 0; position: absolute; top: 60%; left: 0; right: 0; bottom: 0; z-index: -1;}
/*----------------------------------------------Seperator Yazılı---------------------------------------------*/
  
/*----------------------------------------------Seperator Düz Çizgi------------------------------------------*/
.SeparatorDuzCizgi{margin-top: 0px; width: 100%; height: 0px; border-top: 2px solid #dfdfdf; padding: 0px;}
/*----------------------------------------------Seperator Düz Çizgi------------------------------------------*/


.RenkliButon1 {color: #fff; background-color: #ec971f; width: 100%; height: 50px; line-height: 50px; text-align: center; padding: 0px; }
.RenkliButon1:hover { color: #fff; background-color: #d88b1d; }

.RenkliButon2 {color: #fff; background-color: #54b2ce; width: 100%; height: 50px; line-height: 50px; text-align: center; padding: 0px;}
.RenkliButon2:hover { color: #fff; background-color: #4d9cb2;}

.RenkliButon3 {color: #fff; background-color: #488fce; width: 100%; height: 50px; line-height: 50px; text-align: center; padding: 0px;}
.RenkliButon3:hover { color: #fff; background-color: #4584bd;}

.RenkliButon4 {color: #fff; background-color: #ff487b; width: 100%; height: 50px; line-height: 50px; text-align: center; padding: 0px;}
.RenkliButon4:hover { color: #fff; background-color: #e23b6a;}