*,
*::before,
*::after 
{
	box-sizing: border-box;	
	outline: unset
}
body { margin: 0; padding: 0; font-family: 'Poppins', sans-serif;}
p, h1, h2, h3, h4, h5, h6, ul { margin: 0; padding: 0;}
a{ text-decoration: none;color:unset;}


.container {max-width: 1170px;width: 100%;padding: 0 15px;margin: 0 auto;}

#header{position: absolute;top: 0;left: 0;right: 0;border: 0;z-index: 9;background: rgba(2, 2, 2, 0.51);}
#header nav{height: unset !important;background-color: #fff;box-shadow: none;position: relative;}
#header nav .brand-logo{padding: 22px 0;}
#header nav .brand-logo img { width: 100% }
#header nav ul a {margin: 15px 0}
#header nav ul a {color: #ffffff;padding: 0 20px !important;position: relative;text-transform: uppercase;font-weight: 500;}
#header nav ul li a:hover {background-color: unset !important;color: #c7c7c7;}
#header nav ul a::before {content: '';display: block;height: 2px;background: #ecc92d;position: absolute;bottom: 10px;left: 0;right: 0;transform: scale(0,1);transform-origin: center;transition: transform ease-in-out 250ms;}
#header nav ul a:hover::before {transform: scale(1,1);}
#header nav .sidenav {z-index: 100;}
#header nav .sidenav-trigger {float: right;color: #f0ce31;}
#header .sidenav {width: 80%!important;}

/*Menu*/
#mFull {height: 100%;width: 0;position: fixed;z-index: 999;top: 0;right: 0;background-color: #000000db;overflow-x: hidden;transition: 0.5s;font-family: 'Gotham Rounded', 'Times New Roman';}
#mFull .container {width: 100%;height: 100%;padding: 0;display: grid;grid-template-rows: 80px 1fr 100px;padding: 20px 40px;}
#mFull .container .header {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-bottom: 1px solid #f7d439;}
#mFull .container .header img {max-height: 65px;}
#mFull .container .content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: flex-start;flex-direction: column;border-bottom: 1px solid #f7d439;}
#mFull .container .info {/* position:relative; */display: flex;flex-direction: row;text-align: center;align-items: center;justify-content: center;padding: 1px 0;}
#mFull .container .info > div {margin-bottom: 20px;padding: 15px 12px;margin: 17px;}
#mFull .container .info::after {content:'';position:absolute;right:0;left: 0;top: 0;height: 1px;background: #d2d2d2;}
#mFull .container .info i {font-size: 32px;color: #ffffff;display: block;margin-bottom: 15px;}
#mFull .container .info a {font-size: 17px;display: block;line-height: 0.5;padding: 15px 0 0 0;color: #ffffff;}
#mFull .container .info .phone {position: relative;}
#mFull .container .info .phone a {font-size: 17px;}
#mFull .container .info > div::before {content: '';position: absolute;top: 57px;left: 50%;width: 25px;height: 2px;background: #f7d439;transform: translateX(-50%);}
#mFull .container .info .mail { position: relative; }
#mFull .closebtn {font-size: 38px;color: #f7d439;text-align: right;width: 100%;max-width: 100px;}
#mFull .container .content ul{flex: 1;list-style-type:none;margin: 0;padding: 15px 30px 30px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
#mFull .container .content ul li{position:relative;padding: 12px 0;text-align: left;}
#mFull .container .content ul li.nopadding{padding: 0;}
#mFull .container .content ul li::before{position:absolute;content:'';width: 45px;height: 2px;bottom:0;left: 0;background-color: #f7d439;transition: .4s all;/* transform: translateX(-50%); */}
#mFull .container .content ul li a{text-decoration:none;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-size: 19px;font-weight: 700;color: #ededed;}
#mFull .container .content ul li a:hover{color: #6f6f6f;}
#mFull .container .content ul li:hover::before{width: 90px;}
#mFull .footerNav{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding: 20px 0;border-top: 1px solid #f7d439;}
#mFull .footerNav-social{display:flex}
#mFull .footerNav-social span{color: #ffffff;font-weight: 500;font-size: 13px;}
#mFull .flags img{width: 42px;height: 22px;object-fit:  cover;margin: 0 5px;opacity: 0.7;}
#mFull .flags img:hover{opacity: 1; filter: brightness(150%);}
#mFull .flags img.aktif {opacity: 1;filter: brightness(150%);}
#mFull .footerNav-social a{margin-left:5px}
#mFull .footerNav-social a:first-child{margin-left:0}
#mFull .footerNav-social img{width: 62px;height: 16px;}
#mFull .footerNav-inviva{display:flex}
#mFull .footerNav-inviva img{width:62px;height:16px}
#mFull .dropdownMenu {position: relative;display: none;}
#mFull .dropdownMenu .levelTwo{padding: 10px 15px;border-top: 1px solid #f5f5f5;font-weight: 500;}
#mFull .dropdownMenu .levelThree{padding: 10px 0px; border-top: 1px solid #f5f5f5}
#mFull .dropdownMenu .levelFour{padding: 10px 0px; border-top: 1px solid #f5f5f5}
#mFull .dropdownMenu i{float:right;font-size:12px;margin-right:0;line-height:15px!important}
#mFull .container .content ul li ul a{padding: 12px 0px;text-align: left;font-size: 18px;}
#mFull .container .content ul li ul {padding: 0px 15px;}
#mFull .social{margin: 0;padding: 15px 0;font-size: 15px;/* position: relative; */display: flex;align-items: center;justify-content: center;}
#mFull .face{color:#395b9f;font-size: 40px;margin-right: 5px;}
#mFull .twitter{color:#2ca7df;font-size: 40px;margin-right: 5px;}
#mFull .insta{width: 35px;height: 35px;background: #527ea2;display: flex;align-items: center;justify-content: center;border-radius: 4px;}
#mFull .insta i{font-size: 20px;color:#fff;}

/*Slider*/
.k #slider {height: 200px;}
.k #slider .swiper-container img {width: 100%; height: 100%; object-fit: cover;object-position: bottom; }
#slider {width: 100%;height: 90vh;overflow: hidden;}
#slider .swiper-container {width: 100%; height: 100%; }
#slider .swiper-container .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
#slider .swiper-pagination-bullet {width: 15px; height: 15px; border: 1px solid #fff;  background: transparent; opacity: 1; margin: 0 5px; }
#slider .swiper-pagination-bullet-active {background-color: #eac72a!important;}
#slider .swiper-button-next {background: url(../images/rightArrow.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 55px; right: 3%; }
#slider .swiper-button-prev {background: url(../images/leftArrow.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 55px; left: 3%; }
#slider .container .sliderText{position: absolute;width: 575px;bottom: 10%;color: #fff;}
#slider .container .sliderText p, h1{ margin: 0;  padding: 0; }
#slider .container .sliderText p{font-size: 32px;}
#slider .container .sliderText h1{font-size: 19px;}

/*Unified*/
#unified{background: #fff;padding: 25px 0 25px;}
#unified .container {display: -ms-grid;display: grid;-ms-grid-columns: repeat(auto-fit, minmax(48%, 1fr));grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));grid-gap: 0 25px;}
#unified .container .unified-left{}
#unified .container .unified-left h1 {font-size: 50px;letter-spacing: -0.050em;line-height: 0.9;color: #555;margin-bottom: 20px;}
#unified .container .unified-left p  {font-size: 15px;}
#unified .container .unified-right{ border: 1px dashed #9d9d9d;}
#unified .container .unified-right .swiper-container {width: 100%;height: 325px;}
#unified .container .unified-right .swiper-wrapper {position: relative;}
#unified .container .unified-right .swiper-wrapper img {width: 100%;height: 100%;object-fit: contain;}
#unified .container .unified-right .swiper-wrapper .sliderText {position: absolute;background: #ffffffad;height: auto;width: 60%;padding: 15px;top: 50px;left: 0;}
#unified .container .unified-right .swiper-wrapper .sliderText .content {position: relative;text-align: left;border-left: 1px solid #fff;border-right: unset;padding: 0 0px 0 20px;margin: auto 0 auto 75px;}
#unified .container .unified-right .swiper-wrapper .sliderText .content h3 {font-size: 25px;}
#unified .container .unified-right .swiper-wrapper .sliderText .content p {font-size: 14px;}

