@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Caveat:wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000&display=swap'); html{background:#FFFFFF; margin:0px; padding:0px; top:0px; width:100%; height:100%; text-align:center; overflow-x:hidden;} body{background:#FFFFFF; margin:0px; padding:0px; top:0px; width:100%; height:100%; text-align:center; top:0 !important;} img{border:none; display:block;} form{margin:0px; padding:0px;} input, textarea{-webkit-appearance:none;-webkit-border-radius:0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin:0px; padding:0px;} textarea:focus, input:focus, select:focus{outline: none;} ::-webkit-input-placeholder {color:#1F1F1F90;} ::-moz-placeholder {color:#1F1F1F90;} :-ms-input-placeholder {color:#1F1F1F90;} :-moz-placeholder {color:#1F1F1F90;} ::placeholder {color:#1F1F1F90;} Table{width:100%; border-width: 1px; border-color: #E0E0E0; border-collapse: collapse;} Table tbody { border-width: 1px; border-style:dashed; border-color: #E0E0E0; } Table td { border-width: 1px; padding-left: 5px; border-style: dashed; border-color: #E0E0E0; height:35px; } *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} * a, * a img, * input[type="submit"], * input[type="reset"]{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration: none; } a *{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-decoration: none; } .loading {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #FFFFFF; z-index: 9999;} .loading-text {position: absolute; float: left; margin:0px; text-align: center; width: 200px; height: 200px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} @-webkit-keyframes loading-text {0% {opacity: 0;} 100% {opacity: 1;}} @keyframes loading-text {0% {opacity: 0;} 100% {opacity: 1;}} .centering-100de{position:relative; width:100%; width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:-ms-calc(100% - 200px); width:-o-calc(100% - 200px); width:calc(100% - 200px); width:expression(100% - 200px); float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .centering-1720{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:1720px; float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .centering-1600{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:1600px; float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .centering-1440{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:1440px; float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .centering-1360{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:1360px; float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .centering-1280{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:1280px; float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .centering-1080{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:1080px; float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .centering-1000{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:1000px; float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .centering-900{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:900px; float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .centering-760{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:760px; float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .xindex-8{ z-index: 8;} #Header{ width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; z-index: 11;} .Header-top-yuzde{ width: auto; display: block; float: right; position: relative; margin: 0px; padding: 0px;} .Header-top-ortala{ width: auto; display: block; float: right; position: relative; margin: 0px; padding: 0px;} #Header-top{ width: 100%; min-height: 40px; display:block; position:relative; float:left; margin:0px; padding:0px;} .Header-social{ width: auto; height: 30px; display:block; position:relative; float:right; margin:0px; margin-left: 5px; margin-right: 15px; margin-top: 10px; padding:0px;} .Header-social:after{ content: ''; width: 1px; height: 20px; display:block; position:absolute; left: -5px; top: 5px; float:left; margin:0px; padding:0px; background: #1F1F1F50;} .Header-social:before{ content: ''; width: 1px; height: 20px; display:block; position:absolute; right: -5px; top: 5px; float:left; margin:0px; padding:0px; background: #1F1F1F50;} .Header-social a{ width: 25px; height: 30px; cursor:pointer;position:relative;margin:0px; margin-left:5px; display:inline-block; text-align:center; font-size:20px; line-height: 30px; font-weight:100; color:#1F1F1F50;} .Header-social a i{color:#1F1F1F50; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;} .Header-social a:hover i.fa-instagram{ color:#c32aa3;} .Header-social a:hover i.fa-facebook{ color:#3b5998;} .Header-social a:hover i.fa-twitter{ color:#1da1f2;} .Header-social a:hover i.fa-pinterest{ color:#bd081c;} .Header-social a:hover i.fa-map-marker{ color:#34a853;} .Header-social a:hover i.fa-rss{ color:#f35022;} .Header-social a:hover i.fa-youtube{ color:#d32323;} .Header-social a:hover i.fa-whatsapp{ color:#25d366;} .Header-social a:hover i.fa-linkedin{ color:#0072b1;} .Header-top-menu{ width: auto; height: 30px; display:block; position:relative; float:right; margin:0px; margin-top: 10px; padding:0px;} .Header-top-menu a{ width: auto; height: 20px; display:block; position:relative; float:left; margin:5px; padding:0px; text-decoration: none; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow: hidden;} .Header-top-menu a img{ width: auto; height: 20px; display:block; position:relative; float:left; margin:0px; padding:0px; opacity: 0.7;} .Header-top-menu a:hover img{ opacity: 1;} .Header-telefon{ width: 205px; height: 30px; display:block; position:relative; float:right; margin:5px 0px; margin-top: 12px; padding:0px; cursor:pointer;} .Header-telefon a{ width: 100%; height: 30px; display:block; position:relative; float:left; margin:0px; padding:0px; cursor:pointer; text-decoration: none;} .Header-telefon span.Header-telefon-icon{width:30px; height:30px; position:relative; float:left; display:block; margin:0px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; background:url(imgs/telefon.png) 0px 0px no-repeat;} .Header-telefon span.Header-telefon-sol{width:60px; height:30px; position:relative; float:left; display:block; margin:0px; margin-top:4px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; font-family:"Roboto", sans-serif; font-weight:500; color:#FF2116; font-size:10px; line-height:10px; text-decoration:none; text-align:right;} .Header-telefon span.Header-telefon-sol b{width:60px; height:10px; position:relative; float:left; display:block; margin:0px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; font-family:"Roboto", sans-serif; font-weight:400; color:#FF2116; font-size:11px; line-height:10px; text-decoration:none; text-align:right;} .Header-telefon span.Header-telefon-right{width:110px; height:30px; position:relative; float:left; display:block; margin:0px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; font-family:"Roboto", sans-serif; font-weight:600; color:#FF2116; font-size:23px; line-height:30px; text-decoration:none; text-align:right; margin-top: -1px;} .Header-telefon:hover span.Header-telefon-icon{background:url(imgs/telefon.png) -30px 0px no-repeat;} .Header-telefon:hover span.Header-telefon-sol{color:#1F1F1F;} .Header-telefon:hover span.Header-telefon-sol b{color:#1F1F1F;} .Header-telefon:hover span.Header-telefon-right{color:#1F1F1F;} #Header-bottom{ width: 100%; height: 55px; display:block; position:relative; float:left; margin:0px; padding:0px; z-index: 11;} #Header-logo{width:180px; height:100px; display:block; position:relative; float:left; margin:0px; margin-top: -30px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} #Header-logo a{width:100%; height:100%; display:block; position:relative; float:left; margin:0px; padding:0px; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; background:url(imgs/logo.png) center center no-repeat; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%;} #Header-menu{width:auto; height:60px; display:block; position:relative; float:right; margin:0px; margin-top: 10px; padding:0px; z-index:8;} #Header-menu ul.NavMenu{padding:0px; margin:10px 0px; position:relative; float:left; list-style:none; display:block;} #Header-menu ul.NavMenu li{ display:inline-block; font-family:'Roboto', sans-serif; font-weight:500; color:#1F1F1F; font-size:15px; text-decoration:none; margin:0; padding:0; float:left; position:relative; line-height: 40px;} #Header-menu ul.NavMenu li a{ height: 40px; position: relative; display:inline-block; text-decoration:none; z-index:2; text-align:right; padding-right:10px; padding-left:10px; font-family:'Roboto', sans-serif; font-size:15px; font-weight:500; color:#1F1F1F; line-height:20px; text-decoration: none; } #Header-menu ul.NavMenu li a b{ display:block; font-size:12px; font-weight:500; color:#1F1F1F; line-height:15px; text-decoration: none;} #Header-menu ul.NavMenu li a:after{content: ""; position: absolute; width: 0px; height: 3px; left: 50%; bottom: 0px; z-index:-1; background:#FF2116; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #Header-menu ul.NavMenu li a:hover:after{width: 100%; left: 0px;} #Header-menu ul.NavMenu li ul{ top: 40px; list-style:none;margin:0;padding:0;display:none;position:absolute;z-index:8;background:#FFFFFF; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0 1px 73px rgb(40 40 40 / 15%); -khtml-box-shadow: 0 1px 73px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 73px rgba(0,0,0,.15); -ms-box-shadow: 0 1px 73px rgba(0,0,0,.15); -o-box-shadow: 0 1px 73px rgba(0,0,0,.15); box-shadow: 0 1px 73px rgb(0,0,0 / 15%);} #Header-menu ul.NavMenu li ul li{display:inline-block; font-family:'Roboto', sans-serif; font-weight:500; color:#1F1F1F; font-size:15px; text-decoration:none; margin:0; padding:0; float:left; line-height:40px; position:relative; border-bottom: #1F1F1F20 1px solid; overflow: hidden;} #Header-menu ul.NavMenu li ul li a{width:240px; height: 40px; position: relative; display:inline-block; text-decoration:none; z-index:2; text-align:left; padding: 0px; padding-left:10px; font-family:'Roboto Condensed', sans-serif; font-size:14px; font-weight:300; color:#1F1F1F; line-height:40px; text-decoration: none} #Header-menu ul.NavMenu li ul li a:after{top:auto;bottom:0px;} #Header-menu ul.NavMenu li ul li a:hover:after{width: 100%; left: 0px;} #Header-menu .NavMenu>div.MenuHidden{display:block; float:right; width:40px; height:30px; margin:0px; margin-left:10px; cursor:pointer; overflow:hidden; position:relative; z-index:1;} #Header-menu .NavMenu>li.MenuHide{display:none; float:right; width:40px; height:30px; margin:0px; margin-left:10px; cursor:pointer; overflow:hidden; position:relative; z-index:1;} .MenuHidden .MenuHideCizgi, .MenuHide .MenuHideCizgi{width: 40px; height: 26px; position: relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; margin: 0px; margin-top:4px; cursor: pointer; display:block;} .MenuHideCizgi span{width: 100%; height: 2px; background: #1F1F1F; display: block; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px; position: absolute; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .MenuHideCizgi span:nth-child(1){width: 20px; left:10px; top: 0;} .MenuHideCizgi span:nth-child(2){width: 40px; left: 0px; top:8px;} .MenuHideCizgi span:nth-child(3){width: 30px; left: 10px; top:16px;} .MenuHideCizgi span:nth-child(4){width: 30px; left: 0px; top:24px;} .MenuHideCizgi:hover span{background: #FF2116; left: 0px; width:100%;} #Home{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; background:#FFFFFF; position:relative;} #Home-slider{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow:hidden;} #Home-slider:after{content:"";width:100%; height:100px; float:left; display:block; margin:0px; padding:0px; top: 0px; position:absolute; background:url("imgs/header-top.png") 100% 50px no-repeat; background-position: top center; background-size:auto 100%; z-index: 10; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;} #Home-slider:before{content:"";width:100%; height:240px; float:left; display:block; margin:0px; padding:0px; bottom: 0px; position:absolute; background:url("imgs/header-bottom.png") 0px 0px no-repeat; background-position: bottom center; background-size:auto 100%; z-index: 10;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;} .Home-slider{width:100%; height:100vh; max-height:900px; min-height: 680px; padding:0;margin:0;position:relative; display:block; background:#1F1F1F; overflow:hidden; float:left;} .Home-slider .LgntSlid-slides{padding:0;margin:0;list-style:none;width:100%;height:100%; overflow:hidden; float:left;} .Home-slider .LgntSlid-slides li{display:block;list-style:none; width:100%;height:100%; position:relative; float:left; display:block; margin:0px; padding:0px; top:0px;overflow: hidden;} .Home-slider .LgntSlid-slides li .LgntSlid-slides-bg{right:0px; left:0px; margin-left: auto; margin-right: auto; display:block; width:100%; height:100%; margin:auto; position:absolute; overflow:hidden; z-index:2; background:#1F1F1F50; background: -webkit-linear-gradient(top, rgba(32, 28, 32,1) 0%, rgba(32, 28, 32,0.50) 50%, rgba(32, 28, 32,1) 100%); background: -moz-linear-gradient(top, rgba(32, 28, 32,1) 0%, rgba(32, 28, 32,0.50) 50%, rgba(32, 28, 32,1) 100%); background: -o-linear-gradient(top, rgba(32, 28, 32,1) 0%, rgba(32, 28, 32,0.50) 50%, rgba(32, 28, 32,1) 100%); background: -ms-linear-gradient(top, rgba(32, 28, 32,1) 0%, rgba(32, 28, 32,0.50) 50%, rgba(32, 28, 32,1) 100%); background: linear-gradient(to bottom, rgba(32, 28, 32,1) 0%,rgba(32, 28, 32,0.50) 50%,rgba(32, 28, 32,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F1F1F00', endColorstr='#1F1F1F99',GradientType=0 );} .Home-slider .Home-slider-cerceve{width:100%; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:-ms-calc(100% - 80px); width:-o-calc(100% - 80px); width:calc(100% - 80px); width:expression(100% - 80px); max-width:1600px; height:auto; margin:0px; padding:0px; list-style:none; position:absolute; z-index:2; display:block; float: left; top:50%; left: 50%; -webkit-transform: translate(0%, -50%); -o-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index: 9;} .Home-slider-text{width:50%; height:auto; display:block; float:left; margin:0px; padding:0px; position:relative; text-align:left;} .Home-slider-baslik{width:100%; position:relative; display:block; float:left; font-family:"Roboto", sans-serif; font-weight:100; color:#FFFFFF; font-size:40px; line-height: 45px; text-decoration:none; margin:0px; padding:0px;} .Home-slider-baslik b{font-weight: 500;} .Home-slider-icerik{width:100%; min-height: 75px; position:relative; display:block; float:left; font-family:"Roboto", sans-serif; font-weight:300; color:#FFFFFF; font-size:19px; line-height: 25px; text-decoration:none; margin:0px; margin-top: 10px; padding:0px;} .Home-slider-buton{width:100%; position:relative; display:block; float:left; margin:0px; margin-top: 40px; padding:0px; } .Home-slider-buton a.iletisim{width:auto; height:50px; float:left; display:block; margin:0px; padding:0px 25px; padding-right: 65px; position:relative; font-family:"Roboto", sans-serif; font-weight:500; color:#FFFFFF; font-size:17px; line-height:50px; text-decoration:none; text-align:left; background: #FF2116; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; overflow: hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-slider-buton a.iletisim b{width:50px; height:50px; float:right; display:block; margin:0px; padding:0px; top: 0px; right: 0px; position:absolute; background:url(imgs/slideriletisim.png) 0px 0px no-repeat; z-index: 8;} .Home-slider-buton a.iletisim:hover{background: #0A0B1E;} .Home-slider .LgntSlid-control-nav{width:50px; height:auto; margin:0px auto; padding:0px; list-style:none; position:absolute; display:block; top:50%; right:40px; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); z-index:3;} .Home-slider .LgntSlid-control-nav li{position:relative; float:left; display:block; width:50px; height:50px; text-decoration:none; cursor:pointer; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; cursor:pointer; margin:0px; padding: 0px; display:block; list-style:none; font-family:"Roboto", sans-serif; font-weight:900; font-size:18px; color:#FFFFFF50; text-align:center; text-decoration:none; line-height:50px; z-index:3;} .Home-slider .LgntSlid-control-nav li:after{content:""; width:1px; height:50px; background:#FFFFFF50; display:block; float:left; margin:0px; padding:0px; top: 0px; right: 2px; position:absolute; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; list-style:none;} .Home-slider .LgntSlid-control-nav li:hover{display:block; font-size:28px; color:#FFFFFF;} .Home-slider .LgntSlid-control-nav li:hover:after{content:""; width:5px; height:50px; background:#FFFFFF; margin:0px; right: 0px; } .Home-slider .LgntSlid-control-nav li.LgntSlid-active{ display:block; font-size:28px; color:#FFFFFF;} .Home-slider .LgntSlid-control-nav li.LgntSlid-active:after{content:""; width:5px; height:50px; background:#FFFFFF; margin:0px; right: 0px; } .Main-slider .LgntSlid-direction-nav{ display: none;list-style: none;} #Home-hakkimizda{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow:hidden;} .Home-hakkimizda{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow:hidden;} .Home-hakkimizda-gorsel{width:50%; width:-webkit-calc(50% - 80px); width:-moz-calc(50% - 80px); width:-ms-calc(50% - 80px); width:-o-calc(50% - 80px); width:calc(50% - 80px); width:expression(50% - 80px); height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow:hidden;} .Home-hakkimizda-gorsel-margin{width:100%; max-width: 720px; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow:hidden; } .Home-hakkimizda-gorsel-margin img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:auto; margin: 0px; padding: 0px; float: left; display: block; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; -ms-border-radius: 40px; border-radius: 40px;} .Home-hakkimizda-text{width:50%; height:auto; float:right; display:block; margin:0px; margin-top: 60px; padding:0px; position:relative; overflow:hidden; text-align: left;} .Home-hakkimizda-baslik{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-top: 10px; padding:0px; font-family:'Roboto', sans-serif; font-weight:500; font-size:21px; line-height: 30px; color:#FF2116; text-decoration:none;} .Home-hakkimizda-baslikozel{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-top: 20px; padding:0px; font-family:'Roboto', sans-serif; font-weight:200; font-size:45px; line-height: 50px; color:#242424; text-decoration:none;} .Home-hakkimizda-baslikozel b{font-weight:400;} .Home-hakkimizda-icerik{width:100%; height:auto; position:relative; float:right; display:block; margin:0px; margin-top: 20px; padding:0px; font-family:'Roboto', sans-serif; font-weight:400; font-size:18px; line-height:25px; color:#242424; text-decoration:none;} .Home-hakkimizda-icon{width:100%; height:auto; position:relative; float:right; display:block; margin:0px; margin-top: 20px; padding:0px; } .Home-hakkimizda-icon-list{width:49%; height:auto; min-height:50px; position:relative; float:left; display:block; margin:0px; margin-top: 20px; margin-left: 2%; padding:0px;text-align:left;} .Home-hakkimizda-icon-list:nth-child(2n+1){margin-left: 0px;} .Home-hakkimizda-icon-list-sayisal{ width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; font-family:'Roboto', sans-serif; font-weight:600; color:#242424; font-size:55px; line-height:60px; text-decoration:none; } .Home-hakkimizda-icon-list-sayisal b{ color:#289B46;} .Home-hakkimizda-icon-list-text{ width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; font-family:'Roboto', sans-serif; font-weight:400; color:#242424; font-size:19px; line-height:25px; text-decoration:none;} .Home-hakkimizda-buton{width:100%; position:relative; display:block; float:left; margin:0px; margin-top: 40px; padding:0px; } .Home-hakkimizda-buton a{width:auto; height:50px; float:left; display:block; margin:0px; padding:0px 20px; position:relative; font-family:"Roboto", sans-serif; font-weight:500; color:#FFFFFF; font-size:13px; line-height:50px; text-decoration:none; text-align:left; background: #FF2116; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; overflow: hidden;} .Home-hakkimizda-buton a:hover{color:#FFFFFF; background: #242424;} #Home-neden{width:100%; height:auto; float:left; display:block; margin:0px; margin-top: 100px; padding:0px; position:relative; overflow:hidden;} .Home-neden{width:100%; height:auto; float:left; display:block; margin:80px 0px; padding:0px; position:relative; overflow:hidden;} .Home-neden-text{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow:hidden;} .Home-neden-left{width:50%; width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); width:-ms-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); width:expression(50% - 40px); height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow:hidden; text-align: left;} .Home-neden-baslik{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-weight:400; font-size:21px; line-height: 25px; color:#FFFFFF; text-decoration:none;} .Home-neden-baslikozel{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-top: 20px; padding:0px; font-family:'Roboto', sans-serif; font-weight:100; font-size:45px; line-height: 50px; color:#FFFFFF; text-decoration:none;} .Home-neden-baslikozel b{font-weight:400;} .Home-neden-right{width:50%; width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); width:-ms-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); width:expression(50% - 40px); height:auto; float:right; display:block; margin:0px; padding:0px; position:relative; overflow:hidden; text-align: left;} .Home-neden-aciklama{width:100%; height:auto; position:relative; float:right; display:block; margin:0px; margin-top: 50px; padding:0px; font-family:'Roboto', sans-serif; font-weight:300; font-size:17px; line-height:25px; color:#FFFFFF; text-decoration:none;} .Home-neden-iconlar{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-top: 80px; padding:0px; } .Home-neden-iconlar-list{width:25%; width:-webkit-calc(25% - 40px); width:-moz-calc(25% - 40px); width:-ms-calc(25% - 40px); width:-o-calc(25% - 40px); width:calc(25% - 40px); width:expression(25% - 40px); height:auto; position:relative; float:left; display:block; margin:0px; margin-left: 20px; margin-right: 20px; margin-bottom: 40px; padding:0px;} .Home-neden-iconlar-list-img{width:100%; height:60px; position:relative; float:left; display:block; margin:0px; margin-right:20px; padding:0px;} .Home-neden-iconlar-list-img img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:auto; height:100%; z-index:0; border:none; border:0px; left:0px; top:0px; } .Home-neden-iconlar-list-baslik{ width:100%; height: auto; float:left; display:block; margin:0px; margin-top: 10px; padding:0px; position:relative; font-family:'Roboto', sans-serif; font-weight:400; color:#FFFFFF; font-size:24px; line-height:30px; text-decoration:none; text-align:left;} .Home-neden-iconlar-list-aciklama{ width:100%; height:auto; float:left; display:block; margin:0px; margin-top: 10px; padding:0px; position:relative; font-family:'Roboto', sans-serif; font-weight:300; color:#FFFFFF; font-size:15px; line-height:20px; text-decoration:none; text-align:left;} #Home-urun{width:100%; height:auto; min-height: 800px; float:left; display:block; margin:0px; margin-top: 100px; padding:0px; position:relative; overflow:hidden;} .Home-urun{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow:hidden;} .Home-urun-text{position:relative; width:100%; height: auto; display:block; overflow:hidden; float:left; margin:0px; padding:0px; z-index:2; text-align:left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:center;} .Home-urun-baslik{ width:100%; position:relative; display:block; float:left; font-family:'Roboto', sans-serif; font-weight:100; color:#1D1D1B; font-size:45px; line-height:50px; text-decoration:none; margin:0px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-urun-baslik b{ font-weight: 400;} .Home-urun-aciklama{ width:100%; height:auto; margin:0px; margin-top:20px; padding:0px; float:left; display:block; position:relative; font-family:'Roboto', sans-serif; font-weight:300; color:#1D1D1B; font-size:15px; line-height:25px; text-decoration:none;} .Home-urun-liste{position:relative; width:100%; height: auto; display:block; overflow:hidden; float:left; margin:0px; margin-top: 40px; padding:0px; z-index:2; text-align:left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:center;} .Home-urun-list{position:relative; width:25%; width:-webkit-calc(25% - 20px); width:-moz-calc(25% - 20px); width:-ms-calc(25% - 20px); width:-o-calc(25% - 20px); width:calc(25% - 20px); width:expression(25% - 20px); height: auto; display:block; overflow:hidden; float:left; margin:0px; margin-bottom: 20px; margin-left: 25px; padding:0px; z-index:2; text-align:left; border:#1D1D1B15 1px solid; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-urun-list:nth-child(4n+1){margin-left: 0px;} .Home-urun-list:hover{ border: #FF3427 1px solid; } .Home-urun-list-margin{position:relative; width:100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); width:expression(100% - 40px); height: auto; display:block; overflow:hidden; float:left; margin:20px; margin-left: 25px; padding:0px; z-index:2;} .Home-urun-list-gorsel{width:100%; height:240px; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px; position:relative; overflow:hidden;} .Home-urun-list-gorsel img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center center; -moz-object-position:center center; -o-object-position:center center; -ms-object-position:center center; object-position:center center; width:100%; height: auto; float: left; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .Home-urun-list-kategori{width:100%; height:20px; position:relative; float:left; display:block; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-weight:500; font-size:17px; line-height: 20px; color:#010101; text-decoration:none;} .Home-urun-list-baslik{width:100%; height:50px; position:relative; float:left; display:block; margin:0px; margin-top: 10px; padding:0px; font-family:'Roboto', sans-serif; font-weight:400; font-size:15px; line-height: 25px; color:#1D1D1B; text-decoration:none;} .Home-urun-list-aciklama{width:100%; height:80px; position:relative; float:left; display:block; margin:0px; margin-top: 10px; padding:0px; font-family:'Roboto', sans-serif; font-weight:300; font-size:14px; line-height: 20px; color:#1D1D1B; text-decoration:none;} .Home-urun-list-buton{ width:100%; height:auto; float:left; display:block; margin:0px; margin-top: 10px; padding:0px; position:relative;} .Home-urun-list-buton a{ width:auto; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; font-family:'Roboto', sans-serif; font-weight:400; color:#FF3427; font-size:15px; line-height:20px; text-decoration:none; text-align:left;} .Home-urun-list-buton a:hover{ padding-left: 5px; color:#1D1D1B;} #Home-sayisal-bilgi{width:100%; height: auto; float:left; display:block; margin:0px; margin-top:100px; padding:0px; position:relative;} #Home-sayisal-bilgi:after{content:"";width:100%; height:100px; float:left; display:block; margin:0px; padding:0px; top: 0px; position:absolute; background:url("imgs/brush-top.png") 100% 50px no-repeat; background-position: top center; background-size:auto 100%; z-index: 10; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;} #Home-sayisal-bilgi:before{content:"";width:100%; height:100px; float:left; display:block; margin:0px; padding:0px; bottom: 0px; position:absolute; background:url("imgs/brush-bottom.png") 0px 0px no-repeat; background-position: bottom center; background-size:auto 100%; z-index: 10;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;} .Home-sayisal-bilgi{width:100%; height: auto; min-height:480px; float:left; display:block; margin:0px; padding:0px; position:relative;} .Home-sayisal-bilgi-text{position:relative; width:100%; height: auto; display:block; overflow:hidden; float:left; margin:0px; margin-top: 120px; padding:0px; z-index:2; text-align:left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:center;} .Home-sayisal-bilgi-baslik{ width:100%; position:relative; display:block; float:left; font-family:'Roboto', sans-serif; font-weight:300; color:#FFFFFF; font-size:45px; line-height:50px; text-decoration:none; margin:0px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-sayisal-bilgi-baslik b{ font-weight: 400;} .Home-sayisal-bilgi-aciklama{ width:100%; height:auto; margin:0px; margin-top:20px; padding:0px; float:left; display:block; position:relative; font-family:'Rubik', sans-serif; font-weight:300; color:#FFFFFF; font-size:15px; line-height:25px; text-decoration:none;} .Home-sayisal-bilgi-liste{width:100%; height:auto; float:left; display:block; margin:0px; margin-top: 40px; padding:0px; position:relative; } .Home-sayisal-bilgi-list{width:25%; height:auto; min-height:60px; position:relative; float:left; display:block; margin:0px; padding:0px;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; cursor:pointer;} .Home-sayisal-bilgi-list-icon{width:60px; height:60px; position:relative; float:left; display:block; margin:0px; margin-left:20px; margin-right:20px; padding:0px;} .Home-sayisal-bilgi-list-icon img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; z-index:0; border:none; border:0px; left:0px; top:0px; } .Home-sayisal-bilgi-list-text{ width:100%; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:-ms-calc(100% - 100px); width:-o-calc(100% - 100px); width:calc(100% - 100px); width:expression(100% - 100px); min-height:60px; float:left; display:block; margin:0px; padding:0px; position:relative; font-family:'Roboto', sans-serif; font-weight:300; color:#FFFFFF; font-size:16px; line-height:20px; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:left;} .Home-sayisal-bilgi-list-text b{ width:100%; display:block; font-weight:600; font-size:40px; line-height:40px; color: #FFFFFF;} #Home-sag-sol{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow:hidden;} .Home-sag-sol-centering{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width: 1600px; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-sag-sol{width:100%; height:auto; float:left; display:block; margin:0px; margin-top: 80px; padding:0px; position:relative;} .Home-sag-sol-gorsel-right{width:50%; width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); width:-ms-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); width:expression(50% - 40px); height:auto; float:right; display:block; margin:0px; padding:0px; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-sag-sol-gorsel-left{width:50%; width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); width:-ms-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); width:expression(50% - 40px); height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-sag-sol-kapak{width:100%; height: auto; float:right; display:block; margin:0px; padding:0px; position:relative; overflow: hidden;} .Home-sag-sol-kapak img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; border:none; border:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-sag-sol-text-left{width:50%; width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); width:-ms-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); width:expression(50% - 40px); height:auto; float:left; display:block; margin:0px; margin-top: 40px; padding:0px; position:relative; text-align: right;} .Home-sag-sol-text-right{width:50%; width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); width:-ms-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); width:expression(50% - 40px); height:auto; float:right; display:block; margin:0px; margin-top: 40px; padding:0px; position:relative; text-align: left;} .Home-sag-sol-baslikozel{position:relative; width:100%; height:auto; float:left; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:45px; line-height:50px; color:#242424; font-weight:200; text-decoration:none; overflow:hidden;} .Home-sag-sol-baslikozel b{font-weight:400;} .Home-sag-sol-icerik{ width:100%; height:auto; margin: 0px; margin-top: 20px; padding: 0px; float:left; font-family:'Roboto', sans-serif; font-weight:300; color:#242424; font-size:17px; line-height:25px; text-decoration:none;} #Home-urun-gruplari{width:100%; height:auto; float:left; display:block; margin:0px; margin-top: 100px; padding:0px; position:relative; overflow:hidden;} .Home-urun-gruplari-centering{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width:1540px; float: left; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-urun-gruplari-carousel{position:relative; width:100%; height: 400px; display:block; float:left; margin:0px; margin-top: 40px; padding:0px; z-index:2; text-align:center; } .Home-urun-gruplari-carousel .Lgnt-Carousel-Stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;z-index: 1;} .Home-urun-gruplari-carousel .Lgnt-Carousel-Stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .Home-urun-gruplari-carousel .Lgnt-Carousel-Stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .Home-urun-gruplari-carousel .Lgnt-Carousel-Wrapper, .Home-urun-gruplari-carousel .Lgnt-Carousel-Item{ width:360px; height:400px; position:relative;min-height:1px; float:left; -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden; -webkit-tap-highlight-color:transparent;-webkit-touch-callout:none; -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);} .Home-urun-gruplari-carousel-item{width:360px; height:400px; display: block; float:left; margin:0px 13px; padding:0px; overflow:hidden;} .Home-urun-gruplari-carousel-item a{width:100%; height:100%; display: block; float:left; margin:0px; padding:0px; overflow:hidden; cursor: pointer; background: #F5F5F5; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px;} .Home-urun-gruplari-carousel-item-sayi{width:auto; height:auto; display: block; float:left; margin:0px; padding:0px; left: 0px; top: -20px; position: absolute; overflow:hidden; cursor: pointer; font-family:'Oswald', sans-serif; font-weight:600; color:#FFFFFF; font-size:100px; line-height:100px; text-decoration:none;} .Home-urun-gruplari-carousel-item-margin{width:100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); width:expression(100% - 40px); height:100%; height:-webkit-calc(100% - 40px); height:-moz-calc(100% - 40px); height:-ms-calc(100% - 40px); height:-o-calc(100% - 40px); height:calc(100% - 40px); height:expression(100% - 40px); display: block; float:left; margin:20px; padding:0px; overflow:hidden; cursor: pointer;} .Home-urun-gruplari-carousel-item-gorsel{width:100%; height:160px; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px; position:relative; overflow:hidden;} .Home-urun-gruplari-carousel-item-gorsel img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center center; -moz-object-position:center center; -o-object-position:center center; -ms-object-position:center center; object-position:center center; width:70%; height: auto; float: right;} .Home-urun-gruplari-carousel-item-baslik{ width:100%; height: 50px; position:relative; display:block; float:left; font-family:'Roboto Condensed', sans-serif; font-weight:400; color:#1D1D1B; font-size:21px; line-height:25px; text-decoration:none; margin:0px; padding:0px; text-align: left;} .Home-urun-gruplari-carousel-item-aciklama{ width:100%; height: 80px; overflow: hidden; position:relative; display:block; float:left; font-family:'Roboto', sans-serif; font-weight:300; color:#1D1D1B; font-size:15px; line-height:20px; text-decoration:none; margin:0px; padding:0px; text-align: left;} .Home-urun-gruplari-carousel-item-buton{width:100%; height: 30px; overflow: hidden; position:relative; display:block; float:left; font-family:'Roboto', sans-serif; font-weight:400; color:#FF290B; font-size:15px; line-height:25px; text-decoration:none; margin:0px; margin-top: 20px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align: left;} .Home-urun-gruplari-carousel-item a:hover{ background: #FF290B;} .Home-urun-gruplari-carousel-item a:hover .Home-urun-gruplari-carousel-item-sayi{color:#FFFFFF50;} .Home-urun-gruplari-carousel-item a:hover .Home-urun-gruplari-carousel-item-baslik, .Home-urun-gruplari-carousel-item a:hover .Home-urun-gruplari-carousel-item-aciklama{color:#FFFFFF;} .Home-urun-gruplari-carousel-item a:hover .Home-urun-gruplari-carousel-item-buton{color:#FFFFFF; padding-left: 10px;} .Home-urun-gruplari-carousel .Lgnt-Carousel-Loaded{display:block} .Home-urun-gruplari-carousel .Lgnt-Carousel-Loading{opacity:0;display:block} .Home-urun-gruplari-carousel .Lgnt-Carousel-Hidden{opacity:0} .Home-urun-gruplari-carousel .Lgnt-Carousel-Refresh .Lgnt-Carousel-Item{visibility:hidden} .Home-urun-gruplari-carousel .Lgnt-Carousel-Drag .Lgnt-Carousel-Item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .Home-urun-gruplari-carousel .Lgnt-Carousel-Grab{cursor:move;cursor:grab} .Home-urun-gruplari-carousel .Lgnt-Carousel-Nav{display: block;} .Home-urun-gruplari-carousel .Lgnt-Carousel-Nav{ width: 100%; height:1px; margin:0px; top:0px; left:0px; display:block; float:left; position:absolute;top:50%; -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform:translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%);} .Home-urun-gruplari-carousel .Lgnt-Carousel-Nav .Lgnt-Carousel-Prev, .Home-urun-gruplari-carousel .Lgnt-Carousel-Nav .Lgnt-Carousel-Next{border:none; list-style:none; width:30px; height:50px; text-decoration:none; cursor:pointer; position:absolute; display:block; z-index:2;outline: none; text-decoration:none; text-align:center; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px; top:50%; -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform:translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%);} .Home-urun-gruplari-carousel .Lgnt-Carousel-Nav .Lgnt-Carousel-Prev{left: -30px; background:url(imgs/carouselarrow.png) -30px 0px no-repeat; } .Home-urun-gruplari-carousel .Lgnt-Carousel-Nav .Lgnt-Carousel-Prev:hover{background:url(imgs/carouselarrow.png) 0px 0px no-repeat; } .Home-urun-gruplari-carousel .Lgnt-Carousel-Nav .Lgnt-Carousel-Next{right:-30px; background:url(imgs/carouselarrow.png) -60px 0px no-repeat; } .Home-urun-gruplari-carousel .Lgnt-Carousel-Dots{ display: none;} #Home-genel-aciklama{width:100%; height:auto; float:left; display:block; margin:0px; margin-top: 80px; padding:0px; position:relative; overflow:hidden;} .Home-genel-aciklama-centering{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); max-width: 1600px; display:block; height:auto; margin:0px; padding:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-genel-aciklama-gorsel{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-genel-aciklama-gorsel img{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-genel-aciklama-text{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-genel-aciklama-left{width:50%; width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); width:-ms-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); width:expression(50% - 40px); height:auto; float:left; display:block; margin:0px; margin-top: 40px; padding:0px; position:relative; text-align: right;} .Home-genel-aciklama-right{width:50%; width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); width:-ms-calc(50% - 40px); width:-o-calc(50% - 40px); width:calc(50% - 40px); width:expression(50% - 40px); height:auto; float:right; display:block; margin:0px; margin-top: 40px; padding:0px; position:relative; text-align: left;} .Home-genel-aciklama-baslikozel{position:relative; width:100%; height:auto; float:left; margin:0px; padding:0px; font-family:'Roboto', sans-serif; font-size:45px; line-height:50px; color:#242424; font-weight:200; text-decoration:none; overflow:hidden;} .Home-genel-aciklama-baslikozel b{font-weight:400;} .Home-genel-aciklama-icerik{ width:100%; height:auto; margin: 0px; margin-top: 20px; padding: 0px; float:left; font-family:'Roboto', sans-serif; font-weight:300; color:#242424; font-size:17px; line-height:25px; text-decoration:none;} #Main{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; background:#FFFFFF; position:relative;} #Main-banner{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; z-index: 0;} #Main-banner:after{content:"";width:100%; height:100px; float:left; display:block; margin:0px; padding:0px; top: 0px; position:absolute; background:url("imgs/brush-top.png") 0px 0px no-repeat; background-position: top center; background-size:auto 100%; z-index: 10; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;} #Main-banner:before{content:"";width:100%; height:100px; float:left; display:block; margin:0px; padding:0px; bottom: 0px; position:absolute; background:url("imgs/brush-bottom.png") 0px 0px no-repeat; background-position: bottom center; background-size:auto 100%; z-index: 10;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;} .Main-banner-gorsel{width:100%; height: 480px; position:relative; z-index: 0; display:block; float: left; margin:0px; padding:0px; overflow: hidden; background: #FFFFFF;} .Main-banner-gorsel img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; border:none; border:0px; float: left;} .Main-banner-gorsel-bg{right:0px; left:0px; margin-left: auto; margin-right: auto; display:block; width:100%; height:100%; margin:auto; position:absolute; overflow:hidden; z-index:1; background:#201C2050; background: -webkit-linear-gradient(top, rgba(32, 28, 32,1) 0%, rgba(32, 28, 32,0.50) 50%, rgba(32, 28, 32,1) 100%); background: -moz-linear-gradient(top, rgba(32, 28, 32,1) 0%, rgba(32, 28, 32,0.50) 50%, rgba(32, 28, 32,1) 100%); background: -o-linear-gradient(top, rgba(32, 28, 32,1) 0%, rgba(32, 28, 32,0.50) 50%, rgba(32, 28, 32,1) 100%); background: -ms-linear-gradient(top, rgba(32, 28, 32,1) 0%, rgba(32, 28, 32,0.50) 50%, rgba(32, 28, 32,1) 100%); background: linear-gradient(to bottom, rgba(32, 28, 32,1) 0%,rgba(32, 28, 32,0.50) 50%,rgba(32, 28, 32,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#201C2000', endColorstr='#201C2099',GradientType=0 );} .Main-banner-text{width:100%; min-height: 40px; position:absolute; z-index: 3; display:block; float: left; margin:0px; padding:0px; text-align: center; bottom: 20%;} .Main-banner-baslik{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; padding:0px;} .Main-banner-baslik h1, .Main-banner-baslik span{ width: 100%; min-height: 50px; float: left; display:block; margin:0px; padding:0px; position:relative; text-decoration:none; overflow: hidden;} .Main-banner-baslik h1 a, .Main-banner-baslik span a{font-family:'Roboto', sans-serif; font-weight:300; font-size:40px; line-height: 50px; color:#FFFFFF; text-decoration:none; cursor:pointer;} .Main-banner-baslik h1 a:hover, .Main-banner-baslik span a:hover{color:#FF2116;} .Main-banner-menu{ width:100%; height:40px; float:left; display:block; padding:0px; margin:0px; position:relative; display:block; overflow:hidden;} .Main-banner-buton{ width:40px; height:30px; float:left; display:none; padding:0px; margin:0px; position:relative; overflow:hidden;} #Main-banner-buton{width:30px; height:30px; float:left; display:block; padding:0px; margin:0px; position:relative; display:block; overflow:hidden; cursor: pointer;} #Main-banner-buton span{ margin: 0px; padding: 0px; height: 2px; background: #FFFFFF; display: block; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} #Main-banner-buton span:nth-child(1){width:20px; margin-left: 10px; margin-top: 1px;} #Main-banner-buton span:nth-child(2){width:15px; margin-left: 0px; margin-top: 3px;} #Main-banner-buton span:nth-child(3){width:15px; margin-left: 10px; margin-top: 3px;} #Main-banner-buton b{ margin: 0px; margin-top: 2px; padding: 0px; width: 100%; height: 12px; display: block; position: relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; font-family:'Roboto', sans-serif; font-weight:600; font-size:11px; color:#FFFFFF; text-decoration:none;} #Main-banner-buton:hover span{ width: 100%; margin-left: 0px; background: #D90111;} #Main-banner-buton:hover b{ color: #D90111;} .Main-banner-kategori{width:auto; height:30px; float:left; display:block; padding:0px; margin:0px; position:relative; display:block; overflow:hidden; font-family:'Roboto', sans-serif; font-weight:400; font-size:14px; color:#FFFFFF; text-decoration:none; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .Main-banner-kategori a{font-family:'Roboto', sans-serif; font-weight:400; font-size:14px; color:#FFFFFF; text-decoration:none; cursor:pointer;} .Main-banner-kategori a:hover{color:#FF2116;} #Main-sayfa-menu{width:300px; position:relative; height:auto; float:left; margin:0px; margin-bottom: 80px; padding:0px; left:0px; display:block; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-menu{width:100%; height:auto; margin:0px; top:0px; padding:0px; display:block; float:left; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px;border-radius: 10px; z-index: 0; -webkit-box-shadow: 0 1px 73px rgb(40 40 40 / 15%); -khtml-box-shadow: 0 1px 73px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 73px rgba(0,0,0,.15); -ms-box-shadow: 0 1px 73px rgba(0,0,0,.15); -o-box-shadow: 0 1px 73px rgba(0,0,0,.15); box-shadow: 0 1px 73px rgb(0,0,0 / 15%); background: #FFFFFF; overflow: hidden;} .Main-sayfa-menu ul{width:100%; margin:0px; padding:0px; position:relative; float: left; display: block; list-style: none;} .Main-sayfa-menu ul li{width: 100%; position: relative; float: left; display: block; line-height:35px; display:block !important; border-bottom:#1F1F1F20 1px solid !important;} .Main-sayfa-menu ul li:last-child{border-bottom:none !important;} .Main-sayfa-menu ul li a{ width: 100%; display: block; height:auto; font-family:'Roboto', sans-serif; font-weight:500; font-size:16px; line-height:35px; color:#1F1F1F; text-align:left; text-decoration:none; display:block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; overflow: hidden; margin: 0px; padding: 5px 10px 5px 20px ;} .Main-sayfa-menu ul li a:after{content:'\276F'; width: 20px; height: 35px; color:#0A0B1E; position: absolute; right: 40px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; opacity: 0;} .Main-sayfa-menu ul li a.menu-selected{color:#FFFFFF; background: #0A0B1E;} .Main-sayfa-menu ul li a:hover{ background: #0A0B1E; color: #FFFFFF;} .Main-sayfa-menu ul li a:hover:after{color:#FFFFFF; position: absolute; right: 0px; opacity:1;} .Main-sayfa-menu ul li a.menu-selected:after{color:#FFFFFF; position: absolute; right: 0px; opacity:1;} .Main-sayfa-menualt{width:100%; height:auto; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px; position:relative; background: #FFFFFF; border: #1F1F1F50 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;} .Main-sayfa-menualt-margin{width:100%; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:-ms-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px); width:expression(100% - 30px); height:auto; float:left; display:block; margin:15px; margin-top: 10px; padding:0px; position:relative;} .Main-sayfa-menualt-link{width:100%; height:auto; float:left; display:block; margin:0px; margin-top: 20px; padding:0px; position:relative;} .Main-sayfa-menualt-link a{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; font-family: 'Roboto', sans-serif; color:#002337; font-weight: 400; font-size: 14px; text-align: left; line-height: 35px; text-decoration: none; cursor: pointer;} .Main-sayfa-menualt-link a:after{ content: ''; width:7px; height:7px; float:left; display:block; margin:12px 14px; padding:0px; position:relative; border: #CED4DA 2px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -o-border-bottom-right-radius: 0px; -ms-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;} .Main-sayfa-menualt-link a:hover{ color:#1F1F1F;} .Main-sayfa-menualt-link a:hover:after{background: #1F1F1F; border: #1F1F1F 2px solid; } .Main-sayfa-menualt-link a.selected{ background-color: #1F1F1F; color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-menualt-link a.selected:after{border: #FFFFFF 2px solid; } #Main-sayfa-content{width:100%; width:-webkit-calc(100% - 340px); width:-moz-calc(100% - 340px); width:-ms-calc(100% - 340px); width:-o-calc(100% - 340px); width:calc(100% - 340px); width:expression(100% - 340px); height:auto; min-height: 400px; position: relative; float:right; margin:0px; padding:0px; left:0px; display:block; text-align:left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} #Main-sayfa-content-full{width:100%; height:auto; min-height: 400px; position: relative; float:right; margin:0px; padding:0px; left:0px; display:block; text-align:left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-banner{width:100%; height:auto; position:relative; float:left; display:flex; margin:0px; margin-bottom:20px; padding:0px; overflow:hidden;} .Main-sayfa-banner a{width:100%; height:100%; position:relative; float:left; display:flex; margin:0px; margin-bottom:20px; padding:0px; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px;} .Main-sayfa-banner img{position:relative; -webkit-object-fit:contain; -moz-object-fit:contain; -o-object-fit:contain; -ms-object-fit:contain; object-fit:contain; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; display:block; float:left;} .Main-sayfa-banner-manset{width:100%; height:auto; max-height: 480px; position:relative; float:left; display:flex; margin:0px; margin-bottom:20px; padding:0px; overflow:hidden;} .Main-sayfa-banner-manset a{width:100%; height:100%; max-height: 480px; position:relative; float:left; display:flex; margin:0px; padding:0px; overflow:hidden; align-items: center; justify-content: center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px;} .Main-sayfa-banner-manset a img{position:relative; -webkit-object-fit:cover; -moz-object-fit:contain; -o-object-fit:contain; -ms-object-fit:contain; object-fit:contain; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:auto; height:100%; z-index:0; border:none; border:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; left:0px; top:0px;} .Main-sayfa-baslik{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 10px; padding:0px;} .Main-sayfa-baslik h1{ width: 100%; height: auto; float: left; display:block; margin:0px; padding:0px; position:relative; text-decoration:none; overflow: hidden;} .Main-sayfa-baslik h1 a{font-family:'Roboto', sans-serif; font-weight:500; font-size:30px; line-height: 40px; color:#1F1F1F; text-decoration:none; cursor:pointer;} .Main-sayfa-baslik h1 a:hover{color:#FF2116;} .Main-sayfa-baslikozel{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px; font-family:'Roboto', sans-serif; font-weight:300; font-size:35px; line-height:40px; color:#1F1F1F; text-decoration:none;} .Main-sayfa-baslikozel h1{ width: 100%; height: auto; float: left; display:block; margin:0px; padding:0px; position:relative; text-decoration:none; overflow: hidden;} .Main-sayfa-baslikozel h1 b{ font-weight:600; color:#FF2116;} .Main-sayfa-baslikozel h1 a{font-family:'Roboto', sans-serif; font-weight:400; font-size:35px; line-height: 40px; color:#1F1F1F; text-decoration:none; cursor:pointer;} .Main-sayfa-baslikozel h1 a b{ font-weight:600; color:#FF2116;} .Main-sayfa-baslikozel h1 a:hover{color:#FF2116;} .Main-sayfa-baslikozel h1 a:hover b{color:#1F1F1F;} .Main-sayfa-tarih{position:relative; width:100%; height:auto; float:left; display: block; margin:0px; margin-bottom: 20px; padding:0px; font-family:'Roboto', sans-serif; font-size:15px; line-height:25px; color:#2A2A2A; font-weight:300; text-decoration:none; overflow:hidden;} .Main-sayfa-tarih b{font-weight:500;} .Main-sayfa-aciklama{width:100%; height: auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px;} .Main-sayfa-aciklama h2{ width: 100%; height: auto; padding:0px; margin:0px; float: left; display: block; position: relative; font-family:'Roboto', sans-serif; font-size:19px; line-height:25px; font-weight:500; color:#071932; text-decoration:none;} #Main-sayfa{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow: hidden; z-index: 8;} .Main-sayfa{width:100%; height:auto; float:left; display:block; margin:0px; margin-top: 40px; padding:0px; position:relative;} .Main-sayfa-icerik{width:100%; height: auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px; text-align: left;} .Main-sayfa-icerik-baslik{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 10px; padding:0px; font-family:'Roboto', sans-serif; font-weight:600; font-size:19px; line-height: 25px; color:#FF2116; text-decoration:none;} .IcerikYazisi{padding:0px; margin:0px; margin-bottom:20px; font-family:'Roboto', sans-serif; font-size:17px; line-height:25px; font-weight:300; color:#1F1F1F; text-decoration:none;} .IcerikYazisi a{font-family:'Roboto', sans-serif; font-size:17px; color:#1F1F1F; text-decoration:underline; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .IcerikYazisi a:hover{color:#D00A36; text-decoration:underline;} .IcerikYazisi ol li{padding:0px; margin:0px; margin-bottom:2px; font-family:'Roboto', sans-serif;font-weight:300; font-size:17px; color:#1F1F1F; text-decoration:none; list-style-type:decimal; text-align:left;} .IcerikYazisi ul li{padding:0px; margin:0px; margin-bottom:2px; font-family:'Roboto', sans-serif;font-weight:300; font-size:17px; color:#1F1F1F; text-decoration:none; list-style-type:disc; text-align:left;} .IcerikYazisi table, .IcerikYazisi table br, .IcerikYazisi table p{padding:0px; margin:0px; font-family:'Roboto', sans-serif;font-weight:300; font-size:17px; color:#1F1F1F; text-decoration:none;} .IcerikYazisi strong, .IcerikYazisi table b{padding:0px; margin:0px; font-family:'Roboto', sans-serif; font-size:17px; font-weight:600; color:#1F1F1F; text-decoration:none;} .IcerikYazisi img{padding:0px; margin:0px; position:relative; width:100%; max-width:460px; margin-left:10px; margin-bottom:10px; border:none; display:block; float:right; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px;border-radius: 10px;} .Main-sayfa-video{width:100%; height: auto; position:relative; float:left; display:block; margin:0px; margin-top: 20px; padding:0px; text-align: left; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px;} .Main-sayfa-video iframe{-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px;} .EmbedYoutubeVideo {width:100%; height: 500px; float: left; display: block; position: relative; overflow: hidden; cursor: pointer; background: #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .EmbedYoutubeVideo img {position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; z-index:0; border:none; border:0px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.7;} .EmbedYoutubeVideo .EmbedYoutubeVideo_Play {width: 50px; height: 50px; z-index: 1; opacity: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; font-family:"FontAwesome", sans-serif; font-weight:100; color:#FFFFFF; font-size:50px; line-height:50px; text-decoration:none; text-align: center;} .EmbedYoutubeVideo:hover .EmbedYoutubeVideo_Play { color:#FF2116 ;} .EmbedYoutubeVideo .EmbedYoutubeVideo_Play:hover { color:#FF2116 ;} .EmbedYoutubeVideo iframe {height: 100%; width: 100%; margin: 0px; padding: 0px; display: block; float: left; position: relative;} .Main-sayfa-video-list{width:33.33%; width:-webkit-calc(33.33% - 20px); width:-moz-calc(33.33% - 20px); width:-ms-calc(33.33% - 20px); width:-o-calc(33.33% - 20px); width:calc(33.33% - 20px); width:expression(33.33% - 20px); height:200px; display: block; float:left; margin:0px; margin-left:10px; margin-right:10px; margin-bottom:20px; padding:0px; overflow:hidden;} .Main-sayfa-video-list a{ width:100%; height:100%; float:left; display:block; overflow:hidden; margin:0px; padding:0px; position:relative; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px; -ms-border-radius: 5px;border-radius: 5px;} .Main-sayfa-video-list-gorsel{width:100%; height:100%; display:block; margin:0px; padding:0px; overflow:hidden; float:left; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; background:#FFFFFF; opacity:1;} .Main-sayfa-video-list-gorsel img{position:absolute; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; z-index:0; border:none; border:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; left:0px; top:0px;} .Main-sayfa-video-list-gorsel-bg{right:0px; left:0px; margin-left: auto; margin-right: auto; display:block; width:100%;height:100%; margin:auto; position:absolute; z-index:0; background:#1F1F1F75; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } .Main-sayfa-video-list-text{position:absolute; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); min-height:80px; display:block; overflow:hidden; float:left; margin:0px; padding:0px; left:10px; top: 60%; -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform:translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:center;} .Main-sayfa-video-list-icon{ width:100%; height:30px; float:left; font-size:24px; line-height:30px; text-decoration:none; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important; overflow:hidden;} .Main-sayfa-video-list-icon i{font-family:"fontawesome", sans-serif; font-weight:300; color:#FFFFFF75; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important;} .Main-sayfa-video-list-baslik{position:relative; width:100%; min-height:30px; display:block; float:left; margin:0px; padding:0px; font-family:"Roboto"; font-size:21px; line-height:25px; color:#FFFFFF; font-weight:400; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; overflow:hidden;} .Main-sayfa-video-list a:hover .Main-sayfa-video-list-gorsel img{left:-5%; top:-5%; width:110%; height:110%;} .Main-sayfa-video-list a:hover .Main-sayfa-video-list-gorsel-bg{background:#1F1F1F95;} .Main-sayfa-video-list a:hover .Main-sayfa-video-list-icon i{ color:#FFFFFF; } .Main-sayfa-katalog-list{width:33.33%; width:-webkit-calc(33.33% - 20px); width:-moz-calc(33.33% - 20px); width:-ms-calc(33.33% - 20px); width:-o-calc(33.33% - 20px); width:calc(33.33% - 20px); width:expression(33.33% - 20px); height:360px; display: block; float:left; margin:0px; margin-left:10px; margin-right:10px; margin-bottom:20px; padding:0px; overflow:hidden;} .Main-sayfa-katalog-list a{ width:100%; height:100%; float:left; display:block; overflow:hidden; margin:0px; padding:0px; position:relative; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px; -ms-border-radius: 5px;border-radius: 5px;} .Main-sayfa-katalog-list-gorsel{width:100%; height:100%; display:block; margin:0px; padding:0px; overflow:hidden; float:left; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; background:#FFFFFF; opacity:1;} .Main-sayfa-katalog-list-gorsel img{position:absolute; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; z-index:0; border:none; border:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; left:0px; top:0px;} .Main-sayfa-katalog-list-gorsel-bg{right:0px; left:0px; margin-left: auto; margin-right: auto; display:block; width:100%;height:100%; margin:auto; position:absolute; z-index:0; background:#1F1F1F75; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } .Main-sayfa-katalog-list-text{position:absolute; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); min-height:80px; display:block; overflow:hidden; float:left; margin:0px; padding:0px; left:10px; top: 60%; -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform:translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:center;} .Main-sayfa-katalog-list-icon{ width:100%; height:30px; float:left; font-size:24px; line-height:30px; text-decoration:none; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important; overflow:hidden;} .Main-sayfa-katalog-list-icon i{font-family:"fontawesome", sans-serif; font-weight:300; color:#FFFFFF75; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important;} .Main-sayfa-katalog-list-baslik{position:relative; width:100%; min-height:30px; display:block; float:left; margin:0px; padding:0px; font-family:"Roboto"; font-size:21px; line-height:25px; color:#FFFFFF; font-weight:400; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; overflow:hidden;} .Main-sayfa-katalog-list a:hover .Main-sayfa-katalog-list-gorsel img{left:-5%; top:-5%; width:110%; height:110%;} .Main-sayfa-katalog-list a:hover .Main-sayfa-katalog-list-gorsel-bg{background:#1F1F1F95;} .Main-sayfa-katalog-list a:hover .Main-sayfa-katalog-list-icon i{ color:#FFFFFF; } .Main-sayfa-img{padding:0px; margin:0px; width:100%; display: block; float: left; overflow: hidden;} .Main-sayfa-img a{ width: 100%; height: auto; padding:0px; margin:0px ; margin-bottom:20px; position:relative; display: block; float: left; overflow: hidden; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px;} .Main-sayfa-img a img {position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:auto; z-index:0; border:none; border:0px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; margin: 0px; padding: 0px;} .Main-sayfa-img a:hover img{ opacity: 0.8;} .Main-sayfa-imgs{padding:0px; margin:0px auto; margin-bottom:20px; width:100%; position:relative; display:block; float:left; overflow:hidden; } .Main-sayfa-imgs-liste{ width: 100%; height: 180px; padding:0px; display: block; position:relative; margin:0px; float: left; overflow: hidden;} .Main-sayfa-imgs-liste a{ width:100%; width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); width:-ms-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px); width:expression(100% - 10px) ; height:180px; padding:0px; margin:5px; position:relative; display: block; float: left; overflow: hidden; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px;} .Main-sayfa-imgs-liste a img {position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; z-index:0; border:none; border:0px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; margin: 0px; padding: 0px;} .Main-sayfa-imgs-liste a:hover img{ opacity: 0.8;} .Main-sayfa-dosya{padding:0px; margin:0px; width:100%; margin-bottom:20px; position:relative; float:left;} .Main-sayfa-dosya-liste{padding:0px; margin:0px; margin-bottom:5px; width:100%; float:left; position:relative;} .Main-sayfa-dosya-liste a{ border-left:#1F1F1F 4px solid; padding:0px; margin:0px; min-height:50px; text-decoration:none; text-align:left; position:relative; display:block; background-size:200% 100%; background-image: linear-gradient(to right, #F5F5F5 50%, #1F1F1F 50%); -webkit-transition: background-position 0.3s; -moz-transition: background-position 0.3s; -o-transition: background-position 0.3s; -ms-transition: background-position 0.3s; transition: background-position 0.3s; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-dosya-liste-baslik{padding-top:5px; padding-left:10px; font-family:'Roboto', sans-serif;font-weight:400; color:#1F1F1F; font-size:14px; line-height:20px; text-align:left; text-decoration:none; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-dosya-liste-tur{margin:0px; padding:0px; position:relative; font-family:'Roboto', sans-serif;font-weight:400; color:#1F1F1F; font-size:11px; text-align:left; text-decoration:none; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-dosya-liste a:hover{ border-left:#00A8D2 4px solid; background-position: -100% 0;} .Main-sayfa-dosya-liste a:hover .Main-sayfa-dosya-liste-baslik{color:#FFFFFF;} .Main-sayfa-dosya-liste a:hover .Main-sayfa-dosya-liste-tur{color:#FFFFFF;} .Main-sayfa-urun-gruplari{position:relative; width:100%; height:auto; display:block; overflow:hidden; float:left; margin:0px; padding:0px; z-index:2; text-align:left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:center;} .Main-sayfa-urun-gruplari ul{width:100%; height:auto; list-style:none; float:left; display:block; margin:0px; padding:0px; position:relative; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;} .Main-sayfa-urun-gruplari ul li{ width:33.33%; width:-webkit-calc(33.33% - 20px); width:-moz-calc(33.33% - 20px); width:-ms-calc(33.33% - 20px); width:-o-calc(33.33% - 20px); width:calc(33.33% - 20px); width:expression(33.33% - 20px); position:relative; height:320px; display:block; overflow:hidden; float:left; margin:0px 10px; margin-bottom: 20px; padding:0px; z-index:2; text-align:left; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } .Main-sayfa-urun-gruplari ul li a{width:100%; height:100%; display: block; float:left; margin:0px; padding:0px; overflow:hidden; cursor: pointer; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px; -ms-border-radius: 5px;border-radius: 5px; border: #1D1D1B15 1px solid;} .Home-urun-gruplari-liste-gorsel{width:100%; height:100%; max-height: 200px; display:block; margin:0px; padding:0px; overflow:hidden; float:left; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Home-urun-gruplari-liste-gorsel img{position:absolute; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:auto; height:100%; z-index:0; border:none; border:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); top:5%; } .Home-urun-gruplari-liste-text{position:absolute; width:100%; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:-ms-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); width:expression(100% - 60px); min-height:auto; display:block; overflow:hidden; float:left; margin:0px; padding:0px; left:30px; bottom: 30px; z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:center;} .Home-urun-gruplari-liste-text-baslik{position:relative; width:100%; min-height:30px; display:block; float:left; margin:0px; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:24px; line-height:30px; color:#1F1F1F; font-weight:400; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; overflow:hidden;} .Home-urun-gruplari-liste-text-baslik b{width:100%; font-weight:600; display: block; float: left;} .Main-sayfa-urun-gruplari ul li a:hover{ border: #1D1D1B50 1px solid;} .Main-sayfa-urunler{width:100%; height:auto; display: block; float:left; margin:0px; padding:0px; overflow:hidden; position: relative;} .Main-sayfa-urunler ul{width:100%; height:auto; list-style:none; float:left; display:block; margin:0px; padding:0px; position:relative;} .Main-sayfa-urunler ul li{position:relative; width:33.33%; width:-webkit-calc(33.33% - 20px); width:-moz-calc(33.33% - 20px); width:-ms-calc(33.33% - 20px); width:-o-calc(33.33% - 20px); width:calc(33.33% - 20px); width:expression(33.33% - 20px); height:360px; display:block; overflow:hidden; float:left; margin:0px 10px; margin-bottom: 20px; padding:0px; z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-urunler a{ width:100%; height:100%; float:left; display:block; overflow:hidden; margin:0px; padding:0px; position:relative; border: #E5E5E5 1px solid; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px;border-radius: 5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-urunler-margin{position:relative; width:100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); width:expression(100% - 40px); height:100%; height:-webkit-calc(100% - 40px); height:-moz-calc(100% - 40px); height:-ms-calc(100% - 40px); height:-o-calc(100% - 40px); height:calc(100% - 40px); height:expression(100% - 40px); display:block; overflow:hidden; float:left; margin:20px; padding:0px; z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:center;} .Main-sayfa-urunler-gorsel{width:100%; height:200px; display:block; margin:0px; padding:0px; overflow:hidden; float:left; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; background:#FFFFFF; opacity:1; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px;border-radius: 10px;} .Main-sayfa-urunler-gorsel img{position:relative; -webkit-object-fit:contain; -moz-object-fit:contain; -o-object-fit:contain; -ms-object-fit:contain; object-fit:contain; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; z-index:0; border:none; border:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; left:0px; top:0px;} .Main-sayfa-urunler-text{position:relative; width:100%; height:100px; display:block; overflow:hidden; float:left; margin:20px 0px; padding:0px; z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-urunler-text-baslik{position:relative; width:100%; height:50px; display:block; float:left; margin:0px; padding:0px; font-family:"Roboto"; font-size:19px; line-height:25px; color:#1F1F1F; font-weight:500; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; overflow:hidden;} .Main-sayfa-urunler-text-aciklama{ width:100%; height:60px; float:left; font-family:"Roboto", sans-serif; font-weight:400; color:#1F1F1F90; font-size:14px; line-height:20px; text-decoration:none; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important; overflow:hidden; margin-top: 10px;} .Main-sayfa-urunler a:hover .Main-sayfa-urunler-gorsel img{left:-5%; top:-5%; width:110%; height:110%;} .Main-sayfa-urunler a:hover .Main-sayfa-urunler-text-baslik{color:#FF2116;} .Main-sayfa-urunler a:hover .Main-sayfa-urunler-kategori i{color:#FF2116; padding-right: 10px;} .Main-sayfa-urunler a:hover{border: #FF2116 1px solid;} #Main-sayfa-urun{width:100%; width:-webkit-calc(100% - 340px); width:-moz-calc(100% - 340px); width:-ms-calc(100% - 340px); width:-o-calc(100% - 340px); width:calc(100% - 340px); width:expression(100% - 340px); height:auto; min-height: 400px; position: relative; float:right; margin:0px; padding:0px; left:0px; display:block; text-align:left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-urun-detay{width:100%; height: auto; float:left; display:block; margin:0px; margin-bottom: 40px; padding:0px; position:relative; overflow: hidden;} .Main-sayfa-urun-gorsel{width:55%; height: auto; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px; position:relative; overflow: hidden;} .Main-sayfa-urun-gorsel-slider{width:100%; height:480px; padding:0;margin:0;position:relative; display:block; overflow:hidden; float:left; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } .Main-sayfa-urun-gorsel-slider .LgntSlid-slides{padding:0;margin:0;list-style:none;width:100%;height:460px; overflow:hidden; float:left;} .Main-sayfa-urun-gorsel-slider .LgntSlid-slides li{display:block;list-style:none; width:100%;height:100%; position:relative; float:left; display:block; margin:0px; padding:0px; top:0px;overflow: hidden; } .Main-sayfa-urun-gorsel-img{width:100%; height:100%; display:block; margin:0px; padding:0px; overflow:hidden; float:left; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index: 1; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px;} .Main-sayfa-urun-gorsel-img img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:auto; height:100%; border:none; border:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; top:0px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Main-sayfa-urun-gorsel-slider .LgntSlid-control-nav{width:auto; height:10px; margin:0px auto; padding:0px; list-style:none; position:absolute; z-index:3; display:block; bottom:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Main-sayfa-urun-gorsel-slider .LgntSlid-control-nav li{position:relative; float:left; width:auto; height:10px; margin:0px; margin-right: 5px; text-decoration:none; cursor:pointer; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; cursor:pointer; display:block;list-style:none;} .Main-sayfa-urun-gorsel-slider .LgntSlid-control-nav li span{width:10px; height:10px; display:block; float:left; margin:0px; padding:0px; position:relative;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; background:#C8C8D6; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;} .Main-sayfa-urun-gorsel-slider .LgntSlid-control-nav li:hover{ display:block;} .Main-sayfa-urun-gorsel-slider .LgntSlid-control-nav li:hover span{ width:30px; height:10px; background:#FE3E33; margin:0px; } .Main-sayfa-urun-gorsel-slider .LgntSlid-control-nav li.LgntSlid-active{ display:block;} .Main-sayfa-urun-gorsel-slider .LgntSlid-control-nav li.LgntSlid-active span{ width:30px; height:10px; background:#FE3E33; margin:0px; } .Main-sayfa-urun-gorsel-slider .LgntSlid-direction-nav {width:100%; height:50px; margin:0px; padding:0px; list-style:none; position:absolute; display:block; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 8; webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-urun-gorsel-slider .LgntSlid-direction-nav a{top:0px;display:block;width:30px;height:50px;position:absolute;cursor:pointer;} .Main-sayfa-urun-gorsel-slider .LgntSlid-direction-nav .LgntSlid-prev{top:0px;list-style:none; width:30px;height:50px;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; cursor:pointer; background:url(imgs/gorselarrow.png) 0px 0px no-repeat; z-index:3;} .Main-sayfa-urun-gorsel-slider .LgntSlid-direction-nav .LgntSlid-prev:hover{background:url(imgs/gorselarrow.png) -30px 0px no-repeat; } .Main-sayfa-urun-gorsel-slider .LgntSlid-direction-nav .LgntSlid-next{top:0px; right: 0px; list-style:none; width:30px;height:50px;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; cursor:pointer; background:url(imgs/gorselarrow.png) -90px 0px no-repeat; z-index:3;} .Main-sayfa-urun-gorsel-slider .LgntSlid-direction-nav .LgntSlid-next:hover{background:url(imgs/gorselarrow.png) -60px 0px no-repeat; } .Main-sayfa-urun-text{ width: 40%; height: auto; margin: 0px; padding: 0px; display: block; float: right; position: relative; text-align: left;} .Main-sayfa-urun-tablo{width:100%; height: auto; float:left; display:block; margin:0px; margin-top:20px; padding:0px; position:relative; overflow: hidden;} .Main-sayfa-urun-teknik{width:55%; height: auto; float:left; display:block; margin:0px; margin-top:30px; margin-bottom: 20px; padding:0px; position:relative; overflow: hidden;} .Main-sayfa-urun-teknik-gorsel{ width: 40%; height: auto; margin: 0px; padding: 0px; display: block; float: right; position: relative; text-align: left;} .Main-sayfa-urun-teknik-gorsel-img{ width: 100%; height: auto; margin: 0px; padding: 0px; display: block; float: left; position: relative; text-align: left;} .Main-sayfa-urun-teknik-gorsel-img img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:auto; display:block; float:left;} .urun-text-kategori{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 10px; padding:0px; font-family:'Roboto', sans-serif; font-weight:500; font-size:21px; line-height: 30px; color:#1A222895; text-decoration:none;} .urun-text-baslik{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px;} .urun-text-baslik h1{ width: 100%; min-height: 40px; float: left; display:block; margin:0px; padding:0px; position:relative; text-decoration:none; overflow: hidden;} .urun-text-baslik h1 a{font-family:'Roboto', sans-serif; font-weight:300; font-size:35px; line-height: 40px; color:#1A2228; text-decoration:none; cursor:pointer; } .urun-text-baslik h1 a b{font-weight:500;} .urun-text-baslik h1 a:hover{color:#FE3E33;} .urun-text-baslik-alt{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 10px; padding:0px; font-family:'Roboto', sans-serif; font-weight:500; font-size:19px; line-height: 25px; color:#FE3E33; text-decoration:none;} .urun-text-aciklama{ width: 100%; height: auto; padding:0px; margin:0px; margin-bottom: 20px; float: left; display: block; position: relative; font-family:'Roboto', sans-serif; font-size:17px; line-height:25px; font-weight:500; color:#1A2228; text-decoration:none;} .urun-text-icerik{width:100%; height: auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px; text-align: left;} .urun-text-iconlar-kategori{width:100%; height: auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px;} .urun-text-iconlar-kategori-center{width:auto; height: auto; position:relative; float:left; display:block; margin:0px; padding:0px;} .urun-text-iconlar-kategori span{width:auto; min-height: 40px; position:relative; float:left; display:block; margin:0px; margin-right: 20px; padding:0px;} .urun-text-iconlar-kategori span img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:50px; height:50px; z-index:0; margin:0px; margin-right: 10px; border:none;border:0px; float: left;} .urun-text-iconlar-kategori span b{width:auto; height:30px; position:relative; float:left; display:block; margin:5px 0px; padding:0px; font-family:'Roboto', sans-serif; font-weight:400; font-size:19px; line-height:30px; color:#212121; text-decoration:none;} .urun-text-renkler{width:100%; height: auto; position:relative; float:left; display:block; margin:0px; margin-bottom: 20px; padding:0px;} .urun-text-renkler-center{width:auto; height: auto; position:relative; float:left; display:block; margin:0px; padding:0px;} .urun-text-renkler span{width:80px; min-height: 60px; position:relative; float:left; display:block; margin:0px 10px; padding:0px; } .urun-text-renkler span img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:50px; height:50px; z-index:0; margin:5px 15px; border:#D1D1D1 1px solid; float: left; -webkit-border-radius: 60px; -moz-border-radius: 60px; -o-border-radius: 60px; -ms-border-radius: 60px; border-radius: 60px;} .urun-text-renkler span b{width:100%; height:20px; position:relative; float:left; display:block; margin:5px 0px; padding:0px; font-family:'Roboto', sans-serif; font-weight:400; font-size:12px; line-height:20px; color:#212121; text-decoration:none; text-align: center;} #Main-sayfa-urun-diger{width:100%; height:320px; float:left; display:block; margin:0px; padding:0px; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-urun-diger{display:block;width:100%; height:280px; float:left; margin:0px; padding:0px; position:relative;z-index:1;} .Main-sayfa-urun-diger .Lgnt-Carousel-Stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden;z-index: 1;} .Main-sayfa-urun-diger .Lgnt-Carousel-Stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .Main-sayfa-urun-diger .Lgnt-Carousel-Stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .Main-sayfa-urun-diger .Lgnt-Carousel-Wrapper, .Main-sayfa-urun-diger .Lgnt-Carousel-Item{ width:260px; height:280px; position:relative;min-height:1px; float:left; -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden; -webkit-tap-highlight-color:transparent;-webkit-touch-callout:none; -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);} .Main-sayfa-urun-diger-item a{ width:260px; height:280px; float:left; display:block; overflow:hidden; margin:0px; padding:0px; border: #E5E5E5 1px solid; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px;} .Main-sayfa-urun-diger-item-margin{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); height:auto; display:block; overflow:hidden; float:left; margin:10px; padding:0px; z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:center;} .Main-sayfa-urun-diger-item-gorsel{width:100%; height:180px; display:block; margin:0px; padding:0px; overflow:hidden; float:left; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; background:#FFFFFF; opacity:1; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px;border-radius: 3px;} .Main-sayfa-urun-diger-item-gorsel img{position:relative; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:auto; z-index:0; border:none; border:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; left:0px; top:0px;} .Main-sayfa-urun-diger-item-baslik{position:relative; width:100%; height:50px; display:block; float:left; margin:0px; margin-top: 20px; padding:0px; font-family:"Roboto"; font-size:19px; line-height:25px; color:#212121; font-weight:400; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; overflow:hidden;} .Main-sayfa-urun-diger-item a:hover{border: #C5C5C5 1px solid;} .Main-sayfa-urun-diger .Lgnt-Carousel-Loaded{display:block} .Main-sayfa-urun-diger .Lgnt-Carousel-Loading{opacity:0;display:block} .Main-sayfa-urun-diger .Lgnt-Carousel-Hidden{opacity:0} .Main-sayfa-urun-diger .Lgnt-Carousel-Refresh .Lgnt-Carousel-Item{visibility:hidden} .Main-sayfa-urun-diger .Lgnt-Carousel-Drag .Lgnt-Carousel-Item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .Main-sayfa-urun-diger .Lgnt-Carousel-Grab{cursor:move;cursor:grab} .Main-sayfa-urun-diger .Lgnt-Carousel-Nav{ display: none;} .Main-sayfa-urun-diger .Lgnt-Carousel-Dots{width:auto; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); height:10px; margin:0px; margin-top:20px; display:block; float:left; position:relative; } .Main-sayfa-urun-diger .Lgnt-Carousel-Dots .Lgnt-Carousel-Dot{background:none; border:none;display:inline-block;zoom:1;*display:inline; cursor:pointer;outline: none;} .Main-sayfa-urun-diger .Lgnt-Carousel-Dots .Lgnt-Carousel-Dot div{width:10px;height:10px;background:#C8C8D6;display:block; position:relative; float:left; margin:0px; padding:0px; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px;border-radius: 10px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important;} .Main-sayfa-urun-diger .Lgnt-Carousel-Dots .Lgnt-Carousel-Dot.active div, .Main-sayfa-urun-diger .Lgnt-Carousel-Dots .Lgnt-Carousel-Dot:hover div{width:30px; background:#212121;} #Main-sayfa-haberler{width:100%; height:auto; display:block; float:left; position:relative; margin:0px; padding:0px; text-align:left; z-index: 0;} .Main-sayfa-haberler{width:33.33%; width:-webkit-calc(33.33% - 20px); width:-moz-calc(33.33% - 20px); width:-ms-calc(33.33% - 20px); width:-o-calc(33.33% - 20px); width:calc(33.33% - 20px); width:expression(33.33% - 20px); height:380px; display: block; float:left; margin:0px; margin-left:10px; margin-right:10px; margin-bottom:20px; padding:0px; overflow:hidden;} .Main-sayfa-haberler a{ width:100%; height:100%; float:left; display:block; overflow:hidden; margin:0px; padding:0px; position:relative; border: #E5E5E5 1px solid; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px; -ms-border-radius: 5px;border-radius: 5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-haberler-gorsel{width:100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); width:expression(100% - 40px); height:150px; display:block; margin:0px; padding:0px; overflow:hidden; float:left; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; background:#FFFFFF; opacity:1; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px; -ms-border-radius: 5px;border-radius: 5px; margin-left: 20px; margin-right: 20px;} .Main-sayfa-haberler-gorsel img{position:absolute; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; z-index:0; border:none; border:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; left:0px; top:0px;} .Main-sayfa-haberler-gorsel-bg{right:0px; left:0px; margin-left: auto; margin-right: auto; display:block; width:100%;height:100%; margin:auto; position:absolute; z-index:0; background:#1F1F1F75; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } .Main-sayfa-haberler-text{position:relative; width:100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); width:expression(100% - 40px); min-height:100px; display:block; overflow:hidden; float:left; margin:20px; padding:0px; z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:left;} .Main-sayfa-haberler-text-baslik{position:relative; width:100%; height:50px; display:block; float:left; margin:0px; padding:0px; font-family:"Roboto"; font-size:19px; line-height:25px; color:#1F1F1F; font-weight:400; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; overflow:hidden;} .Main-sayfa-haberler-text-aciklama{ width:100%; height:60px; float:left; font-family:"Roboto", sans-serif; font-weight:400; color:#1F1F1F90; font-size:14px; line-height:20px; text-decoration:none; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important; overflow:hidden; margin-top: 10px;} .Main-sayfa-haberler-kategori{width:100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); width:expression(100% - 40px); height:30px; margin: 20px; padding: 0px; float:left; font-family:"Roboto", sans-serif; font-weight:500; color:#1F1F1F; font-size:14px; line-height:20px; text-decoration:none; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important; overflow:hidden;} .Main-sayfa-haberler-kategori i{float:right; color:#1F1F1F; font-size:15px; line-height:20px; text-decoration:none; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important; overflow:hidden;} .Main-sayfa-haberler a:hover .Main-sayfa-haberler-gorsel img{left:-5%; top:-5%; width:110%; height:110%;} .Main-sayfa-haberler a:hover .Main-sayfa-haberler-text-baslik{color:#FF2116;} .Main-sayfa-haberler a:hover .Main-sayfa-haberler-kategori i{color:#FF2116; padding-right: 10px;} .Main-sayfa-haberler a:hover{border: #FF2116 1px solid;} #Main-sayfa-medya{width:100%; height:auto; display:block; float:left; position:relative; margin:0px; padding:0px; text-align:left; z-index: 0;} .Main-sayfa-medya{width:33.33%; width:-webkit-calc(33.33% - 20px); width:-moz-calc(33.33% - 20px); width:-ms-calc(33.33% - 20px); width:-o-calc(33.33% - 20px); width:calc(33.33% - 20px); width:expression(33.33% - 20px); height:180px; display: block; float:left; margin:0px; margin-left:10px; margin-right:10px; margin-bottom:20px; padding:0px; overflow:hidden;} .Main-sayfa-medya a{ width:100%; height:100%; float:left; display:block; overflow:hidden; margin:0px; padding:0px; position:relative; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px; -ms-border-radius: 5px;border-radius: 5px;} .Main-sayfa-medya-gorsel{width:100%; height:100%; display:block; margin:0px; padding:0px; overflow:hidden; float:left; position:relative; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; background:#FFFFFF; opacity:1;} .Main-sayfa-medya-gorsel img{position:absolute; -webkit-object-fit:cover; -moz-object-fit:cover; -o-object-fit:cover; -ms-object-fit:cover; object-fit:cover; -webkit-object-position:center; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:100%; z-index:0; border:none; border:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; left:0px; top:0px;} .Main-sayfa-medya-gorsel-bg{right:0px; left:0px; margin-left: auto; margin-right: auto; display:block; width:100%;height:100%; margin:auto; position:absolute; z-index:0; background:#1F1F1F75; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } .Main-sayfa-medya-text{position:absolute; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); min-height:80px; display:block; overflow:hidden; float:left; margin:0px; padding:0px; left:10px; top: 60%; -webkit-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); -moz-transform:translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; text-align:center;} .Main-sayfa-medya-text-icon{ width:100%; height:30px; float:left; font-size:24px; line-height:30px; text-decoration:none; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important; overflow:hidden;} .Main-sayfa-medya-text-icon i{font-family:"fontawesome", sans-serif; font-weight:300; color:#FFFFFF75; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease !important;} .Main-sayfa-medya-text-baslik{position:relative; width:100%; min-height:30px; display:block; float:left; margin:0px; padding:0px; font-family:"Roboto"; font-size:21px; line-height:25px; color:#FFFFFF; font-weight:400; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; overflow:hidden;} .Main-sayfa-medya a:hover .Main-sayfa-medya-gorsel img{left:-5%; top:-5%; width:110%; height:110%;} .Main-sayfa-medya a:hover .Main-sayfa-medya-gorsel-bg{background:#1F1F1F95;} .Main-sayfa-medya a:hover .Main-sayfa-medya-text-icon i{ color:#FFFFFF; } .Main-sayfa-iletisim{width:100%; height:auto; float:left; margin:0px; padding:0px; display:block; position: relative; overflow:hidden;} .Main-sayfa-iletisim-liste{width:100%; height:auto; float:left; margin:0px; margin-bottom: 40px; padding:0px; display:block; position: relative; overflow:hidden;} .Main-sayfa-iletisim-bilgi{width:50%; height:auto; float:left; margin:0px; padding:0px; display:block; position: relative; overflow:hidden; text-align: left;} .iletisim-bilgi-baslik{ width:100%; height:auto; margin:0px; margin-bottom: 20px; padding:0px; display:block; float:left; overflow:hidden; position:relative; font-family:'Roboto', sans-serif; font-size:25px; line-height:30px; font-weight:600; color:#1F1F1F;} .iletisim-bilgi-baslik b{font-weight: 400;} .iletisim-bilgi-baslik strong{width:100%; height:auto; margin:0px; padding:0px; display:block; float:left; overflow:hidden; position:relative; font-family:'Roboto', sans-serif; font-size:17px; line-height:25px; font-weight:300; color:#1F1F1F;} .iletisim-bilgileri{ width:100%; height:auto; margin:0px; margin-bottom: 5px; padding:0px; display:block; float:left; overflow:hidden; position:relative; cursor:pointer; } .iletisim-bilgileri-icon{ width:40px; height:45px; display:block; float:left; margin:0px; margin-right:10px; padding:0px; overflow:hidden; position:relative; font-family:'Roboto', sans-serif; font-size:24px; color:#FF2116; text-decoration:none; line-height:45px; text-align:center; font-weight:400;} .iletisim-bilgileri-text{ width:100%; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:-ms-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); width:expression(100% - 60px); height:auto; display:block; float:left; margin:0px; padding:0px; overflow:hidden; position:relative; font-family:'Roboto', sans-serif; font-size:15px; color:#1F1F1F; text-decoration:none; line-height:20px; text-align:left; font-weight:400; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .iletisim-bilgileri-text b{ font-size:17px; line-height: 25px; width:100%; display:block; color:#1F1F1F; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .iletisim-bilgileri:hover .iletisim-bilgileri-icon{ color:#FF2116;} .iletisim-bilgileri:hover .iletisim-bilgileri-text, .iletisim-bilgileri:hover .iletisim-bilgileri-text b{ color:#FF2116;} .Main-sayfa-iletisim-maps{width:50%; height:auto; float:left; margin:0px; padding:0px; display:block; position: relative; overflow:hidden; text-align: left;} .Main-sayfa-iletisim-harita{width:100%; height:auto; float:left; margin:0px; padding:0px; display:block; position: relative; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; overflow:hidden;} .Main-sayfa-iletisim-forms{width:100%; height:auto; float:left; margin:0px; padding:0px; display:block; position: relative; text-align: left;} .Main-sayfa-iletisim-form{width:100%; height:auto; float:right; margin:0px; padding:0px; display:block; position: relative;} .Main-sayfa-iletisim-form .iletisim-form-islem{position:relative; width:100%; height:auto; float:left; margin:0px; margin-bottom: 10px; padding:0px; font-family:'Roboto', sans-serif; font-size:17px; line-height:30px; color:#FF2116; font-weight:300; text-decoration:none; overflow:hidden;} .Main-sayfa-iletisim-form form{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative;} .Main-sayfa-iletisim-form form span{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative;} .Main-sayfa-iletisim-form form span p{width:100%; height:auto; float:left; display:block; margin:10px 0px; padding:0px; position:relative; font-family:'Roboto', sans-serif; font-size:15px; line-height:20px; font-weight:300; color:#2A2A2A; text-decoration:none; text-align: left;} .Main-sayfa-iletisim-form form .form-textbox-100{width:100%; max-width: 100px; height:40px; float:left; display:block; margin:0px; margin-right: 10px; margin-bottom: 10px; padding:0px; padding-left: 10px; position:relative; background: #FFFFFF; border:#D2D2D2 1px solid; font-family:'Roboto', sans-serif; font-weight:300; color:#1F1F1F; font-size:15px; line-height:40px; text-decoration:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-textbox-120{width:100%; max-width: 120px; height:40px; float:left; display:block; margin:0px; margin-right: 10px; margin-bottom: 10px; padding:0px; padding-left: 10px; position:relative; background: #FFFFFF; border:#D2D2D2 1px solid; font-family:'Roboto', sans-serif; font-weight:300; color:#1F1F1F; font-size:15px; line-height:40px; text-decoration:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-textbox-200{width:100%; max-width: 200px; height:40px; float:left; display:block; margin:0px; margin-right: 10px; margin-bottom: 10px; padding:0px; padding-left: 10px; position:relative; background: #FFFFFF; border:#D2D2D2 1px solid; font-family:'Roboto', sans-serif; font-weight:300; color:#1F1F1F; font-size:15px; line-height:40px; text-decoration:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-textbox-240{width:100%; max-width: 240px; height:40px; float:left; display:block; margin:0px; margin-right: 10px; margin-bottom: 10px; padding:0px; padding-left: 10px; position:relative; background: #FFFFFF; border:#D2D2D2 1px solid; font-family:'Roboto', sans-serif; font-weight:300; color:#1F1F1F; font-size:15px; line-height:40px; text-decoration:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-textbox-280{width:100%; max-width: 280px; height:40px; float:left; display:block; margin:0px; margin-right: 10px; margin-bottom: 10px; padding:0px; padding-left: 10px; position:relative; background: #FFFFFF; border:#D2D2D2 1px solid; font-family:'Roboto', sans-serif; font-weight:300; color:#1F1F1F; font-size:15px; line-height:40px; text-decoration:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-textbox-360{width:100%; max-width: 360px; height:40px; float:left; display:block; margin:0px; margin-right: 10px; margin-bottom: 10px; padding:0px; padding-left: 10px; position:relative; background: #FFFFFF; border:#D2D2D2 1px solid; font-family:'Roboto', sans-serif; font-weight:300; color:#1F1F1F; font-size:15px; line-height:40px; text-decoration:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-textbox-600{width:100%; max-width: 600px; height:40px; float:left; display:block; margin:0px; margin-right: 10px; margin-bottom: 10px; padding:0px; padding-left: 10px; position:relative; background: #FFFFFF; border:#D2D2D2 1px solid; font-family:'Roboto', sans-serif; font-weight:300; color:#1F1F1F; font-size:15px; line-height:40px; text-decoration:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-textbox-100de{width:100%; height:40px; float:left; display:block; margin:0px; margin-bottom: 10px; padding:0px; padding-left: 10px; position:relative; background: #FFFFFF; border:#D2D2D2 1px solid; font-family:'Roboto', sans-serif; font-weight:300; color:#1F1F1F; font-size:15px; line-height:40px; text-decoration:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-textarea-200{width:100%; height:200px; float:left; display:block; margin:0px; margin-bottom: 10px; padding:0px; padding-left: 10px; position:relative; background: #FFFFFF; border:#D2D2D2 1px solid; resize:none; font-family:'Roboto', sans-serif; font-weight:300; color:#1F1F1F; font-size:15px; line-height:40px; text-decoration:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-button{width:100%; max-width: 100px; height:40px; float:left; display:block; margin:0px; margin-left: 10px; padding:0px; position:relative; background: #579814; border:none; font-family:'Roboto', sans-serif; font-weight:400; color:#FFFFFF; font-size:15px; line-height:40px; text-decoration:none; cursor: pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-button:hover{ background:#1F1F1F;} .Main-sayfa-iletisim-form form .form-reset{width:100%; max-width: 100px; height:40px; float:left; display:block; margin:0px; padding:0px; position:relative; background: #FF2116; border:none; font-family:'Roboto', sans-serif; font-weight:400; color:#FFFFFF; font-size:15px; line-height:40px; text-decoration:none; cursor: pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;} .Main-sayfa-iletisim-form form .form-reset:hover{ background:#1F1F1F;} .Main-sayfa-harita{width:100%; height:auto; float:left; margin:0px; margin-top: 40px; padding:0px; display:block; position: relative; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow:hidden;} #harita-canvas{position:relative; width:100%; min-height:480px; top:0px; margin:0px; padding:0px; overflow:hidden;} #harita-maps{padding:0px; margin:0px; width:100%; min-height:480px; text-align:left; display:block;} #Footer{width:100%; height:auto; position:relative; float:left; display:block; margin:0px; margin-top: 100px; padding:0px; background:#0A0B1E;} #Footer:after{content:""; width:100%; height:100px; float:left; display:block; margin:0px; padding:0px; top: 0px; position:absolute; background:url("imgs/brush-top.png") 0px 0px no-repeat; background-position: top center;z-index: 1;} .Footer-top{position:relative; width:100%; display:block; margin:0px; margin-top: 100px; padding:0px; float:left; } .Footer-bilgi{position:relative; width:34%; display:block; margin:0px; padding:0px; float:left; text-align: left;} .Footer-bilgi-aciklama{width:100%; position:relative; display:block; float:left; font-family:"Roboto", sans-serif; font-weight:300; color:#FFFFFF; font-size:14px; text-decoration:none; margin:0px; padding:0px;} .Footer-bilgi-link{width:100%; position:relative; display:block; float:left; font-family:"Roboto", sans-serif; font-weight:400; color:#FFFFFF; font-size:14px; text-decoration:none; margin:0px; margin-top: 20px; padding:0px;} .Footer-bilgi-link a{font-family:"Roboto", sans-serif; font-weight:400; color:#FFFFFF; font-size:14px; text-decoration:none; margin:0px; padding:0px;} .Footer-bilgi-link a:hover{color:#FF2116;} .Footer-bilgi-telefon{position:relative; width:100%; display:block; height:auto; float: left; margin:0px; margin-top: 20px; padding:0px;} .Footer-bilgi-telefon-ortala{position:relative; width:100%; display:block; height:auto; float: left; margin:0px; padding:0px;} .Footer-telefon{ width: 230px; height: 30px; display:block; position:relative; float:left; margin:5px 0px; padding:0px; cursor:pointer;} .Footer-telefon span.Footer-telefon-icon{width:30px; height:30px; position:relative; float:left; display:block; margin:0px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; background:url(imgs/telefonb.png) 0px 0px no-repeat;} .Footer-telefon span.Footer-telefon-sol{width:70px; height:30px; position:relative; float:left; display:block; margin:0px; margin-top:4px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; font-family:"Roboto", sans-serif; font-weight:500; color:#FFFFFF; font-size:10px; line-height:10px; text-decoration:none; text-align:right;} .Footer-telefon span.Footer-telefon-sol b{width:70px; height:10px; position:relative; float:left; display:block; margin:0px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; font-family:"Roboto", sans-serif; font-weight:400; color:#FFFFFF; font-size:11px; line-height:10px; text-decoration:none; text-align:right;} .Footer-telefon span.Footer-telefon-right{width:130px; height:30px; position:relative; float:left; display:block; margin:0px; padding:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; font-family:"Roboto", sans-serif; font-weight:600; color:#FFFFFF; font-size:24px; line-height:30px; text-decoration:none; text-align:right; margin-top: -1px;} .Footer-telefon:hover span.Footer-telefon-icon{background:url(imgs/telefonb.png) -30px 0px no-repeat;} .Footer-telefon:hover span.Footer-telefon-sol{color:#FF2116;} .Footer-telefon:hover span.Footer-telefon-sol b{color:#FF2116;} .Footer-telefon:hover span.Footer-telefon-right{color:#FF2116;} .Footer-bilgi-social{position:relative;width:auto;height:40px;top:0px;margin:0px; padding:0px;display:block;float:left;text-align:left;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;} .Footer-bilgi-social-ortala{position:relative; width:100%; display:block; height:auto; float: left; margin:0px; padding:0px;} .Footer-bilgi-social a{ width: 30px; height: 40px; cursor:pointer;position:relative;margin:0px; margin-left:5px; float: left; display:block;text-align:center;font-size:20px; line-height: 40px;font-weight:100; color:#FFFFFF; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;} .Footer-bilgi-social a i{ -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;} .Footer-bilgi-social a:hover i.fa-instagram{ color:#c32aa3;} .Footer-bilgi-social a:hover i.fa-facebook{ color:#3b5998;} .Footer-bilgi-social a:hover i.fa-twitter{ color:#1da1f2;} .Footer-bilgi-social a:hover i.fa-pinterest{ color:#bd081c;} .Footer-bilgi-social a:hover i.fa-map-marker{ color:#34a853;} .Footer-bilgi-social a:hover i.fa-rss{ color:#f35022;} .Footer-bilgi-social a:hover i.fa-youtube{ color:#d32323;} .Footer-bilgi-social a:hover i.fa-whatsapp{ color:#25d366;} .Footer-bilgi-social a:hover i.fa-linkedin{ color:#0072b1;} .Footer-menu{width:30%; height:auto; position:relative; float:left; display:block; overflow:hidden; margin:0px; margin-left: 2%; padding:0px; z-index:0; text-align:left;} .Footer-menu-liste{ width: 100%; height: auto; list-style: none; margin: 0px; margin-left: 2%; padding: 0px; display:block; position: relative; float: left; text-align: center;} .Footer-menu-liste a {width:auto; list-style: none; margin: 0px 10px; padding: 0px; position: relative; display:inline-block; font-family:'Roboto', sans-serif; color:#FFFFFF; font-weight:400; font-size:14px; line-height: 25px; text-decoration:none; cursor: pointer;} .Footer-menu-liste a:hover{ color:#FF2116; } .Footer-iletisim{width:32%; height:auto; position:relative; float:right; display:block; overflow:hidden; margin:0px; margin-left: 1%; padding:0px; z-index:0; text-align:left;} .Footer-iletisim-liste {width: 100%; list-style: none; margin: 0px; padding: 0px; position: relative; display:inline-block; float: left;} .Footer-iletisim-list{display:block; float:left; margin:0px; margin-right: 15px; margin-bottom:5px; padding:0px; cursor:pointer; position:relative; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease; font-family:"Roboto", sans-serif; font-size:14px; line-height:30px; font-weight:400; color:#FFFFFF; text-decoration:none;} .Footer-iletisim-liste span.liste-auto{width:auto;} .Footer-iletisim-liste span.liste-yuzde{width:100%;} .Footer-iletisim-list b{font-weight:500;} .Footer-iletisim-list i{ color:#FFFFFF; width:25px; height: 100%; display:block; position: relative; float: left; text-align: center; font-size:18px;line-height:30px; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;} .Footer-iletisim-list:hover, .Footer-iletisim-list:hover i{color:#FF2116;} .Footer-bottom{position:relative; width:100%; min-height:60px; display:block; margin:0px; padding:0px; float:left; text-align:left;} .Footer-copyright{width:100%; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:-ms-calc(100% - 60px); width:-o-calc(100% - 60px); width:calc(100% - 60px); width:expression(100% - 60px); position:relative; display:block; height:auto; line-height:30px; margin:0px; margin-top:15px; padding:0px; text-align:left; font-family:"Roboto", sans-serif; color:#FFFFFF; font-weight:300; font-size:13px; text-decoration:none; float:left;} .Footer-author{position:relative; float:right; width:55px; height:40px; margin:0px; margin-top:10px; padding:0px;} .Footer-FK{position:relative; float:right; background:url(imgs/fikirkulubu.png) 0px 0px no-repeat; top:0px; margin:0px; padding:0px; width:55px; height:40px; cursor:pointer;} .Whatsapp{position:fixed;width:40px;height:40px;bottom:10px;right:20px;background-color:#25d366;color:#FFF;border-radius:40px;text-align:center;font-size:24px; z-index:9;} .my-Whatsapp{margin-top:8px;} @media screen and (max-width: 1760px) { .centering-100de{position:relative; width:100%; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:-ms-calc(100% - 120px); width:-o-calc(100% - 120px); width:calc(100% - 120px); width:expression(100% - 120px); } .Home-slider .LgntSlid-direction-nav {width:100%; } } @media screen and (max-width: 1640px) { .centering-100de{position:relative; width:100%; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:-ms-calc(100% - 60px); width:-o-calc(100% - 120px); width:calc(100% - 60px); width:expression(100% - 60px); } } @media screen and (max-width: 1600px) { .centering-100de{position:relative; width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); } } @media screen and (max-width: 1440px) { .Home-neden-left{width:50%; width:-webkit-calc(50% + 40px); width:-moz-calc(50% + 40px); width:-ms-calc(50% + 40px); width:-o-calc(50% + 40px); width:calc(50% + 40px); width:expression(50% + 40px);} .Home-neden-aciklama{font-size:15px; line-height: 20px;} } @media screen and (max-width: 1360px) { .Home-slider .LgntSlid-slides li{height:800px; } } @media screen and (max-width: 1280px) { #Header-menu ul.NavMenu li{font-size:16px;} #Header-menu ul.NavMenu li a{font-size:16px; paddin-left: 8px; padding-right: 8px;} .Home-genel-aciklama-baslikozel, .Home-sag-sol-baslikozel{font-size:40px; line-height: 45px;} .Home-slider-baslik{font-size:40px; line-height: 45px;} .Home-slider-slogan{font-size:25px; line-height: 30px; } .Home-slider-icerik{font-size:16px; line-height: 25px; } #Home-uclu-menu{margin-top: 40px;} .Home-uclu-menu ul li a .Home-uclu-menu-liste-text .Home-uclu-menu-liste-text-baslik{font-size:24px; line-height:30px;} .Home-uclu-menu ul li a .Home-uclu-menu-liste-text .Home-uclu-menu-liste-text-aciklama{font-size:15px; line-height:17px;} .Home-hakkimizda-icerik, .Home-biz-kimiz-icerik{ margin-top: 20px;} .Home-hakkimizda-aciklama, .Home-biz-kimiz-aciklama{margin-top: 20px;} .Home-hakkimizda-icon, .Home-biz-kimiz-icon{margin-top: 20px; } .Home-hakkimizda-baslikozel, .Home-biz-kimiz-baslikozel{font-size:40px; line-height: 45px;} .Home-hakkimizda-buton, .Home-biz-kimiz-buton{margin-top: 40px; } .Home-urun-baslik{font-size:40px; line-height:45px;} .Home-sektor-baslikozel, .Home-urun-gruplari-baslikozel, .Home-bilgilendirme-baslikozel{margin-top: 20px; font-size:40px; line-height:45px;} .Home-sektor-aciklama, .Home-urun-gruplari-aciklama, .Home-bilgilendirme-aciklama{ font-size:17px; line-height:20px;} } @media screen and (max-width: 1200px) { .Home-urun-list{position:relative; width:33.33%; width:-webkit-calc(33.33% - 20px); width:-moz-calc(33.33% - 20px); width:-ms-calc(33.33% - 20px); width:-o-calc(33.33% - 20px); width:calc(33.33% - 20px); width:expression(33.33% - 20px);} .Home-urun-list:nth-child(4n+1){margin-left: 20px;} .Home-urun-list:nth-child(3n+1){margin-left: 0px;} .Home-urun-list:last-child{display: block;} } @media screen and (max-width: 1080px) { #Header-menu{width:auto; height:80px; } #Header-menu .NavMenu>div.MenuHidden{display:none;} #Header-menu ul.NavMenu{display:block;width:50px; height: auto; line-height:40px; float:left; overflow: visible; } #Header-menu ul.NavMenu li{display:block; width:200px; margin: 0px; margin-left: 0px !important; left: -150px; line-height:40px; float:left; overflow: visible; position: relative;} #Header-menu ul.NavMenu li.MenuHide{ display: block; margin-bottom: 25px; left:0px;} #Header-menu ul.NavMenu li a{text-align:left;width:100%; height: 40px; line-height:40px;background:#FFFFFF;color:#1F1F1F;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:#1F1F1F20 1px solid; font-weight: 500; position: relative; display: block; float: left;} #Header-menu ul.NavMenu li a b{ display:none;} #Header-menu ul.NavMenu li ul{width:100%; top: 0px; background:#1F1F1F; margin-left:0px;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; -webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px;} #Header-menu ul.NavMenu li ul li{width:100%; line-height:40px; border-bottom:#FFFFFF20 1px solid;background:#1F1F1F;left:0px;} #Header-menu ul.NavMenu li ul li a{width:100%; height: 40px; padding-left:10px; line-height:40px; background:#1F1F1F; color:#FFFFFF; overflow: hidden; display: block; float: left;} .Home-genel-aciklama-baslikozel{font-size:35px; line-height: 40px;} .Home-slider-baslik{font-size:35px; line-height: 40px;} .Home-slider-slogan{font-size:21px; line-height: 25px; } .Home-slider-icerik{font-size:15px; line-height: 20px; } .Home-neden-baslikozel{font-size:35px; line-height: 40px;} .Home-uclu-menu ul li a .Home-uclu-menu-liste-text .Home-uclu-menu-liste-text-baslik{font-size:21px; line-height:25px;} .Home-uclu-menu ul li a .Home-uclu-menu-liste-text .Home-uclu-menu-liste-text-aciklama{font-size:15px; line-height:17px;} .Home-hakkimizda-baslikozel, .Home-biz-kimiz-baslikozel{font-size:35px; line-height: 40px;} .Home-hakkimizda-icon-list{width:100%; height:auto; min-height:50px; position:relative; float:left; display:block; margin:0px; margin-top: 20px; margin-left: 0px; padding:0px;} .Home-hakkimizda-icon-list:nth-child(2n+1){margin-left: 0px;} .Home-urun-baslik{font-size:35px; line-height:40px;} .Home-sektor-baslikozel, .Home-urun-gruplari-baslikozel, .Home-bilgilendirme-baslikozel{margin-top: 20px; font-size:35px; line-height:40px;} .Home-sektor-aciklama, .Home-urun-gruplari-aciklama, .Home-bilgilendirme-aciklama{ font-size:17px; line-height:20px;} .Home-bilgilendirme-liste{width:50%; width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:-ms-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); width:expression(50% - 10px); height:360px; margin-left: 20px; margin-bottom: 20px;} .Home-bilgilendirme-liste:nth-child(4n+1){margin-left: 0px;} .Home-bilgilendirme-liste:nth-child(2n+1){margin-left: 0px;} .Home-bilgilendirme-liste-aciklama{height: 100px;} .Home-genel-aciklama-left{width:100%; text-align: center;} .Home-genel-aciklama-right{width:100%; text-align: center;} .Home-sayisal-bilgi-list-text b{font-size:28px;} .Home-sayisal-bilgi-baslik{font-size:35px; line-height:40px;} .Home-urun-gruplari-kategori-baslik a{font-size:40px; line-height:50px;} .Main-banner-buton{ display:inline-block;} #Main-sayfa-menu {margin-left: -320px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} #Main-sayfa-menu.visible {margin-left: 0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} #Main-sayfa-content{width:100%; margin-left:0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} #Main-sayfa-content.visible { margin-right:-320px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;} .Main-sayfa-baslik{text-align: center;} .Main-sayfa-baslikozel{ text-align: center;} .Main-sayfa-aciklama{ text-align: center;} .Main-sayfa-icerik{text-align:justify;} .EmbedYoutubeVideo {height: 420px;} .Main-sayfa-medya{width:33.33%; width:-webkit-calc(33.33% - 20px); width:-moz-calc(33.33% - 20px); width:-ms-calc(33.33% - 20px); width:-o-calc(33.33% - 20px); width:calc(33.33% - 20px); width:expression(33.33% - 20px);} .Home-sag-sol-gorsel-right{width:100%; float:left;} .Home-sag-sol-gorsel-left{width:100%;} .Home-sag-sol-kapak{width:100%; height: auto; float:left;} .Home-sag-sol-kapak img{width:80%; height:auto;left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-sag-sol-text-left{width:100%; text-align: center;} .Home-sag-sol-text-right{width:100%; text-align: center;} .Footer-bilgi{position:relative; width:49%; display:block; margin:0px; padding:0px; float:left; text-align: left;} .Footer-menu{width:100%; margin-left: 0px; margin-top: 20px; text-align: center; } .Footer-menu-liste{ width: 100%; margin:0px 1%; text-align: center;} .Footer-menu-liste a {width: auto; margin: 0px 5px; display:inline-block; float: none; } .Footer-iletisim{width:49%; height:auto; position:relative; float:right; display:block; overflow:hidden; margin:0px; margin-left: 2%; padding:0px; z-index:0; text-align:left;} } @media screen and (max-width: 1000px) { .Home-slider{width:100%; height:100vh; max-height:600px; min-height: 480px; padding:0;margin:0;position:relative; display:block; background:#242424; overflow:hidden; float:left;} .Home-slider .LgntSlid-slides li{height:600px; } .Home-slider .Home-slider-cerceve{width:100%; width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:-ms-calc(100% - 50px); width:-o-calc(100% - 50px); width:calc(100% - 50px); width:expression(100% - 50px); z-index: 9; top: 50%;} .Home-slider-text{ width: 90%; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); text-align:center;} .Home-slider-baslik br{ display: none;} .Home-slider-line span{left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-slider-buton{width:auto;left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-slider .LgntSlid-control-nav{right:auto; width:auto; height:50px; margin:0px auto; padding:0px; list-style:none; position:absolute; display:block; bottom:30px; left:auto; top: auto; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-slider .LgntSlid-control-nav li{position:relative; float:left; display:block; width:50px; height:50px; text-decoration:none; cursor:pointer; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; cursor:pointer; margin:0px; padding: 0px; display:block; list-style:none; font-family:"Roboto", sans-serif; font-weight:900; font-size:18px; color:#FFFFFF50; text-align:center; text-decoration:none; line-height:50px; z-index:3;} .Home-slider .LgntSlid-control-nav li:after{content:"";width:50px; height:1px; background:#FFFFFF0; display:block; float:left; margin:0px; padding:0px; bottom: 2px; position:absolute; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; list-style:none;} .Home-slider .LgntSlid-control-nav li:hover{display:block; font-size:28px; color:#FFFFFF;} .Home-slider .LgntSlid-control-nav li:hover:after{content:""; width:50px; height:5px; background:#FFFFFF; margin:0px; bottom: 0px; } .Home-slider .LgntSlid-control-nav li.LgntSlid-active{ display:block; font-size:28px; color:#FFFFFF;} .Home-slider .LgntSlid-control-nav li.LgntSlid-active:after{content:""; width:50px; height:5px; background:#FFFFFF; margin:0px; bottom: 0px; } .Home-slider .LgntSlid-direction-nav{ list-style:none;} #Home-hakkimizda, #Home-biz-kimiz{margin-top: 40px;} .Home-hakkimizda-text, .Home-biz-kimiz-text{width:100%; height:auto; float:left; display:block; margin:0px; padding:0px; position:relative; overflow: hidden; text-align: center;} .Home-hakkimizda-icerik ul li, .Home-biz-kimiz-icerik ul li{ padding: 0px;} .Home-hakkimizda-icerik ul li::before, .Home-biz-kimiz-icerik ul li::before{ display: none;} .Home-hakkimizda-icon-list{width:49%; height:auto; min-height:50px; position:relative; float:left; display:block; margin:0px; margin-top: 20px; margin-left: 2%; padding:0px;} .Home-hakkimizda-icon-list:nth-child(2n+1){margin-left: 0px;} .Home-hakkimizda-buton a{left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-hakkimizda-gorsel, .Home-biz-kimiz-gorsel{width:100%; float: right; margin-top: 40px;} .Home-hakkimizda-gorsel img, .Home-biz-kimiz-gorsel img{ width:60%; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-hakkimizda-gorsel-margin{width:100%; max-width: 100%; } .Home-hakkimizda-gorsel-margin img{width:60%; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} #Home-urun-gruplari{margin-top: 40px;} #Home-sektor-top, .Home-urun-gruplari-top, #Home-bilgilendirme-top{margin-top: 40px; } #Home-sektor-carousel{margin-top: 20px; margin-bottom: 80px;} .Home-urun-gruplari-bottom{margin-top: 20px;} #Home-bilgilendirme{margin-top: 40px;} } @media screen and (max-width: 960px) { #Header-logo{width:180px; height:100px;} #Home-neden{margin-top: 50px;} .Home-neden-left{width:100%; text-align: center;} .Home-neden-right{width:100%; text-align: center;} .Home-neden-iconlar-list{width:50%; width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:-ms-calc(50% - 30px); width:-o-calc(50% - 30px); width:calc(50% - 30px); width:expression(50% - 30px); margin-left: 15px; margin-right: 15px;} .Home-neden-iconlar-list-img{width:100%; height:60px; margin:0px;} .Home-neden-iconlar-list-img img{float: left; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-neden-iconlar-list-baslik{ text-align:center;} .Home-neden-iconlar-list-aciklama{ text-align:center;} .Home-neden-iconlar-list-buton{ width:100%; height:auto; float:left; display:block; margin:0px; margin-top: 30px; padding:0px; position:relative;} .Home-neden-iconlar-list-buton a{ width:100%; text-align:center;} .Home-urun-list{position:relative; width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px);} .Home-urun-list:nth-child(4n+1){margin-left: 20px;} .Home-urun-list:nth-child(3n+1){margin-left: 20px;} .Home-urun-list:nth-child(2n+1){margin-left: 0px;} .Home-urun-list:last-child{display: none;} .Home-uclu-menu ul li{position:relative; width:50%; width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:-ms-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); width:expression(50% - 10px);} .Home-uclu-menu ul li:nth-child(3n+1){margin-left: 0px;} .Home-uclu-menu ul li:nth-child(2){width:100%; height: 240px; margin-left: 0px; order: 4;} .Home-sayisal-bilgi-list-text b{font-size:25px;} #Home-urun-gruplari{ margin-top: 50px;} .Home-urun-gruplari-kategori-baslik a{font-size:35px; line-height:40px;} } @media screen and (max-width: 900px) { .Home-neden-baslikozel{font-size:35px; line-height: 40px;} .Home-urun-gruplari-bottom ul li{ width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); height:240px;} .Home-urun-gruplari-bottom ul li:nth-child(10n+1) { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); } .Home-urun-gruplari-bottom ul li:nth-child(10n+2) { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); } .Home-urun-gruplari-bottom ul li:nth-child(10n+3), .Home-urun-gruplari-bottom ul li:nth-child(10n+4), .Home-urun-gruplari-bottom ul li:nth-child(10n+5), .Home-urun-gruplari-bottom ul li:nth-child(10n+8), .Home-urun-gruplari-bottom ul li:nth-child(10n+9), .Home-urun-gruplari-bottom ul li:nth-child(10n+10) { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px);} .Home-urun-gruplari-bottom ul li:nth-child(10n+6) { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px);} .Home-urun-gruplari-bottom ul li:nth-child(10n+7) { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); } .Main-sayfa-urun-gruplari ul li{width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); height:280px;} .Main-sayfa-urun-gruplari ul li:nth-child(10n+1) { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); } .Main-sayfa-urun-gruplari ul li:nth-child(10n+2) { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); } .Main-sayfa-urun-gruplari ul li:nth-child(10n+3), .Main-sayfa-urun-gruplari ul li:nth-child(10n+4), .Main-sayfa-urun-gruplari ul li:nth-child(10n+5), .Main-sayfa-urun-gruplari ul li:nth-child(10n+8), .Main-sayfa-urun-gruplari ul li:nth-child(10n+9), .Main-sayfa-urun-gruplari ul li:nth-child(10n+10) { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px);} .Main-sayfa-urun-gruplari ul li:nth-child(10n+6) { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px);} .Main-sayfa-urun-gruplari ul li:nth-child(10n+7) { width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); } .Main-sayfa-urunler ul li{width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px);} .Main-sayfa-liste{margin-top: 20px;} .EmbedYoutubeVideo {height: 400px;} #Home-sayisal-bilgi{margin-top:40px;} .Home-sayisal-bilgi{margin:40px 0px;} .Home-sayisal-bilgi-list{width:25%; width:-webkit-calc(25% - 10px); width:-moz-calc(25% - 10px); width:-ms-calc(25% - 10px); width:-o-calc(25% - 10px); width:calc(25% - 10px); width:expression(25% - 10px); height:auto; min-height:60px; margin:0px 5px;} .Home-sayisal-bilgi-list-icon{width:100%; height:50px; margin:0px; margin-bottom: 10px;} .Home-sayisal-bilgi-list-icon img{position:relative; width:auto; height:100%; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-sayisal-bilgi-list-text{ width:100%; min-height:80px;text-align:center;} .Main-sayfa-urun-teknik{width:100%;} .Main-sayfa-urun-teknik-gorsel{ width: 100%; float: left;} .Main-sayfa-urun-gorsel{width:100%;} .Main-sayfa-urun-text{ width: 100%;float: left; text-align: center;} .urun-text-icerik{text-align:justify;} .urun-text-iconlar-kategori-center{left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .urun-text-renkler-center{left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .urun-text-sagsol-detay-gorsel{width:100%; margin: 0px;} .urun-text-sagsol-detay-gorsel img{width:80%; margin-top: 20px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .urun-text-sagsol-detay-left, .urun-text-sagsol-detay-right{width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); margin-top:0px; } .urun-text-sagsol-detay-right{text-align:left; float: right;} .urun-text-teknik{width:100%; margin-top: 0px; margin-right: 0px; text-align: center;} .urun-text-teknik b{width: 100%; display: block; float: left; font-weight:400; font-size:30px; line-height: 40px; color:#212121; text-decoration:none;} .urun-text-teknik-gorsel{ width: 100%; } .urun-text-teknik-gorsel img{width:80%; margin-top: 20px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); float: left;} .urun-text-teknik-tablo{ width: 100%;} .urun-text-altalta{ width:100%; margin-left: 0px; margin-bottom: 0px; } .urun-text-altalta-yazi{text-align: center;} .urun-text-altalta-liste{ width:100%; text-align: center;} .urun-text-altalta-list{ width: 30%; height: auto; margin:0px 1.5%;} .urun-text-altalta-list-gorsel{width:100%; height: auto;} .urun-text-altalta-list-gorsel img{position:relative; -webkit-object-fit:contain; -moz-object-fit:contain; -o-object-fit:contain; -ms-object-fit:contain; object-fit:contain; -webkit-object-position:left; -moz-object-position:center; -o-object-position:center; -ms-object-position:center; object-position:center; width:100%; height:auto; margin: 0px; padding: 0px; display: block; float: left;} .urun-text-altalta-list-text{ text-align: center;} .Main-sayfa-iletisim{margin-top: 0px;} .Main-sayfa-iletisim-bilgi{width:100%; margin-top: 0px; float:left; text-align: center} .Main-sayfa-iletisim-maps{width:100%; height:auto; float:left; margin:0px; padding:0px; display:block; position: relative; overflow:hidden; text-align: left;} .iletisim-bilgileri{ width:100%; height:auto;} .iletisim-bilgileri:first-child{ width:100%;} .iletisim-bilgileri-icon{ width:100%; height:40px; margin:0px; color:#FF3427; background:none;} .iletisim-bilgileri-text{ width:100%; text-align: center;} .iletisim-bilgileri-text span{ width:100%; top:0%; -webkit-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -moz-transform:translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%);} .iletisim-bilgileri:hover .iletisim-bilgileri-icon{ color:#1F1F1F; background: none;} } @media screen and (max-width: 860px) { .Main-sayfa-medya{width:50%; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:-ms-calc(50% - 20px); width:-o-calc(50% - 20px); width:calc(50% - 20px); width:expression(50% - 20px); } } @media screen and (max-width: 800px) { .Home-hakkimizda-gorsel img, .Home-biz-kimiz-gorsel img{ width:80%; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} } @media screen and (max-width: 760px) { } @media screen and (max-width: 720px) { .Home-slider{width:100%; height:100vh; max-height:600px; min-height: 600px; padding:0;margin:0;position:relative; display:block; background:#242424; overflow:hidden; float:left;} .Home-slider .LgntSlid-slides li{height:600px; } .Home-slider-baslik{font-size:30px; line-height: 35px;} .Home-slider-slogan{font-size:19px; line-height: 25px; } .Home-hakkimizda-baslikozel, .Home-biz-kimiz-baslikozel{font-size:30px; line-height: 35px;} .Home-hizmet-baslikozel{font-size:30px; line-height: 35px;} .Home-sektor-baslikozel, .Home-urun-gruplari-baslikozel, .Home-bilgilendirme-baslikozel{margin-top: 20px; font-size:30px; line-height:35px;} .Home-sektor-aciklama, .Home-urun-gruplari-aciklama, .Home-bilgilendirme-aciklama{ font-size:15px; line-height:20px;} .Home-genel-aciklama-baslikozel, .Home-sag-sol-baslikozel{font-size:30px; line-height: 35px;} .Main-banner-gorsel{height: 280px;} .Main-banner-text{bottom: 60px;} .Main-banner-baslik h1 a, .Main-banner-baslik span a{font-size:30px; line-height: 35px; font-weight: 400;} .Home-urun-baslik{font-size:30px; line-height:35px;} .Main-sayfa-urun-gorsel-slider{width:100%; height: auto;} .Main-sayfa-urun-gorsel-slider .LgntSlid-slides{width:100%;height:auto; margin-bottom: 20px;} .Main-sayfa-urun-gorsel-slider .LgntSlid-slides li{width:100%;height:100%; } .Main-sayfa-urun-gorsel-img img{ width:100%; height:auto;} .Home-urun-gruplari-kategori-baslik a{font-size:30px; line-height:35px;} .Footer-bilgi{ width:100%;} .Footer-bilgi-aciklama{text-align:center;} .Footer-bilgi-telefon, .Footer-bilgi-social-ortala{width:auto; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Footer-telefon{ margin:5px 0px; margin-right: 5px; } .Footer-bilgi-social a{ margin-left:0px; } .Footer-iletisim{width:100%; margin-left: 0px;} .Footer-iletisim-liste{width: 100%; margin:0px; text-align: center;} .Footer-iletisim-list{ width:auto; display:inline-block; float: none; text-align: center;} .Footer-iletisim-list i{ display: none;} } @media screen and (max-width: 680px) { #Header-logo{width:144px; height:80px; margin-top: 0px;} .Home-bilgilendirme-liste{width:100%; height:auto; margin-left: 0px; margin-bottom: 20px;} .Home-bilgilendirme-liste:nth-child(4n+1){margin-left: 0px;} .Home-bilgilendirme-liste:nth-child(2n+1){margin-left: 0px;} .Home-bilgilendirme-liste-margin{width:100%; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:-ms-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); width:expression(100% - 20px); height:auto; position:relative; float:left; display:block; margin:10px; margin-top: 0px; padding:0px;} .Home-bilgilendirme-liste-icon{width:100%; height:100px; position:relative; float:left; display:block; margin:0px; margin-top: 10px; padding:0px;} .Home-bilgilendirme-liste-aciklama{height: auto;} .IcerikYazisi img{max-width:100%; float: left; margin: 0px; margin-bottom: 20px;} .Main-sayfa-baslik h1 a{font-size:25px; line-height: 35px;} .Main-sayfa-baslikozel{font-size:30px; line-height:35px;} .EmbedYoutubeVideo {height: 360px;} } @media screen and (max-width: 640px) { .Home-uclu-menu ul li{position:relative; width:100%; height: 280px; min-height: 240px; margin-left: 0px} .Home-uclu-menu ul li:nth-child(3n+1){margin-left: 0px;} .Home-uclu-menu ul li:nth-child(2){order: 2;height: 280px;} .Home-hakkimizda-icon-list{width:100%; height:auto; min-height:50px; position:relative; float:left; display:block; margin:0px; margin-top: 20px; margin-left: 0px; padding:0px;} .Home-hakkimizda-icon-list:nth-child(2n+1){margin-left: 0px;} .Home-hakkimizda-icon-list-img{width:100%; height:50px;} .Home-hakkimizda-icon-list-img img{left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width:50px; } .Home-hakkimizda-icon-list-text{ width:100%; text-align:center;} .Home-urun-gruplari-carousel .Lgnt-Carousel-Wrapper, .Home-urun-gruplari-carousel .Lgnt-Carousel-Item{ width:320px; } .Home-urun-gruplari-carousel-item{width:320px;} .Main-sayfa-haberler{width:100%; margin-left: 0px; margin-right: 0px; height: auto;} .Main-sayfa-haberler-gorsel{height:auto; } .Main-sayfa-haberler-gorsel img{position:relative;} .Main-sayfa-haberler-text-baslik{height:auto; } .Main-sayfa-haberler-text-aciklama{ width:100%; height:auto;} .Home-sag-sol-kapak img{width:100%; height:auto;} } @media screen and (max-width: 600px) { .Home-hakkimizda-gorsel img, .Home-biz-kimiz-gorsel img{ width:100%; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-sektor-carousel .Lgnt-Carousel-Wrapper, .Home-sektor-carousel .Lgnt-Carousel-Item{ width:400px;} .Home-sektor-carousel-item a{ width:400px; } .Home-sektor-carousel-item-margin{position:absolute; width:100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); width:expression(100% - 40px); height:100%; height:-webkit-calc(100% - 40px); height:-moz-calc(100% - 40px); height:-ms-calc(100% - 40px); height:-o-calc(100% - 40px); height:calc(100% - 40px); height:expression(100% - 40px); margin:20px; } .Home-sektor-carousel-item-icon{width:60px; height:60px; } .Home-sektor-carousel-item-baslik{width:100%; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:-ms-calc(100% - 80px); width:-o-calc(100% - 80px); width:calc(100% - 80px); width:expression(100% - 80px); height:60px; float:left; margin:0px; margin-left: 20px; padding:0px; font-family:"Roboto"; font-size:24px; line-height:30px;} .Home-sektor-carousel-item-aciklama{font-size:15px; line-height:20px;} .Home-urun-gruplari-bottom ul li{ width:100%; margin: 10px 0px;} .Home-urun-gruplari-bottom ul li:nth-child(10n+1) { width:100%; } .Home-urun-gruplari-bottom ul li:nth-child(10n+2) { width:100%; } .Home-urun-gruplari-bottom ul li:nth-child(10n+3), .Home-urun-gruplari-bottom ul li:nth-child(10n+4), .Home-urun-gruplari-bottom ul li:nth-child(10n+5), .Home-urun-gruplari-bottom ul li:nth-child(10n+8), .Home-urun-gruplari-bottom ul li:nth-child(10n+9), .Home-urun-gruplari-bottom ul li:nth-child(10n+10) { width:100%;} .Home-urun-gruplari-bottom ul li:nth-child(10n+6) { width:100%;} .Home-urun-gruplari-bottom ul li:nth-child(10n+7) { width:100%; } .Main-sayfa-urun-gruplari ul li{ width:100%; margin: 10px 0px;} .Main-sayfa-urun-gruplari ul li:nth-child(10n+1) { width:100%; } .Main-sayfa-urun-gruplari ul li:nth-child(10n+2) { width:100%; } .Main-sayfa-urun-gruplari ul li:nth-child(10n+3), .Main-sayfa-urun-gruplari ul li:nth-child(10n+4), .Main-sayfa-urun-gruplari ul li:nth-child(10n+5), .Main-sayfa-urun-gruplari ul li:nth-child(10n+8), .Main-sayfa-urun-gruplari ul li:nth-child(10n+9), .Main-sayfa-urun-gruplari ul li:nth-child(10n+10) { width:100%;} .Main-sayfa-urun-gruplari ul li:nth-child(10n+6) { width:100%;} .Main-sayfa-urun-gruplari ul li:nth-child(10n+7) { width:100%; } .Main-sayfa-urunler ul li{width:100%; margin: 0px; margin-bottom: 20px;} .Main-sayfa-medya{width:100%; margin-left: 0px; margin-right: 0px;} .Home-sayisal-bilgi-list{width:50%; width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:-ms-calc(50% - 10px); width:-o-calc(50% - 10px); width:calc(50% - 10px); width:expression(50% - 10px); margin-bottom: 20px;} } @media screen and (max-width: 560px) { } @media screen and (max-width: 540px) { .Home-hakkimizda-buton-link, .Home-biz-kimiz-buton-link{width:100%; } .Home-hakkimizda-buton-link a, .Home-biz-kimiz-buton-link a{left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-hakkimizda-buton-telefon, .Home-biz-kimiz-buton-telefon{width:100%; margin-left: 0px; margin-top: 10px; } .Home-hakkimizda-buton-telefon a, .Home-biz-kimiz-buton-telefon a{ width: 260px; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-urun-list{position:relative; width:100%; margin-left: 0px;} .Home-urun-list:nth-child(4n+1){margin-left: 0px;} .Home-urun-list:nth-child(3n+1){margin-left: 0px;} .Home-urun-list:nth-child(2n+1){margin-left: 0px;} .Home-urun-list:last-child{display: block;} } @media screen and (max-width: 500px) { } @media screen and (max-width: 480px) { .Header-top-yuzde{ width: 100%; display: block; float: right; position: relative; margin: 0px; padding: 0px;} .Header-top-ortala{ float: left; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-slider-baslik{font-size:28px; line-height: 35px;} .Home-slider-buton{ display: none;} .Home-hakkimizda-baslikozel, .Home-biz-kimiz-baslikozel{font-size:28px; line-height: 35px;} .Home-neden-baslikozel{font-size:24px; line-height: 30px;} .Home-neden-icon-img{width:100%; height:100px; margin:0px; margin-bottom: 10px;} .Home-neden-icon-img img{ width:auto; height:100%; float: left; left: 50%; -webkit-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -moz-transform:translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} .Home-neden-icon-text{ width:100%; text-align:center;} .Home-neden-iconlar-list{width:100%; margin-left: 0px; margin-right: 0px;} .Home-sektor-baslikozel, .Home-urun-gruplari-baslikozel, .Home-bilgilendirme-baslikozel{margin-top: 20px; font-size:28px; line-height:35px;} .Home-urun-baslik{font-size:28px; line-height:35px;} .Main-sayfa-baslik h1 a{font-size:25px; line-height: 35px;} .Main-sayfa-baslikozel{font-size:25px; line-height:30px;} .Home-sayisal-bilgi-baslik{font-size:25px; line-height:35px;} .Home-sayisal-bilgi-list-text{font-family:'Roboto Condensed', sans-serif;} .Main-sayfa-iletisim-bilgi-baslikozel{ font-size:25px; line-height:30px;} .Home-urun-gruplari-kategori-baslik a{font-size:28px; line-height:35px;} .Home-urun-gruplari-carousel .Lgnt-Carousel-Wrapper, .Home-urun-gruplari-carousel .Lgnt-Carousel-Item{ width:300px; } .Home-urun-gruplari-carousel-item{width:300px;} .EmbedYoutubeVideo {height: 300px;} .Footer-copyright{ line-height:20px; margin:0px; margin-top:10px;} } @media screen and (max-width: 460px) { .Home-sektor-carousel .Lgnt-Carousel-Wrapper, .Home-sektor-carousel .Lgnt-Carousel-Item{ width:300px;} .Home-sektor-carousel-item a{ width:300px; } } @media screen and (max-width: 400px) { .Home-slider-baslik{font-size:24px; line-height: 30px;} .Home-slider-slogan{font-size:24px; line-height: 30px;} .Home-genel-aciklama-baslikozel, .Home-sag-sol-baslikozel{font-size:24px; line-height: 30px;} } @media screen and (max-width: 360px) { .Main-sayfa-urun-detay-renkli-gorsel{margin-top: -80px; } } .Main-sayfalama{width:100%; height:auto; display:block; overflow:hidden; position:relative; float:left; margin:0px; margin-top:20px; padding:0px;} .sayfalama-select{font-family:"Roboto"; font-weight:300; font-size:14px; color:#FFFFFF; text-align:center; text-decoration:none; background:#071932; width:30px; line-height:30px; height:30px; cursor:pointer; display:inline-block; margin:0px 2px; padding: 0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: #EFEFEF 1px solid;} .sayfalama{font-family:"Roboto";font-weight:300; font-size: 14px; color: #071932; text-align:center; text-decoration: none; background: #FFFFFF; width:30px; line-height:30px; height:30px; cursor:pointer; display:inline-block; margin:0px 2px; padding: 0px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: #EFEFEF 1px solid;} .sayfalama:hover {background: #071932; color:#FFFFFF;} .PhotoScript-box{visibility:hidden;opacity:0;top:0;left:0;right:0;bottom:0;width:0;height:0;margin:auto;position:fixed;background-color:rgba(0,0,0,0.84);z-index:9999;transition:all 600ms cubic-bezier(0.86,0,0.07,1);box-sizing:border-box;transform:scale(0)} .PhotoScript-box.pht-active{visibility:visible;transform:scale(1);opacity:1;top:0;left:0;right:0;bottom:0;position:fixed;width:100%;height:100%} .PhotoScript-box .pht-content{display:block;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;margin:auto;padding:20px;transition:all .5s;height:100%} .PhotoScript-box .pht-image-container{position:absolute;top:0;bottom:0;left:0;right:0;padding:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-around} .PhotoScript-box img.pht-image{position:relative;max-height:90%;max-width:90%;cursor:pointer;min-width:0;min-height:0;margin:auto;} .PhotoScript-box img.pht-image.pht-image-loaded{max-height:100%;max-width:100%;min-height:1px;} .PhotoScript-box .pht-no-image-found{position:absolute;left:0;right:0;top:0;bottom:0;display:none;height:100%;width:100%;padding:10px;margin:auto;overflow:visible;color:#fff;text-align:center;cursor:pointer} .PhotoScript-box .pht-no-image-found .no-found-msg{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(50%);margin:0 auto; font-family:"Arial";} .PhotoScript-box .pht-control-panel{position:absolute;bottom:5px;right:50%;transform:translateX(50%);z-index:2;margin-bottom:20px;background:rgba(0,0,0,0.64);border-radius:3px;opacity:.5} .PhotoScript-box .pht-control-panel:hover{opacity:1} .PhotoScript-box .pht-panel-button{font-size:22px;display:inline-block;color:#fff;text-align:center;cursor:pointer;width:30px;height:28px;margin:2px 5px} .PhotoScript-box .pht-panel-button:not(:last-child){margin-right:10px} .PhotoScript-box .pht-download{text-decoration:underline} .PhotoScript-box .pht-autoplay-playing{line-height:23px;font-size:18px;word-spacing:-7px;font-weight:bolder;vertical-align:bottom} .PhotoScript-box .pht-header{position:absolute;top:9px;left:50%;transform:translateX(-50%);z-index:32;margin:0;padding:0;display:block;background:transparent} .PhotoScript-box .pht-image-title{display:block;padding:5px 10px;color:#FFFFFF;font-size:16px;background:rgba(0,0,0,0.32);transition:opacity .5s ease-out;opacity:0; font-family:"Arial";} .PhotoScript-box .pht-image-title:not(:empty){opacity:1} .PhotoScript-box .pht-image-title.pht-image-notitle{opacity:0} .PhotoScript-box .pht-image-count{display:block;margin-right:5px;font-weight:500;color:#FFFFFF;font-size:11px;background:transparent; font-family:"Arial";} .PhotoScript-box .pht-control{cursor:pointer;color:#FFFFFF;overflow:visible;} .PhotoScript-box .pht-control:hover{color:#F73240;} .PhotoScript-box .pht-control-text{font-family:"Arial";font-size:45px;font-weight:700} .PhotoScript-box .pht-prev,.PhotoScript-box .pht-next{position:absolute;display:flex;flex-direction:column;justify-content:center;width:70px;height:50px;top:50%; margin-top:-25px;z-index:2} .PhotoScript-box .pht-prev{left:0;text-align:left} .PhotoScript-box .pht-prev .pht-control-text{margin-left:30px} .PhotoScript-box .pht-next{right:0;text-align:right} .PhotoScript-box .pht-next .pht-control-text{margin-right:30px} .PhotoScript-box .pht-close{position:absolute;top:0;right:0;width:5%;height:5%;z-index:3;text-align:right;} .PhotoScript-box .pht-close .pht-control-text{display:block;margin-top:17px;margin-right:30px;font-size:30px} .PopUpVideo-Wrap{position:fixed; width:100%; height:100%; background-color:#000; background-color:rgba(0,0,0,0.8); top:0; left:0; z-index:9999999999999;} .PopUpVideo-Content{max-width:800px; display:block; margin:0 auto; height:100%; position:relative;} .PopUpVideo-Content iframe{max-width:100% !important; width:100% !important; display:block !important; height:480px !important; border:none !important; position:absolute; top: 0; bottom: 0; margin: auto 0;} .PopUpVideo-Close{position:absolute; top:0; cursor:pointer; bottom:528px; right:0px; margin:auto 0; width:40px; height:40px; background:url(imgs/close.png) no-repeat; background-size:40px 40px; -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -o-background-size:40px 40px;} .PopUpVideo-Close:hover{opacity:0.5;} .skiptranslate{display: none;} .goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{display: none!important;} .goog-te-gadget {color: transparent!important; font-size:0px;} .goog-text-highlight {background: none !important; box-shadow: none !important;} #goog-gt-tt {display:none !important;} .goog-te-banner-frame {display:none !important;} .goog-te-menu-value:hover {text-decoration:none !important;} #google_translate_element2 {display:none!important;}