html{ width:100%;}
body{width:100%;margin:0;background: #fff;overflow-x:hidden;padding-top: 81px;}
a, a img{text-decoration:none;outline:none;border:none;}
.clr{ clear:both; height:0;}
a{-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
*,*:after,*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;text-decoration: none;list-style-type: none;outline: none;resize:none;color: #96989a;font-family: "ProximaNova-Light";}
a:focus {outline: 0;}

@font-face {
    font-family: "ProximaNova-Bold";
    src: url("font/FontsFree-Net-Proxima-Nova-Bold.eot"); /* IE9 Compat Modes */
    src: url("font/FontsFree-Net-Proxima-Nova-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/FontsFree-Net-Proxima-Nova-Bold.otf") format("opentype"), /* Open Type Font */
    url("font/FontsFree-Net-Proxima-Nova-Bold.svg") format("svg"), /* Legacy iOS */
    url("font/FontsFree-Net-Proxima-Nova-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("font/FontsFree-Net-Proxima-Nova-Bold.woff") format("woff"), /* Modern Browsers */
    url("font/FontsFree-Net-Proxima-Nova-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ProximaNova-Light";
    src: url("font/FontsFree-Net-Proxima-Nova-Light.eot"); /* IE9 Compat Modes */
    src: url("font/FontsFree-Net-Proxima-Nova-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/FontsFree-Net-Proxima-Nova-Light.otf") format("opentype"), /* Open Type Font */
    url("font/FontsFree-Net-Proxima-Nova-Light.svg") format("svg"), /* Legacy iOS */
    url("font/FontsFree-Net-Proxima-Nova-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("font/FontsFree-Net-Proxima-Nova-Light.woff") format("woff"), /* Modern Browsers */
    url("font/FontsFree-Net-Proxima-Nova-Light.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "ProximaNova-Thin";
    src: url("font/FontsFree-Net-Proxima-Nova-Thin.eot"); /* IE9 Compat Modes */
    src: url("font/FontsFree-Net-Proxima-Nova-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("font/FontsFree-Net-Proxima-Nova-Thin.otf") format("opentype"), /* Open Type Font */
    url("font/FontsFree-Net-Proxima-Nova-Thin.svg") format("svg"), /* Legacy iOS */
    url("font/FontsFree-Net-Proxima-Nova-Thin.ttf") format("truetype"), /* Safari, Android, iOS */
    url("font/FontsFree-Net-Proxima-Nova-Thin.woff") format("woff"), /* Modern Browsers */
    url("font/FontsFree-Net-Proxima-Nova-Thin.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}


/*header*/
header{width:100%;float:left;margin-bottom: 0;padding-right: 120px;position: absolute;height: 80px;top: 0;left: 0;z-index: 5;}
header .logo{width: 26%;display:block;float:left;position:relative;background: #fff}
header .logo:after{position:absolute;left:0;top:0;width: 180px;background:#fff;content:'';height: 82px;z-index:-1;}
header .logo img{display: block;height: 82px;margin: 0 auto;}
header .menu-btn{float:right;width:30px;margin-top: 0;top: 3%;position: fixed;right: 2%;}



.shape-1{width:192px;height:192px;position:absolute;left: 36%;top:-70px;background:url(../../../images/shape-1.svg) no-repeat;}
.shape-2{width:521px;height:521px; z-index:-2; position:absolute;left: 4%;top: 20px;background:url(../../../images/shape-2.svg) no-repeat;transform:scale(0.8);}
.shape-3{width:100%;height:212px; z-index:-1; position:absolute;left: 0;top: 70px;background:url(../../../images/shape-3.svg) no-repeat;background-size:100%}



.shape-4{width:521px;height:521px;z-index:-2;position:absolute;right: 30%;bottom: -150px;background:url(../../../images/shape-2.svg) no-repeat;transform: scale(0.7);z-index: 2;}
.shape-5{width:192px;height:192px;position:absolute;right: 5%;bottom: -60px;background:url(../../../images/shape-1.svg) no-repeat;z-index: 2;transform: scale(0.7);}

/*home*/
.home-container{width:100%;float:left;margin-top: 20px;}
.home-slider{}
.img-area{float:left;width:100%;padding: 4% 20% 0 45px;position:relative;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; overflow:hidden;}
.img-area img{}
.center .img-area img{ transform:scale(1);}
.home-slider .txtArea {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    transition-delay: 1s;
    -webkit-transition-delay: 1s; opacity:0; overflow:hidden;
}
.home-slider a {
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    transition-delay: 1.2s;-webkit-transition-delay: 1.2s;opacity: 0;}
.home-slider .center a{ opacity:1;}
.home-slider .center .txtArea{ opacity:1;}
.img-area::after{position:absolute;left:0;top: 4%;content:'';background: url(../../../images/bg.svg) no-repeat;width:100%;height:100%;background-size: 79%;}
.img-area::before{position:absolute;left: 38%;top: 28%;content:'';background:url(../../../images/red-bg.svg) no-repeat;width:100%;height:0; background-size: 49%;-webkit-transition-duration: 2.2s;-moz-transition-duration: 2.2s;-o-transition-duration: 2.2s;transition-duration: 2.2s;transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.center .img-area::before{ height:100%;}
.img-area img{ width:100%; position:relative; z-index:1;}
.home-slider .txtArea{position:absolute;right: 16%;top: 47%;color: #000;z-index: 2;background: #fff;padding: 25px;}
.home-slider .txtArea .title1{font-size: 44px;opacity: 1;margin-bottom: 0;position:relative;top:-150px;color: #cecfd0;}
.home-slider .txtArea.slide-lengt{right: 11%;}
.home-slider .txtArea .title2{font-size:55px;opacity: 0.7;position:relative;top:-150px;margin: 5px 0;color: #96989a;}
.home-slider .txtArea p{font-size: 23px;position:relative;top:-150px;color: #cecfd0;opacity: 1;}
.home-slider .txtArea p, .home-slider .txtArea .title1,  .home-slider .txtArea .title2 {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration:0.8s;transition-duration: 0.8s;transition-delay: 1s;-webkit-transition-delay: 1s;}
.home-slider .center .txtArea p, .home-slider .center .txtArea .title1, .home-slider .center .txtArea .title2 {top: 0;}
.home-slider a{position:absolute;right: 17%;bottom: 12%;z-index: 2;font-size: 24px;}
.home-slider a:hover{ opacity:0.7 !important;}
.home-slider a img{width:auto !important;display:inline-block !important;position: relative;top: 35px;margin-right: 5px;opacity: 0.5;}
.home-slider a span{display:inline-block;position: relative;top: 6px;}
.home-slider::after{position:absolute;right:0;bottom: 7%;content:'';width:290px;height:44px;background:url(../../../images/home-dots-bg.png) no-repeat;opacity: 0;}
.home-slider .owl-nav{position:absolute;right: 2%;bottom: 10.2%;z-index: 3;margin: 0 !important;}
.home-slider .owl-nav .owl-next{width:15px !important;height:26px !important;opacity:1 !important;background: url(../../../images/home-next-slide.png) no-repeat !important;font-size:0!important;margin: 0 !important;}
.home-slider .owl-nav .owl-prev{ display:none !important;}
.home-slider .owl-dots{position:absolute;right: 0;bottom: 9%;z-index: 2;width: 290px;height: 44px;background: url(../../../images/home-dots-bg.png) no-repeat;padding-top: 13px;}
.gallery-wrapper .home-slider .owl-dots{position:absolute;right: -15%;bottom: -6%;z-index: 2;}
.home-slider.owl-theme .owl-dots .owl-dot span{background: #fff;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;border-radius: 0;margin: 0 8px;padding: 0;transform: scale(1) rotate(137deg);}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #0055b8!important;top: 0;position: relative;transform: scale(1.4) rotate(137deg);}

.teaser-colm-2{width:100%;float:left;position:relative;background: #414042;margin:30px 0;overflow: hidden;}
.teaser-colm-2 a{float:left;width: 51%;}
.teaser-colm-2 a img{width: 120%;}
.teaser-colm-2 a span{position:absolute;z-index:1;top:40px;left:20%;font-size:40px;color: #fff;}
.teaser-colm-2 a span b{font-family: "ProximaNova-Bold";color: #fff;}
.teaser-colm-2 a:last-child{position:absolute;right: 10%;bottom: 0;width: 66%;}
.teaser-colm-2 a:last-child span{left: 55%;}
.box-row{ float:left; width:100%; overflow:hidden;}
.box-row .colm-2{float:left;width: 33.33%;}
.box-row .colm-2 .small-box{display:block;width: 100%;float:left;position:relative;}
.box-row a{ position:relative;}
.box-row a small{position:absolute;left:0;top:-10%;background:url(../../../images/zoom.png) no-repeat center;width:80%;height:80%;display:block;z-index:2;background-size:contain;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);left:50%;opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.box-row a.big-box small{width:70%;height:70%;top: -10%;}
.box-row a::after{z-index:1;width:100%;height:100%;background: #96989a;content:'';position:absolute;left:0;top:0;opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.box-row a:hover .txt-area::after{ opacity:0;}
.box-row a:hover small{ opacity:1; top:0;}
.box-row a.big-box:hover small{ top:5%;}
.box-row a:hover::after{ opacity:0.8;}
.box-row .colm-2 img{width:100%;display:block;position:relative;max-width: 100%;max-height: 492px;min-height: 492px;;object-fit: cover}
.box-row .txt-area {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 76%;text-align: center;padding: 20px 0;z-index:2}
.box-row .txt-area::after{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:#000; opacity:0.45;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.box-row .txt-area .title{font-size: 27px;font-family: "ProximaNova-Light";margin-bottom:4px;color:#fff;position: relative;z-index: 1;opacity: 0.7;}
.box-row .txt-area p{font-size:20px;color:#fff;z-index: 1;position: relative;opacity: 0.7;}
.box-row .colm-2 .big-box{ display:block; width:100%; float:left; position:relative; overflow:hidden;}
.box-row .big-box .txt-area{width: 42%;}
footer{float:left;width:100%;position:relative;background: #fff;border-top: 1px solid #ccc;padding-left: 4%;padding-bottom: 1%;}
.footerLogo{display:none;float:left;background: url(../../../images/logo.png) no-repeat center center;width: 488px;height:125px;margin-right:100px;margin-left: 0;}
.footerLogo:hover{}
.social-media{margin-top: 20px;}
.social-media a{ display:block; float:left; width:31px; height:29px;margin-right:10px; position:relative;}
.social-media a:before{position:relative;content:'';display:inline-block;width: 31px;height: 30px;z-index: 2;}
.social-media a.facebook::before{ background:url(../../../images/facebook.png) no-repeat center;}
.social-media a.instagram::before{ background:url(../../../images/instagram.png) no-repeat center;}
.social-media a.twitter::before{ background:url(../../../images/twitter.png) no-repeat center;}
.social-media a.linkedin::before{ background:url(../../../images/linkedin.png) no-repeat center;}
.social-media a.facebook:hover::before{background:url(../../../images/facebookH.png) no-repeat center;}
.social-media a.instagram:hover::before{background:url(../../../images/instagramH.png) no-repeat center;}
.social-media a.twitter:hover::before{background:url(../../../images/twitterH.png) no-repeat center;}
.social-media a.linkedin:hover::before{background:url(../../../images/linkedinH.png) no-repeat center;}
.social-media a::after{position:absolute;top:0;left:0;width:100%;height:100%;background: #0055b8;content:'';transform:scale(0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.social-media a img {position: absolute;z-index: 1;display: block;margin: 0 auto;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.social-media a:hover::after{ transform:scale(1);}
.top-btn{position:absolute;right:5%;top:48%;color: #000;font-size: 15px;width: 80px;text-align: center;display: block;}
.top-btn::after{background:url(../../../images/top-btn.png) no-repeat; content:''; width:20px; height:12px; left:50%; margin-left:-10px; top:-20px; position:absolute;}


/*kurumsal*/
.kurumsal-butons{float:left;width:100%;margin: 50px 0;overflow: hidden;height: auto;}
.kurumsal-butons .content-item{float:left;width: 27%;padding:0 3%;height: 240px;margin-top: 103px;padding:0;text-align:center;position: relative;background: #96989A;color: #fff;border-right: 2px solid #fff;}
.kurumsal-butons .content-item.active{width: 42%;background: #0055B8;background-size: 100%;height: 343px;margin-top:0;padding: 3.5% 2% 0px 2%;text-align: left;left: 0;}
.kurumsal-butons .content-item .title {font-size: 38px;width:100%;margin-bottom: 0;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);left: 0;color: #fff;}
.kurumsal-butons .content-item.active .title{ position:static;}
.kurumsal-butons .content-item p{font-size:14px;margin: 0;color: #fff;line-height: 1.4;display: none}
.kurumsal-butons .content-item.active p{display: block!important;}
.kurumsal-butons .content-item .title a{ color:#fff;}

.kurumsal-butons .content-item:nth-child(2n){/* background:url(../../../images/tab-bg-2.png) no-repeat center bottom; *//* background-size: 100%; *//* left: 47%; */}
.kurumsal-butons .content-item:nth-child(3n){/* background: url(../../../images/tab-bg-3.png) no-repeat center bottom; */background-size: 100%;text-align: center;/* margin-top: 2.9%; */}
.kurumsal-butons .content-item:nth-child(3n) .title{/* padding-right:13%; */text-align: center;}



/*galeri*/
.gallery-wrapper{border:3px solid #0055b8;float:left;width:100%;margin-top: 0;padding: 80px 4% 105px 4%;position: relative;}
.left-menu{float:left;width: 21%;background: #cecece;padding: 4% 0;position: relative;z-index: 999;}
.left-menu a{display:block;text-align:left;font-size:20px;margin-bottom: 4px;width: 100%;float: right;height: 36px;line-height: 36px;background: url(../../../images/active-bg.png) no-repeat 0 100px;color:#fff;margin-right: 0;padding-left: 12%;}
.left-menu a:hover, .left-menu a.active{color: #fff;background: url(../../../images/active-bg.png) no-repeat 0 0;}
.left-menu a.active{font-size: 33px;width: 141%;margin-right: -41%;background: url(../../../images/active-bg.png) no-repeat;line-height: 42px;background-size: 100%;height: 42px;text-align: left;}
.gallery-wrapper .right-content{float:left;width:72%;background:#fff;padding: 4% 13% 4% 4%;margin-left:2%;position:relative;z-index:2;}
.gallery-wrapper .home-slider .owl-nav{right: -18%;bottom: -5%;}
.gallery-wrapper .home-slider .owl-nav .owl-next{background: url(../../../images/gallery-next.png) no-repeat !important; width:15px !important; height:26px !important;}
.gallery-wrapper .home-slider::after{ display:none;}
.gallery-wrapper .shape1{position:absolute;left:15%;bottom: 9%;width:0;height:0;border:3px solid #0055b8; opacity:0;}
.gallery-wrapper .shape2{position:absolute;left:29%;top: -3px;width:20%;height:0;border:3px solid #0055b8; opacity:0;}
.gallery-wrapper .shape3{position:absolute;right: 0;bottom: 45%;width: 0;height: 0;border:3px solid #0055b8;border-right: 0;border-bottom: 0; opacity:0;}
.gallery-wrapper .shape4{position:absolute;right: 0;bottom: 5%;width: 0;height: 0;border:3px solid #0055b8;border-right: 0;}
.gallery-wrapper .shape5{position:absolute;right:-1%;bottom: 36%;width: 12%;height: 33%;border:3px solid #0055b8;}
.gallery-wrapper .shape6{position:absolute;right: 28%;bottom:15%;width: 17%;height: 33%;border:3px solid #0055b8;border-bottom:0; opacity:0;}
.gallery-wrapper .shape1, .gallery-wrapper .shape2, .gallery-wrapper .shape3, .gallery-wrapper .shape4, .gallery-wrapper .shape5, .gallery-wrapper .shape6{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.gallery-wrapper.active .shape1 {width: 28%;height: 50%;opacity: 1;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.gallery-wrapper.active .shape2 {height: 30%;opacity: 1;transition-delay: 0.6s;-webkit-transition-delay: 0.6s;}
.gallery-wrapper.active .shape3 {width: 7%;height:9%;opacity: 1;transition-delay:1.2s;-webkit-transition-delay: 1.2s;}
.gallery-wrapper.active .shape4 {width: 15%;height: 40%;opacity: 1;transition-delay: 0.9s;-webkit-transition-delay: 0.9s;}
.gallery-wrapper.active .shape5 {opacity: 1;transition-delay: 1.5s;-webkit-transition-delay: 1.5s; right:6.8%;}
.gallery-wrapper.active .shape6 {opacity: 1;transition-delay: 2s;-webkit-transition-delay: 2s; bottom:0%;}

.buton-gallery{position:absolute;right: 7%;top:20px;width: 27%;}
.buton-gallery a{display: block;margin-right: 2%;float:left;width: 44%;}
.buton-gallery a span{ position:relative; top:-10px;}
.buton-gallery a img{margin-right: 6%;}
.buton-gallery a:last-child{ margin-right:0;}
.left-bottom-txt{position:absolute;left: 17.5%;bottom: 12%;font-size: 70px;z-index: 2;}
.left-bottom-txt span { color:#000;}
.buton-gallery a {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; position:relative; top:100px;}
.gallery-wrapper.active .buton-gallery a{top:0; transition-delay: 2.4s;-webkit-transition-delay: 2.4s}


/*menu*/
.general-menu-wrapper{position:fixed;right:-50%;top:0; opacity:0; width: 52%;height:100%;background:url(../../../images/menu-bg.png) no-repeat;z-index:4;padding: 9% 0 0 0;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
.links-area{width: auto;float: right;text-align: center;margin-top: 30px;}
.links-area .link{float:left;display:block;width: auto;font-size: 16px;position:relative;color:#414141;margin: 0 15px;text-align: center;padding: 0 3px;}
.links-area .link:hover{opacity:0.7;}
.links-area .link::after{position:absolute;left: 0;width: 0;bottom:-5px;height: 1px;margin-left: 0;content:'';background:#0055b8;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;}
.links-area .link:hover::after{width: 100%;}
.active .links-area .link{}


/*detail*/
.detail-wrapper{/* border:3px solid #0055b8; */float:left;width:100%;margin-top: 0;padding: 110px 2% 105px 2%;position: relative;min-height: 1070px;}
.buton-detail{position: absolute;right: 0;top: 120px;width: 40%;z-index: 23;}
.buton-detail a{display: inline-block;width: 185px;float: left;margin-right: 4%;}
.buton-detail a span{position:relative;top: 0;color: #0055b8;display: block;float: left;margin-top: 12px;}
.buton-detail a img{margin-right: 6%;display: block;float: left;}
.buton-detail a:last-child{ margin-right:0;}
.detail-wrapper .dokuman{position:absolute;left:24%;background:url(../../../images/dokuman.png) no-repeat 100% 100%;top: 4%;width: 34%;height: 38%;text-align:center;z-index: 0;opacity:0;transform: translateY(20%);-webkit-transform: translateY(20%);-ms-transform: translateY(20%);-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;transition-delay: 0s;-webkit-transition-delay: 0s;cursor: pointer;}
.detail-wrapper .dokuman span{font-size:35px;opacity: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position: absolute;top: 32%;width: 100%;left: 0;height: 120px;padding: 60px 0 0 0;cursor: pointer;color: #fff;}
.detail-wrapper .dokuman p{ display:none;}
.detail-wrapper .urun-aciklamasi.active p, .detail-wrapper .dokuman.active p{ display:block; color:#000; margin-top:10px;}
.detail-wrapper .dokuman.active{padding:4% 5%;height:auto;z-index: 99999;}
.detail-wrapper .dokuman.active span{ position:static; }
.detail-wrapper .teknik-bilgiler{position:absolute;left: 53%;background:#fff;top: 9%;width: 38%;height: auto;padding: 4%;z-index: 2; opacity:0;transform: translateY(10%);-webkit-transform: translateY(10%);-ms-transform: translateY(10%);
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s; transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.detail-wrapper .teknik-bilgiler.active {left:50%;transform: translateX(-50%) !important; width:60%;}
.detail-wrapper .teknik-bilgiler.active .title-sub{ margin-left:0; width:100%;}
.detail-wrapper .teknik-bilgiler .title{font-size: 45px;color:#000;margin-bottom: 40px;}
.detail-wrapper .teknik-bilgiler .title-sub{background: #0055b8;padding: 5.5% 0 5.5% 26%;margin-left: -26%;width: 110%;font-size: 35px;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;color: #fff;}
.detail-wrapper .teknik-bilgiler .renk-secenekleri{ width:100%; float:left; margin-top:-20px;}
.detail-wrapper .teknik-bilgiler .renk-secenekleri a{margin-right:20px; width:50px; display:block; float:left;}
.detail-wrapper .teknik-bilgiler .renk-secenekleri a img{ width:100%; display:block;}
.detail-wrapper .teknik-bilgiler p{color:#000;opacity:0.8;margin-top:65px;line-height: 21px;}
.detail-wrapper .video-area{position:absolute;left: 34%;background: #e6e6e6;top: 27%;width: 23%;height: 34%;text-align:center;z-index: 1;opacity:0;transform: translateY(10%);-webkit-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;/* transition-delay:0.6s; *//* -webkit-transition-delay:0.6s */cursor: pointer;}
.detail-wrapper .video-area span{font-size:35px;opacity: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position: absolute;top: 64%;width: 100%;left: 0;}
.detail-wrapper .urun-aciklamasi{position:absolute;left: 24%;background:url(../../../images/urun-aciklamasi.png) no-repeat 100% 100%;top: 57%;width: 33%;height: 40%;text-align:center;z-index: 1;opacity:0;transform: translateY(10%);-webkit-transform: translateY(10%);-ms-transform: translateY(10%);
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s; /*transition-delay:1.2s; -webkit-transition-delay:1.2s;*/}
.detail-wrapper .urun-aciklamasi span{font-size:35px;opacity: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position: absolute;top: 50%;width: 100%;left: 0;cursor:pointer;color: #fff;}
.detail-wrapper .urun-aciklamasi a{font-size:35px;opacity: 1;position: absolute;bottom: 6%;width:100%;left: 0;}
.detail-wrapper .teknik-cizim{position:absolute;right: 3%;background: url(../../../images/teknik.png) no-repeat;top: 44%;width: 31%;height: 47%;text-align:center;z-index: 1;background-size: cover;opacity:0;transform: translateY(10%);-webkit-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;transition-delay:0.9s;-webkit-transition-delay:0.9s;}
.detail-wrapper .teknik-cizim.active{z-index: 9999;}
.detail-wrapper .teknik-cizim span{font-size:35px;opacity: 1;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);position: absolute;top: 67%;width: 100%;left: 0;opacity: 1;color: #000;}
.detail-wrapper .teknik-cizim a{font-size:35px;opacity: 1;position: absolute;bottom: 6%;width:100%;left: 0;}
.detail-wrapper .shape1{position:absolute;left:0;top: 48%;width: 28%;height: 28%;border:3px solid #0055b8;opacity:0;transition-delay: 1.5s;-webkit-transition-delay: 1.5s; transform:scale(0);}
.detail-wrapper .shape2{position:absolute;left:0%;top: 32%;width: 32%;height: 60%;border:3px solid #0055b8;opacity:0;transition-delay: 1.3s;-webkit-transition-delay: 1.3s; }
.detail-wrapper .shape3{position:absolute;right: 0%;top: 22%;width: 10%;height: 12%;border:3px solid #0055b8;opacity:0;transform:scale(1.6); transition-delay: 1.6s;-webkit-transition-delay: 0.9s; }
.detail-wrapper .shape4{position:absolute;right: 0;top: 31%;width:0;height: 16%;border:3px solid #0055b8;opacity:0;border-right: 0;transition-delay: 1.9s;-webkit-transition-delay:1.9s; }
.detail-wrapper .shape5{position:absolute;left:32%;bottom:15%;width: 10%;height: 9%;border:3px solid #0055b8;opacity:0;border-bottom: 0;transition-delay: 2.2s;-webkit-transition-delay:2.2s; }
.detail-wrapper .shape1, .detail-wrapper .shape2, .detail-wrapper .shape3, .detail-wrapper .shape4, .detail-wrapper .shape5{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.active.detail-wrapper .urun-aciklamasi, .active.detail-wrapper .teknik-cizim,.active.detail-wrapper .video-area, .active.detail-wrapper .dokuman, .active.detail-wrapper .teknik-bilgiler{transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%); opacity:1;}

.active.detail-wrapper .shape1{left:4%; opacity:1;transform:scale(1);}
.active.detail-wrapper .shape2{left:29%; opacity:1;}
.active.detail-wrapper .shape3{right:4%; opacity:1;transform:scale(1);}
.active.detail-wrapper .shape4{opacity:1;transform:scale(1); width:10%}
.active.detail-wrapper .shape5{opacity:1; bottom:0;}


.urunler-wrapper{/* border:3px solid #0055b8; */width:100%;margin-top: 0;padding: 238px 1% 355px 1%;position: relative;min-height: 1090px;text-align:center;/* overflow: hidden; */}
h2{width:100%;text-align:center;position:relative;font-size: 32px;margin-bottom: 60px;letter-spacing: 2px;}
h2 span{ position:relative;}
h2 span::after{position:absolute;left: 0;margin-left: 0;height: 3px;width: 100%;background:#0055b8;content:'';bottom: -8px;}
.urunler-wrapper a{display: inline-block;width:23%;/* border:1px solid #363636; */padding: 0;margin-right:2%;margin-bottom:2%;}
.urunler-wrapper a:nth-child(4n+0){margin-right: 0!important;}
.urunler-wrapper a img{ display:block; width:100%;}
.urunler-wrapper a .title{font-size: 40px; position:relative; display:block;margin: 15px 0 40px 0;font-family:"ProximaNova-Bold";color:#0055b8;float: left;width: 100%;font-family: "ProximaNova-Light";}
.urunler-wrapper a .title:after{ position:absolute; left:50%; margin-left:-65px; bottom:-20px;  width:130px; height:1px; content:''; background:#0055B8;}
.urunler-wrapper a p{font-size: 20px;display:block;margin: 11px 0;height: 143px;line-height: 1.4;float: left;width: 100%;color: #0055B8;}
.urunler-wrapper a:hover{/* border:1px solid #0055b8; */}
.urunler-wrapper a .img-area-2{overflow:hidden;position:relative;width:100%;float:left;border: 1px solid #707070;}
.urunler-wrapper a .img-area-2::after{ position:absolute; left:0; top:0; width:100%; height:100%; background:#96989a; content:''; opacity:0.5;transform:scale(0);}
.urunler-wrapper a .img-area-2 img{ width:100%; display:block;}
.urunler-wrapper a .img-area-2 small{position:absolute;top:50%;left:50%;margin-left: -55px;margin-top:-14px;z-index:2;background:#000;padding:8px 12px;opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;transform:scale(0);width: 110px;}
.urunler-wrapper a:hover .img-area-2::after{transform:scale(1);}
.urunler-wrapper a:hover .img-area-2 small{ opacity:1; transform:scale(1);}
.news-content{ line-height:24px;}

.iletisim-wrapper{/* border:3px solid #0055b8; */width:100%;margin-top: 0;padding: 80px 8% 105px 8%;position: relative;min-height: 1070px;text-align:center;}
h5{width:100%;text-align:center;position:relative;font-size: 18px;margin-bottom:25px;letter-spacing: 2px;}
h5::after{position:absolute;left:50%;margin-left: -80px;height: 1px;width: 160px;background:#0055b8;content:'';bottom: -8px;}
.left-contact{ float:left; width:50%; line-height:24px;}
span.title img{ width:35px; float:left;}

.dokuman.active{z-index:9;width:70%;left: 50%;transform:translateX(-50%) !important;background:#fff;color:#000;-webkit-box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.48);-moz-box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.78);box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.78);-webkit-box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.78);-moz-box-shadow: 5px 5px 36px 5px rgba(0,0,0,0.18);box-shadow: 5px 5px 36px 15px rgba(0,0,0,0.18);border: 1px solid #ddd;}
.urun-aciklamasi.active{z-index:9;width:70%;left: 50%;transform:translateX(-50%) !important;background:#fff;color:#000;-webkit-box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.48);-moz-box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.78);box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.78);-webkit-box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.78);-moz-box-shadow: 5px 5px 36px 5px rgba(0,0,0,0.18);box-shadow: 5px 5px 36px 15px rgba(0,0,0,0.18);border: 1px solid #ddd; padding:3% 0 0 0;}
.video-area.active{z-index:9;width:70%;left: 50%;transform:translateX(-50%) !important;background:#fff;color:#000;-webkit-box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.48);-moz-box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.78);box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.78);-webkit-box-shadow: 5px 5px 36px -104px rgba(0,0,0,0.78);-moz-box-shadow: 5px 5px 36px 5px rgba(0,0,0,0.18);box-shadow: 5px 5px 36px 15px rgba(0,0,0,0.18);border: 1px solid #ddd;padding:3% 0 0 0;z-index: 999;}
.urun-aciklamasi p{ display:none; color:#000;}
.detail-wrapper .urun-aciklamasi.active {padding: 4% 5%;height: auto;}
.detail-wrapper .box-area{/* cursor:pointer; */}
.urun-aciklamasi.active p{display:block;}
.detail-wrapper .video-area.active span, .detail-wrapper .dokuman.active span, .detail-wrapper .urun-aciklamasi.active span{ color:#000; opacity:1;}
.detail-wrapper .video-area.active span{ margin-bottom:15px; display:block;}
.close{position:absolute;right:10px;top:10px;background:#0055b8;padding: 8px;cursor: pointer;opacity: 0;z-index: 2;}
.close img {-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;-o-transition: all 1.5s ease;transition: all 1s ease;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.detail-wrapper .urun-aciklamasi.active .close img, .detail-wrapper .dokuman.active .close img, .detail-wrapper .teknik-bilgiler.active .close img {-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);}
.detail-wrapper .active .close{opacity: 1;}
.detail-wrapper .urun-aciklamasi.active span{ position:static;}
.video-content{ display:none;}
.video-area.active .video-content{ display:block}
.video-area.active span{ position:static;}

#hi-there *{ fill:none;}

.logo-loader {position: fixed;top: 0;left: 0;z-index: 99999;width: 100%;height: 100vh;background: #fff;}
.logo-loader svg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.logo-loader img{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:none; }

.verilerden-verimlilik{
    left: 50%;
    top: 62%;
    transform: translate(-50%, 0);
    position: absolute;
}
.verilerden-verimlilik span{font-size: 18px;color: #96989a}

.uygulamalar{width:100%;padding: 0 9%;margin-top:140px;margin-bottom: 90px;float: left;}
.uygulamalar a{ padding:73px 0 0 0;  text-align:center; border:1px solid #B4B4B4; height:290px; display:block; float:left; width:18%; margin-bottom:40px; margin-right:2.5%;}
.uygulamalar a:nth-child(5n+0){ margin-right:0;}
.uygulamalar a span{ font-size:24px; position:relative; color:#0055B8; float:left; display:block; width:100%; margin-top:48px;}
.uygulamalar a span:after{ content:''; width:130px; height:2px; position:absolute; top:-30px; left:50%; margin-left:-65px; background:#E3E3E3;}
.uygulamalar a img{ height:70px;}
.uygulamalar a:hover, .uygulamalar a.active{ background:#0055B8;}
.uygulamalar a:hover span, .uygulamalar a.active span{color:#fff}

.content-box{width:100%;padding: 0 9%;margin-top:0;margin-bottom: 80px;float: left;display:none;}
.content-box img{ float:left; width:60%; display:block;padding-right:30px;}
.content-box .right{ padding:100px 0 0 0; float:left; width:40%; display:block;}
.content-box .right .title{ font-size:55px; color:#000; font-family: "ProximaNova-Light"; margin-bottom:40px;}
.content-box .right p{ font-size:20px; color:#000; font-family: "ProximaNova-Light"; line-height:1.5}


.list-page{ float:left; width:100%; padding:0 1%; margin-top:120px; }
.list-page a{display:block;overflow:hidden;width: 24.2%;padding:0;margin-right:1%;float:left;margin-bottom:30px;position:relative;}
.list-page a:nth-child(4n+0){ margin-right:0;}
.list-page a:hover img{ transform:scale(1.1);}
.list-page a img{display:block; width:100%; transform:scale(1);-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s; }
.list-page a span{ position:absolute; bottom:0; width:80%; padding:20px 0; text-align:center; left:50%; transform:translate(-50%,0%); background-color: rgba(0, 0, 0, 0.4);}
.list-page a span img{ width:auto; height:55px;margin:0 auto; margin-bottom:40px; }
.list-page a span p{ color:#fff; font-size:24px; position:relative;}
.list-page a span p:after{ position:absolute; top:-20px; content:''; width:130px; margin-left:-65px; background:#fff; left:50%; height:2px;}


.kurumsal-butons .content-item{-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;cursor: pointer; }
.kurumsal-butons .content-item:hover{ background:#0055B8;}

.right-content-detail{width:100%;padding-right:0%;}
.right-content-detail .img{ position:relative; float:left; width:100%;}
.right-content-detail .img img{ width:100%; display:block;max-height: 500px;}
.right-content-detail .img span{ position:absolute; bottom:0; width:330px; padding:20px 0; text-align:center; left:50%; transform:translate(-50%,0%); background-color: rgba(0, 0, 0, 0.4);}
.right-content-detail .img span img{ width:auto; height:55px;margin:0 auto; margin-bottom:40px; }
.right-content-detail .img span p{ color:#fff; font-size:24px; position:relative;}
.right-content-detail .img span p:after{ position:absolute; top:-20px; content:''; width:130px; margin-left:-65px; background:#fff; left:50%; height:2px;}
.right-content-detail .content-detail-sub{ margin-top:50px;  width:100%; text-align:center; display:inline-block;}
.right-content-detail .content-detail-sub .box{display:inline-block;width:45%; margin-right:10%; text-align:left; line-height:1.4; float: left;margin-bottom:80px;}
.right-content-detail .content-detail-sub .detail-box{padding: 0 15%;}
.right-content-detail .content-detail-sub .box .title{ font-size:55px; margin-bottom:20px; text-align:left;}
.right-content-detail .content-detail-sub .box.center{ float:none; margin:0 auto; text-align:center; margin-right:0;}
.right-content-detail .content-detail-sub .box.center .title{ text-align:center;}

.prev-btn{position:absolute;top: 0;text-align: center !important;width:100%;left:0;color:#fff;padding: 1px 0 !important;font-size: 20px !important;width: 100% !important;}

.iletisim-content{ float:left; width:100%; padding:0 8%; margin-top:80px;}
.iletisim-content .left{ width:50%; float:left; text-align:left;}
.iletisim-content .left p{ font-size:20px; padding:10px 0 0 0;}
.iletisim-content .left .row{ margin-bottom:20px; float:left; width:100%; margin-bottom:20px;}

.iletisim-content .right{ width:50%; float:left; text-align:left;}
.iletisim-content .right .row{ border:1px solid #96989A; width:100%; float:left; margin-bottom:32px; height:70px;}
.iletisim-content .right .row p{ float:left; width:25%; font-size:20px; position:relative; padding-left:20px; height:70px; line-height:70px;}
.iletisim-content .right .row p:after{ position:absolute; top:15px; height:42px; width:1px; background:#DDDDDD; content:''; right:0px;}
.iletisim-content .right .row input{ float:left; width:75%; height:68px; border:0; font-size:20px; color:#000; padding-left:40px;}
.iletisim-content .right .row input::placeHolder{ color:#000; }
.iletisim-content .right textarea{ width:100%; height:400px; float:left; border:0; font-size:20px; padding:20px; }
.iletisim-content .right .send{width: 218px !important;height: 49px !important;background:url(../../../images/send.svg) no-repeat;cursor:pointer;margin:0 auto;font-size:0 !important;float: none !important;padding: 0;display: block;}


@media screen and (max-width: 1600px) {
    .left-bottom-txt{left: 16.5%;}
    .uygulamalar{ padding:0 3%;}
    .content-box{ padding:0 3%;}
    .content-box .right p{ font-size:16px;}
    .uygulamalar a{height:auto; padding:40px 0;}
    .footerLogo{ margin-right:30px;}
    .shape-4{transform:scale(0.5);right: 19%;bottom: -200px;}
    .left-menu a{width: 100%;}
    .shape-3{ top:120px}
    .shape-2{ transform:scale(0.7); top:0px;left:0}
    .shape-1{ transform:scale(0.7); top:-100px; }
    .urunler-wrapper a .title{ font-size:30px;}
    .home-slider .txtArea{ padding:20px;}
    .buton-detail a{margin-right: 10%;}
    .left-menu a.active{width: 140%;padding-left: 7%;font-size: 25px;}
    .kurumsal-butons .content-item.active{
        height: 343px;
        padding-top: 43px;
        padding-left: 2%;
        /* background-size: 102%; */
        background: #0055B8;
    }
    .links-area .link{ margin:0 12px;}
    .home-slider .owl-nav{ bottom:10.5%;}
    .home-slider .txtArea .title1{ font-size:28px;}
    .home-slider .txtArea .title2{ font-size:35px;}
    .home-slider .txtArea p{ font-size:18px;}
    .home-slider a{ right:22%; bottom:10%; transform:scale(0.7);}
    .teaser-colm-2 a span{ font-size:30px;}
    header .logo img {width: 140%;}
    .kurumsal-butons .content-item p{font-size: 14px;line-height: 1.2;}
    .kurumsal-butons .content-item.active .title{font-size: 30px;}
}