#unified .container .unified-right.backup .swiper-wrapper .sliderText {position: absolute;background: #ffb500;height: unset;width: 100%;padding: 15px;left: 0;right: 0;bottom: 0;top: unset;border-top: 3px solid #000;}
#unified .container .unified-right.backup .swiper-wrapper .sliderText .content {position: relative;text-align: left;border-left: unset;border-right: unset;padding: 0x;margin: 0;}

#unified .container .unified-right .swiper-container .swiper-button-next {background-image: unset;position: relative;top: -80%;width: 100%;height: 20px;margin: 0;right: 0;text-align: left;left: 50px;}
#unified .container .unified-right .swiper-container .swiper-button-prev {background-image: unset;position: relative;top: -85%;width: 100%;height: 20px;margin: 0;right: 0;text-align: left;left: 20px;}


/*Service*/
#service{background: #ffd400 !important;padding: 1px 0 30px;}  
#service .container h2 {font-size: 47px;font-weight: 400;margin-bottom: 12px;color: #fff;}

#service .container .content  {display: -ms-grid;/* display: grid; */-ms-grid-columns: repeat(auto-fit, minmax(48%, 1fr));grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));grid-gap: 0 25px;margin: 30px 0 0 0;display: flex;}
#service .container .content .service-left{display: flex;padding: 0 35px;align-items: center;justify-content: center;}
#service .container .content .service-left img{}
#service .container .content .service-left .swiper-container {width: 100%;height: 300px;}
#service .container .content .service-left .swiper-wrapper img {width: 100%;height: 100%;object-fit: cover;}
#service .container .content .service-right {display: -ms-grid;display: flex;flex-wrap: wrap;align-items: center;grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));grid-gap: 20px 20px;}
#service .container .content .service-right .container{display: flex; flex-wrap: wrap;align-items: center;}
#service .container .content .service-right .feature-wrap {overflow: hidden;padding: 3px 0 0 0;display: flex;flex: 1 0 50%;align-items: center;justify-content: flex-start;}
#service .container .content .service-right .feature-wrap i {font-size: 38px;height: 80px;width: 80px;text-align: center;padding: 18px 0;margin: 0 15px 0 0;background: #ffd400;color: #6a6a6a;border: 3px solid #ffd400;box-shadow: inset 0 0 0 5px #ffd400;-webkit-box-shadow: inset 0 0 0 5px #6a6a6a;-webkit-transition: 500ms;-moz-transition: 500ms;-o-transition: 500ms;transition: 500ms;float: left;}
#service .container .content .service-right .feature-wrap h2 {font-size: 23px;padding: 13px 0;color: #3b3b3b;}
#service .container .content .service-right .feature-wrap:hover i{border-radius: 100%;background: #ffd400;color: #fff;border: 3px solid #ffffff;transition-property: all;transition-duration: 1.5s;transition-timing-function: ease;}
#service .container .content .service-right .feature-wrap h3 {font-size: 16px;color: #787878;font-weight: 400;line-height: 24px;margin-top: 5px;}

/*News*/
#news{background: #ffff;padding: 60px 0 0 0;}  
#news .container .center h2 {font-size: 47px;font-weight: 400;margin-bottom: 12px;}
#news .container .center p {font-size: 18px;line-height: 24px;font-weight: 300;}
#news .container .content  {display: -ms-grid;display: grid;-ms-grid-columns: repeat(auto-fit, minmax(30%, 1fr));grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));grid-gap: 0 25px;margin: 5px 0 0 25px;}
#news .container .content .inner-content{padding: 20px;border: 1px solid #f1f1f1;overflow: visible;margin-bottom: 40px;color: #989898;font-size: 13px;}
#news .container .content .inner-content .news-image{border-radius: 10px;height: 200px;overflow: hidden;margin: -50px 0 10px 0;position: relative;z-index: 1;}
#news .container .content .inner-content .news-image img{-moz-transition: transform .2s ease;-webkit-transition: transform .2s ease;-ms-transition: transform .2s ease;-o-transition: transform .2s ease;transition: transform .2s ease;width: 100%;height: 100%;object-fit: cover;}
#news .container .content .inner-content:hover .news-image img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#news .container .content .inner-content .news-desc{position: relative;height: 120px;}
#news .container .content .inner-content .news-desc time {display: block;color: #787878;margin: 0 3px;}
#news .container .content .inner-content .news-desc h4 a {margin: 12px 3px;color: #4c4a4a;font-size: 20px;}
#news .container .content .inner-content .news-desc h4 a:hover {color: #5d0005;}
#news .container .content .inner-content .news-desc h3 a {position: absolute;bottom: 0;color: #4c4a4a;font-size: 16px;right: 3px;}
#news .container .content .inner-content .news-desc h3 a:hover {color: #5d0005;}
#news .container .content .inner-content .news-desc h3 a i{padding-left: 5px}

/*Referance*/
#referance {background: #efefef;padding: 40px 0;}
#referance .container {position: relative; padding: 0 40px; }
#referance .container .swiper-container {width: 100%;height: auto;}
#referance .container .swiper-container .swiper-slide {height: auto;margin:0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
#referance .container .swiper-container .swiper-slide .slide-box {max-width: 175px!important;height: 125px!important;position: relative;overflow: hidden;border-radius: 15px;overflow: hidden;}
#referance .container .swiper-container .swiper-slide .slide-box img { width: 100%; height: 100%; }
#referance .container .swiper-container .swiper-slide .slide-box .mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
#referance .container .swiper-container .swiper-slide .slide-box:hover .mask {background-color: rgba(0, 0, 0, 0.7);transition-property: all;transition-duration: .5s;transition-timing-function: ease;opacity: 1;visibility: visible;padding: 10px 10px;}
#referance .container .swiper-container .swiper-slide .slide-box .mask h3 a {font-size: 15px;color:#fff;position: absolute;bottom: 0px;text-align: center;}
#referance .container .swiper-button-prev {left: 5px;background-image: unset;text-align: left;}
#referance .container .swiper-button-next {right: 5px;background-image: unset;}
#referance .container .swiper-button-next i, #referance .container .swiper-button-prev i {color: #ffffff;font-size: 23px;}

/* shortcut*/
#shortcut{background: #fff;padding: 10px 0;}
#shortcut .container {display: -ms-grid;display: grid;-ms-grid-columns: repeat(auto-fit, minmax(30%, 1fr));grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));grid-gap: 0px 35px;}
#shortcut .container .shortcut-box {display: flex;flex-direction: row;justify-content: center;border-radius: 10px;overflow: hidden;border: 1px solid #ddd;}
#shortcut .container .shortcut-box .shortcut-left{}
#shortcut .container .shortcut-box .shortcut-left i {font-size: 35px;height: 80px;width: 80px;margin: 3px;padding: 20px;text-align: center;background: #ffffff;color: #545454;border: 3px solid #ffffff;-moz-transition: 500ms;-o-transition: 500ms;transition: 500ms;border-radius: 100%;}
#shortcut .container .shortcut-box:hover {background: #545454b5;color: #fff;border: 1px solid #d93833;transition-property: all;transition-duration: 1s;transition-timing-function: ease;border-radius: 10px;}
#shortcut .container .shortcut-box .shortcut-right {display: flex;flex-direction: column;justify-content: center;}
#shortcut .container .shortcut-box .shortcut-right h3 {font-size: 25px;color: #696969;}
#shortcut .container .shortcut-box:hover .shortcut-right h3 {color:#fff;}


 /* footer*/
