/* ===== Scrollbar CSS ===== *//* Firefox */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,input,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,svg,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;/* HTML5 display-role reset for older browsers */}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1em;overflow-x:hidden;background-color:#fff !important;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}a{-webkit-transition:0ms;-moz-transition:0ms;-o-transition:0ms;transition:0ms;cursor:pointer !important;text-decoration:none !important;}a:link{outline:none !important;text-decoration:none !important;}a:visited{outline:none !important;text-decoration:none !important;}a:hover{outline:none !important;text-decoration:none !important;-webkit-transition:500ms;-moz-transition:500ms;-o-transition:500ms;transition:500ms;}a:active{outline:none !important;text-decoration:none !important;}a:focus{outline:none !important;outline-offset:0;}.ulli{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;-webkit-text-size-adjust:none;list-style:none;}*:focus{outline:none;}body{font-family:"Open Sans", sans-serif !important;font-size:16px;font-weight:400;}*{font-family:"Open Sans", sans-serif !important;}a{color:black;}a:hover{color:black;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt15{margin-top:15px;}.mt25{margin-top:25px;}.mt35{margin-top:35px;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0px;margin:0px;}*{scrollbar-width:auto;scrollbar-color:#c9cbcf #fff;}.fontsize18{font-size:18px !important;}.mb-0{margin-bottom:0px !important;}.container{float:left;width:1280px;margin-left:calc(50% - 640px);}@media (max-width:1300px) and (min-width:100px){.container{width:100%;margin-left:0px;padding:0px 10px;}}.container1{float:left;width:1440px;margin-left:calc(50% - 720px);}@media (max-width:1300px) and (min-width:100px){.container1{width:100%;margin-left:0px;padding:0px 10px;}}.ortala{float:left;width:1600px;margin-left:calc(50% - 800px);/* Chrome, Edge, and Safari */}@media (max-width:1600px) and (min-width:100px){.ortala{width:100%;margin-left:0px;padding:0px 10px;}}*::-webkit-scrollbar{width:6px;height:6px;}*::-webkit-scrollbar-track{background:#fff;}*::-webkit-scrollbar-thumb{background-color:#c9cbcf;border-radius:5px;border:0px solid #fff;}@media (max-width:5000px) and (min-width:990px){.pcdegizle{display:none !important;}.mobil-menu-area{display:none !important;}}@media (max-width:1300px) and (min-width:990px){.showroom-cell div span{font-size:48px !important;}}@media (max-width:990px) and (min-width:100px){.mobildegizle{display:none !important;}.mobil-menu-area{position:fixed;top:0;bottom:0;right:-75%;background-color:#003c80;height:100vh;width:75%;z-index:999;padding:100px 15px;display:none;}.mobil-menu-area svg{position:absolute;right:15px;top:20px;width:50px;}.mobil-menu-area .first-nav{float:left;width:100%;}.mobil-menu-area .first-nav li{float:left;width:100%;height:68px;display:flex;align-items:center;border-bottom:1px solid #f2d0d0;}.mobil-menu-area .first-nav li a{float:left;width:100%;font-size:18px;font-weight:500;color:#fff;line-height:normal;}.mobil-menu-gradiend{position:fixed;left:-25%;top:0;height:100vh;width:25%;z-index:999;display:none;background-color:rgba(37, 37, 37, 0.5);}}.mblmenu{float:right;margin-top:34px;margin-left:10px;cursor:pointer;position:relative;}.mblmenu svg{float:left;}#anasayfa{float:left;width:100%;position:relative;z-index:101;display:flex;flex-direction:column;align-items:center;}#anasayfa .header-first-section{float:left;width:100%;height:42px;position:relative;border-bottom:1px solid #dcdcdc;border-top:6px solid #003c80;background-color:#fff;}@media (max-width:990px) and (min-width:100px){#anasayfa .header-first-section{display:none;}}#anasayfa .header-first-section .flex{float:left;height:38px;display:flex;align-items:center;justify-content:flex-end;width:100%;flex-direction:row;padding-top:6px;}#anasayfa .header-first-section .flex a{float:left;font-weight:normal;font-size:16px;line-height:42px;text-align:left;color:#8890a2;margin-right:30px;}#anasayfa .header-first-section .flex a:last-child{margin-right:0px;}#anasayfa .header-second-section{float:left;width:100%;height:100px;position:relative;background:#fff;}@media (max-width:990px) and (min-width:100px){#anasayfa .header-second-section{height:85px;}}#anasayfa .header-second-section .logo{float:left;width:170px;height:125px;position:relative;z-index:5000;margin-top:-25px;margin-right:45px;margin-left:45px;transition:900ms ease;}@media (max-width:990px) and (min-width:100px){#anasayfa .header-second-section .logo{width:100px;height:85px;margin:0;}}@media (max-width:1600px) and (min-width:1300px){#anasayfa .header-second-section .logo{margin-right:20px;}}#anasayfa .header-second-section .logo img{float:left;width:100%;height:100%;object-fit:contain;}#anasayfa .header-second-section .main-menu{float:left;position:relative;z-index:50;margin-top:25px;}#anasayfa .header-second-section .main-menu .main-menu-title{float:left;position:relative;padding:14px 22px;/* Alt hover animasyon çizgisi *//* &::after {
content: "";
position: absolute;
bottom: 4px;
left: 0;
width: 0%;
height: 2px;
background: #2861aa;
transition: width 0.35s ease;
}
&:hover::after {
width: 100%;
}
*/cursor:pointer;}#anasayfa .header-second-section .main-menu .main-menu-title .menu-title{font-weight:bold;font-size:18px;color:#003c80;transition:color 0.3s ease;}#anasayfa .header-second-section .main-menu .main-menu-title:hover .menu-title{color:#e41f25;}#anasayfa .header-second-section .main-menu .main-menu-title .submenu{position:absolute;top:100%;left:calc(50% - 130px);width:280px;padding:10px 0;background:#fff;border-radius:12px;box-shadow:0px 12px 30px rgba(0, 0, 0, 0.18);opacity:0;pointer-events:none;transform:translateY(15px) scale(0.92);transition:opacity 0.35s cubic-bezier(0.19, 0.75, 0.43, 1.02), transform 0.35s cubic-bezier(0.19, 0.75, 0.43, 1.02);/* Menü içi linkler *//* Hover ile submenu aç */}#anasayfa .header-second-section .main-menu .main-menu-title .submenu li a{display:block;padding:12px 20px;font-size:16px;color:#2f2a36;transition:all 0.25s ease;}#anasayfa .header-second-section .main-menu .main-menu-title .submenu li a:hover{background:#003c80;color:white;padding-left:15px;}#anasayfa .header-second-section .main-menu .main-menu-title:hover .submenu{opacity:1;pointer-events:auto;transform:translateY(0px) scale(1);}#anasayfa .header-second-section .right-side{float:right;display:flex;align-items:center;margin-top:22px;}#anasayfa .header-second-section .right-side .button-area{float:left;display:flex;align-items:center;justify-content:center;gap:8.5px;}#anasayfa .header-second-section .right-side .button-area a{display:flex;align-items:center;justify-self:inherit;border-radius:4px;padding:16px 35px;color:white;background-color:#003c80;border:2px solid #003c80;/* &:hover {
background-color: #003C80;
color: white;
svg {
fill: white;
}
}
*/gap:5px;}#anasayfa .header-second-section .right-side .button-area p{float:left;font-weight:bold;font-size:18px;text-align:left;color:#fff;}@media (max-width:1370px){#anasayfa .header-second-section .right-side .button-area p{display:none;}}#anasayfa .header-second-section .right-side .button-area .gecis{color:white;background-color:#e41f25;border:2px solid #e41f25;}#anasayfa .header-second-section .right-side .button-area .gecis svg{fill:none;stroke:#e41f25;/* &:hover {
background-color: #E41F25;
color: white;
svg {
fill: none;
stroke: #ffffff;
}
}*/}.slider-area{float:left;width:100%;height:calc(100vh - 142px);position:relative;overflow:hidden;}@media (max-width:990px) and (min-width:100px){.slider-area{height:500px;}}.slider-area .swiper{width:100%;height:100%;}.slider-area .swiper-slide{background-position:center;background-size:cover;position:relative;}.slider-area .swiper-slide img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:9;}.slider-area .swiper-slide .slider-write{position:absolute;left:0;right:0;bottom:0px;z-index:10;align-items:flex-start;padding:0px 10%;width:100%;height:25vh;background:transparent;backdrop-filter:blur(14px);--webkit-backdrop-filter:blur(2px);background:linear-gradient(0deg, rgba(40, 97, 170, 0.83) 0%, rgba(255, 255, 255, 0) 100%);display:flex;flex-direction:column;justify-content:center;}.slider-area .swiper-slide .slider-write::before{content:"";position:absolute;top:-2px;left:calc(50% - 40%);width:80%;height:5px;border-radius:35px;background-color:#e41b41;z-index:11;}@media (max-width:990px) and (min-width:100px){.slider-area .swiper-slide .slider-write{height:15vh;padding:0 7%;}}.slider-area .swiper-slide .slider-write b{float:left;width:60%;font-weight:bolder;font-size:42px;line-height:50px;text-align:left;color:#fff;}@media (max-width:990px) and (min-width:100px){.slider-area .swiper-slide .slider-write b{width:90%;font-size:2vh;line-height:normal;}}@media (max-width:1300px) and (min-width:990px){.slider-area .swiper-slide .slider-write b{font-size:24px;line-height:normal;}}.slider-area .swiper-slide span{position:absolute;bottom:145%;left:calc(10%);width:30%;font-weight:600;font-style:italic;font-size:58px;line-height:72px;text-align:left;color:#fff;text-shadow:0px 3px 6px rgba(0, 0, 0, 0.64);z-index:10;}@media (max-width:990px) and (min-width:100px){.slider-area .swiper-slide span{font-size:19px;line-height:normal;width:100%;bottom:120%;}}.slider-area .swiper-slide .hlink{position:absolute;right:10%;padding:15px 22px;border-radius:35px;background-color:#e41b41;color:white;font-size:22px;font-weight:bold;top:calcl(49.76042%);}@media (max-width:990px) and (min-width:100px){.slider-area .swiper-slide .hlink{font-size:14px;padding:7px 10px;font-weight:normal;bottom:calc(30% - 15px);}}.slider-area .swiper-slide .rotContainer2{position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0.185);z-index:10;}.slider-area .swiper-slide .embed-container{position:relative;width:100%;height:100%;padding-bottom:56.25%;pointer-events:none;}.slider-area .swiper-slide .embed-container::after{content:"";position:absolute;inset:0;z-index:9;background:rgba(0, 0, 0, 0.01);pointer-events:none;}@media (max-width:1600px) and (min-width:1300px){.slider-area .swiper-slide .embed-container{padding-bottom:70.25%;}}@media (max-width:1300px) and (min-width:990px){.slider-area .swiper-slide .embed-container{padding-bottom:70.25%;}}@media (max-width:990px) and (min-width:100px){.slider-area .swiper-slide .embed-container{padding-bottom:0;height:calc(100vh - 190px);}}.slider-area .swiper-slide .embed-container iframe{position:absolute;top:-22%;left:0;min-width:100%;min-height:100%;width:100%;/* transform: translate(-50%, -50%); */height:100%;pointer-events:none;}@media (max-width:990px) and (min-width:100px){.slider-area .swiper-slide .embed-container iframe{top:0;left:-50%;width:300%;}}@media (max-width:1300px) and (min-width:990px){.slider-area .swiper-slide .embed-container iframe{top:0px;left:calc(50% - 150%);width:300%;}}.sectors-area{float:left;width:100%;/*
.watermark-area {
float: left;
width: 100%;
height: 100vh;
overflow: hidden;
position: relative;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
height: 500px;
}
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 247px; // Masaüstü için
background: linear-gradient(#fff 0%, rgba(128, 128, 128, 0) 100%);
}
&::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background: #f60;
mix-blend-mode: overlay;
z-index: 9;
}
iframe {
float: left;
width: 101%;
height: 118%;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
width: 235%;
height: 104%;
left: calc(50% - 117.5%);
position: relative;
}
}
.write {
position: absolute;
top: calc(50% - 93px);
height: 186px;
width: 100%;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
b {
float: left;
width: 100%;
font-weight: 300;
font-size: 60px;
line-height: 62px;
text-align: center;
color: #fff;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
font-size: 24px;
line-height: normal;
}
}
span {
float: left;
width: 100%;
font-weight: 800;
font-size: 60px;
line-height: 62px;
text-align: center;
color: #fff;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
font-size: 24px;
line-height: normal;
}
}
}
img {
position: absolute;
width: 100%;
height: 236px;
left: 0px;
bottom: 0;
}
}
.design-area {
float: left;
width: 100%;
height: 100vh;
position: relative;
// margin-top: -446px;
display: flex;
align-items: center;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
height: 500px;
.scroll-container {
height: 500px !important;
transform: none !important;
}
#hero-canvas {
height: 500px;
top: 0 !important;
}
}
.animation-area {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
}
.write {
float: left;
width: 100%;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
position: absolute;
top: 20px;
left: 0;
}
b {
float: left;
width: 100%;
font-weight: 300;
font-size: 60px;
line-height: 62px;
text-align: center;
color: #333436;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
font-size: 24px;
line-height: normal;
}
}
span {
float: left;
width: 100%;
font-weight: 800;
font-size: 60px;
line-height: 62px;
text-align: center;
color: #333436;
position: relative;
text-shadow: 2px 2px #ffffff;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
font-size: 24px;
line-height: normal;
}
}
}
}
*/}.sectors-area a{float:left;width:24%;margin-right:1.3%;margin-bottom:2%;height:515px;border-radius:10px;background:#fff;box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);padding:20px;position:relative;}@media (max-width:990px) and (min-width:100px){.sectors-area a{width:100%;margin-right:0px;}}.sectors-area a:nth-child(4n + 0){margin-right:0px;}.sectors-area a picture{float:left;width:100%;height:362px;}.sectors-area a picture img{float:left;width:100%;height:100%;object-fit:cover;border-radius:7px;}.sectors-area a b,.sectors-area a h2{float:left;width:100%;font-weight:300;height:80px;font-size:24px;line-height:normal;text-align:center;color:#333436;margin-top:16px;display:flex;align-items:center;justify-content:center;}.sectors-area a p{position:absolute;top:35px;left:35px;padding:10px 20px;background-color:#fff;border-radius:35px;color:#333841;font-size:18px;font-weight:normal;text-transform:capitalize;}.uretim-area{float:left;width:100%;margin-top:300px;}@media (max-width:990px) and (min-width:100px){.uretim-area{margin-top:0px;}}.uretim-area .write{float:left;width:100%;}.uretim-area .write b{float:left;width:100%;font-weight:300;font-size:60px;line-height:62px;text-align:center;color:#333436;}@media (max-width:990px) and (min-width:100px){.uretim-area .write b{font-size:24px;line-height:normal;}}.uretim-area .write span{float:left;width:100%;font-weight:800;font-size:60px;line-height:62px;text-align:center;color:#333436;}@media (max-width:990px) and (min-width:100px){.uretim-area .write span{font-size:24px;line-height:normal;}}.uretim-area .uretim{float:left;overflow:hidden;width:100%;}.uretim-area .uretim .uretim-swiper{float:left;width:100%;height:800px;padding:66px 0px;}@media (max-width:990px) and (min-width:100px){.uretim-area .uretim .uretim-swiper{height:550px;padding:30px 0px;}}.uretim-area .uretim .uretim-swiper a{float:left;width:439px;height:665px;border-radius:10px;background:#fff;box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);padding:40px;}@media (max-width:990px) and (min-width:100px){.uretim-area .uretim .uretim-swiper a{width:300px;height:480px;padding:15px;}}.uretim-area .uretim .uretim-swiper a picture{float:left;width:100%;height:502px;}@media (max-width:990px) and (min-width:100px){.uretim-area .uretim .uretim-swiper a picture{height:350px;}}.uretim-area .uretim .uretim-swiper a picture img{float:left;width:100%;height:100%;object-fit:cover;border-radius:7px;}.uretim-area .uretim .uretim-swiper a b{float:left;width:100%;font-weight:300;height:80px;font-size:24px;line-height:normal;text-align:center;color:#333436;margin-top:16px;display:flex;align-items:center;justify-content:center;}@media (max-width:990px) and (min-width:100px){.uretim-area .uretim .uretim-swiper a b{height:70px;font-size:20px;}}.form-area{float:right;width:525px;position:relative;z-index:999;margin-right:155px;margin-top:-257px;}@media (max-width:990px) and (min-width:100px){.form-area{width:100%;margin-right:0;margin-top:0;}}@media (max-width:5000px) and (min-width:2000px){.form-area{margin-right:17%;}}.form-area form{position:absolute;top:-314px;width:463px;height:654px;padding:25px 46px;background-color:rgba(255, 255, 255, 0.9);border-radius:15px;left:calc(50% - 231.5px);}@media (max-width:990px) and (min-width:100px){.form-area form{top:0;width:95%;left:calc(50% - 47.5%);padding:25px;}}.form-area form .title{float:left;width:100%;margin-bottom:17px;}.form-area form .title b{float:left;width:100%;font-weight:normal;font-size:18px;line-height:32px;text-align:left;color:#c2c0d1;}.form-area form .title .line{float:left;width:100%;height:1px;background:#e9e9e9;margin:5px 0px;}.form-area form .title span{float:left;width:100%;font-weight:normal;font-size:24px;line-height:32px;text-align:left;color:#373640;}@media (max-width:990px) and (min-width:100px){.form-area form .title span{font-size:18px;}}.form-area form .title span strong{float:left;width:100%;font-weight:bold;}.form-area form select{float:left;font-weight:normal;font-size:16px;line-height:32px;text-align:left;color:#373640;width:100%;height:58px;border-radius:10px;background:#fff;border:1px solid #e4e4e4;box-shadow:0px 3px 6px rgba(138, 138, 138, 0.07);padding:10px;appearance:none;background-image:url(/uploads/icon-arrow-down.png);background-position:95% center;background-repeat:no-repeat;margin-bottom:12px;}.form-area form input[type="text"],.form-area form input[type="tel"]{float:left;font-weight:normal;font-size:16px;line-height:32px;text-align:left;color:#373640;width:100%;height:58px;border-radius:10px;background:#fff;border:1px solid #e4e4e4;box-shadow:0px 3px 6px rgba(138, 138, 138, 0.07);padding:10px;background-position:95% center;background-repeat:no-repeat;margin-bottom:12px;}.form-area form .checkbox-container{float:left;width:100%;margin:23px 0px;}.form-area form .checkbox-container label{font-weight:normal;display:flex;align-items:center;}.form-area form .checkbox-container label input[type="checkbox"]{margin-right:10px;}.form-area form button{float:left;width:100%;height:58px;border-radius:10px;background:#373640;border:1px solid #e4e4e4;font-weight:normal;font-size:16px;line-height:32px;text-align:left;color:#fff;display:flex;align-items:center;justify-content:center;}.form-area form button svg{float:right;margin-left:10px;}.form-area .form-write-area{float:left;width:100%;height:703px;border-radius:20px;background:rgba(242, 125, 35, 0.9);display:flex;align-items:flex-end;padding-bottom:174px;}@media (max-width:990px) and (min-width:100px){.form-area .form-write-area{width:100%;margin-top:210px;padding-bottom:28px;}}.form-area .form-write-area p{float:left;width:100%;font-weight:normal;font-size:16px;line-height:24px;text-align:left;color:#fff;padding:0px 20px;}@media (max-width:990px) and (min-width:100px){.form-area .form-write-area p{text-align:center;}}.info-area{float:left;width:100%;position:relative;height:1105px;display:flex;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;flex-direction:column;align-items:flex-end;justify-content:center;padding:0px 5%;margin-top:50px;margin-bottom:71px;}@media (max-width:990px) and (min-width:100px){.info-area{margin-bottom:50px;}}.info-area::after{content:"";position:absolute;right:0;top:0;width:1358px;height:1105px;background:linear-gradient(270deg, #1757aa 0%, #1757aa 0%, rgba(22, 82, 159, 0.87) 12.54%, rgba(12, 44, 85, 0) 100%);}.info-area .write-area{float:left;width:31%;position:relative;z-index:10;}@media (max-width:990px) and (min-width:100px){.info-area .write-area{width:100%;margin-top:100px;}}.info-area .write-area b{float:left;width:100%;font-weight:bold;font-size:46px;line-height:46px;text-align:left;color:#fff;}@media (max-width:990px) and (min-width:100px){.info-area .write-area b{font-size:28px;line-height:normal;}}.info-area .write-area span{float:left;width:100%;font-family:"DM Sans";font-weight:normal;font-size:24px;line-height:38px;text-align:left;color:#fff;margin-bottom:10px;}@media (max-width:990px) and (min-width:100px){.info-area .write-area span{font-size:18px;line-height:normal;margin:10px 0px 24px;}}.info-area .write-area p{float:left;width:100%;font-weight:normal;font-size:18px;line-height:24px;text-align:left;color:#fff;margin-bottom:15px;}@media (max-width:990px) and (min-width:100px){.info-area .write-area p{font-size:16px;line-height:normal;}}.info-area .write-area a{float:left;width:199px;height:55px;background:#fff;border:2px solid #1757aa;border-radius:30px;font-weight:normal;font-size:16px;letter-spacing:0.06em;text-align:left;color:#1757aa;display:flex;align-items:center;justify-content:center;transition:200ms;}.info-area .write-area a svg{float:left;fill:#1757aa;margin-right:10px;}.main-title{float:left;width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:35px;position:relative;}.main-title b{float:left;font-weight:600;font-size:44px;line-height:38px;text-align:left;color:#003c80;}@media (max-width:990px) and (min-width:100px){.main-title b{font-size:28px;}}.main-title span{float:left;font-weight:normal;font-size:24px;line-height:38px;text-align:left;color:#003c80;margin-top:10px;}@media (max-width:990px) and (min-width:100px){.main-title span{font-size:16px;line-height:normal;}}.education-area{float:left;width:100%;position:relative;margin-top:100px;}.education-area::before{content:"";position:absolute;bottom:-80px;left:0;right:0;width:100%;height:468px;background-color:#e41b41;z-index:-1;}@media (max-width:990px) and (min-width:100px){.education-area::before{height:220px;bottom:-15px;}}.education-area .education{float:left;width:24%;margin-right:1.3%;}.education-area .education:last-child{margin-right:0px;}@media (max-width:990px) and (min-width:100px){.education-area .education{width:100%;}}.education-area .education picture{float:left;width:311px;height:384px;position:relative;}.education-area .education picture img{float:left;width:100%;height:100%;object-fit:cover;}.education-area .education picture .watermark{position:absolute;width:265px;height:340px;bottom:22px;left:24px;border-radius:7px;transition:background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;}.education-area .education picture .watermark p{padding:3px;font-size:36px;line-height:normal;text-align:center;font-weight:bold;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;opacity:0;padding:4px;line-height:55px;transition:opacity 0.2s ease-in-out;}.education-area .education b{float:left;width:100%;font-size:20px;font-weight:bold;line-height:42px;color:#fff;margin-top:15px;padding-bottom:17px;border-bottom:2px solid rgba(255, 255, 255, 0.35);}.education-area .education span{float:left;width:100%;margin-top:18.5px;font-size:16px;line-height:22px;font-weight:400;color:white;}.education-area .education:hover .watermark{background-color:rgba(23, 87, 170, 0.7);}.education-area .education:hover .watermark p{opacity:1;}.education-area .prevBtn,.education-area .nextBtn{padding:16px 23px 23px 23px;font-size:32px;line-height:inherit;color:red;background:white;}.news-list{float:left;width:100%;position:relative;}.news-list a{float:left;width:32%;min-height:415px;margin-right:1.3%;margin-bottom:1.6%;border-radius:15px;border:1px solid transparent;padding:20px;}.news-list a:nth-child(3n + 0){margin-right:0px;}@media (max-width:990px) and (min-width:100px){.news-list a{width:100%;}}.news-list a picture{float:left;width:100%;height:250px;position:relative;}.news-list a picture img{float:left;width:100%;height:100%;object-fit:cover;border-radius:7px;}.news-list a b{float:left;width:100%;height:90px;font-size:20px;font-weight:bold;line-height:normal;color:#333436;margin-top:15px;padding-bottom:17px;border-bottom:1px solid #dedede;}.news-list a span{float:left;width:100%;margin-top:18.5px;font-size:16px;line-height:22px;font-weight:400;color:#333436;}.news-list a:hover{-webkit-box-shadow:0px 6px 14px 7px #bababa;box-shadow:0px 6px 14px 7px #bababa;border:1px solid #dedede;}.news-list a:hover .watermark{background-color:rgba(23, 87, 170, 0.7);}.news-list a:hover .watermark p{opacity:1;}.duyurub{min-height:80px !important;margin-bottom:1% !important;/* &::before{
content: '';
position: absolute;
left: -25px;
width: 50px;
height: 50px;
bottom: calc();
}*/position:relative;}.duyurub picture{display:none;}.duyurub picture img{display:none;}#edu a{float:left;width:100%;}#edu a img{float:left;width:100%;height:250px;object-fit:cover;}#edu a b{float:left;width:100%;text-align:center;color:white;padding:15px 0px;font-size:24px;}.our-story{float:left;width:100%;margin-top:150px;position:relative;}@media (max-width:990px) and (min-width:100px){.our-story{margin-top:140px;margin-bottom:35px;}}.our-story .left-side{float:left;width:42%;margin-right:1%;margin-top:70px;height:642px;overflow:hidden;}@media (max-width:990px) and (min-width:100px){.our-story .left-side{width:100%;padding:0px 20px;height:360px;margin-top:20px;}}.our-story .left-side b{float:left;font-size:34px;font-weight:bold;color:#003c80;line-height:normal;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #e41b41;}@media (max-width:990px) and (min-width:100px){.our-story .left-side b{font-size:24px;}}.our-story .left-side span{float:left;font-size:16px;line-height:28px;color:#333436;}@media (max-width:990px) and (min-width:100px){.our-story .left-side span{font-size:14px;height:200px;overflow:hidden;}}.our-story .left-side span p{margin-top:40px;}.our-story .left-side span p:first-child{margin-top:0;}.our-story .left-side span strong{font-weight:bold;}.our-story .left-side a{float:left;width:150px;height:42px;margin-top:20px;color:white;background-color:#003c80;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;}.our-story picture{position:absolute;right:0;top:0;width:50%;height:632px;}@media (max-width:990px) and (min-width:100px){.our-story picture{float:left;width:100%;position:relative;height:auto;}}.our-story picture img{width:100%;height:100%;object-fit:cover;}.se-title{float:left;width:100%;margin-top:55px;}@media (max-width:990px) and (min-width:100px){.se-title{margin:20px 0px;padding:5px 0px;}}.se-title b{float:left;width:100%;font-size:36px;font-weight:bold;margin-left:calc(50% - 640px);color:#254695;}@media (max-width:990px) and (min-width:100px){.se-title b{margin-left:0;padding:10px;margin-top:10px;font-size:22px;}}.service-area{float:left;width:100%;position:relative;}@media (max-width:990px) and (min-width:100px){.service-area{margin-top:5px;}}.service-area::before{content:"";position:absolute;top:200px;left:-4%;width:108%;height:330px;background-color:#e41f25;z-index:-1;border-radius:5px;}@media (max-width:990px) and (min-width:100px){.service-area::before{bottom:-35px;top:180px;height:300px;}}.service-area .services{float:left;width:300px;height:335px;position:relative;border-radius:4px;z-index:1;cursor:pointer;}@media (max-width:990px) and (min-width:100px){.service-area .services{height:315px;}}.service-area .services::before{content:"";position:absolute;bottom:0px;left:0;width:100%;height:100%;border-radius:4px;background:rgba(0, 60, 128, 0.60);z-index:4;opacity:0;}.service-area .services picture{float:left;width:100%;height:100%;overflow:hidden;border-radius:4px;z-index:3;}.service-area .services picture img{float:left;width:100%;height:100%;object-fit:cover;border-radius:4px;transition:0.3s ease-in-out;}.service-area .services .write{position:absolute;bottom:-55%;left:2.5%;width:95%;height:175px;}.service-area .services .write b{float:left;width:100%;font-size:20px;font-weight:500;color:#fff;line-height:normal;padding-bottom:15px;border-bottom:1px solid rgba(255, 255, 255, 0.5);z-index:5;}@media (max-width:990px) and (min-width:100px){.service-area .services .write b{margin-top:10px;}}.service-area .services .write span{float:left;width:100%;font-weight:normal;font-size:16px;line-height:22px;text-align:left;padding-top:5px;color:#fff;}@media (max-width:990px) and (min-width:100px){.service-area .services .write span{font-size:14px;padding-top:10px;}}.service-area .services.active::before{opacity:1;}.service-area .services.active .watermark{opacity:1;-webkit-text-stroke:1px #fff;}.serviceSwiper{overflow:hidden;padding-bottom:190px !important;margin-bottom:-100px !important;scrollbar-width:none;}@media (max-width:990px) and (min-width:100px){.serviceSwiper{padding-bottom:160px !important;margin-bottom:-85px !important;}}.serviceSwiper::-webkit-scrollbar{display:none;}.serviceSwiper .swiper-button-next,.serviceSwiper .swiper-button-prev{width:40px;height:50px;background-image:none;top:-70%;}@media (max-width:990px) and (min-width:100px){.serviceSwiper .swiper-button-next,.serviceSwiper .swiper-button-prev{top:35%;}}.serviceSwiper .swiper-button-next::after,.serviceSwiper .swiper-button-prev::after{display:none;}.serviceSwiper .swiper-button-next svg,.serviceSwiper .swiper-button-prev svg{width:100%;height:auto;display:block;}.serviceSwiper .swiper-button-disabled{opacity:0.3 !important;cursor:auto !important;}.serviceSwiper .swiper-button-next{right:-5%;}@media (max-width:990px) and (min-width:100px){.serviceSwiper .swiper-button-next{right:0%;}}.serviceSwiper .swiper-button-prev{left:-5%;}@media (max-width:990px) and (min-width:100px){.serviceSwiper .swiper-button-prev{left:0%;}}.serviceSwiper .swiper-button-disabled{opacity:0.3;cursor:auto;}.serviceSwiper .watermark{position:absolute;top:50%;left:50%;width:95%;transform:translate(-50%, -50%);margin-left:0;font-size:30px;font-weight:900;text-transform:uppercase;white-space:wrap;color:transparent;-webkit-text-stroke:1px rgba(255, 255, 255, 0.6);white-space:normal;overflow-wrap:break-word;word-break:break-word;text-align:center;line-height:1.1;pointer-events:none;opacity:0;transition:opacity 0.3s ease;z-index:15;}.serviceSwiper .swiper-wrapper{align-items:stretch;}.service-detail-area{float:left;width:100%;position:relative;margin-bottom:35px;margin-top:-35px;}@media (max-width:990px) and (min-width:100px){.service-detail-area{height:auto;margin:0;margin-top:10px;}}.service-detail-area .service-detail-box{float:left;width:100%;position:relative;margin-top:85px;}@media (max-width:990px) and (min-width:100px){.service-detail-area .service-detail-box{margin:0;}}.service-detail-area .service-detail-box picture{float:right;width:100%;height:522px;overflow:hidden;border-radius:4px;position:relative;}@media (max-width:990px) and (min-width:100px){.service-detail-area .service-detail-box picture{margin:0;height:360px;}}.service-detail-area .service-detail-box picture img{float:left;width:100%;height:100%;object-fit:cover;border-radius:4px;}.service-detail-area .service-detail-box b{float:left;width:50%;font-size:36px;line-height:normal;font-weight:bold;color:#254695;}@media (max-width:990px) and (min-width:100px){.service-detail-area .service-detail-box b{width:100%;font-size:22px;padding-bottom:15px;line-height:normal;}}.service-detail-area .service-detail-box a{position:absolute;bottom:10%;left:5%;font-weight:bold;font-size:34px;line-height:42px;text-align:left;color:#fff;}.projects-section{float:left;width:100%;}.projects-section .item-wrapper{position:relative;}.projects-section .item-wrapper .item{display:block;width:100%;height:460px;position:relative;border-radius:5px;overflow:hidden;}.projects-section .item-wrapper .item::before{content:'';position:absolute;inset:0;background-color:rgba(0, 60, 128, 0.80);mix-blend-mode:multiply;z-index:10;transition:0.3s ease-in-out;}.projects-section .item-wrapper .item picture,.projects-section .item-wrapper .item img{width:100%;height:100%;object-fit:cover;transition:0.5s ease-in-out;}.projects-section .item-wrapper .item picture{overflow:hidden;}.projects-section .item-wrapper .item b{position:absolute;bottom:30px;left:10%;width:80%;font-weight:600;font-size:20px;line-height:1.2;color:#fff;padding-bottom:15px;border-bottom:3px solid white;z-index:11;pointer-events:none;}.projects-section .item-wrapper .item p{position:absolute;top:30px;left:30px;padding:10px 20px;background-color:#fff;border-radius:35px;color:#333841;font-size:18px;font-weight:normal;text-transform:capitalize;z-index:20;}.projects-section .item-wrapper .item:hover::before{background-color:rgba(227, 30, 37, 0.75);mix-blend-mode:normal;}.projects-section .item-wrapper .item:hover img{transform:scale(1.08);}.projects-section .item-wrapper .project-dates{display:flex;align-items:center;justify-content:center;margin-top:20px;}.projects-section .item-wrapper .project-dates p{font-size:16px;color:#3d3c3a;margin:0;text-transform:capitalize;}.projects-section .item-wrapper .project-dates img{width:60px !important;margin:0 15px;border-bottom:1px solid #333;padding-bottom:3px;}.pro-carousel{display:block;width:100%;clear:both;}.pro-carousel .owl-stage-outer{overflow:visible;}.pro-carousel .item-wrapper{position:relative;padding:10px;}.pro-carousel .item-wrapper .item{display:block;height:460px;position:relative;z-index:1;}.contact-area{position:absolute;z-index:2;bottom:-70px;left:calc(50% - 455.5px);/*
.sub-page-current-area {
float: left;
width: 100%;
position: relative;
margin-bottom: 50px;
@media (max-width: #{$w1300}) and (min-width: #{100px}) {
margin-bottom: 0px;
}
a {
float: left;
width: 32%;
background-color: #fff;
-webkit-box-shadow: 0px 0px 36px -27px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 36px -27px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 36px -27px rgba(0, 0, 0, 0.75);
border-radius: 20px;
margin-top: 127px;
padding: 0px 15px;
margin-right: 2%;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
width: 100%;
margin-right: 0px;
padding: 0px 15px 10px 15px;
}
&:nth-child(3n + 0) {
margin-right: 0px;
}
picture {
float: left;
width: 100%;
height: 210px;
margin-top: -104px;
img {
float: left;
width: 100%;
height: 100%;
border-radius: 7px 10px 10px 10px;
object-fit: cover;
}
}
.title {
float: left;
width: 100%;
height: 56px;
font-size: 24px;
font-weight: 500;
color: #318432;
margin-top: 17px;
margin-bottom: 14px;
line-height: normal;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
height: auto;
}
}
.location {
float: left;
width: 100%;
height: 20px;
font-size: 16px;
font-weight: 400;
color: #1ebd39;
display: flex;
align-items: center;
margin-bottom: 10px;
svg {
float: left;
width: 14px !important;
margin-right: 10px;
}
}
.description {
float: left;
width: 100%;
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #798879 !important;
height: 92px;
overflow: hidden;
}
.current-project-info {
float: left;
width: 100%;
background-color: #edf6ed;
border-radius: 7px 10px 10px 10px;
margin-top: 20px;
padding: 17px 17px;
margin-bottom: 15px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
div {
float: left;
width: 49%;
b {
float: left;
width: 100%;
font-size: 14px;
font-weight: 400;
color: #235e23;
line-height: 28px;
border-bottom: 1px solid #e0d6d6;
margin-bottom: 6px;
}
span {
float: left;
width: 100%;
font-size: 23px;
font-weight: 400;
text-align: left;
color: #235e23;
line-height: normal;
border-top-right-radius: 10px;
}
}
}
}
}
*/}@media (max-width:990px) and (min-width:100px){.contact-area{float:left;left:0;bottom:0;position:relative;margin-top:-80px;width:90%;margin-left:calc(50% - 45%);}}.contact-area a{float:left;width:443px;height:179px;border-radius:15px;background:#fff;box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);padding:25px 35px;}@media (max-width:990px) and (min-width:100px){.contact-area a{width:100%;}}.contact-area a:last-child{margin-left:25px;background:#38aa3d;}@media (max-width:990px) and (min-width:100px){.contact-area a:last-child{margin-left:0px;margin-top:15px;}}.contact-area a:last-child span{color:#fff;}.contact-area a:last-child span svg{fill:#fff;}.contact-area a:last-child div{color:#fff;}.contact-area a:last-child p{color:#fff;}.contact-area a span{float:left;width:100%;font-weight:normal;font-size:24px;line-height:32px;text-align:left;color:#373640;display:flex;align-items:center;}@media (max-width:990px) and (min-width:100px){.contact-area a span{font-size:16px;}}.contact-area a span svg{float:left;fill:#373640;margin-right:10px;}.contact-area a div{float:left;width:100%;font-weight:bold;font-size:34px;line-height:32px;text-align:left;color:#373640;margin:10px 0px;}@media (max-width:990px) and (min-width:100px){.contact-area a div{font-size:18px;}}.contact-area a p{float:left;width:100%;font-weight:normal;font-size:18px;line-height:24px;text-align:left;color:#373640;}@media (max-width:990px) and (min-width:100px){.contact-area a p{font-size:16px;}}.other-images-area{float:left;width:100%;margin:15px 0px;}.other-images-area a{float:left;width:24%;height:200px;margin-right:1.33%;margin-bottom:1.33%;}@media (max-width:990px) and (min-width:100px){.other-images-area a{height:100px;width:49%;}.other-images-area a:nth-child(2n + 0){margin-right:0px;}}.other-images-area a:nth-child(4n + 0){margin-right:0px;}.other-images-area a img{float:left;width:100%;height:100%;object-fit:cover;border-radius:10px;}footer{float:left;width:100%;margin-top:100px;position:relative;background-color:#003999;z-index:1;}@media (max-width:990px) and (min-width:100px){footer{margin-top:50px;height:auto;}}@media (max-width:1600px) and (min-width:1300px){footer .ortala{padding:0px 20px;}}footer picture{position:absolute;top:0;left:0;width:100%;height:calc(100% - 90px);overflow:hidden;z-index:-2;opacity:0.1;pointer-events:none;}footer picture img{float:left;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;}footer .footer-first-area{float:left;width:100%;height:auto;position:relative;z-index:5;}@media (max-width:990px) and (min-width:100px){footer .footer-first-area{height:85px;}}footer .footer-first-area .quote{float:left;width:100%;font-weight:normal;font-style:italic;font-size:58px;line-height:72px;text-align:center;color:#fff;padding-top:100px;}@media (max-width:990px) and (min-width:100px){footer .footer-first-area .quote{font-size:30px;padding-top:15px;}}footer .footer-first-area .flex{float:left;width:100%;height:137px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;}footer .footer-first-area .flex .social-media{float:right;display:flex;position:relative;z-index:2;align-items:center;}@media (max-width:990px) and (min-width:100px){footer .footer-first-area .flex .social-media svg{height:25px !important;}}footer .footer-first-area .flex .social-media a{margin-left:20px;}@media (max-width:990px) and (min-width:100px){footer .footer-first-area .flex .social-media a{margin-left:10px;}}footer .footer-first-area .flex .social-media a svg{height:35px !important;}@media (max-width:990px) and (min-width:100px){footer .footer-first-area .flex .social-media a svg{height:30px !important;}}footer .footer-first-area .flex .line{float:left;width:100%;height:1px;background:rgba(255, 255, 255, 0.26);}footer .footer{float:left;width:100%;padding-top:3px;padding-bottom:30px;}@media (max-width:990px) and (min-width:100px){footer .footer{height:auto;padding-top:45px;padding-bottom:40px;}}footer .footer .left{float:left;width:60%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}@media (max-width:990px) and (min-width:100px){footer .footer .left{width:100%;flex-direction:column;align-items:flex-start;margin-top:150px;}}footer .footer .left .links{float:left;width:35%;display:flex;flex-wrap:wrap;flex-direction:column;}@media (max-width:990px) and (min-width:100px){footer .footer .left .links{width:90%;height:auto;display:block;}}footer .footer .left .links:first-child li:first-child a{color:rgba(255, 255, 255, 0.43);}footer .footer .left .links:first-child li:last-child{margin-bottom:0px;}footer .footer .left .links:last-child{float:right;}@media (max-width:990px) and (min-width:100px){footer .footer .left .links:last-child{float:left;margin-top:20px;}}footer .footer .left .links:last-child li{margin-bottom:0px;}footer .footer .left .links:last-child li a{flex-direction:row-reverse;font-weight:500;font-size:18px;line-height:42px;}@media (max-width:990px) and (min-width:100px){footer .footer .left .links:last-child li a{flex-direction:row;}}footer .footer .left .links li{float:left;width:100%;margin-bottom:15px;}footer .footer .left .links li a{float:left;width:100%;display:flex;align-items:center;font-weight:normal;font-size:18px;line-height:32px;text-align:left;color:#fff;}footer .footer .left .links li a svg{float:left;margin-right:10px;}footer .footer .left .footer-logo{width:220px;height:220px;filter:brightness(0) invert(1);}@media (max-width:990px) and (min-width:100px){footer .footer .left .footer-logo{width:135px;height:135px;}}footer .footer .left .footer-logo img{float:left;width:100%;object-fit:cover;}footer .footer .right{float:left;width:40%;}footer .footer .right ul{float:right;width:50%;margin-right:30%;}footer .footer .right ul li{float:left;width:100%;text-align:right;}footer .footer .right ul li a{font-weight:normal;font-size:18px;line-height:42px;color:#fff;/*
&:first-child {
a {
font-weight: bold;
}
}
*/}footer .footer-down-bar{float:left;width:100%;background-color:#e41f25;}@media (max-width:990px) and (min-width:100px){footer .footer-down-bar{height:auto;}}footer .footer-down-bar b{float:left;font-weight:normal;font-size:16px;text-align:left;color:#fff;margin:37px 0px;}@media (max-width:990px) and (min-width:100px){footer .footer-down-bar b{text-align:center;margin:20px 0px;width:100%;}}footer .footer-down-bar img{float:right;margin:26px 0px;filter:brightness(50);}@media (max-width:990px) and (min-width:100px){footer .footer-down-bar img{margin:10px calc(50% - 50px) 10px 0px;}}.subpage-title-area{float:left;width:100%;height:144px;background:linear-gradient(135deg, #003c80 0%, #1757aa 100%);}@media (max-width:990px) and (min-width:100px){.subpage-title-area{height:70px;}}.subpage-title-area h1{float:left;width:100%;height:144px;text-align:left;font-size:44px;color:#fff;font-weight:bold;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;justify-content:center;flex-direction:column;display:flex;}@media (max-width:990px) and (min-width:100px){.subpage-title-area h1{font-size:18px;height:70px;-webkit-line-clamp:2;}}.subpage-title-area p{float:left;width:100%;color:white;position:relative;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.header-bg-img{float:left;width:100%;height:500px;position:relative;}@media (max-width:990px) and (min-width:100px){.header-bg-img{height:200px;}}.header-bg-img picture{float:left;width:100%;height:100%;background-color:#1b4c8b;}.header-bg-img picture img{float:left;width:100%;height:100%;mix-blend-mode:hard-light;object-fit:cover;}.header-bg-img h1{position:absolute;left:0;z-index:10;top:0;width:100%;height:100%;text-align:center;font-size:44px;color:#fff;font-weight:bold;line-height:normal;text-transform:uppercase;display:flex;align-items:center;justify-content:center;}@media (max-width:990px) and (min-width:100px){.header-bg-img h1{font-size:26px;}}.breadcoump-area{float:left;width:100%;height:66px;background:#f2f3f5;/* Firefox */}.breadcoump-area ul{float:left;width:100%;height:66px;display:flex;}@media (max-width:990px) and (min-width:100px){.breadcoump-area ul{width:100%;padding:0px 10px;margin-left:0px;}}.breadcoump-area ul li{float:left;margin-right:20px;display:flex;align-items:center;}@media (max-width:990px) and (min-width:100px){.breadcoump-area ul li{margin-right:10px;}}.breadcoump-area ul li::after{content:"";border:solid black;border-width:0 1px 1px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}.breadcoump-area ul li:last-child::after{content:"";border:none;border-width:0;}.breadcoump-area ul li a{float:left;font-weight:500;font-size:16px;text-align:left;color:#333841;text-transform:uppercase;}@media (max-width:990px) and (min-width:100px){.breadcoump-area ul li a{font-size:10px;}}*{scrollbar-width:thin;scrollbar-color:#332b65 #dfe9eb;/* Chrome, Edge and Safari */}*::-webkit-scrollbar{width:10px;width:10px;}*::-webkit-scrollbar-track{border-radius:5px;background-color:#dfe9eb;}*::-webkit-scrollbar-track:hover{background-color:#b8c0c2;}*::-webkit-scrollbar-track:active{background-color:#b8c0c2;}*::-webkit-scrollbar-thumb{border-radius:5px;background-color:#332b65;}*::-webkit-scrollbar-thumb:hover{background-color:#332b65;}*::-webkit-scrollbar-thumb:active{background-color:#332b65;}.mb-10{margin-bottom:10% !important;}.govde{float:left;width:100%;font-weight:normal;font-size:18px;line-height:32px;text-align:left;margin-bottom:0;color:#36302f;padding:20px 0px;}@media (max-width:1300px) and (min-width:100px){.govde{margin-bottom:0px;padding:20px 0px 0px 0px;}}.govde .detail-write{width:100%;font-size:16px;font-weight:400;line-height:26px;color:#3e3e3e;margin-bottom:50px;}@media (max-width:1600px) and (min-width:990px){.govde .detail-write{margin-bottom:20px;}}@media (max-width:990px) and (min-width:100px){.govde .detail-write{float:left;margin-bottom:20px;}}.govde .detail-write strong,.govde .detail-write h2{font-weight:bold;}.govde .detail-write ul{list-style:disc;}.govde .detail-write iframe{width:100% !important;}.govde .detail-write ol,.govde .detail-write ul{list-style:revert !important;}.govde .detail-image{width:50%;margin-bottom:40px;}@media (max-width:990px) and (min-width:100px){.govde .detail-image{height:250px;margin-right:0px;width:100%;float:left;}}.govde .detail-image img{float:left;width:100%;height:500px;object-fit:cover;border-radius:10px;margin-right:30px;}@media (max-width:990px) and (min-width:100px){.govde .detail-image img{height:250px;}}.govde .At45Rx{float:left;width:100%;}.govde .At45Rx a{float:left;width:23.5%;height:250px;margin-right:2%;margin-bottom:2%;}@media (max-width:990px) and (min-width:100px){.govde .At45Rx a{width:49%;}.govde .At45Rx a:nth-child(2n + 0){margin-right:0px;}}.govde .At45Rx a img{float:left;width:100%;height:100%;border-radius:5px;object-fit:cover;}.govde .At45Rx a:nth-child(4n + 0){margin-right:0px;}@media (max-width:990px) and (min-width:100px){.govde .At45Rx a:nth-child(4n + 0){margin-right:2%;}}.govde .ktg{float:left;width:32%;margin-right:2%;position:relative;}.govde .ktg:last-child{margin-right:0;}.govde .ktg picture{width:423px;height:390px;}.govde .ktg picture img{float:left;width:100%;object-fit:cover;}.govde .ktg b{position:absolute;bottom:20px;left:0;width:100%;font-size:22px;font-weight:bold;color:white;text-align:center;}.iletisimalani{float:right;width:48%;}@media (max-width:990px) and (min-width:100px){.iletisimalani{width:100%;}}.iletisimalani .iletisiminput{float:left;width:100%;}.iletisimalani .iletisiminput:nth-child(4){width:49%;float:right;}.iletisimalani .iletisiminput:nth-child(3){width:49%;}.iletisimalani .iletisiminput label{float:left;width:100%;font-size:16px;font-weight:500;color:#606060;margin-top:15px;}.iletisimalani .iletisiminput input{float:left;font-weight:normal;font-size:16px;line-height:32px;text-align:left;color:#373640;width:100%;height:40px;border-radius:10px;background:#fff;border:1px solid #e4e4e4;box-shadow:0px 3px 6px rgba(138, 138, 138, 0.07);padding:10px;}.iletisimalani .iletisiminput #cv{float:left;height:55px;position:relative;padding-left:125px;transition:background 0.15s ease;cursor:pointer;}.iletisimalani .iletisiminput #cv:hover{background-color:#ebebeb;}.iletisimalani .iletisiminput #cv:hover::file-selector-button{/* daha koyu mavi */background:#1e40af;}.iletisimalani .iletisiminput #cv::file-selector-button{background:#2563eb;color:#fff;height:55px;width:100px;border:none;border-top-right-radius:0;border-bottom-right-radius:0;cursor:pointer;font-weight:600;transition:background 0.15s ease;left:0;top:0;position:absolute;}.iletisimalani .iletisiminput select{float:left;font-weight:normal;font-size:16px;line-height:32px;text-align:left;color:#373640;width:100%;height:58px;border-radius:10px;background:#fff;border:1px solid #e4e4e4;box-shadow:0px 3px 6px rgba(138, 138, 138, 0.07);padding:10px;background-position:95% center;background-repeat:no-repeat;margin-bottom:12px;}.iletisimalani .iletisiminput textarea{float:left;width:100%;border-radius:10px;background:#fff;border:1px solid #e4e4e4;box-shadow:0px 3px 6px rgba(138, 138, 138, 0.07);height:60px;padding:10px;font-size:14px;font-weight:500;color:#606060;}.iletisimalani .iletisimbuton{float:right;margin-top:20px;}.iletisimalani .iletisimbuton .g-recaptcha{float:left;}.iletisimalani .iletisimbuton input{float:left;width:162px;height:57px;border-radius:10px;background:#1757aa;font-weight:500;font-size:16px;text-align:center;color:#fff;margin-left:20px;cursor:pointer;}@media (max-width:990px) and (min-width:100px){.iletisimalani .iletisimbuton input{margin-top:10px;margin-left:0px;}}.iletisimalani .iletisimbuton input:hover{background-color:#181842;}.harita{float:left;width:100%;margin-top:20px;}.detayicerik{float:left;/* border: 1px solid #dedede; *//* padding: 30px; */width:48%;color:#606060;line-height:36px;font-size:16px;}@media (max-width:990px) and (min-width:100px){.detayicerik{width:100%;}}.detayicerik h2{font-weight:bold;font-size:24px;margin-bottom:15px;}.detayicerik strong{font-weight:bold;}.projeslider{float:left;width:100%;/*
.video-area {
float: left;
width: 100%;
height: calc(100vh - 152px);
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
height: 394px;
}
&::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 247px;
background: linear-gradient(#fff 0%, rgba(128, 128, 128, 0) 100%);
}
&::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background: #f60;
mix-blend-mode: overlay;
z-index: 9;
}
iframe {
float: left;
width: 101%;
height: 150%;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
position: absolute;
top: 50%;
left: 50%;
width: 120%;
height: 120%;
transform: translate(-50%, -50%) scale(1.5);
pointer-events: none;
}
}
.write {
position: absolute;
top: calc(50% - 93px);
height: 186px;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
h1 {
float: left;
width: 100%;
font-weight: 800;
font-size: 60px;
line-height: 62px;
text-align: center;
color: #fff;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
font-size: 24px;
line-height: normal;
}
}
}
img {
position: absolute;
width: 100%;
height: 236px;
left: 0px;
bottom: 0;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
display: none;
}
}
.scroll-btn {
position: absolute;
left: 50%;
bottom: 18px;
transform: translateX(-50%);
z-index: 30;
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 999px;
border: none;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(4px);
cursor: pointer;
transition:
transform 0.18s ease,
background 0.18s ease;
color: #fff;
padding: 6px;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
display: none;
}
}
.scroll-btn:hover {
transform: translateX(-50%) translateY(-4px) scale(1.03);
background: rgba(255, 255, 255, 0.12);
}
.scroll-btn:focus {
outline: 3px solid rgba(255, 255, 255, 0.12);
outline-offset: 3px;
}
.scroll-btn svg {
display: block;
}
}
*/}.projeslider .swiper-container{width:100%;height:100%;}.projeslider a{float:left;width:100%;height:500px;}@media (max-width:990px) and (min-width:100px){.projeslider a{height:265px;}}.projeslider a img{float:left;width:100%;height:100%;object-fit:cover;}table{float:left;width:100%;border-collapse:collapse;margin:20px 0px;/*
.personel-listesi {
float: left;
width: 100%;
ul {
margin: 0;
padding: 0;
list-style: none;
>li {
padding: 12px 14px 12px 0px;
// background: #f2f2f2;
margin-bottom: 10px;
border-radius: 8px;
font-size: 16px;
b {
font-weight: 600;
}
>ul {
margin-top: 10px;
margin-left: 20px;
display: flex;
gap: 10px;
flex-wrap: wrap;
li {
display: flex;
align-items: center;
width: 24%;
gap: 12px;
background: #fff;
padding: 14px;
border-radius: 6px;
border: 1px solid #ddd;
margin-bottom: 8px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.26);
@media (max-width: #{$w990}) and (min-width: #{100px}) {
width: 100%;
}
img {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
}
b {
font-size: 15px;
font-weight: 500;
}
}
}
}
}
}
.achievment-area {
float: left;
width: 100%;
a {
float: left;
width: 32%;
margin-right: 2%;
&:last-child {
margin-right: 0;
}
svg {
float: left;
width: 50px;
height: 50px;
}
span {
float: left;
padding: 20px 10px;
font-size: 16px;
color: #fff;
}
}
}
.popup-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10000;
visibility: hidden;
opacity: 0;
transition:
visibility 0s,
opacity 0.3s ease-in-out;
&.active {
visibility: visible;
opacity: 1;
.popup-content {
transform: scale(1);
}
}
.popup-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
cursor: pointer;
}
.popup-content {
position: relative;
max-width: 800px;
max-height: 500px;
border-radius: 8px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
overflow: hidden;
z-index: 10001;
transform: scale(0.95);
transition: transform 0.3s ease-in-out;
@media (max-width: #{$w990}) and (min-width: #{100px}) {
max-height: 75vh;
width: 90%;
margin: 0 5%;
picture {
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
}
.popup-close-btn {
position: absolute;
top: 15px;
right: 15px;
background: #fff;
color: #333;
border: none;
border-radius: 50%;
width: 35px;
height: 35px;
font-size: 24px;
cursor: pointer;
line-height: 1;
text-align: center;
z-index: 10002;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
&:hover {
background-color: #eee;
color: #000;
}
}
.popup-image {
display: block;
max-width: 100%;
height: auto;
}
}
.no-scroll {
overflow: hidden !important;
position: fixed;
width: 100%;
height: 100%;
}
*/}table th,table td{border:1px solid #ddd;padding:8px;vertical-align:middle;text-align:center;}table th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#ea8e2e;color:white;}table tr:hover{background-color:#ddd;}table tr td{font-weight:bold;background-color:#f4f4f4;}@media (max-width:600px){table th,table td{padding:5px;font-size:12px;}}