@charset "utf-8"; /* CSS Document */ a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol,ul{list-style:none;}blockquote,q{quotes:none;}table,table td{padding:0;border:none;border-collapse:collapse;}img{vertical-align:top;}embed{vertical-align:top;}*{border:none}input,textarea{outline:none!important}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block;}mark,rp,rt,ruby,summary,time{display:inline} html{min-height:100%;min-width:980px; height:100%; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;} body{min-height:100%;min-width:980px; height:100%; overflow:auto; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-y: scroll; margin:0; font-size: 14px; font-family: "Roboto"; background: #f2f1ed;} p{ margin:0px;} table{color: #000; text-decoration: none; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; line-height:175%} a { color: #000; text-decoration: none; font-size:20px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; cursor:pointer; } h1{position:relative; clear:both; font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal; font-size:40px; line-height:125%; color:#333; padding:0 0 10px 0; margin:0;} h2{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:40px; line-height:125%; color:#333; padding:20px 0 10px 0; margin:0;} #page_container{ position:relative; width:100%; height: auto;} #header_container{ position:absolute; width:100%; height:auto; padding:0; margin:0; z-index:1002;} #header_container #header_ust{ position:relative; display:block; } .social_container .facebook{ background:url(images/theme/social_face.png) no-repeat left center; width:auto; height:50px; line-height:50px; padding:0 0 0 25px; margin:0 10px; display:inline-block;} .social_container .twitter{ background:url(images/theme/social_twitter.png) no-repeat left center; width:auto; height:50px; line-height:50px; padding:0 0 0 25px; margin:0 10px; display:inline-block;} .social_container .instagram{ background:url(images/theme/social_instagram.png) no-repeat left center; width:auto; height:50px; line-height:50px; padding:0 0 0 25px; margin:0 10px; display:inline-block;} .social_container .youtube{ background:url(images/theme/social_youtube.png) no-repeat left center; width:auto; height:50px; line-height:50px; padding:0 0 0 25px; margin:0 10px; display:inline-block;} .social_container .pinterest{ background:url(images/theme/social_pinterest.png) no-repeat left center; width:25px; height:50px; line-height:50px; padding:0 0 0 25px; margin:0 10px; display:inline-block;} .social_container .linkedin{ background:url(images/theme/social_linkedin.png) no-repeat left center; width:auto; height:50px; line-height:50px; padding:0 0 0 25px; margin:0 10px; display:inline-block;} .social_container .whatsapp{ background:url(images/theme/social_whatsapp.png) no-repeat left center; width:auto; height:50px; line-height:50px; padding:0 0 0 25px; margin:0 10px; display:inline-block;} .scroll_container .social_container{display: none;} #header_container #header_logo{ position:relative; display:block; height:100px; width:1170px; margin:0px auto; text-align:right;} #header_container #header_logo #logo{ position:absolute; left:10px; top:15px; text-align: left;} #header_container #header_logo #logo img{ width:auto; height:63px;} #header_container #header_logo a{ position:relative; display:inline-block; width:20%; } #header_container #header_logo a .ust_menu_container{ position:relative;height:35px; padding-left:45px; margin-top:35px; text-align:left;} #header_container #header_logo a .text{ position:relative; display:block; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:14px; line-height:125%; color:#b867be; padding:0; margin:0;} #header_container #header_logo a .link{ position:relative; display:block; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:14px; line-height:125%; color:#333333; padding:0; margin:0;} #header_container #header_logo .telefon{ background:url(images/theme/ust_menu_telefon.png) no-repeat left center;} #header_container #header_logo .zaman{ background:url(images/theme/ust_menu_zaman.png) no-repeat left center;} #header_container #header_logo .email{ background:url(images/theme/ust_menu_email.png) no-repeat left center;} #header_container #header_menu_container{ position:relative; display:block; padding:0px; margin:auto 0px; top:0px; height:auto; background:#f2f1ed; width:auto;} #header_container #header_menu{ position:relative; display:block; padding:0px; margin:0px auto 0px; top:0px; height:75px; background:none; text-align:center; width:100%;} #header_container #header_menu #logo{ position:absolute; float:left; left: 20px; margin-top:15px; display:inline-block; text-align:center; z-index: 101; } /*::::: AÇILIR ÜST MENÜ :::::*/ #nav { position:relative; float:none; height:75px; display:inline-block; margin:0 auto 0 ; padding:0px; text-align:left; z-index: 1000;} #nav ul {position:relative; margin:0 auto; padding:0; height:75px; float:left; display:block;} #nav li {list-style:none;float:left;margin:0;padding:0 0px 0 0; line-height:75px; height:75px;} #nav li.son {background:none;} #nav span {float:left; border-top: 0px solid transparent; padding:0 0px 0 0px;line-height:75px;height:75px; background:none top center;} #nav li a { position:relative; overflow:hidden; text-transform:none;font-family: Roboto Condensed, sans-serif; font-weight:400; font-style:normal; font-size:16px; height:auto; color:#666; display:block;line-height:75px;height:75px;margin:0;padding:0px 20px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #nav span:hover, #nav span.aktif { border-top: 0px solid #0d4593;} #nav li:hover a ,#nav a:hover, #nav a.aktif {background: #fcd6e8; color:#fff;} #nav>ul>li:first-child:hover a {background: #dbe9ec; color:#333; } #nav>ul>li:nth-child(2):hover a {background: #fff2d0; color:#333; } #nav>ul>li:nth-child(2):hover ul li a:hover {background: #f7e9c5; color:#333;} #nav>ul>li:nth-child(3):hover a {background: #fcd6e8; color:#333; } #nav>ul>li:nth-child(3):hover ul li a:hover {background: #facde2; color:#333;} #nav>ul>li:nth-child(4):hover a {background: #d7f3f2; color:#333; } #nav>ul>li:nth-child(5):hover a {background: #d4d4f1; color:#333; } /* First level dropdown */ #nav li ul {margin:0 0 0 0px;background:#fcd6e8; padding:10px;list-style:none;position:absolute; display:none;left:-999em;top:75px;width:220px;z-index:10;height:auto;} #nav li:nth-child(2) ul{ background:#fff2d0; } #nav li:hover ul, #nav li.sfhover ul {left:auto;} #nav li li {z-index:20;position:relative;margin:0;padding:0;width:100%;height:auto;line-height:12px;} #nav li li a {text-indent:0;background:#fcd6e8;border-bottom:1px solid rgba(200,200,200,0.2);font-weight:bold;padding:10px 10px 10px 10px;text-transform:none;font-family:'Roboto Condensed',sans-serif;font-weight:300;font-style:normal;font-size:16px;height:auto;line-height:18px;color:#555;text-decoration:none;} #nav li li:last-child>a{ border:none;} #nav li:hover li a, #nav li.sfhover li a {color:#f9e3e4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} #nav li li:hover a { background:#f12e18;color:#fff; text-decoration:none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} /* Second level dropdown */ #nav li ul li ul{margin:0 0 0 0px; background:#f12e18; padding:10px; list-style:none; position:absolute; top:0px; left:180px; width:200px;z-index:11;height:auto; display:none;} #nav li ul li:hover ul, #nav li.sfhover ul {left:180px;} #nav li ul li li {z-index:20;position:relative;margin:0;padding:0;width:100%;height:auto;line-height:12px;} #nav li ul li li a {text-indent:0;background:#f12e18;border-bottom:1px solid rgba(150,150,150,0.1);color:#555;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none;font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:16px;height:auto;line-height:18px;text-decoration:none;} #nav li ul li li:last-child>a{ border:none;} #nav li ul li:hover li a, #nav li.sfhover li a {color:#f9e3e4; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #nav li ul li li:hover a{ background:#555;color:#fff; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} /* Third level dropdown */ #nav li ul li ul li ul{margin:0 0 0 0px; background:#555; padding:10px; list-style:none; position:absolute; top:0px; left:200px; width:200px;z-index:12;height:auto; display:none;} #nav li ul li ul li:hover ul, #nav li.sfhover ul {left:200px;} #nav li ul li li li{z-index:21;position:relative;margin:0;padding:0;width:100%;height:auto;line-height:12px;} #nav li ul li li li a {text-indent:0;background:#555;border-bottom:1px solid rgba(150,150,150,0.1);color:#f12e18;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none;font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:16px;height:auto;line-height:18px;text-decoration:none;} #nav li ul li li li:last-child>a{ border:none;} #nav li ul li li:hover li a, #nav li.sfhover li li a {color:#f9e3e4; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #nav li ul li li li:hover a{ background:#666666;color:#fff; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} /* Fourth level dropdown */ #nav li ul li ul li ul li ul{margin:0 0 0 0px; background:#666666; padding:10px; list-style:none; position:absolute; top:0px; left:200px; width:150px;z-index:12;height:auto; display:none;} #nav li ul li ul li ul li:hover ul, #nav li.sfhover ul {left:200px;} #nav li ul li li li li{z-index:21;position:relative;margin:0;padding:0;width:100%;height:auto;line-height:12px;} #nav li ul li li li li a {text-indent:0;background:#555;border-bottom:1px solid rgba(150,150,150,0.1);color:#f12e18;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none;font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:16px;height:auto;line-height:18px;text-decoration:none;} #nav li ul li li li li:last-child>a{ border:none;} #nav li ul li li li:hover li a, #nav li.sfhover li li li a {color:#f9e3e4; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #nav li ul li li li li:hover a{ background:#666666;color:#fff; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #banner_container{ position:relative; width:100%; height:100%; padding:0px; margin:0px; overflow:hidden; /*border-bottom-left-radius: 100% 10%; border-bottom-right-radius: 100% 10%;*/} #banner_container .slider_container{ position:relative; padding:0px; margin:0px auto; width:100%; height:100%; overflow:hidden;} #banner_container #slider_container{ position:relative; padding:0px; margin:0px; width:100%; height:auto; margin:0 auto; overflow:hidden; background:none;} #banner_background .bg{height:550px; background:transparent;/* url("images/banner/bg_icerik.jpg") center top;*/} #banner_container .caption .text_1{position: absolute; left: -550px; width: 550px; font-family: Roboto; font-size: 50px; font-weight: bold; text-align: left; color: #333; white-space: nowrap; line-height: 150%;} #banner_container .caption .text_2{position: absolute; left: -550px; width: 550px; font-family: Roboto Condensed; font-size: 50px; font-weight: 300; text-align: left; color: #fff; white-space: normal; line-height: 150%;} #banner_container .caption .text_3{position: absolute; left: -550px; width: 550px; font-family: Roboto Condensed; font-size: 24px; font-weight: 300; text-align: left; color: #fff; white-space: normal; line-height: 125%;} #banner_container .caption .link{position: absolute; left: -550px; font-family: Roboto; font-size: 18px; font-weight: 300; color: #fff; line-height: 150%; padding:10px 30px 10px 30px; background: #333 ; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #banner_container .caption .link:hover{ background: #fff; color: #121212; } #banner_container .caption .link2{position: absolute; left: -350px; font-family: Roboto; font-size: 18px; font-weight: 300; color: #333; line-height: 150%; padding:10px 30px 10px 30px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #banner_container .caption .link2:hover{ background: #333; color: #FFF; } #banner_container .banner_logo{ position:relative; height:auto; width: auto; float: right; text-align: right; margin-top: 300px; z-index: 90;} #banner_container .banner_logo img{ position:relative; height:500px; width: auto; } .main_container{ position:relative; clear:both; width:100%; display:block; margin:0; padding:0px 0} .orta_container{ position:relative; width:1170px; margin:0 auto; display:table; height:100%;} .orta_container_2{ position:relative; width:90%; margin:0 auto; display:table; height:100%;} .orta_container_3{ position:relative; width:90%; margin:100px auto; display:table; height:100%;} .orta_container_full{ position: relative; clear:both; float:left; width:calc(100% - 100px); margin:20px 50px ;} .orta_container_sol{ position: relative; width:calc(50% - 100px); float:left; margin:20px 50px;} .orta_container_sag{ position: relative; width:calc(50% - 100px); float:right; margin:20px 50px;} .tablo_container{ position:relative; display:block; height:100%; margin:0px -20px 0px;} .tablo_container_2{ position:relative; display:block; height:100%; margin:0 -50px;} .tablo_baslik{ position: relative; font-family: 'Roboto Condensed', sans-serif; font-size:50px; font-weight: 400; line-height:125%; color:#333; padding:10px 0px 10px; margin:0; /*overflow:hidden; white-space:nowrap; */} .tablo_baslik span{ font-weight: 400; color:#000;} .tablo_baslik_2{ font-family:'Roboto', serif; font-size:40px; font-weight: bold; line-height:125%; color:#333; padding:10px 0px; margin:0; text-align:center; /*overflow:hidden; white-space:nowrap;*/} .tablo_baslik_2 span{ font-weight: 400; color:#000;} .tablo_baslik_3{ font-family: 'Roboto', serif; font-size:40px; line-height:125%; color:#000; padding:10px 0 10px 0px; margin:0; overflow:hidden; white-space:nowrap;} .tablo_icerik{ position:relative; color: #333; text-decoration: none; font-size: 24px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:150%; padding: 50px 0;} .tablo_icerik_2{ position:relative; color: #333; text-decoration: none; font-size: 24px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:150%; width:50%; margin:0px auto; padding:0 0 40px; text-align:left;} .tablo_icerik .video_container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .tablo_icerik .video_container iframe,.video_container object,.video_container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .tablo_icerik .tablo_resim{ position:relative; text-align:right; height:auto; border:10px solid #eeeef6;} .tablo_icerik .tablo_resim_sol{ position:relative; float:left; margin:10px 100px 50px 0px;} .tablo_icerik .tablo_resim_sag{ position:relative; float:right; margin:10px 0 50px 100px;} .tablo_icerik .tablo_resim img{ width:100%;} .tablo_resim_sag .foto .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(176,122,180,.4); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;} .tablo_resim_sag .foto .foto_ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:none; } .tablo_icerik ul{ list-style-image: url('images/theme/ul_simge.png'); list-style-position: inside;} .tablo_icerik li{ margin: 5px 0; } .tablo_container .link{ position: relative; float: left; font-family: Roboto; font-size: 14px; font-weight: 400; color: #fff; line-height: 150%; padding:7px 20px; margin-top:20px; background: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .orta_bolum_1{ position: relative; padding: 100px 0 20px;} .orta_bolum_1 .tablo_baslik{ position: relative; padding: 50px 0px; color:#38c5c3; } .orta_bolum_1 .tablo_icerik{ position: relative; } .orta_bolum_1 .tablo_icerik{ position: relative; } .orta_bolum_1 .orta_container:nth-child(2) img{ margin-top:0; } .orta_bolum_2{ position: relative; padding:0px; height: 75vh; overflow: hidden; background:transparent;} .parallax-window {min-height: 100%; min-width:100%; background: transparent;} .orta_bolum_3{ position: relative; padding: 200px 0 20px; background: #f2f1ed;} .orta_bolum_3 .tablo_baslik{ color: #f05c6d; position: relative; padding: 50px 0 30px; } .orta_bolum_4{ position: relative; padding: 200px 0; display: inline-block;} .orta_bolum_4 .parallax_gallery{ position: relative; margin: auto; text-align: center;} .orta_bolum_4 .parallax_gallery .gallery_container{ position: relative; float: left; margin: auto; width:100%; height: 50vw; text-align: center; overflow: hidden;} .orta_bolum_4 .parallax_gallery .gallery_container div{ position:relative; float:left; margin:0vw ; overflow: hidden;} .orta_bolum_4 .parallax_gallery .gallery_container div:nth-child(1){ position: absolute; width:20%; height:50%; top: 0; left: 0;} .orta_bolum_4 .parallax_gallery .gallery_container div:nth-child(2){ width:50%; left:25%; height:100%; } .orta_bolum_4 .parallax_gallery .gallery_container div:nth-child(3){ position: absolute; width:20%; height:50%; bottom:0; right: 0; } .orta_bolum_4 .parallax_gallery .gallery_container div img{ width:100%; } .orta_bolum_5{ background: #dbe9ec; padding:0;} .orta_bolum_5 .tablo_baslik{ position: relative; padding: 50px 0px; color:#6b97ae; } .orta_bolum_5 .orta_container_sol{ width:calc(50% - 100px); margin:0; padding: 200px 0 0 100px;} .orta_bolum_5 .orta_container_sag{ width:calc(50% ); margin:0; padding:0px;} .orta_bolum_6{ background: #f5b2c3; padding:0;} .orta_bolum_6 .tablo_baslik{ position: relative; padding: 50px 0px; color:#fff; } .orta_bolum_6 .orta_container_sol{ width:calc(50% - 100px); margin:0; padding:0px;} .orta_bolum_6 .orta_container_sol .video_play{ position: relative; width:80%; margin:250px 0 ; } .orta_bolum_6 .orta_container_sol .video_play img{width: 100%;} .orta_bolum_6 .orta_container_sol .video_play .video_play_button{ position: absolute; right: 0; bottom: 0; width:20%; height:20%; background: #facbd7 url('images/theme/video_play_button.png') no-repeat center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .orta_bolum_6 .orta_container_sol .video_play:hover .video_play_button{ background: #fbb3c5 url('images/theme/video_play_button.png') no-repeat center; } .orta_bolum_6 .orta_container_sag{ width:calc(50% ); margin:0; padding: 200px 0 0 100px;} .orta_bolum_7{ background: #fff; padding:0; } .orta_bolum_7 .tablo_baslik{ position: relative; padding: 50px 0px; color:#6b97ae; } .orta_bolum_7 .orta_container_sol{ width:calc(50% - 100px); margin:0; padding:200px 0;} .orta_bolum_7 .orta_container_sag{ width:calc(50% ); margin:0; padding: 200px 0 0 100px;} /*.c-header_title{padding:2.5rem 0;perspective:600px;-webkit-perspective:600px} .c-header_line,.c-header_title{bottom:0;left:0;margin:0;position:absolute} .c-header_line{right:0;transform:scaleX(0);transition:transform .6s cubic-bezier(.215,.61,.355,1)} .c-header_line.is-inview{transform:scaleX(1)} .tablo_baslik span{display:block;opacity:0;transform:translateY(100%) rotateX(-80deg);transform-origin:center top;transform-style:preserve-3d;transition:opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1)} html.is-ready .tablo_baslik span{opacity:1;transform:none;transition-duration:.8s} html.is-ready .tablo_baslik span:first-child{transition-delay:.1s} html.is-ready .tablo_baslik span:nth-child(2){transition-delay:.2s} html.is-ready .tablo_baslik span:nth-child(3){transition-delay:.3s} html.is-ready .tablo_baslik span:nth-child(4){transition-delay:.4s} .c-header_title_line span{display:inline-block} .tablo_baslik{padding:2.5rem 0;perspective:600px;-webkit-perspective:600px} .c-header_line,.tablo_baslik{bottom:0;left:0;margin:0;position:absolute} .c-header_line{right:0;transform:scaleX(0);transition:transform .6s cubic-bezier(.215,.61,.355,1)} .c-header_line.is-inview{transform:scaleX(1)} * / .tablo_baslik_satir{display:block;opacity:0;transform:translateY(100%) rotateX(-80deg);transform-origin:center top;transform-style:preserve-3d;transition:opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1)} html.is-ready .tablo_baslik_satir{opacity:1;transform:none;transition-duration:.8s} html.is-ready .tablo_baslik_satir:first-child{transition-delay:.1s} html.is-ready .tablo_baslik_satir:nth-child(2){transition-delay:.2s} html.is-ready .tablo_baslik_satir:nth-child(3){transition-delay:.3s} html.is-ready .tablo_baslik_satir:nth-child(4){transition-delay:.4s} .tablo_baslik_satir span{display:inline-block} /* .orta_bolum_2 .tablo_baslik{ position: relative; padding: 0px 0 30px; font-size: 18px;} .orta_bolum_2 .tablo_baslik h1{ font-size: 48px; color: #000; line-height: 125%;padding:50px 0px 10px; margin:0;} .orta_bolum_2 .orta_container_sol{ margin:auto 100px auto 20px; width:calc(50% - 120px); } .orta_bolum_2 .orta_container_sag{ position: relative;} .orta_bolum_2 .orta_container_sag .resim_yazi{ position: absolute; background:#e11d07; width: 140px; height: 185px; left: -70px; top: calc(50% - 90px); padding: 20px; text-align: center;z-index: 105;} .orta_bolum_2 .orta_container_sag .resim_yazi .cizgi{ position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px; border: 1px solid #fff;} .orta_bolum_2 .orta_container_sag .resim_yazi .sayi{font-family: Roboto Condensed; font-size: 60px; font-weight: bold; color: #fff; line-height: 150%;} .orta_bolum_2 .orta_container_sag .resim_yazi .yazi{font-family: Roboto Condensed; font-size: 20px; font-weight: normal; color: #fff; line-height: 125%;} .orta_bolum_2 .link{ position: relative; float: left; font-family: Roboto; font-size: 14px; font-weight: 700; color: #222222; line-height: 150%; padding:7px 20px; margin-top:30px; background: url('images/theme/ico_2.png') 0px center no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .orta_bolum_2 .link:hover{ color: #fff; background: #e11d07 url('images/theme/ico_1.png') 10px center no-repeat; padding:7px 20px 7px 30px; } .orta_bolum_2 .sayilar_container{ position: relative; clear: both; margin:50px -20px; } .orta_bolum_2 .sayilar_container .sayi_container{ float: left; width: 200px; height: 150px; margin: 20px; background: #fff; text-align: center;} .orta_bolum_2 .sayilar_container .sayi_container .sayi{ position: relative; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal; font-size:48px; line-height:150%; color: #666; margin-top: 20px; } .orta_bolum_2 .sayilar_container .sayi_container .yazi{ position: relative; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal; font-size:20px; line-height:100%; color: #666; margin-top: 0px; } */ /*::::: ANASAYFA ÜRÜNLER ::::::::*/ .swiper_urunler .urun_container{ position: relative; float: left; width:100%; background: none; margin: 0px; padding: 0px; } .swiper_urunler .urun_resim{ position: relative;} .swiper_urunler .urun_resim img { width: 100%;} .swiper_urunler .urun_container .urun_ad{ position: relative; font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight: 300; line-height:125%; color:#666; text-align: left; margin:0px; padding: 20px 0; border-bottom:solid 1px #ccc;} .swiper_urunler .urun_container .urun_fiyat{ position: relative; font-family: 'Roboto Condensed', sans-serif; font-size:30px; font-weight: 400; line-height:125%; color:#666; text-align: left; padding:10px 0px; margin: 0;} .swiper_urunler .urun_container .urun_ad{ position: relative; font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight: 300; line-height:125%; color:#666; text-align: left; margin:0px; padding: 20px 0; border-bottom:solid 1px #ccc;} .swiper_urunler .urun_container .urun_ozellik_container{ margin-bottom:0px; } .swiper_urunler .urun_container .urun_ozellik_container .urun_kapasite{position: relative; float: left; font-family: 'Roboto Condensed', sans-serif; font-size:30px; font-weight: 300; line-height:125%; color:#666; text-align: left; padding:10px 0px; margin: 0;} .swiper_urunler .urun_container .urun_ozellik_container .urun_fiyat{position: relative; float: right; font-family: 'Roboto Condensed', sans-serif; font-size:30px; font-weight: 400; line-height:125%; color:#666; text-align: right; padding:10px 0px; margin: 0;} /*::::: ÜRÜNLER ::::::::*/ .urunler_container{ position:relative; display:block; clear:both; margin:-15px; background: #fc0;} .urunler_container .urun_container{ position:relative; float:left; width: 100%; margin:15px 15px; width:calc(25% - 30px);} .urunler_container .urun_container .urun_ad{ position: relative; font-family: 'Roboto Condensed', sans-serif; font-size:20px; font-weight: 300; line-height:125%; color:#666; text-align: left; margin:0px; padding: 20px 0; border-bottom:solid 1px #ccc;} .urunler_container .urun_container .urun_ozellik_container{ margin-bottom:100px; } .urunler_container .urun_container .urun_ozellik_container .urun_kapasite{position: relative; float: left; font-family: 'Roboto Condensed', sans-serif; font-size:30px; font-weight: 300; line-height:125%; color:#666; text-align: left; padding:10px 0px; margin: 0;} .urunler_container .urun_container .urun_ozellik_container .urun_fiyat{position: relative; float: right; font-family: 'Roboto Condensed', sans-serif; font-size:30px; font-weight: 400; line-height:125%; color:#666; text-align: right; padding:10px 0px; margin: 0;} .urunler_container .urun_container .urun_resim{ position:relative; overflow:hidden;} .urunler_container .urun_container .urun_resim img{ width:100%; -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease;} .urunler_container .urun_container:hover .urun_resim img{ transform: scale(1.1);} .urunler_container .urun_container .urun_resim .resim_simge{ position:absolute; right:0; bottom:0px; /*background:#02de8e url(images/theme/urun_resim_simge.png) no-repeat center;*/ width:50px; height:50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .urun_marka{ position: relative; font-family: 'Roboto Condensed', sans-serif; font-size:30px; font-weight: 300; line-height:125%; color:#666; text-align: left; padding:0px; margin: 0; } .grid .urunler_container .urun_container{ position:relative; float:left; width: 100%; margin:15px; width:calc(100% - 30px);} .urun_container .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(34,39,58,1); opacity:0;} .urun_container .foto_ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:none;} .urun_container .foto_ico_1{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/theme/ico_foto1.png) center no-repeat; background-size:50px; opacity: 0; filter: alpha(opacity=);} .urun_container .foto_ico_2{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/theme/ico_foto2.png) center no-repeat; background-size:100px; opacity: 0; filter: alpha(opacity=);} .fiyat_satir{ position:relative; margin:auto; padding: 20px 0; border-bottom:1px #ddd solid; font-family:"Roboto Condensed" , sans-serif; font-size:30px; font-weight: 400; color:#333;} .fiyat_satir span{ font-family:"Roboto Condensed" , sans-serif; font-size:20px; line-height: 45px; font-weight: 400; color:#333; margin-left:50px; } /*::::: ÖZELLİKLER ::::::::*/ .ozellik_container{ position:relative; clear:both; display:block; margin:0px auto 80px;} .ozellik_container .ozellik_satir_baslik{ position:relative; clear:both; display:block; margin:auto; font-family:'Roboto Condensed', sans-serif; font-size:30px; font-weight: 300; color:#02de8e; padding:0 0 20px 0;} .ozellik_satir{ position:relative; margin:auto; padding: 20px 0; border-bottom:1px #ddd solid;} .ozellik_satir .ozellik_baslik{ position:relative; display:inline-block; width:200px; padding:0px; font-family:'Roboto Condensed', sans-serif; font-size:20px; font-weight:300; color:#333;} .ozellik_satir .ozellik_deger{ position:relative; display:inline-block; padding:0px; font-family:"Roboto Condensed" , sans-serif; font-size:20px; font-weight: 400; color:#333;} .form_btn_satir{ clear:both; text-align:left; margin-bottom:80px;} /*::::: ANASAYFA FOTO GALERİ ::::::::*/ #anasayfa_galeri_container { position:relative; margin:0px 0px; padding:0px; overflow:hidden; width:100%;} #anasayfa_galeri{ position:relative; list-style:none; float:left; margin:0px; padding:0px; width:400%; overflow:hidden; white-space:nowrap;} #anasayfa_galeri_container .foto{ position:relative; overflow:hidden; list-style:none; float:left; margin:0px; padding:0px; text-align:center; vertical-align:middle; -webkit-transition: all 0.3s ease; /*-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;*/} #anasayfa_galeri_container .foto img{ width:100%; height:auto; transition: all 1s ease-in-out;} #anasayfa_galeri_container .foto:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transition: all .5s ease-in-out;} #anasayfa_galeri_container .foto .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(70,48,48,1); opacity:0;} #anasayfa_galeri_container .foto .foto_ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:none;} #anasayfa_galeri_container .foto .foto_ico_1{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/theme/ico_foto1.png) center no-repeat; background-size:60px; opacity: 0; filter: alpha(opacity=);} #anasayfa_galeri_container .foto .foto_ico_2{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/theme/ico_foto2.png) center no-repeat; background-size:100px; opacity: 0; filter: alpha(opacity=);} /*::::: BLOG ANASAYFA::::::::*/ .anasayfa_bloglist_container{ position:relative; float:left; width:100%; margin:0px; padding:0;} .anasayfa_bloglist_container .blog_container{ position:relative; float:left; margin:20px; width:calc(33.333333% - 40px); background: #fff; border-bottom: 2px solid #666666;} .blog_container .blog_icerik_container{ position: relative; display: inline-block; padding: 30px;} .blog_container .blog_yazi_container { position: relative;min-height: 210px; } .blog_container .blog_yazi_container .blog_baslik{ position:relative; display:block; font-family: 'Roboto', serif;; font-weight:bold; font-style:normal;font-size:20px; line-height:150%; height:auto; margin:0px;padding: 0px 0; color:#666666;} .blog_container .blog_yazi_container .blog_yazi{ position:relative; display:block; font-family: 'Roboto', sans-serif; font-weight:400; font-style:normal;font-size:14px; line-height:150%; height:auto; margin:0px; padding: 10px 0; color:#666666;} .blog_container .link{ position: relative; float: left; font-family: Roboto; font-size: 14px; font-weight: 700; color: #222222; line-height: 150%; padding:7px 20px; margin-top:30px; background: url('images/theme/ico_2.png') 0px center no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .blog_container:hover .link{ color: #fff; background: #666666 url('images/theme/ico_1.png') 10px center no-repeat; padding:7px 20px 7px 30px; } /*::::: BLOG SAYFASI :::::*/ .blog_page_container{ position:relative; float:left; margin:20px -20px;} .blog_page_container_sol{ position: relative; float:left; clear-after:both; padding:0px; margin:20px; width:calc(25% - 40px);} .blog_page_container_sag{ position: relative; float:left; clear-after:both; padding:0px; margin:20px; width:calc(75% - 40px);} .blog_page_container .tablo_container{ position:relative; display:block; margin:0 -20px 40px ; padding:0px; background:none; color: #666; text-decoration: none; font-size: 14px; font-family:'Roboto Condensed', sans-serif;; font-weight:300; line-height:175%; text-align:justify;} .blog_page_container .tablo_container_3{ position:relative; display:block; margin:40px 20px; padding:0px; background:none; color: #666; text-decoration: none; font-size: 14px; font-family:'Roboto Condensed', sans-serif;; font-weight:300; line-height:175%; text-align:justify;} .blog_page_container .tablo_icerik{ width:100%; float:none; display:block; text-align:justify; padding:0;} .blog_page_container .tablo_baslik{ font-family:'Roboto Condensed', serif; font-size:30px; font-weight: bold; line-height:125%; color:#666666; padding:10px 0px; margin:0;} .blog_page_container .tablo_baslik h1{margin:0px; color:#666666;} .blog_page_container .tablo_baslik h1 em{ float:right;} .blog_page_container .tablo_baslik h1 span{ color:#e50b7c;} .blog_page_container h1 {font-family:'Roboto Condensed', serif; font-size:30px; font-weight: bold; line-height:125%; color:#666666; padding:10px 0px; margin:0;} .blog_page_container h1 a{ font-family: 'Playfair Display', sans-serif; color:#584848; margin:0px; padding:0 0; font-size:26px;} .blog_page_container h1 a:hover{ text-decoration:none; } .blog_page_container h2{ font-family: 'Open Sans', sans-serif; font-weight:400; font-size:18px; line-height:18px; color:#fb254e; padding:20px 0 10px 0; margin:0;} .blog_page_container h2 a{ font-family: 'Open Sans', sans-serif; color:#666; margin:0px; padding:6px 0 6px 0; font-size:16px; display:block; border-bottom:1px solid #ddd;text-decoration:none;} .blog_page_container h2 a:hover{ color:#666; margin:0px;} .blog_page_container h3{ font-family: 'Open Sans', sans-serif; color:#666; margin:0px; padding:0 0 10px 0; font-size:14px; } .blog_page_container #sayfa_galeri .foto{ width:calc(33.333333% - 40px);} .blog_page_container .video_container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .blog_page_container .video_container_ iframe,.video_container object,.video_container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .bloglist_container { position:relative; float: left; margin:-20px;} .bloglist_container .blog_container{ position:relative; float:left; margin:20px; background: #f7f7ff;} .bloglist_container .blog_container .blog_resim_container{ position: relative; float: left; width:45%;} .bloglist_container .blog_container .blog_resim_container img{ width:100%;} .bloglist_container .blog_container .blog_icerik_container{ position: relative; float: left; width:calc(55% - 60px); padding: 30px;} .bloglist_container .blog_container .blog_yazi_container { position: relative; min-height: auto; } .bloglist_container .blog_container .blog_yazi_container .blog_baslik{ position:relative; display:block; font-family: 'Roboto Condensed', serif;; font-weight:bold; font-style:normal;font-size:20px; line-height:150%; height:auto; margin:0px;padding: 0px 0; color:#666666;} .bloglist_container .blog_container .blog_yazi_container .blog_yazi{ position:relative; display:block; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:14px; line-height:150%; height:auto; margin:0px; padding: 10px 0; color:#666666;} .bloglist_container .blog_container .link{ position: relative; float: left; font-family: Roboto; font-size: 14px; font-weight: 400; color: #fff; line-height: 150%; padding:7px 20px; margin-top:10px; background: #b07ab4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} /*::::: FOTO GALERİ ::::::::*/ #sayfa_galeri_container {position:relative; margin:20px -20px; padding:0px; } #sayfa_galeri{ list-style:none; float:left; margin:0px; width:100%; padding:0px;} #sayfa_galeri .foto{ position:relative; list-style:none; float:left; width:calc(25% - 40px); height:auto; margin:20px; padding:0px; text-align:center; vertical-align:middle; border:0px solid #efefef; background:none; overflow:hidden; text-align:center; vertical-align:middle; background:none;/* -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;*/} #sayfa_galeri .foto img{ width:100%; height:auto; transition: all 1s ease-in-out;} #sayfa_galeri .foto:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transition: all .5s ease-in-out;} #sayfa_galeri .foto .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(70,48,48,1); opacity:0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;} #sayfa_galeri .foto .foto_ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:none; } .foto_kare_1{ position:absolute; left:calc(50% - 21px); bottom:calc(0% - 100px); width:41px; height:75px; margin:0px; background:url(images/theme/foto_ico_1.png) no-repeat center} .foto_kare_2{ position:absolute; left:calc(50% - 21px); top:calc(0% - 38px); width:41px; height:75px; margin:0px; background:url(images/theme/foto_ico_2.png) no-repeat center} /*::::: İLETİŞİM ::::::::*/ .iletisim{ position:relative; clear:both; margin:40px 0px;} .iletisim .iletisim_adres{ position:relative; margin:15px 0; background:url(images/theme/ico_adres.png) no-repeat left 3px; padding-left:50px;} .iletisim .iletisim_telefon{ position:relative; margin:15px 0; background:url(images/theme/ico_telefon.png) no-repeat left 3px; padding-left:50px;} .iletisim .iletisim_faks{ position:relative; margin:15px 0; background:url(images/theme/ico_faks.png) no-repeat left 3px; padding-left:50px;} .iletisim .iletisim_email{ position:relative; margin:15px 0; background:url(images/theme/ico_email.png) no-repeat left 0px; padding-left:50px;} .iletisim a{ font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height:175%; color:#666; } .iletisim span{font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:24px; color:#333; padding:0 0 0px 0; margin:0; display:inline-block;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #harita{ position:relative; margin:0px 0px 0px; padding:0px; border:0px #fff solid; width:100%; height:500px;} /*::::: FORM ::::::::*/ .form_container { width:100%; margin:40px 0;} .form_container .form_satir{} .form_container .form_btn_satir{ clear:both; text-align:center;} .form_container .form_baslik{font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:24px; color:#333; padding:5px 0 5px 0; margin:0; width:200px; display:inline-block; line-height:125%; vertical-align:top;} .form_container .form_nesne{ font-size: 24px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height:175%; color:#666; padding:0 0 15px 0; margin:0; display:inline-block;width: calc(100% - 200px);} .form_txt { color:#000; text-decoration: none; font-size:14px; line-height:18px; padding:6px 4px; font-family: Arial; font-weight: normal; border:1px solid #dddddd; width: calc(100% - 10px);} .form_txt:focus{ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(156, 122, 58, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(156, 122, 58, .6); border-color: #fff; } .form_yazi {color: #fff; text-decoration: none; font-size: 12px; font-family: "Arial"; font-weight: normal;} .form_select { color:#000; text-decoration: none; font-size:12px; line-height:18px; padding:6px 4px; font-family: Arial; font-weight: normal; border:1px solid #dddddd; } .form_btn{ position: relative; display: inline-block; font-family:'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 400; color: #fff; text-align: center; line-height: 150%; min-width: 200px; padding:20px 20px; margin-top:20px; background: #7e807c; cursor:pointer; -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease;} .form_btn:hover{ color:#fff; background:#333333;} .iyzico_button{ display: inline-block; right: 0; height:76px; width:100px; margin-top: 20px; background:#000 url(images/theme/iyzico_ile_ode_white.png) no-repeat center; background-size: 80%;} .yazi_hata { padding:10px 15px 10px 40px; margin-bottom:10px; border:1px solid #e00b83; background:#fedaef url(images/theme/hata.png) no-repeat 15px center; color: #e00b83; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%} .yazi_tamam { padding:10px 15px 10px 40px; margin-bottom:10px; border:1px solid #399919; background:#dffcca url(images/theme/tamam.png) no-repeat 15px center; color: #399919; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%} /*::::: HIZLI MENU :::::*/ .site_container h1{ clear:both; float:none; margin:none; padding:15px 0 0 0; line-height:100%;font-family: 'Roboto Condensed', serif; font-weight: 600;} .site_container h2{ clear:both; float:none; margin:none; padding:15px 0 0 0; line-height:100%;font-family: 'Roboto Condensed', serif; font-weight: 600;} .site_container .site_kategori_link{ float:left; border-bottom:1px solid #eee; padding:7px 0; width:100%;} .site_container .site_kategori_link a{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; height:auto;color:#555; margin:0px; background: url(images/theme/ico_3.png) no-repeat left center; padding-left:20px;} .site_container .site_kategori_link a:hover{ color:#123;} .site_container .site_link{ float:left; border-bottom:1px solid #eee; padding:7px 0; width:100%;} .site_container .site_link a{color:#000;margin:0px; font-size:14px; float:left; background: url(images/theme/ico_3.png) no-repeat 20px center; padding-left:40px;} .site_container .site_link a:hover{ color:#123;} /*::::: ALTBANNER ::::::::*/ #altbanner_container{ position:relative; clear:both; min-height: 100vh; background:#9b9e98; margin:0px; padding:0px 0px 0px;} #turkuaz_container{ position:relative; clear:both; background:#7e807c; margin:0px 0 0 0;} .alt_bolum_container{ position: relative; display: inline-block; margin:100px -15px;} .alt_banner_bolum{ float:left; width:calc(33.333333% - 40px); margin:70px 20px 15px; } .alt_bolum_container_1{ position : relative; float:left; width:33.33333%; margin: 0;} .alt_bolum_container_1 .alt_banner_bolum { width:auto; margin:45px 15px; padding:0px; } .alt_bolum_container_2{ position : relative; float:right; width:calc(66.666666% - 45px); height: 100%; } .alt_banner_logo{ background:url(images/theme/alt_banner_logo.png) no-repeat left center; height:75px; margin:0px auto 20px;} .alt_banner_baslik{ position: relative; display: inline-block; min-width: 50%; color:#666; font-family:'Roboto Condensed', sans-serif; font-weight:400; font-style:normal; font-size:30px; line-height:auto; margin:0px 0 20px; padding: 0 0 15px; border-bottom: 2px solid #666;} .alt_banner_icerik{ position: relative; color:#dbdedb; font-family:'Roboto Condensed', sans-serif; font-size:20px; font-weight: 300; line-height:150%;} .alt_banner_bolum a:hover .duyuru_baslik{ text-decoration:underline;} .alt_banner_icerik>a{ display:block; color:#dbdedb; font-family:'Roboto Condensed', sans-serif; font-size:24px; font-weight:400; line-height:150%; margin-bottom:30px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;} .alt_banner_icerik>a:hover{ padding-left: 5px; color: #f0eeee;} #alt_banner_turkuaz{ position:relative; font-family:arial; font-size:12px; font-weight:normal; color:#e5e5ef; text-decoration: none; line-height:150%; margin:0px auto; padding:20px 0; width:1170px;} #alt_banner_turkuaz a{ font-size:12px; color:#e5e5ef;} #alt_banner_turkuaz a:hover{color:#ccc; text-decoration:underline;} .alt_social_container{ position:relative; top:50px; margin:auto -5px;} .alt_social_container .facebook{ display:inline-block; background:url(images/theme/ico_facebook.png) no-repeat center; background-size:100%; width:32px; height:32px; margin:3px;} .alt_social_container .twitter{ display:inline-block; background:url(images/theme/ico_twitter.png) no-repeat center; background-size:100%; width:32px; height:32px; margin:3px;} .alt_social_container .instagram{ display:inline-block; background:url(images/theme/ico_instagram.png) no-repeat center; background-size:100%; width:32px; height:32px; margin:3px;} .alt_social_container .pinterest{ display:inline-block; background:url(images/theme/ico_pinterest.png) no-repeat center; background-size:100%; width:32px; height:32px; margin:3px;} .alt_social_container .youtube{ display:inline-block; background:url(images/theme/ico_youtube.png) no-repeat center; background-size:100%; width:32px; height:32px; margin:3px;} /*::::: SAYFALAMA ::::::::*/ .sayfalama_container{ float:left; margin:15px; background:none; border:0;} .sayfalama_satir{position:relative; clear:both; height:auto; width:auto; margin:0; padding:0px; border:none; vertical-align:middle;} .sayfalama_bilgi{ float:right; line-height:30px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:14px; color:#666;} .sayfa_container{position:relative; width:auto; margin:0 -4px; padding:0px; float:left;} .sayfa_container .sayfa ul{ list-style:none; float:left; margin:0px; padding:0px;} .sayfa_container .sayfa ul li{list-style:none; float:left; margin:4px; padding:0px; width:30px; height:30px; line-height:30px; vertical-align:middle; text-align:center; background:#ddd; color:#FFF; font-family:"Roboto Condensed"; font-weight:bold; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} .sayfa_container .sayfa ul li:hover{background:#202020 } .sayfa_container .sayfa ul li.selected{background:#666666;} .sayfa_container .sayfa ul li.ilk_sayfa{ background:#ddd url(images/theme/first.png) center bottom no-repeat;} .sayfa_container .sayfa ul li.ilk_sayfa:hover{ background:#202020 url(images/theme/first.png) no-repeat center bottom;} .sayfa_container .sayfa ul li.onceki_sayfa{ background:#ddd url(images/theme/left.png) center bottom no-repeat;} .sayfa_container .sayfa ul li.onceki_sayfa:hover{ background:#202020 url(images/theme/left.png) no-repeat center bottom;} .sayfa_container .sayfa ul li.son_sayfa{ background:#ddd url(images/theme/last.png) no-repeat center bottom;} .sayfa_container .sayfa ul li.son_sayfa:hover{ background:#202020 url(images/theme/last.png) no-repeat center bottom;} .sayfa_container .sayfa ul li.sonraki_sayfa{ background:#ddd url(images/theme/right.png) no-repeat center bottom;} .sayfa_container .sayfa ul li.sonraki_sayfa:hover{ background:#202020 url(images/theme/right.png) no-repeat center bottom;} /*::::: 404 SAYFASI ::::::::*/ .page_404{ position:relative; float: left; width: 100%; text-align:center; margin:200px 0 50px; color:#666;} .page_404 h1 { position:relative; text-transform: uppercase; letter-spacing: 4px; font-weight: normal; font-size: 22px; display:block; color:#666666;} .page_404 h2 { font-family:'Roboto', sans-serif; position:relative; text-transform: uppercase; letter-spacing: 20px; font-size: 300px; line-height: 0px; color:#666666; font-weight:700; margin:-100px 0 100px 0;} .page_404 p { font-family: 'Roboto', sans-serif; font-weight:300; line-height: 1.6em; text-align: center; font-size: 16px; padding:20px 0;} .page_404 h2 span{margin:0px;} /*::::: SCROLL ANASAYFA :::::*/ .scroll_container{ position:absolute; bottom:30px; width:100%; text-align:center; margin:auto; padding:0; z-index:100;} .scroll_icon{ display:inline-block; background:url(images/theme/scroll_icon.png) no-repeat center; width:30px; height:62px;} /*::::: YUKARI DÜĞMESİ ::::::::*/ #back-top {z-index:10;position: fixed;bottom: 40px;margin-left:calc(50% + 620px);} #back-top a {width: 50px;display: block;text-align: center;font: 12px/100% 'Roboto'; font-weight:300; font-style:normal;; font-weight:bold; text-transform: uppercase;text-decoration: none;color: #333;/* background color transition */-webkit-transition: 0.3s;-moz-transition: 0.3s; -o-transition: all 0.3s ease; transition: 0.3s;} #back-top a:hover {color: #2d2c31;} #back-top span {width: 51px;height: 51px; display: block; padding:0px; margin-bottom: 7px; background:url(images/theme/icon_top.png) no-repeat center top; border:0px solid #000; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} #back-top a:hover span {background:url(images/theme/icon_top.png) no-repeat center bottom; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} /*::::: SWIPER SLIDER ::::::::*/ .swiper_urunler{ position:relative; width:100%; margin-top:50px; margin-bottom: 100px; z-index: 200; overflow: hidden;} .swiper-pagination{ position:relative; width:100%; bottom:0px;} .swiper-pagination .swiper-pagination-bullet{ margin:10px;} .swiper_urun_galeri{ position:relative; width:800px; margin:0; margin-bottom:60px;} .swiper_urun_galeri .swiper-wrapper img{ width:100%;} .swiper_urun_galeri .swiper-pagination-bullet{border-radius:100%;} .swiper_galeri{ position:relative; width:585px; margin-top: 65px; } .swiper_galeri img{ width:100%;} .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2302de8e'%2F%3E%3C%2Fsvg%3E");left:-80px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2302de8e'%2F%3E%3C%2Fsvg%3E");right:-80px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none} .swiper-pagination{position:absolute;text-align:center; bottom: -50px;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); z-index:100;} .swiper-pagination.swiper-pagination-hidden{opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0px;left:0;width:100%} .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)} .swiper-pagination-bullet{width:12px;height:12px;display:inline-block;border-radius:6px; background: #d8d4d4; border:0px solid #161616;opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} .swiper-pagination-bullet-active{opacity:1;width:12px;height:12px; background:#666; border:0px solid #666666; } .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:20px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .swiper-wrapper {transition-timing-function: linear;} /*::::: KEEN SLIDER ::::::::*/ .keen-slider__slide{ width:240px; } .keen-slider__slide img{ width:100%;} .keen-slider:not([data-keen-slider-disabled]) {align-content: flex-start;display: flex;overflow: hidden;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent;/*width: 100%;*/} .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {position: relative;overflow: hidden;width: 100%;min-height: 100%;} .keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {flex-direction: row-reverse;} .keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {flex-wrap: wrap;} .keen-slider{ position: relative; float: left; width:240px; height:800px; margin:0 30px; } // Tidy up demo // ================================= * {box-sizing: border-box;} img { max-width: 100%; height: auto; display: block; } .grid {max-width: 3000px;width: 100%;overflow: hidden;margin: 0 auto;} .grid {width: 100%;} .half {float: left;width: 50%;max-width: 1000px;} .forth {float: left;width: 25%;max-width: 500px;} .thirh_big{float: left;width: 66.666666%; max-width: 2000px; margin-bottom: 182px;} .thirth{float: left;width: 33.3333%; max-width: 1000px; } .right {float: right;} @media only screen and ( max-width:1200px ) { #header_container #header,.orta_container,#alt_banner_turkuaz{ width:980px;} #banner_container .caption .text_1{position: absolute; left: -350px;} #banner_container .caption .text_2{position: absolute; left: -350px;} #banner_container .caption .text_3{position: absolute; left: -350px;} #banner_container .caption .link{position: absolute; left: -350px;} #header_container .language_container{ right:35px;} #nav span {padding:0 20px 0 20px;} #nav li ul {margin:0 0 0 -20px;} #sayfa_galeri .foto{ width:calc(25% - 40px);} } @media only screen and ( max-width:1024px ) { html { min-width:100%;} body {min-width:100%;} .tablo_icerik .tablo_resim_sol{ width:40%;} .tablo_icerik .tablo_resim_sag{ width:40%;} .swiper-button-next,.swiper-button-prev{ display: none; } .anasayfa_bloglist_container .blog_resim_container img{ width:100%;} #banner_container .caption .text_1{position: relative; left: auto; width: auto; font-size: 30px; margin:-70px 20px; text-align: center; color: #fff; white-space: normal; line-height: 150%;} #banner_container .caption .text_2{position: relative; left: auto; width: auto; font-size: 30px; margin:20px; text-align: center; color: #fff; white-space: normal; line-height: 150%;} #banner_container .caption .text_3{ display: none;} #banner_container .caption .link{position: relative; left: auto; width: auto; bottom: 180px; font-size: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.35s ease;} #banner_container .caption .link2{position: relative; left: auto; width: auto; bottom: 100px; font-size: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.35s ease;} } @media only screen and ( max-width: 850px )/* 850 */ { html { min-width:100%;} body {min-width:100%;} #page_container, #main_container,#header_container,#header_container #header,#header_container #header_ust,#header_container_main #header, #banner_container, .banner,.slider_container,.orta_container,.orta_container_2,.orta_container_3.orta_container_sol,.orta_container_sag,.orta_container_full,.orta_bolum,.tablo_container,.tablo_container_2,.tablo_icerik,.tablo_icerik_2,.#alt_banner_turkuaz{ width:100%; clear:both; float:none; display:block;} #main_container{ position:relative; padding:0px; width:auto;} .orta_container{ position:relative; padding:20px; width:auto; clear:both; display:block;} .orta_container_2{ position:relative; padding:20px; width:auto; clear:both; display:block;} .orta_container_3{ position:relative; padding:20px; width:auto; clear:both; display:block; margin: auto;} .orta_container_full,.orta_container_sol,.orta_container_sag{ position: relative; display: block; float: none; width: auto;} .tablo_container,.tablo_container_2{ width:auto; padding: 0px; margin: 0;} .tablo_baslik,.tablo_baslik_2,.tablo_baslik_3{ font-size:40px; text-align: left} .tablo_icerik{ font-size:18px; margin:0; padding:0;} .tablo_icerik_2{ font-size:18px; width: 100%; margin:0; padding:0;} .tablo_icerik .tablo_resim_sol{ width:40%; float:none; margin:0 0 30px 0px;} .tablo_icerik .tablo_resim_sag{ width:40%; float:none; margin:0 0 30px 0px;} .tablo_icerik > img{ width:100%;} .tablo_icerik h1{ display:inline-block; font-size:40px; line-height:30px; padding:10px 0 10px 30px; background-size:20px;} .tparrows.default{display: none;} #header_container{ } #header_container #header_menu #logo{ display:block; padding:0px; margin:0; position:absolute; width: auto; z-index:10000;} #header_container #header_menu #logo img{ height:30px; margin:15px auto 15px;} #header_container,#header_container #header,#banner_container #slider_container{ height:auto;} #header_container #header_logo #logo{ display: none; } #header_container #header_menu{width:auto; height: 60px; margin: auto; background: rgba(245,245,245,1); } #header_container #header_serit{ position: absolute; width: 100%; text-align:center ; top: 50px; background: none;} #header_container #header_serit .social_container{ position:relative; float:none; margin: auto; } #header_container #header_logo{ display: none; } #header_container #nav { float:none; display:block; width:auto; height:60px;} #nav { clear:both; float:none; left:0; height:auto;font-family: ''Roboto Condensed'', sans-serif; font-weight:400; font-style:normal;font-size:24px; color:#fff;} #nav #mobil_menu{ display:block; height:60px; background:none;} #nav #mobil_menu a{ position:absolute;background:url(images/theme/mobile_menu.png) no-repeat; width:32px; height:32px; display:block; right:15px; top:14px;} #nav ul { clear:both; float:none; height:auto;display:none; padding:0px; background:rgba(250,250,250,1);} #nav li { clear:both; float:none;line-height:60px;height:auto; padding:0 20px; margin: 0; text-align:left;} #nav span {clear:both; float:none; display:block; padding:0px; line-height:60px; height:auto; background:none; border-bottom:1px rgba(150,150,150,0.1) solid;border-top:0px; width:auto;} #nav span:hover, #nav span.aktif { border-top: 0px solid #0d4593;} #nav li a {display:block; font-size: 16px; line-height:60px; height:60px; margin:0; padding:0 10px; color:#666666; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav li ul,#nav li:last-child ul { position:relative; top:auto; left:auto; width:auto; margin:0 0px;} #nav li li{ width:auto; } #nav li a.menu_icon_0,#nav li a.menu_icon_1,#nav li a.menu_icon_2,#nav li a.menu_icon_3,#nav li a.menu_icon_4,#nav li a.menu_icon_5,#nav li a.menu_icon_6{ background:none;} #nav li span a img{ margin-top:10px;} #nav li:hover li a, #nav li.sfhover li a {color:#fff;} #banner_container .banner_logo img{ position:relative; height:300px; width: auto; } #banner_background .bg{ margin-top:0px; height:300px;} #banner_background .bg_icerik,#banner_background .bg_icerik2,#banner_background .bg_hakkimizda,#banner_background .bg_belgeler,#banner_background .bg_urundetay,#banner_background .bg_urunler,#banner_background .bg_hizmetlerimiz,#banner_background .bg_hizmetlerdetay,#banner_background .bg_urunler_1,#banner_background .bg_urunler_2,#banner_background .bg_urunler_3,#banner_background .bg_urunler_4,#banner_background .bg_urunler_5,#banner_background .bg_urunler_6,#banner_background .bg_urunler_7,#banner_background .bg_personel,#banner_background .bg_personeldetay,#banner_background .bg_galeri,#banner_background .bg_ziyaretcidefteri,#banner_background .bg_blog,#banner_background .bg_bloglist,#banner_background .bg_testler,#banner_background .bg_testdetay,#banner_background .bg_iletisim{ background-size:cover;} #banner_container .caption .link{ bottom: 200px;} #banner_container .caption .link2{ bottom: 140px;} .orta_bolum_1{ position:relative; padding:0px;} .orta_bolum_1 .tablo_baslik{ position: relative; padding: 25px 0; } .orta_bolum_3{ position:relative; padding:0px;} .swiper_urunler .urun_container .urun_ad{ margin:0 20px;} .swiper_urunler .urun_container .urun_ozellik_container{ margin:0 20px; font-size: 20px;} .orta_bolum_4 { padding: 0; } .orta_bolum_4 .orta_container{ display: block; } .orta_bolum_4 .orta_container_full{ width:100%; margin:50px 0;} .swiper_urunler{ margin: 0px auto; padding: 50px 0;} .swiper_urun_galeri{ position:relative; width:100%; margin:0; margin-bottom:80px;} .orta_bolum_5{ position: relative; padding: 0px; display: inline-block;} .orta_bolum_5 .orta_container_sol{float: none; width: auto; background:none; padding:10px; margin:auto;} .orta_bolum_5 .orta_container_sag{ float: none; width: auto; background:none; padding:0px; margin:-15px; margin-top: 100px; } .keen-slider__slide{ width:100vw; } .keen-slider__slide img{ width:100%;} .keen-slider{ position: relative; float: left; width:calc(50% - 20px); height:60vh; margin:0 10px; } .orta_bolum_6 .orta_container_sol{ width:100%; padding: 0;} .orta_bolum_6 .orta_container_sol .video_play{float: none; margin:50px auto; width:100%; max-width:500px; } .orta_bolum_6 .orta_container_sag{ width:auto; padding: 10px; height: auto;} .orta_bolum_7 .orta_container_sol{ width:100%; padding: 0;} .orta_bolum_7 .orta_container_sag{ width:auto; padding: 10px; height: auto;} .urun_container{ position:relative; float:left; margin:15px; width:calc(50% - 30px);} .urun_container .urun_ad{ font-size:14px; line-height:125%; font-weight:normal; padding:15px 15px 15px 15px;} .anasayfa_bloglist_container .blog_container{ width:calc(50% - 40px);} .blog_page_container{ margin: auto; padding: auto;} .blog_page_container_sol{ display: none; } .blog_page_container_sag{ margin: auto; width: auto;} #sayfa_galeri_container { display: inline-block; position:relative; margin:20px 0;width:100%;} #sayfa_galeri{ list-style:none; float:left; width:auto; margin:-10px; padding:0px;} #sayfa_galeri .foto{ margin:10px; width:calc(33.33333% - 20px);} #sayfa_galeri .foto img{ width:100%;} .form_container .form_baslik{ width:130px;} .form_container .form_nesne{ width: calc(100% - 130px);} .form_container label{ display:inline-block;} .page_404 h2 { font-size: 150px; margin:-150px 0 50px 0;} .page_404 h1,.page_404 p { line-height: 125%;} .page_404 img{ width: 100%; } #altbanner_container{margin:0px 0px 0px;padding-bottom:0; height: auto;} #alt_banner{ clear:both; width:calc(100% - 40px);} .alt_banner_bolum{ float:left; width:calc(50% - 40px); margin:20px; padding-left:0; } .alt_banner_bolum:nth-child(1){ width:calc(100% - 40px); } .alt_banner_icerik>a{ font-size:20px;} #alt_banner_turkuaz{ width:auto; padding:20px;} #turkuaz_container{ margin:0;} } @media only screen and ( max-width: 850px ) and ( orientation: landscape) { } @media only screen and ( max-width: 640px ) { .scroll_container{ bottom:20px;} .scroll_container .social_container{ display: block; } .scroll_container .social_container a{margin: 5px;} .scroll_container .social_container a img{ height: 40px;} .scroll_icon{ background-size: 100%; width:20px; height:41px;} .orta_bolum_resim img{ width: 100%; } .tablo_icerik .tablo_resim_sag{ width:auto; float:none; margin:0 0 30px 0px;} .tablo_icerik img{ width:100%;} .tablo_icerik .tablo_resim_sol{ width:auto; float:none; margin:0 0 30px 0px;} .tablo_resim_sag img{ width:100%;} .orta_container_3 .orta_container{ margin:0; padding:0; } .orta_container_full,.orta_container_sol,.orta_container_sag{ width: auto; margin: 10px} .orta_bolum_2 .orta_container_sol{ background: #fff; padding:20px; margin:-20px auto 0; } .galeri_container{position:relative; width:auto; margin: -20px -20px -40px;} .orta_bolum_4 .tablo_baslik{margin:20px 0;} #anasayfa_galeri{ width:100%; overflow:hidden; white-space:nowrap; } #anasayfa_galeri .foto{width:50%;} .alt_bolum_container{ float: none; margin:50px -10px;} .alt_banner_bolum{float: none; width:auto; } .alt_banner_bolum .alt_social_container{ display: block; text-align:center; } } @media only screen and ( max-width: 500px ) /* 360 */ { .ozellik_satir .ozellik_baslik{ width:130px; } .form_container .form_btn_satir{ width: 100%;} .form_btn_satir .form_btn{ position: relative; /*display: block;*/ min-width:auto; width: calc(100% - 140px); } #sayfa_galeri .foto{ margin:10px; width:calc(50% - 20px);} .personel_container{ width:calc(100% - 40px);} .hizmetler_container .hizmet_container{ width:calc(100% - 40px);} .anasayfa_bloglist_container .blog_container{ width:calc(100% - 40px);} .alt_banner_bolum{ /*float:left; width:100%;*/} .urun_container{ position:relative; float:none; background:none; margin:10px; width:calc(100% - 20px);} .thirh_big{float: none;width: auto; max-width: auto; margin-bottom: 20px;} .thirth{float: none;width: auto; max-width: auto; } .right {float: none;} #harita{ height: 100vh; }