#footer{background-color: #000000;padding: 40px 0;}
#footer .container {position: relative;}
#footer .container .content {display: -ms-grid;display: grid;-ms-grid-columns: repeat(auto-fit, minmax(30%, 1fr));grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));}
#footer .container .content .footerLeft {max-width: 275px;display: flex;flex-direction: column;}
#footer .container .content .footerLeft .footerLogo {width: auto;height: 45px;}
#footer .container .content .footerLeft .footerAddress {color: rgba(255, 255, 255, 0.86);font-size: 14px;font-weight: 400;margin-top: 30px;line-height: 1;}
#footer .container .content .footerLeft .footerTel {color: #fff;font-size: 15px;font-weight: 700;margin: 10px 0;}
#footer .container .content .footerLeft .footerTel a {color: rgba(255, 255, 255, 0.86);}
#footer .container .content .footerLeft .footerMail {display: contents;color: rgba(255, 255, 255, 0.86);font-size: 14px;font-weight: 400;}
#footer .container .content .footerLeft .footerMail:hover {text-decoration: underline;}
#footer .container .content .footerMiddle{display: flex;flex-direction: row;align-items: flex-end;justify-content: center;}
#footer .container .content .footerMiddle .footer-menu{}
#footer .container .content .footerMiddle .footer-menu > div { display: flex;justify-content: center; align-items: center; }
#footer .container .content .footerMiddle .footer-menu .top { position: relative; }
#footer .container .content .footerMiddle .footer-menu .top::before {content: '';position: absolute;top: -15px;height: 2px;padding: 0 50px;background: #ffffff;}
#footer .container .content .footerMiddle .footer-menu .footermenu-item{font-size: 14px;color: rgba(255, 255, 255, 0.86);width: 105px;display: inline-block;text-align: center;line-height: 30px;}
#footer .container .content .footerMiddle a{color: #6a8dac;text-decoration: none;font-size: 14px;}
#footer .container .content .footerMiddle a:hover{text-decoration: underline;}
#footer .container .content .footerRight {display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;}
#footer .container .content .footerRight .footerSocial {display: flex;flex-direction: row;}
#footer .container .content .footerRight .footerSocial-item {font-size: 19px;color: rgba(255, 255, 255, 0.86);padding: 0 13px;border-right: 1px solid #d7d7d7;}
#footer .container .content .footerRight .footerSocial-item:hover {color: #a2a2a2;}
#footer .container .content .footerRight .footerSocial-item:first-child {border-left: 1px solid #d7d7d7;}
#footer .container .content .footerRight .footerText {position: relative;max-width: 285px;padding-top: 67px;text-align: right;color: rgba(255, 255, 255, 0.86);font-size: 14px;font-weight: 400;line-height: 1;}
#footer .container .footerInviva {display: flex;flex-direction: row-reverse;padding: 20px 0 10px 0;position: absolute;right: 10px;}

#kslider{position:relative;width:100%;height: 300px;z-index:1;}
#kslider .swiper-container{position:relative;width:100%;height:100%}
#kslider .swiper-container .swiper-slide{position:relative;width:100%;height:100%}
#kslider .swiper-container .swiper-slide::before{content:'';position:absolute;bottom:0;right:0;left:0;height: 300px;background:linear-gradient(transparent,rgba(0,0,0,0.78));z-index:2;}
#kslider .swiper-container img{width:100%;height:100%;object-fit:cover}
#kslider .mainSliderText{position:absolute;bottom:8px;max-width:1000px;width:100%;z-index:999;height:auto;max-height:200px;}
#kslider .mainSliderText h1{font-size:42px;color:#fff;text-shadow:1px 1px #000;margin:0}

/*Urun Liste*/
#pContent{padding: 20px 0;width: 100%;background: #595d60;}
#pContent .container{display: flex;flex-wrap: wrap;justify-content: center;}
#pContent .container .list{position:relative;width: 100%;height: 275px;overflow: hidden;margin: 10px;flex: 0 0 28%;}
#pContent .container .list:after,#pContent .container .list:before{position:absolute;content:""}
#pContent .container .list:before{width:80%;height:220%;background: #ffd400;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s;}
#pContent .container .list:hover:before{left: 55%;transform: rotate(47deg);top: -74%;width: 100%;}
#pContent .container .list:after{width:55%;height:175%;background-color: rgba(0, 0, 0, 0.6);top: -999%;left:53%;transform: rotate(-0deg);transform-origin:center bottom 0;transition:all .8s ease 0s;}
#pContent .container .list .box-content,#pContent .container .list .icon{width:100%;padding:0 20px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s}
#pContent .container .list:hover:after{top: -46%;}
#pContent .container .list img{width:100%;height: 100%;object-fit: cover;}
#pContent .container .list .box-content{top: 226px;color: #000;background: rgba(255, 255, 255, 0.75);height: 49px;display: flex;align-items: center;border: 1px dashed #ffd400;}
#pContent .container .list:hover .box-content{top:30px;background: unset;border: unset;color: #fff;width: 73%;}
#pContent .container .list .title{font-size: 16px;margin:0;}
#pContent .container .list:hover .title{font-size: 18px;margin:0;color: #3f3f3f;font-weight: 600;}
#pContent .container .list .icon li a,#pContent .container .list .post{display:inline-block;font-size:14px}
#pContent .container .list .post{margin-top:5px}
#pContent .container .list .icon{list-style:none;margin:0;bottom: -25%;}
#pContent .container .list:hover .icon{bottom:25px}
#pContent .container .list .icon li{display:inline-block;display: flex;justify-content: flex-end;}
#pContent .container .list .icon li a{width:35px;height:35px;line-height:35px;background:#444;border-radius:50%;margin: 0 3px;color:#fff;text-align:center;transition:all .5s ease 0s;display: flex;align-items: center;justify-content: center;}
#pContent .container .list .icon li a:hover{background: #323232;color: #ffd400;}

/*Proje Detay*/
#productContent{padding: 27px 0;background: #ffffff;}
#productContent .container{display: flex;flex-direction: row;position: relative;}
#productContent .container .left{float: none!important;width: 30%!important;}
#productContent .container .left .image{width: 100%;overflow: hidden;}
#productContent .container .right{width: 100%;padding: 0 4%;display: flex;border-right: unset;flex-direction: column;/* justify-content: center; */background: rgba(255, 255, 255, 0.58);z-index: 2;color: #000000;/* position: absolute; *//* bottom: 3%; *//* right: 3%; */}
#productContent .container .right h2{margin: 2% 0 5px;padding: 0;font-size: 20px;border-bottom: 1px solid #dddddd;font-weight: 400;}
#productContent .container .right p{margin: 0px;padding: 0;font-size: 15px;line-height: 1.7;}
#productContent .container .left .fotorama__thumb-border{border-color: #ffe248;background-color:rgba(0, 0, 0, 0.5);}
#productContent ul:not(.browser-default)>li{list-style-type: disc;margin-left: 3%;line-height: 1.7;margin-top: 1%;}

#multimedya{padding: 20px 0;background: #e8edf5;}
#multimedya .container{display: flex;align-items: center;justify-content: center;}
#multimedya .container  .fotorama__thumb-border{border-color: #a51919;background-color:rgba(0, 0, 0, 0.5) ;}

#campaignContent{padding: 27px 0;background: #ffffff;}
#campaignContent .container{display: flex;flex-direction: row;position: relative;}
#campaignContent .container .left{float: none!important;width: 100%!important;}
#campaignContent .container .left .image{width: 100%;height: 100%;}
#campaignContent .container .left .image img{width: 100%;height: 100%;object-fit: cover;}
#campaignContent .container .right{width: 100%;padding: 0 4%;display: flex;border-right: unset;flex-direction: column;/* justify-content: center; */background: rgba(255, 255, 255, 0.58);z-index: 2;color: #000000;/* position: absolute; *//* bottom: 3%; *//* right: 3%; */}
#campaignContent .container .right h2{margin: 2% 0 5px;padding: 0;font-size: 20px;border-bottom: 1px solid #dddddd;font-weight: 400;}
#campaignContent .container .right p{margin: 0px;padding: 0;font-size: 15px;line-height: 1.6;}
#campaignContent .container .left .fotorama__thumb-border{border-color: #ffe248;background-color:rgba(0, 0, 0, 0.5);}
#campaignContent ul:not(.browser-default)>li{list-style-type: disc;margin-left: 3%;}

#seeCampaign{margin: 30px 0;background: #ffffff;}
#seeCampaign .container .pageTitle h1{font-size: 24px;margin: 0 0 2%;}
#seeCampaign .container .pageTitle h1::after {content: '';width: 28%;height: 2px;display: block;margin: 1% 0 0;background:#ffe248;transition: all .8s;}
#seeCampaign .container .pageTitle:hover h1::after{width: 35%;}
#seeCampaign .container .list{display: flex;flex-wrap: wrap;}
#seeCampaign .container .list .single{display: flex;flex-direction: column;flex: 1 0 33%;width: 100%;margin-bottom: 1%;padding: 1%;}
#seeCampaign .container .list .single .image{width: 100%;height: 100%;}
#seeCampaign .container .list .single .image img{width: 100%;height: 100%;object-fit: cover;}
#seeCampaign .container .list .single:hover .title h1::before{width: 85%;}
#seeCampaign .container .list .single .title h1::before {content: '';width: 73%;height: 2px;display: block;margin: 2% auto 2% auto;background:#ffe248;transition: all .8s;}
#seeCampaign .container .list .single .title h1{margin: 0;padding: 1%;font-size: 20px;text-align: center;}

