/* Hero styles copied from the approved homepage, 2026-11-01. */
#wb_Carousel1
{
   background-color: transparent;
   background-image: none;
   margin: 0;
}
#wb_Carousel1
{
   display: block;
   float: left;
   font-size: 0;
   top: 0 !important;
}
#Carousel1 .frame
{
   width: 970px;
   display: inline-block;
   overflow: hidden;
   height: 593px;
}
#Carousel1 .carousel-innerframe
{
   display: inline-block;
   height: 0;
   left: 0;
   margin-left: 0;
   position: absolute;
   top: 0;
   width: 970px;
}
#wb_Carousel1 .pagination
{
   bottom: 0;
   left: 0;
   position: absolute;
   text-align: center;
   vertical-align: middle;
   width: 100%;
   z-index: 998;
}
#wb_Carousel1 .pagination img
{
   border-style: none;
   padding: 10px 10px 10px 10px;
}
#Carousel1 .frame-1,
#Carousel1 .frame-2
{
   background-color: transparent;
   background-image: url('../images/slider.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
}
#Carousel1 .frame-2
{
   background-image: url('../images/neden-guray-trafo-20261022.webp');
}
#Carousel1 .frame-3
{
   background-color: transparent;
   background-image: url('../images/cokyakinda.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
}
#Carousel1 .frame-4
{
   background-color: transparent;
   background-image: url('../images/back-E.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
}
#wb_Title1,
#wb_Title2
{
   background-color: #003674;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 3px;
   border-left-width: 0px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: none;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #EA6C1F;
   border-left-color: #000000;
   opacity: 0.80;
   margin: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
}
#Title1,
#Title2
{
   color: #FEFEFE;
   font-family: Roboto;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
}
#wb_Title3
{
   background-color: #003674;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 3px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #EA6C1F;
   border-left-color: #000000;
   opacity: 0.80;
   margin: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
}
#Title3
{
   color: #FEFEFE;
   font-family: Roboto;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
}
#wb_Review3 
{
   background-color: #000000;
   background-image: none;
   border-top-width: 3px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #EA6C1F;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   padding: 20px 10px 20px 10px;
   margin: 0;
   opacity: 0.70;
   text-align: center;
}
#wb_Review3 div
{
   text-align: center;
}
#wb_Review1,
#wb_Review2
{
   background-color: #000000;
   background-image: none;
   border-top-width: 3px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #EA6C1F;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   padding: 20px 10px 20px 10px;
   margin: 0;
   opacity: 0.70;
   text-align: center;
}
#wb_Review1 div,
#wb_Review2 div
{
   text-align: center;
}
#wb_Title4
{
   background-color: #003674;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 3px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #EA6C1F;
   border-left-color: #000000;
   opacity: 0.80;
   margin: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
}
#Title4
{
   color: #FEFEFE;
   font-family: Roboto;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
}
#wb_Review4 
{
   background-color: #000000;
   background-image: none;
   border-top-width: 3px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #EA6C1F;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   padding: 20px 10px 20px 10px;
   margin: 0;
   opacity: 0.70;
   text-align: center;
}
#wb_Review4
{
   color: #FFFFFF;
   font-family: Roboto;
   font-weight: normal;
   font-size: 16px;
}
#wb_Review4 div
{
   text-align: center;
}
#wb_Title3
{
   position: absolute;
   left: 155px;
   top: 193px;
   width: 669px;
   height: 32px;
   opacity: 0.80;
   z-index: 20;
}
#wb_Title1,
#wb_Title2
{
   position: absolute;
   left: 151px;
   top: 199px;
   width: 669px;
   height: 31px;
   opacity: 0.80;
   z-index: 19;
}
#Carousel1
{
   position: absolute;
}
#wb_Carousel1
{
   position: absolute;
   left: 0px;
   top: 125px;
   width: 970px;
   height: 593px;
   z-index: 88;
   overflow: hidden;
   position: relative;
}
#wb_Review4
{
   position: absolute;
   left: 155px;
   top: 248px;
   width: 669px;
   height: 76px;
   opacity: 0.70;
   text-align: center;
   z-index: 23;
}
#wb_Review3
{
   position: absolute;
   left: 155px;
   top: 248px;
   width: 669px;
   height: 38px;
   opacity: 0.70;
   text-align: center;
   z-index: 21;
}
#wb_Review1,
#wb_Review2
{
   position: absolute;
   left: 151px;
   top: 253px;
   width: 669px;
   height: 58px;
   opacity: 0.70;
   text-align: center;
   z-index: 18;
}
#wb_Title4
{
   position: absolute;
   left: 155px;
   top: 193px;
   width: 669px;
   height: 32px;
   opacity: 0.80;
   z-index: 22;
}
@media only screen and (min-width: 480px) and (max-width: 969px)
{
#wb_Carousel1
{
   width: 480px;
   height: 593px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Carousel1 .frame
{
   width: 480px;
   height: 593px;
}
#Carousel1 .carousel-innerframe
{
   width: 480px;
   height: 0;
}
#wb_Title1,
#wb_Title2
{
   left: 10px;
   top: 199px;
   width: 440px;
   height: 31px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#wb_Title3
{
   left: 10px;
   top: 193px;
   width: 440px;
   height: 71px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#wb_Review3
{
   left: 10px;
   top: 287px;
   width: 440px;
   height: 58px;
   visibility: visible;
   display: inline;
}
#wb_Review3
{
   margin: 0;
   padding: 20px 10px 20px 10px;
}
#wb_Review1,
#wb_Review2
{
   left: 10px;
   top: 253px;
   width: 440px;
   height: 96px;
   visibility: visible;
   display: inline;
}
#wb_Review1,
#wb_Review2
{
   margin: 0;
   padding: 20px 10px 20px 10px;
}
#wb_Title4
{
   left: 16px;
   top: 222px;
   width: 428px;
   height: 71px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 10px 10px 10px 10px;
   font-size: 32px;
   font-family: Roboto;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Title4
{
   background-color: #003674;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 3px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #EA6C1F;
   border-left-color: #000000;
   opacity: 0.80;
   text-align: center;
}
#Title4
{
   color: #FEFEFE;
   font-family: Roboto;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
}
#wb_Review4
{
   left: 16px;
   top: 316px;
   width: 428px;
   height: 76px;
   visibility: visible;
   display: inline;
}
#wb_Review4
{
   font-family: Roboto;
   font-weight: normal;
   font-size: 16px;
   margin: 0;
   padding: 20px 10px 20px 10px;
   text-align: center;
}}
@media only screen and (max-width: 479px)
{
#wb_Carousel1
{
   width: 320px;
   height: 593px;
   visibility: visible;
   display: block;
   margin: 0;
}
#Carousel1 .frame
{
   width: 320px;
   height: 593px;
}
#Carousel1 .carousel-innerframe
{
   width: 320px;
   height: 0;
}
#wb_Title1,
#wb_Title2
{
   left: 10px;
   top: 139px;
   width: 280px;
   height: 71px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#wb_Title3
{
   left: 10px;
   top: 139px;
   width: 280px;
   height: 112px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 10px 10px 10px 10px;
}
#wb_Review3
{
   left: 10px;
   top: 274px;
   width: 280px;
   height: 96px;
   visibility: visible;
   display: inline;
}
#wb_Review3
{
   margin: 0;
   padding: 20px 10px 20px 10px;
}
#wb_Review1,
#wb_Review2
{
   left: 10px;
   top: 233px;
   width: 280px;
   height: 134px;
   visibility: visible;
   display: inline;
}
#wb_Review1,
#wb_Review2
{
   margin: 0;
   padding: 20px 10px 20px 10px;
}
#wb_Title4
{
   left: 10px;
   top: 139px;
   width: 280px;
   height: 102px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 10px 10px 10px 10px;
   font-size: 29px;
   font-family: Roboto;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_Title4
{
   background-color: #003674;
   background-image: none;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 3px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #EA6C1F;
   border-left-color: #000000;
   opacity: 0.80;
   text-align: center;
}
#Title4
{
   color: #FEFEFE;
   font-family: Roboto;
   font-weight: bold;
   font-style: normal;
   font-size: 29px;
}
#wb_Review4
{
   left: 10px;
   top: 264px;
   width: 280px;
   height: 95px;
   visibility: visible;
   display: inline;
}
#wb_Review4
{
   font-family: Roboto;
   font-weight: normal;
   font-size: 16px;
   margin: 0;
   padding: 20px 10px 20px 10px;
   text-align: center;
}}