/*Haber Liste*/
#newsList {width: 100%;padding: 20px 0;}
#newsList .container{display: flex;flex-wrap: wrap;} 
#newsList .container .list{width: 100%;height: 240px;background:#5c3f2c;margin-top:20px;display: flex;border-left: 20px solid #fff;font-family:Raleway;flex: 1 0 48%;position: relative;} 
#newsList .container .list:before{content: '';position: absolute;left: 0px;bottom: 0px;z-index: -1;width: 0%;height: 8px;background: rgba(209, 180, 135, 0.6901960784313725);box-shadow: inset 0px 0px 0px #a5a3a3;display: block;transition: all 0.8s cubic-bezier(.5, .24, 0, 1);}
#newsList .container .list:after {content: '';position: absolute;right: 0px;top: 0px;z-index: -1;width: 0%;height: 8px;background: rgba(209, 180, 135, 0.6901960784313725);transition: all 0.8s cubic-bezier(.5, .24, 0, 1);}
#newsList .container .list:hover:after,#newsList .container .list:hover:before{width: 100%;z-index: 1;}
#newsList .container .list .newsLeft{flex-basis: 50%;}
#newsList .container .list .newsLeft img{width: 100%;height: 100%;object-fit: contain;}
#newsList .container .list .newsRight{flex:1;padding-right: 10px;display: flex;align-items: center;justify-content: center;border-left: 1px dashed #fff;}
#newsList .container .list .newsRight .text{max-width: 262px;text-align: center;}
#newsList .container .list .newsRight .text h1{font-size: 27px;color: #d1b488;margin: 40px 0 15px 0;font-weight: 400;text-transform: uppercase;}
#newsList .container .list .newsRight .text p{font-size: 35px;font-weight: 700;color: #fff;margin: 0 0 25px 0;padding: 0;text-transform: uppercase;}
#newsList .container .list .newsRight .text span{font-size: 15px;color: #d1b488;padding: 0;}
#newsList .container .list .newsRight .text .triangle{position: absolute;border-right: 15px solid #5c3f2c;border-top: 15px solid transparent;border-bottom: 15px solid transparent;left: -15px;top: 50%;transform: translateY(-50%);}

.center p{font-size:18px;padding-top: 10px;line-height: 1.7;}
.center p:last-child{padding-bottom: 10px;}

/*Haber Detay*/
#Newscontent {width: 100%;padding: 20px 0;}
#Newscontent .newsDetail .gallery-top .swiper-slide {width: 100%!important;}
#Newscontent .newsDetail {position: relative;display:grid;grid-template-columns:350px 1fr;grid-template-rows: 260px auto auto;grid-gap:0 20px;padding-top:40px;padding-bottom:40px;}
#Newscontent .newsDetail .swiper-container.gallery-top {position: relative;width: 100%;max-width: 800px;height: 100%;max-height: 450px;margin-top:20px;}
#Newscontent .newsDetail .swiper-container img {width: 100%;height: 100%;object-fit: cover;}
#Newscontent .newsDetail .gallery-thumbs {height: 20%;margin: 20px 10px 0 10px;cursor: pointer;}
#Newscontent .newsDetail .gallery-thumbs .swiper-slide {width: 20%;height: 100%;max-height:100px;opacity: 0.45;}
#Newscontent .newsDetail .gallery-thumbs .swiper-slide-active {	opacity: 1;}
#Newscontent img { max-width: 100%;grid-column:1 / 2;grid-row:1 / 2;width:100%;height:100%;object-fit:cover }
#Newscontent .newsText{grid-column:-1 / -2;grid-row:1 / -1}
#Newscontent .page-news-detail-footer{position:relative;display:flex;flex-direction:column;margin:20px 0;padding:10px 0;text-align:center;border-top: 1px solid #000;border-bottom: 1px solid #000;}
#Newscontent .page-news-detail-footer:before{position:absolute;content:'';width:100px;height:2px;top:-1px;left:0;background-color: #80cc28;}
#Newscontent .page-news-detail-footer:after{position:absolute;content:'';width:100px;height:2px;bottom:-1px;right:0;background-color: #80cc28;}
#Newscontent .newsDetail-footer-share-items a {width: 70px;height: 40px;position: relative;display: inline-block;color: #fff;}
#Newscontent .newsDetail-footer-share-items a:hover {opacity: .8;}
#Newscontent .newsDetail-footer-share-items i {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/*Belgeler Listeleme*/
.dacPageList{width: 100%;display:flex;flex-wrap:wrap;}
.dacPageList a{display: flex;flex: 0 0 30%;width: 100%;height: 350px;margin: 10px;border: 1px dashed #80cc28;padding: 10px;}
.dacPageList a img{width: 100%;height: 100%;object-fit: contain;}*,
*::before,
*::after 
{
	box-sizing: border-box;	
	outline: unset
}
body { margin: 0; padding: 0; font-family: 'Poppins', sans-serif;}
p, h1, h2, h3, h4, h5, h6, ul { margin: 0; padding: 0;}
a{ text-decoration: none;color:unset;}


.container {max-width: 1170px;width: 100%;padding: 0 15px;margin: 0 auto;}

#header{position: absolute;top: 0;left: 0;right: 0;border: 0;z-index: 9;background: rgba(2, 2, 2, 0.51);}
#header nav{height: unset !important;background-color: #fff;box-shadow: none;position: relative;}
#header nav .brand-logo{padding: 22px 0;}
#header nav .brand-logo img { width: 100% }
#header nav ul a {margin: 15px 0}
#header nav ul a {color: #ffffff;padding: 0 20px !important;position: relative;text-transform: uppercase;font-weight: 500;}
#header nav ul li a:hover {background-color: unset !important;color: #c7c7c7;}
#header nav ul a::before {content: '';display: block;height: 2px;background: #ecc92d;position: absolute;bottom: 10px;left: 0;right: 0;transform: scale(0,1);transform-origin: center;transition: transform ease-in-out 250ms;}
#header nav ul a:hover::before {transform: scale(1,1);}
#header nav .sidenav {z-index: 100;}
#header nav .sidenav-trigger {float: right;color: #f0ce31;}
#header .sidenav {width: 80%!important;}

/*Menu*/
#mFull {height: 100%;width: 0;position: fixed;z-index: 999;top: 0;right: 0;background-color: #000000db;overflow-x: hidden;transition: 0.5s;font-family: 'Gotham Rounded', 'Times New Roman';}
#mFull .container {width: 100%;height: 100%;padding: 0;display: grid;grid-template-rows: 80px 1fr 100px;padding: 20px 40px;}
#mFull .container .header {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-bottom: 1px solid #f7d439;}
#mFull .container .header img {max-height: 65px;}
#mFull .container .content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: flex-start;flex-direction: column;border-bottom: 1px solid #f7d439;}
#mFull .container .info {/* position:relative; */display: flex;flex-direction: row;text-align: center;align-items: center;justify-content: center;padding: 1px 0;}
#mFull .container .info > div {margin-bottom: 20px;padding: 15px 12px;margin: 17px;}
#mFull .container .info::after {content:'';position:absolute;right:0;left: 0;top: 0;height: 1px;background: #d2d2d2;}
#mFull .container .info i {font-size: 32px;color: #ffffff;display: block;margin-bottom: 15px;}
#mFull .container .info a {font-size: 17px;display: block;line-height: 0.5;padding: 15px 0 0 0;color: #ffffff;}
#mFull .container .info .phone {position: relative;}
#mFull .container .info .phone a {font-size: 17px;}
#mFull .container .info > div::before {content: '';position: absolute;top: 57px;left: 50%;width: 25px;height: 2px;background: #f7d439;transform: translateX(-50%);}
#mFull .container .info .mail { position: relative; }
#mFull .closebtn {font-size: 38px;color: #f7d439;text-align: right;width: 100%;max-width: 100px;}
#mFull .container .content ul{flex: 1;list-style-type:none;margin: 0;padding: 15px 30px 30px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
#mFull .container .content ul li{position:relative;padding: 12px 0;text-align: left;}
#mFull .container .content ul li.nopadding{padding: 0;}
#mFull .container .content ul li::before{position:absolute;content:'';width: 45px;height: 2px;bottom:0;left: 0;background-color: #f7d439;transition: .4s all;/* transform: translateX(-50%); */}
#mFull .container .content ul li a{text-decoration:none;text-transform: uppercase;font-family: 'Raleway', sans-serif;font-size: 19px;font-weight: 700;color: #ededed;}
#mFull .container .content ul li a:hover{color: #6f6f6f;}
#mFull .container .content ul li:hover::before{width: 90px;}
#mFull .footerNav{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding: 20px 0;border-top: 1px solid #f7d439;}
#mFull .footerNav-social{display:flex}
#mFull .footerNav-social span{color: #ffffff;font-weight: 500;font-size: 13px;}
#mFull .flags img{width: 42px;height: 22px;object-fit:  cover;margin: 0 5px;opacity: 0.7;}
#mFull .flags img:hover{opacity: 1; filter: brightness(150%);}
#mFull .flags img.aktif {opacity: 1;filter: brightness(150%);}
#mFull .footerNav-social a{margin-left:5px}
#mFull .footerNav-social a:first-child{margin-left:0}
#mFull .footerNav-social img{width: 62px;height: 16px;}
#mFull .footerNav-inviva{display:flex}
#mFull .footerNav-inviva img{width:62px;height:16px}
#mFull .dropdownMenu {position: relative;display: none;}
#mFull .dropdownMenu .levelTwo{padding: 10px 15px;border-top: 1px solid #f5f5f5;font-weight: 500;}
#mFull .dropdownMenu .levelThree{padding: 10px 0px; border-top: 1px solid #f5f5f5}
#mFull .dropdownMenu .levelFour{padding: 10px 0px; border-top: 1px solid #f5f5f5}
#mFull .dropdownMenu i{float:right;font-size:12px;margin-right:0;line-height:15px!important}
#mFull .container .content ul li ul a{padding: 12px 0px;text-align: left;font-size: 18px;}
#mFull .container .content ul li ul {padding: 0px 15px;}
#mFull .social{margin: 0;padding: 15px 0;font-size: 15px;/* position: relative; */display: flex;align-items: center;justify-content: center;}
#mFull .face{color:#395b9f;font-size: 40px;margin-right: 5px;}
#mFull .twitter{color:#2ca7df;font-size: 40px;margin-right: 5px;}
#mFull .insta{width: 35px;height: 35px;background: #527ea2;display: flex;align-items: center;justify-content: center;border-radius: 4px;}
#mFull .insta i{font-size: 20px;color:#fff;}

/*Slider*/
.k #slider {height: 200px;}
.k #slider .swiper-container img {width: 100%; height: 100%; object-fit: cover;object-position: bottom; }
#slider {width: 100%;height: 90vh;overflow: hidden;}
#slider .swiper-container {width: 100%; height: 100%; }
#slider .swiper-container .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
#slider .swiper-pagination-bullet {width: 15px; height: 15px; border: 1px solid #fff;  background: transparent; opacity: 1; margin: 0 5px; }
#slider .swiper-pagination-bullet-active {background-color: #eac72a!important;}
#slider .swiper-button-next {background: url(../images/rightArrow.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 55px; right: 3%; }
#slider .swiper-button-prev {background: url(../images/leftArrow.png); background-position: center; background-repeat: no-repeat; background-size: contain; width: 55px; left: 3%; }
#slider .container .sliderText{position: absolute;width: 575px;bottom: 10%;color: #fff;}
#slider .container .sliderText p, h1{ margin: 0;  padding: 0; }
#slider .container .sliderText p{font-size: 32px;}
#slider .container .sliderText h1{font-size: 19px;}

/*Unified*/
#unified{background: #fff;padding: 25px 0 25px;}
#unified .container {display: -ms-grid;display: grid;-ms-grid-columns: repeat(auto-fit, minmax(48%, 1fr));grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));grid-gap: 0 25px;}
#unified .container .unified-left{}
#unified .container .unified-left h1 {font-size: 50px;letter-spacing: -0.050em;line-height: 0.9;color: #555;margin-bottom: 20px;}
#unified .container .unified-left p  {font-size: 15px;}
#unified .container .unified-right{
    border: 1px dashed #9d9d9d;
}
#unified .container .unified-right .swiper-container {width: 100%;height: 325px;}
#unified .container .unified-right .swiper-wrapper {position: relative;}
#unified .container .unified-right .swiper-wrapper img {width: 100%;height: 100%;object-fit: contain;}
#unified .container .unified-right.left .swiper-wrapper .sliderText {position: absolute;background: #ffffffad;height: auto;width: 80%;padding: 15px;top: 50px;left: 0;}
#unified .container .unified-right .swiper-wrapper .sliderText {position: absolute;background: #ffffffad;height: auto;width: 80%;padding: 15px;top: 50px;right: 0;}
#unified .container .unified-right.left .swiper-wrapper .sliderText .content {position: relative;text-align: left;border-left: 1px solid #fff;border-right: unset;padding: 0 0px 0 20px;margin: auto 0 auto 75px;}
#unified .container .unified-right .swiper-wrapper .sliderText .content {position: relative;text-align: right;border-right: 1px solid #fff;padding: 0 20px 0 0;margin: 0;}
#unified .container .unified-right .swiper-wrapper .sliderText .content h3 {font-size: 18px;}
#unified .container .unified-right .swiper-wrapper .sliderText .content p {font-size: 14px;}
#unified .container .unified-right.left .swiper-container .swiper-button-next {background-image: unset;position: relative;top: -79%;width: 100%;height: 20px;margin: 0;right: 0;text-align: left;left: 50px;}
#unified .container .unified-right.left .swiper-container .swiper-button-prev {background-image: unset;position: relative;top: -85%;width: 100%;height: 20px;margin: 0;right: 0;text-align: left;left: 20px;}
#unified .container .unified-right .swiper-container .swiper-button-next {background-image: unset;position: relative;top: -80%;width: 100%;height: 20px;margin: 0;right: 0;text-align: right;left: -24px;}
#unified .container .unified-right .swiper-container .swiper-button-prev {background-image: unset;position: relative;top: -85%;width: 100%;height: 20px;margin: 0;right: 0;text-align: right;left: -50px;}

/*Service*/
#service{background: #ffd400 !important;padding: 1px 0 30px;}  
#service .container h2 {font-size: 47px;font-weight: 400;margin-bottom: 12px;color: #fff;}

#service .container .content  {display: -ms-grid;/* display: grid; */-ms-grid-columns: repeat(auto-fit, minmax(48%, 1fr));grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));grid-gap: 0 25px;margin: 30px 0 0 0;display: flex;}
#service .container .content .service-left{display: flex;padding: 0 35px;align-items: center;justify-content: center;}
#service .container .content .service-left img{}
#service .container .content .service-left .swiper-container {width: 100%;height: 300px;}
#service .container .content .service-left .swiper-wrapper img {width: 100%;height: 100%;object-fit: cover;}
#service .container .content .service-right {display: -ms-grid;display: flex;flex-wrap: wrap;align-items: center;grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));grid-gap: 20px 20px;}
#service .container .content .service-right .container{display: flex; flex-wrap: wrap;align-items: center;}
#service .container .content .service-right .feature-wrap {overflow: hidden;padding: 3px 0 0 0;display: flex;flex: 1 0 50%;align-items: center;justify-content: flex-start;}
#service .container .content .service-right .feature-wrap i {font-size: 38px;height: 80px;width: 80px;text-align: center;padding: 18px 0;margin: 0 15px 0 0;background: #ffd400;color: #6a6a6a;border: 3px solid #ffd400;box-shadow: inset 0 0 0 5px #ffd400;-webkit-box-shadow: inset 0 0 0 5px #6a6a6a;-webkit-transition: 500ms;-moz-transition: 500ms;-o-transition: 500ms;transition: 500ms;float: left;}
#service .container .content .service-right .feature-wrap h2 {font-size: 23px;padding: 13px 0;color: #3b3b3b;}
#service .container .content .service-right .feature-wrap:hover i{border-radius: 100%;background: #ffd400;color: #fff;border: 3px solid #ffffff;transition-property: all;transition-duration: 1.5s;transition-timing-function: ease;}
#service .container .content .service-right .feature-wrap h3 {font-size: 16px;color: #787878;font-weight: 400;line-height: 24px;margin-top: 5px;}

/*News*/
#news{background: #ffff;padding: 60px 0 0 0;}  
#news .container .center h2 {font-size: 47px;font-weight: 400;margin-bottom: 12px;}
#news .container .center p {font-size: 18px;line-height: 24px;font-weight: 300;}
#news .container .content  {display: -ms-grid;display: grid;-ms-grid-columns: repeat(auto-fit, minmax(30%, 1fr));grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));grid-gap: 0 25px;margin: 5px 0 0 25px;}
#news .container .content .inner-content{padding: 20px;border: 1px solid #f1f1f1;overflow: visible;margin-bottom: 40px;color: #989898;font-size: 13px;}
#news .container .content .inner-content .news-image{border-radius: 25px;height: 125px;overflow: hidden;margin: -50px 0 10px 0;position: relative;z-index: 1;}
#news .container .content .inner-content .news-image img{-moz-transition: transform .2s ease;-webkit-transition: transform .2s ease;-ms-transition: transform .2s ease;-o-transition: transform .2s ease;transition: transform .2s ease;width: 100%;height: 100%;object-fit: contain;/* border-radius: 40%; */}
#news .container .content .inner-content:hover .news-image img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#news .container .content .inner-content .news-desc{position: relative;height: 120px;}
#news .container .content .inner-content .news-desc time {display: block;color: #787878;margin: 0 3px;}
#news .container .content .inner-content .news-desc h4 a {margin: 12px 3px;color: #4c4a4a;font-size: 20px;}
#news .container .content .inner-content .news-desc h4 a:hover {color: #5d0005;}
#news .container .content .inner-content .news-desc h3 a {position: absolute;bottom: 0;color: #4c4a4a;font-size: 16px;right: 3px;}
#news .container .content .inner-content .news-desc h3 a:hover {color: #5d0005;}
#news .container .content .inner-content .news-desc h3 a i{padding-left: 5px}

/*Referance*/
#referance {background: #efefef;padding: 40px 0;}
#referance .container {position: relative; padding: 0 40px; }
#referance .container .swiper-container {width: 100%;height: auto;}
#referance .container .swiper-container .swiper-slide {height: auto;margin:0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
#referance .container .swiper-container .swiper-slide .slide-box {max-width: 175px!important;height: 125px!important;position: relative;overflow: hidden;border-radius: 15px;overflow: hidden;}
#referance .container .swiper-container .swiper-slide .slide-box img { width: 100%; height: 100%; }
#referance .container .swiper-container .swiper-slide .slide-box .mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
#referance .container .swiper-container .swiper-slide .slide-box:hover .mask {background-color: rgba(0, 0, 0, 0.7);transition-property: all;transition-duration: .5s;transition-timing-function: ease;opacity: 1;visibility: visible;padding: 10px 10px;}
#referance .container .swiper-container .swiper-slide .slide-box .mask h3 a {font-size: 15px;color:#fff;position: absolute;bottom: 0px;text-align: center;}
#referance .container .swiper-button-prev {left: 5px;background-image: unset;text-align: left;}
#referance .container .swiper-button-next {right: 5px;background-image: unset;}
#referance .container .swiper-button-next i, #referance .container .swiper-button-prev i {color: #ffffff;font-size: 23px;}

/* shortcut*/
#shortcut{background: #fff;padding: 10px 0;}
#shortcut .container {display: -ms-grid;display: grid;-ms-grid-columns: repeat(auto-fit, minmax(30%, 1fr));grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));grid-gap: 0px 35px;}
#shortcut .container .shortcut-box {display: flex;flex-direction: row;justify-content: center;border-radius: 10px;overflow: hidden;border: 1px solid #ddd;}
#shortcut .container .shortcut-box .shortcut-left{}
#shortcut .container .shortcut-box .shortcut-left i {font-size: 35px;height: 80px;width: 80px;margin: 3px;padding: 20px;text-align: center;background: #ffffff;color: #545454;border: 3px solid #ffffff;-moz-transition: 500ms;-o-transition: 500ms;transition: 500ms;border-radius: 100%;}
#shortcut .container .shortcut-box:hover {background: #545454b5;color: #fff;border: 1px solid #d93833;transition-property: all;transition-duration: 1s;transition-timing-function: ease;border-radius: 10px;}
#shortcut .container .shortcut-box .shortcut-right {display: flex;flex-direction: column;justify-content: center;}
#shortcut .container .shortcut-box .shortcut-right h3 {font-size: 25px;color: #696969;}
#shortcut .container .shortcut-box:hover .shortcut-right h3 {color:#fff;}


 /* footer*/
#footer{background-color: #000000;padding: 40px 0;}
#footer .container {position: relative;}
#footer .container .content {display: -ms-grid;display: grid;-ms-grid-columns: repeat(auto-fit, minmax(30%, 1fr));grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));}
#footer .container .content .footerLeft {max-width: 275px;display: flex;flex-direction: column;}
#footer .container .content .footerLeft .footerLogo {width: auto;height: 45px;}
#footer .container .content .footerLeft .footerAddress {color: rgba(255, 255, 255, 0.86);font-size: 14px;font-weight: 400;margin-top: 30px;line-height: 1;}
#footer .container .content .footerLeft .footerTel {color: #fff;font-size: 15px;font-weight: 700;margin: 10px 0;}
#footer .container .content .footerLeft .footerTel a {color: rgba(255, 255, 255, 0.86);}
#footer .container .content .footerLeft .footerMail {display: contents;color: rgba(255, 255, 255, 0.86);font-size: 14px;font-weight: 400;}
#footer .container .content .footerLeft .footerMail:hover {text-decoration: underline;}
#footer .container .content .footerMiddle{display: flex;flex-direction: row;align-items: flex-end;justify-content: center;}
#footer .container .content .footerMiddle .footer-menu{}
#footer .container .content .footerMiddle .footer-menu > div { display: flex;justify-content: center; align-items: center; }
#footer .container .content .footerMiddle .footer-menu .top { position: relative; }
#footer .container .content .footerMiddle .footer-menu .top::before {content: '';position: absolute;top: -15px;height: 2px;padding: 0 50px;background: #ffffff;}
#footer .container .content .footerMiddle .footer-menu .footermenu-item{font-size: 14px;color: rgba(255, 255, 255, 0.86);width: 105px;display: inline-block;text-align: center;line-height: 30px;}
#footer .container .content .footerMiddle a{color: #6a8dac;text-decoration: none;font-size: 14px;}
#footer .container .content .footerMiddle a:hover{text-decoration: underline;}
#footer .container .content .footerRight {display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;}
#footer .container .content .footerRight .footerSocial {display: flex;flex-direction: row;}
#footer .container .content .footerRight .footerSocial-item {font-size: 19px;color: rgba(255, 255, 255, 0.86);padding: 0 13px;border-right: 1px solid #d7d7d7;}
#footer .container .content .footerRight .footerSocial-item:hover {color: #a2a2a2;}
#footer .container .content .footerRight .footerSocial-item:first-child {border-left: 1px solid #d7d7d7;}
#footer .container .content .footerRight .footerText {position: relative;max-width: 285px;padding-top: 67px;text-align: right;color: rgba(255, 255, 255, 0.86);font-size: 14px;font-weight: 400;line-height: 1;}
#footer .container .footerInviva {display: flex;flex-direction: row-reverse;padding: 15px 0 0px 0;position: absolute;right: 10px;}

#kslider{position:relative;width:100%;height: 300px;z-index:1;}
#kslider .swiper-container{position:relative;width:100%;height:100%}
#kslider .swiper-container .swiper-slide{position:relative;width:100%;height:100%}
#kslider .swiper-container .swiper-slide::before{content:'';position:absolute;bottom:0;right:0;left:0;height: 300px;background:linear-gradient(transparent,rgba(0,0,0,0.78));z-index:2;}
#kslider .swiper-container img{width:100%;height:100%;object-fit:cover}
#kslider .mainSliderText{position:absolute;bottom:8px;max-width:1000px;width:100%;z-index:999;height:auto;max-height:200px;}
#kslider .mainSliderText h1{font-size:42px;color:#fff;text-shadow:1px 1px #000;margin:0}

/*Urun Liste*/
#pContent{padding: 20px 0;width: 100%;background: #595d60;}
#pContent .container{display: flex;flex-wrap: wrap;justify-content: center;}
#pContent .container .list{position:relative;width: 100%;height: 275px;overflow: hidden;margin: 10px;flex: 0 0 28%;}
#pContent .container .list:after,#pContent .container .list:before{position:absolute;content:""}
#pContent .container .list:before{width:80%;height:220%;background: #ffd400;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s;}
#pContent .container .list:hover:before{left: 55%;transform: rotate(47deg);top: -74%;width: 100%;}
#pContent .container .list:after{width:55%;height:175%;background-color: rgba(0, 0, 0, 0.6);top: -999%;left:53%;transform: rotate(-0deg);transform-origin:center bottom 0;transition:all .8s ease 0s;}
#pContent .container .list .box-content,#pContent .container .list .icon{width:100%;padding:0 20px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s}
#pContent .container .list:hover:after{top: -46%;}
#pContent .container .list img{width:100%;height: 100%;object-fit: cover;}
#pContent .container .list .box-content{top: 226px;color: #000;background: rgba(255, 255, 255, 0.75);height: 49px;display: flex;align-items: center;border: 1px dashed #ffd400;}
#pContent .container .list:hover .box-content{top:30px;background: unset;border: unset;color: #fff;width: 73%;}
#pContent .container .list .title{font-size: 16px;margin:0;}
#pContent .container .list:hover .title{font-size: 18px;margin:0;color: #3f3f3f;font-weight: 600;}
#pContent .container .list .icon li a,#pContent .container .list .post{display:inline-block;font-size:14px}
#pContent .container .list .post{margin-top:5px}
#pContent .container .list .icon{list-style:none;margin:0;bottom: -25%;}
#pContent .container .list:hover .icon{bottom:25px}
#pContent .container .list .icon li{display:inline-block;display: flex;justify-content: flex-end;}
#pContent .container .list .icon li a{width:35px;height:35px;line-height:35px;background:#444;border-radius:50%;margin: 0 3px;color:#fff;text-align:center;transition:all .5s ease 0s;display: flex;align-items: center;justify-content: center;}
#pContent .container .list .icon li a:hover{background: #323232;color: #ffd400;}

/*Proje Detay*/
#productContent{padding: 27px 0;background: #ffffff;}
#productContent .container{display: flex;flex-direction: row;position: relative;}
#productContent .container .left{float: none!important;width: 30%!important;}
#productContent .container .left .image{width: 100%;overflow: hidden;}
#productContent .container .right{width: 100%;padding: 0 4%;display: flex;border-right: unset;flex-direction: column;/* justify-content: center; */background: rgba(255, 255, 255, 0.58);z-index: 2;color: #000000;/* position: absolute; *//* bottom: 3%; *//* right: 3%; */}
#productContent .container .right h2{margin: 2% 0 5px;padding: 0;font-size: 20px;border-bottom: 1px solid #dddddd;font-weight: 400;}
#productContent .container .right p{margin: 0px;padding: 0;font-size: 15px;line-height: 1.7;}
#productContent .container .left .fotorama__thumb-border{border-color: #ffe248;background-color:rgba(0, 0, 0, 0.5);}
#productContent ul:not(.browser-default)>li{list-style-type: disc;margin-left: 3%;line-height: 1.7;margin-top: 1%;}

#multimedya{padding: 20px 0;background: #e8edf5;}
#multimedya .container{display: flex;align-items: center;justify-content: center;}
#multimedya .container  .fotorama__thumb-border{border-color: #a51919;background-color:rgba(0, 0, 0, 0.5) ;}

#campaignContent{padding: 27px 0;background: #ffffff;}
#campaignContent .container{display: flex;flex-direction: row;position: relative;}
#campaignContent .container .left{float: none!important;width: 100%!important;}
#campaignContent .container .left .image{width: 100%;height: 100%;}
#campaignContent .container .left .image img{width: 100%;height: 100%;object-fit: cover;}
#campaignContent .container .right{width: 100%;padding: 0 4%;display: flex;border-right: unset;flex-direction: column;/* justify-content: center; */background: rgba(255, 255, 255, 0.58);z-index: 2;color: #000000;/* position: absolute; *//* bottom: 3%; *//* right: 3%; */}
#campaignContent .container .right h2{margin: 2% 0 5px;padding: 0;font-size: 20px;border-bottom: 1px solid #dddddd;font-weight: 400;}
#campaignContent .container .right p{margin: 0px;padding: 0;font-size: 15px;line-height: 1.6;}
#campaignContent .container .left .fotorama__thumb-border{border-color: #ffe248;background-color:rgba(0, 0, 0, 0.5);}
#campaignContent ul:not(.browser-default)>li{list-style-type: disc;margin-left: 3%;}

#seeCampaign{margin: 30px 0;background: #ffffff;}
#seeCampaign .container .pageTitle h1{font-size: 24px;margin: 0 0 2%;}
#seeCampaign .container .pageTitle h1::after {content: '';width: 28%;height: 2px;display: block;margin: 1% 0 0;background:#ffe248;transition: all .8s;}
#seeCampaign .container .pageTitle:hover h1::after{width: 35%;}
#seeCampaign .container .list{display: flex;flex-wrap: wrap;}
#seeCampaign .container .list .single{display: flex;flex-direction: column;flex: 1 0 33%;width: 100%;margin-bottom: 1%;padding: 1%;}
#seeCampaign .container .list .single .image{width: 100%;height: 100%;}
#seeCampaign .container .list .single .image img{width: 100%;height: 100%;object-fit: cover;}
#seeCampaign .container .list .single:hover .title h1::before{width: 85%;}
#seeCampaign .container .list .single .title h1::before {content: '';width: 73%;height: 2px;display: block;margin: 2% auto 2% auto;background:#ffe248;transition: all .8s;}
#seeCampaign .container .list .single .title h1{margin: 0;padding: 1%;font-size: 20px;text-align: center;}

/*Haber Liste*/
#newsList {width: 100%;padding: 20px 0;}
#newsList .container{display: flex;flex-wrap: wrap;} 
#newsList .container .list{width: 100%;height: 240px;background:#5c3f2c;margin-top:20px;display: flex;border-left: 20px solid #fff;font-family:Raleway;flex: 1 0 48%;position: relative;} 
#newsList .container .list:before{content: '';position: absolute;left: 0px;bottom: 0px;z-index: -1;width: 0%;height: 8px;background: rgba(209, 180, 135, 0.6901960784313725);box-shadow: inset 0px 0px 0px #a5a3a3;display: block;transition: all 0.8s cubic-bezier(.5, .24, 0, 1);}
#newsList .container .list:after {content: '';position: absolute;right: 0px;top: 0px;z-index: -1;width: 0%;height: 8px;background: rgba(209, 180, 135, 0.6901960784313725);transition: all 0.8s cubic-bezier(.5, .24, 0, 1);}
#newsList .container .list:hover:after,#newsList .container .list:hover:before{width: 100%;z-index: 1;}
#newsList .container .list .newsLeft{flex-basis: 50%;}
#newsList .container .list .newsLeft img{width: 100%;height: 100%;object-fit: contain;}
#newsList .container .list .newsRight{flex:1;padding-right: 10px;display: flex;align-items: center;justify-content: center;border-left: 1px dashed #fff;}
#newsList .container .list .newsRight .text{max-width: 262px;text-align: center;}
#newsList .container .list .newsRight .text h1{font-size: 27px;color: #d1b488;margin: 40px 0 15px 0;font-weight: 400;text-transform: uppercase;}
#newsList .container .list .newsRight .text p{font-size: 35px;font-weight: 700;color: #fff;margin: 0 0 25px 0;padding: 0;text-transform: uppercase;}
#newsList .container .list .newsRight .text span{font-size: 15px;color: #d1b488;padding: 0;}
#newsList .container .list .newsRight .text .triangle{position: absolute;border-right: 15px solid #5c3f2c;border-top: 15px solid transparent;border-bottom: 15px solid transparent;left: -15px;top: 50%;transform: translateY(-50%);}

.center p{font-size:18px;padding-top: 10px;line-height: 1.7;}
.center p:last-child{padding-bottom: 10px;}

/*Haber Detay*/
#Newscontent {width: 100%;padding: 20px 0;}
#Newscontent .newsDetail .gallery-top .swiper-slide {width: 100%!important;}
#Newscontent .newsDetail {position: relative;display:grid;grid-template-columns:350px 1fr;grid-template-rows: 260px auto auto;grid-gap:0 20px;padding-top:40px;padding-bottom:40px;}
#Newscontent .newsDetail .swiper-container.gallery-top {position: relative;width: 100%;max-width: 800px;height: 100%;max-height: 450px;margin-top:20px;}
#Newscontent .newsDetail .swiper-container img {width: 100%;height: 100%;object-fit: cover;}
#Newscontent .newsDetail .gallery-thumbs {height: 20%;margin: 20px 10px 0 10px;cursor: pointer;}
#Newscontent .newsDetail .gallery-thumbs .swiper-slide {width: 20%;height: 100%;max-height:100px;opacity: 0.45;}
#Newscontent .newsDetail .gallery-thumbs .swiper-slide-active {	opacity: 1;}
#Newscontent img { max-width: 100%;grid-column:1 / 2;grid-row:1 / 2;width:100%;height:100%;object-fit:cover }
#Newscontent .newsText{grid-column:-1 / -2;grid-row:1 / -1}
#Newscontent .page-news-detail-footer{position:relative;display:flex;flex-direction:column;margin:20px 0;padding:10px 0;text-align:center;border-top: 1px solid #000;border-bottom: 1px solid #000;}
#Newscontent .page-news-detail-footer:before{position:absolute;content:'';width:100px;height:2px;top:-1px;left:0;background-color: #80cc28;}
#Newscontent .page-news-detail-footer:after{position:absolute;content:'';width:100px;height:2px;bottom:-1px;right:0;background-color: #80cc28;}
#Newscontent .newsDetail-footer-share-items a {width: 70px;height: 40px;position: relative;display: inline-block;color: #fff;}
#Newscontent .newsDetail-footer-share-items a:hover {opacity: .8;}
#Newscontent .newsDetail-footer-share-items i {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/*Belgeler Listeleme*/
.dacPageList{width: 100%;display:flex;flex-wrap:wrap;}
.dacPageList a{display: flex;flex: 0 0 30%;width: 100%;height: 350px;margin: 10px;border: 1px dashed #80cc28;padding: 10px;}
.dacPageList a img{width: 100%;height: 100%;object-fit: contain;}

.page-contact .boxes{display:flex;flex-direction:column;justify-content:flex-start;flex-basis:50%;padding:0 50px 0 0}
.page-contact .box{display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #d1287917;padding:20px 0}
.page-contact .box .icon{text-align:center;height:100%;min-width:70px;display:flex;align-items:center}
.page-contact .box .icon i{font-size:29px;color: #f9d53f;}
.page-contact .box .tel{font-size:22px!important}
.page-contact .box .ctitle{display:flex;flex-direction:column;justify-content:center;padding:0;height:100%}
.page-contact .box:first-child .ctitle{justify-content:center}
.page-contact .box .ctitle a{font-weight:400;letter-spacing:1px;color:#8c8c8c}
.page-contact .box .ctitle p{color:#8c8c8c;margin:0;font-size:14px;line-height:1;text-align: left;}
.page-contact .contact-top{display:flex;flex:1;margin: 20px 0;}
.contact-form{display:flex;flex-wrap:wrap}
.contact-form .column{flex:1}
.contact-form .pr20{padding-right:20px}
.contact-form .column.is-message{flex:none;width:100%}
.contact-form .row{width:100%;display:flex;margin:15px 0 0;justify-content:flex-end}
.contact-form .row button{display:block;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1;background: #000000;border:none;outline:none;border-radius:2px;}
.contact-form .row button:hover{background: #e8c741;}
.contact-form .form-group{margin-bottom:20px;position:relative;display:block}
.contact-form .form-group:last-child{margin-bottom:0}
.contact-form .form-group label{width:100%;height:30px;display:block;font-size:14px;font-weight:700;line-height:30px;color:#575757;text-align: left;}
.contact-form .form-group input{width:100%;height:40px;padding:0 10px;color:#6b8daa;font-size:14px;font-weight:500;border:1px solid #cdd9db;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}
.contact-form .form-group input:focus{outline:none;border-color:#13becf}
.contact-form .form-group textarea{min-height:unset!important;width:100%;height:138px;padding:10px;color:#475e62;font-size:14px;font-weight:600;border:1px solid #cdd9db;border-radius:2px;resize:none;padding:10px!important}
.contact-form .form-group textarea:focus{outline:none;border-color:#13becf}
.contact-form .form-groups{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -10px}
.contact-form .form-groups .form-group{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:10px;margin-right:10px}
.contact-form .form-group{margin-bottom:20px}
.contact-form .form-group button{display:block;padding:15px 25px;cursor:pointer;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1;background:#475e62;border:none;outline:none;border-radius:2px}
.contact-form .form-group button:hover{background:#00b5cb}
.contact-form .form-group ul{margin:0;padding:0;list-style:none}
.contact-form .form-group ul li{font-size:13px;text-align:left}
.contact-form .form-group ul li:before{content:"- "}
.contact-form .form-label{width:100%;height:30px;display:block;font-size:14px;font-weight:700;line-height:30px}
.contact-form .form-control{width:100%;height:40px;padding:0 10px;color:#475e62;font-size:14px;font-weight:600;border:1px solid #cdd9db}
.contact-form .form-control:focus{outline:none;border-color:#13becf}
.contact-form textarea.form-control{height:auto;padding:10px}
.contact-form .content{margin-bottom:20px;padding:20px;color:#fff;font-size:16px;line-height:1.6;background:#8cc63f}




.page-contact .boxes{display:flex;flex-direction:column;justify-content:flex-start;flex-basis:50%;padding:0 50px 0 0}
.page-contact .box{display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #d1287917;padding:20px 0}
.page-contact .box .icon{text-align:center;height:100%;min-width:70px;display:flex;align-items:center}
.page-contact .box .icon i{font-size:29px;color: #f9d53f;}
.page-contact .box .tel{font-size:22px!important}
.page-contact .box .ctitle{display:flex;flex-direction:column;justify-content:center;padding:0;height:100%}
.page-contact .box:first-child .ctitle{justify-content:center}
.page-contact .box .ctitle a{font-weight:400;letter-spacing:1px;color:#8c8c8c}
.page-contact .box .ctitle p{color:#8c8c8c;margin:0;font-size:14px;line-height:1;text-align: left;}
.page-contact .contact-top{display:flex;flex:1;margin: 20px 0;}
.form{flex:1 0 45%}
.contact-form{display:flex;flex-wrap:wrap}
.contact-form .column{flex:1}
.contact-form .pr20{padding-right:20px}
.contact-form .column.is-message{flex:none;width:100%}
.contact-form .row{width:100%;display:flex;margin:15px 0 0;justify-content:flex-end}
.contact-form .row button{display:block;padding:15px 25px;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1;background: #000000;border:none;outline:none;border-radius:2px;}
.contact-form .row button:hover{background: #e8c741;}
.contact-form .form-group{margin-bottom:20px;position:relative;display:block}
.contact-form .form-group:last-child{margin-bottom:0}
.contact-form .form-group label{width:100%;height:30px;display:block;font-size:14px;font-weight:700;line-height:30px;color:#575757;text-align: left;}
.contact-form .form-group input{width:100%;height:40px;padding:0 10px;color:#6b8daa;font-size:14px;font-weight:500;border:1px solid #cdd9db;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}
.contact-form .form-group input:focus{outline:none;border-color:#13becf}
.contact-form .form-group textarea{min-height:unset!important;width:100%;height:138px;padding:10px;color:#475e62;font-size:14px;font-weight:600;border:1px solid #cdd9db;border-radius:2px;resize:none;padding:10px!important}
.contact-form .form-group textarea:focus{outline:none;border-color:#13becf}
.contact-form .form-groups{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -10px}
.contact-form .form-groups .form-group{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:10px;margin-right:10px}
.contact-form .form-group{margin-bottom:20px}
.contact-form .form-group button{display:block;padding:15px 25px;cursor:pointer;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;line-height:1;background:#475e62;border:none;outline:none;border-radius:2px}
.contact-form .form-group button:hover{background:#00b5cb}
.contact-form .form-group ul{margin:0;padding:0;list-style:none}
.contact-form .form-group ul li{font-size:13px;text-align:left}
.contact-form .form-group ul li:before{content:"- "}
.contact-form .form-label{width:100%;height:30px;display:block;font-size:14px;font-weight:700;line-height:30px}
.contact-form .form-control{width:100%;height:40px;padding:0 10px;color:#475e62;font-size:14px;font-weight:600;border:1px solid #cdd9db}
.contact-form .form-control:focus{outline:none;border-color:#13becf}
.contact-form textarea.form-control{height:auto;padding:10px}
.contact-form .content{margin-bottom:20px;padding:20px;color:#fff;font-size:16px;line-height:1.6;background:#8cc63f}