@charset "utf-8"; /* CSS Document */ html{min-height:100%;min-width:980px; height:100%;} 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: "Arial";} p{ margin:0px;} table{color: #000; text-decoration: none; font-size: 14px; font-family: "Arial"; font-weight: normal; line-height:175%} a { color: #000; text-decoration: none; font-size:14px; font-family: 'Roboto'; font-weight: 300; cursor:pointer; } h1{position:relative; clear:both; font-family: 'Roboto Condensed', serif; font-weight:400; font-style:normal; font-size:40px; line-height:36px; color:#f08510; padding:0 0 10px 0; margin:0;} h2{ font-family: 'Roboto Condensed', serif; font-weight:400; font-size:18px; line-height:18px; color:#f08510; padding:20px 0 10px 0; margin:0;} #page_container{ position:relative; width:100%;} #header_container{ position: absolute; display:block; top:0; width:100%; height:auto; padding:0; background:none; z-index:997;} #header_container .serit{ height:100px; background:#343a40; text-align:right; width:100%;} #header_container .serit .ust_buton_container{ position:relative; float:right;} #header_container .serit .ust_buton{ float:left; height:40px; width:auto; margin:25px 10px;} #header_container .serit .ust_buton .yazi1{ position:relative; padding-left:40px; font-family:'Roboto Condensed', serif; font-weight:400; font-style:normal; font-size:20px; line-height:20px; color:#fff;} #header_container .serit .ust_buton .yazi2{ position:relative; padding-left:40px; margin-top:5px; font-family:'Roboto Condensed', serif; font-weight:400; font-style:normal; font-size:14px; line-height:14px; color:#737474;} #header_container .serit .telefon{ text-align:left; margin-right:50px; padding-left:20px; background:url(images/theme/ico_tel.png) no-repeat left center;} #header_container .serit .zaman{ text-align:left; margin-right:50px; padding-left:25px; background:url(images/theme/ico_zaman.png) no-repeat left center;} #header_container .serit .konum{ text-align:left; margin-right:50px; padding-left:25px; background:url(images/theme/ico_iletisim.png) no-repeat left center;} #header_container .serit a{ font-family: 'roboto Condensed', sans-serif; font-weight:normal; font-size:14px; color:#fff; line-height:40px;} #header_container .serit a:hover{ text-decoration:none; color:#fff;} #header_container #header{ position:relative; padding:0px; margin:0; width:100%; height:80px; margin:0 auto;background:#282c31;} #header_container #logo{ float:left; margin:0px; z-index: 102; background:#ff8f15; width:350px; height:100%; text-align:center; -webkit-clip-path:polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%);} #header_container #logo img{ position:relative; height:58px; margin:20px;} #header_container #header #logo{ display:none;} #header_container .social_container{ position:relative; float:right; width:auto; text-align:left; z-index: 103; background:#ff8f15;width:350px; height:100%; text-align:center; -webkit-clip-path:polygon( 40px 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon( 40px 0, 100% 0%, 100% 100%, 0% 100%);} #header_container .social_container a{ display: inline-block; margin:25px 5px;} .social_container .facebook{ background:url(images/theme/social_face.png) no-repeat center; width:25px; height:25px; line-height:25px; margin:10px; display:inline-block;} .social_container .twitter{ background:url(images/theme/social_twitter.png) no-repeat center; width:25px; height:25px; line-height:25px; margin:10px; display:inline-block;} .social_container .instagram{ background:url(images/theme/social_instagram.png) no-repeat center; width:25px; height:25px; line-height:25px; margin:10px; display:inline-block;} .social_container .google{ background:url(images/theme/social_google.png) no-repeat center; width:26px; height:25px; line-height:25px; margin:10px; display:inline-block;} .social_container .pinterest{ background:url(images/theme/social_pinterest.png) no-repeat center; width:25px; height:25px; line-height:25px; margin:10px; display:inline-block;} .social_container .linkedin{ background:url(images/theme/social_linkedin.png) no-repeat center; width:25px; height:25px; line-height:25px; margin:10px; display:inline-block;} .social_container .whatsapp{ background:url(images/theme/social_whatsapp.png) no-repeat center; width:25px; height:25px; line-height:25px; margin:10px; display:inline-block;} #banner_container{ position:relative; width:100%; height:100%; padding:0 0 0px 0; margin:0px; background:#000; overflow:hidden;} #banner_container #banner_menu{ position:absolute; bottom:100px; left:calc(50% - 500px); z-index: 100;} #banner_container #banner_menu .cerceve{ border:5px solid #ff8f15; background:rgba(0,0,0,0.5); width:320px; height:250px; padding:60px 40px; /* filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all .5s ease-in-out;*/} /*#banner_container #banner_menu .cerceve:hover{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}*/ #banner_container #banner_menu .cerceve_yazi1{ color:#fff; font-family:'Roboto Condensed', sans-serif; font-weight:300; font-style:normal; font-size:30px; line-height:125%; margin-bottom:30px;} #banner_container #banner_menu .cerceve_yazi2{ color:#fff; font-family:'Roboto Condensed', sans-serif; font-weight:100; font-style:normal; font-size:20px; line-height:125%; margin-bottom:15px;} #banner_container #banner_menu .siparis_button{ position:relative; display:inline-block; background:#ff8f15; color:#fff; font-family:'Roboto Condensed', sans-serif; font-weight:400; font-style:normal; font-size:16px; line-height:125%; padding:15px 30px;} #banner_container #slider_container{ position:relative; padding:0px; margin:0px; width:100%; height:100%; margin:0 auto; overflow:hidden; z-index: 102;} #main_container{ position:relative; clear:both; width:100%; display:block; margin:0; padding:0px 0} #banner_background .bg{height:450px; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor;} #banner_background .bg_icerik{ background:url(images/banner/bg_icerik.jpg) no-repeat center;} #banner_background .bg_hakkimizda{ background:url(images/banner/bg_hakkimizda.jpg) no-repeat center;} #banner_background .bg_urunkategori{ background:url(images/banner/bg_urunkategori.jpg) no-repeat center;} #banner_background .bg_urunler{ background:url(images/banner/bg_urunler.jpg) no-repeat center;} #banner_background .bg_urunler_1{ background:url(images/banner/bg_urunler_1.jpg) no-repeat center;} #banner_background .bg_urunler_2{ background:url(images/banner/bg_urunler_2.jpg) no-repeat center;} #banner_background .bg_urunler_3{ background:url(images/banner/bg_urunler_3.jpg) no-repeat center;} #banner_background .bg_urunler_4{ background:url(images/banner/bg_urunler_4.jpg) no-repeat center;} #banner_background .bg_urunler_5{ background:url(images/banner/bg_urunler_5.jpg) no-repeat center;} #banner_background .bg_urunler_6{ background:url(images/banner/bg_urunler_6.jpg) no-repeat center;} #banner_background .bg_urunler_7{ background:url(images/banner/bg_urunler_7.jpg) no-repeat center;} #banner_background .bg_urundetay{ background:url(images/banner/bg_urundetay.jpg) no-repeat center;} #banner_background .bg_galeri{ background:url(images/banner/bg_galeri.jpg) no-repeat center;} #banner_background .bg_iletisim{ background:url(images/banner/bg_iletisim.jpg) no-repeat center;} #banner_background .bg_site_haritasi{ background:url(images/banner/bg_site_haritasi.jpg) no-repeat center;} #banner_background .banner_logo{ position:absolute; bottom:0; right:0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;} /*::::: AÇILIR ÜST MENÜ :::::*/ #nav { position:relative; float:left; height:80px; display:inline-block; margin:0; padding:0px; text-align:left; z-index: 1000;} #nav ul {position:relative; margin:0 auto; padding:0; height:80px; float:left; display:block;} #nav li {list-style:none;float:left;margin:0;padding:0 0px 0 0; line-height:80px; height:80px;} #nav li.son {background:none;} #nav span {float:left;padding:0 25px 0 25px;line-height:80px;height:80px; background:none top center;} #nav li a { position:relative; overflow:hidden; text-transform:none;font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:20px; height:auto; color:#fff; display:block;line-height:80px;height:80px;margin:0;padding:0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav span:hover, #nav span.aktif {background: #333; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav span:hover > a .menu_text, #nav span.aktif > a .menu_text{ color:#fff; -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 a .menu_text{ position:relative; font-size:20px; height:auto;color:#333; display:block; line-height:100%;} #nav li a .menu_simge{ position:relative; width:auto; height:32px; margin:15px 0 8px;} #nav li a .simge_1{ background:url(images/theme/menu_logo_5.png) no-repeat center top; -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 a .simge_2{ background:url(images/theme/menu_logo_3.png) no-repeat center top; -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 a .simge_3{ background:url(images/theme/menu_logo_4.png) no-repeat center top; -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 a .simge_4{ background:url(images/theme/menu_logo_2.png) no-repeat center top; -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 a .simge_5{ background:url(images/theme/menu_logo_1.png) no-repeat center top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} #nav span:hover > a .menu_simge{ background-position:center bottom;} /* First level dropdown */ #nav li ul {margin:0 0 0 -25px;background:#333; padding:10px;list-style:none;position:absolute; display:none;left:-999em;top:80px;width:180px;z-index:10;height:auto;} #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:#333;border-bottom:1px solid #444;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:#eee; -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 li:hover a { background:#444;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;} /* Second level dropdown */ #nav li ul li ul{margin:0 0 0 0px; background:#444; 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:#444;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:#eee; -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:#444;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:#eee; -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:#666;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:#666; 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:#444;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:#eee; -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:#666;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;} .orta_container{ position:relative; width:1170px; margin:0 auto; display:table; height:100%;} .orta_container_full{ position: relative; clear:both; float:left; width:calc(100% - 40px); margin:20px 20px ;} .orta_container_sol{ position: relative; width:calc(50% - 40px); float:left; margin:20px;} .orta_container_sag{ position: relative; width:calc(50% - 40px); float:right; margin:20px;} .tablo_container{ position:relative; display:inline-block; height:100%; margin:0px -20px 40px;} .tablo_container_2{ position:relative; display:inline-block; height:100%; margin:-20px;} .tablo_baslik{ font-family: 'Roboto Condensed', serif; font-size:40px; line-height:125%; color:#333333; padding:10px 0 10px 0px; margin:0; overflow:hidden; white-space:nowrap;} .tablo_baslik_2{ font-family: 'Roboto Condensed', serif; font-size:40px; line-height:125%; color:#333333; text-align:center; padding:10px 0 10px 0px; margin:0; overflow:hidden; white-space:nowrap;} .tablo_baslik_3{ font-family: 'Roboto Condensed', serif; font-size:40px; line-height:125%; color:#ff8f15; padding:10px 0 10px 0px; margin:0; overflow:hidden; white-space:nowrap;} .tablo_icerik{ position:relative; color: #333; text-decoration: none; font-size: 14px; font-family: "Roboto"; font-weight:300; line-height:175%;} .tablo_icerik_2{color: #333; text-decoration: none; font-size: 14px; font-family: "Roboto"; font-weight:300; line-height:175%; width:60%; margin:0px auto; padding:0 0 40px; text-align:center;} .tablo_icerik .tablo_resim{ text-align:right; position:relative; height:auto; border:10px solid #f0ebe6; overflow:hidden;} .tablo_icerik .tablo_resim_sol{ float:left; margin:10px 100px 50px 0px;} .tablo_icerik .tablo_resim_sag{ float:right; margin:10px 0 50px 100px;} .tablo_icerik .tablo_resim img{ width:100%;} .tablo_icerik .tablo_resim img{ width:100%; transition: all 1s ease-in-out;} .tablo_icerik .tablo_resim:hover img{ transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transition: all 0.5s ease-in-out;} .tablo_icerik .tablo_resim .foto_effect_1{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,1); opacity:0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; top:0; left:0;} /*::::: SCROLL ANASAYFA :::::*/ .scroll_container{ position:absolute; bottom:30px; width:100%; text-align:center; margin:auto; padding:0; z-index:201;} .scroll_icon{ display:inline-block; background:url(images/theme/scroll_icon.png) no-repeat center; width:30px; height:62px;} /*::::: ANASAYFA ORTA BÖLÜM:::::*/ .orta_bolum_1{ position:relative; background:#fff;} .orta_bolum_1 .tablo_container{ padding :50px 0; } .orta_bolum_1 .orta_container_sol{ padding-top:50px;} .orta_bolum_1 .tablo_icerik { float:left; width:auto; margin:20px 0 20px 0; padding:20px 0px;} .orta_bolum_2{ position:relative; background:#252525;} .orta_bolum_2 .tablo_container{ display: block; margin: 0px; } .orta_bolum_2 .orta_container_sol{ margin:0px; width:650px; } .orta_bolum_2 .bolum_icerik { position:relative; float:left; width:650px; margin:0px 0; color:#fff;} .orta_bolum_2 .tablo_icerik { float:left; width:auto; color:#fff; padding:40px 0px;} .orta_bolum_2 .bolum_button{ margin:50px;} .orta_bolum_3{ position:relative; background:#f6f6f6;} .orta_bolum_3 .tablo_container{ padding :50px 0; display:inline-block;} .bolum_button{ position:relative; display:inline-block; background:#343a40; color:#fff; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal; font-size:16px; line-height:125%; padding:15px 30px 15px 40px; transition: all 0.3s ease-in-out;} .bolum_button:hover{ background:#e3e3e3; color:#333;} .bolum_button .button_simge{ position:absolute; background:#ff8f15; left:0; top:0; width:30px; height:100%; -webkit-clip-path:polygon(0 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%);} /*::::: ÜRÜNLER ::::::::*/ .urunler_container{ position:relative; display:block; clear:both; margin:-15px;} .urun_container{ position:relative; float:left; background:#e9e9e9; margin:15px; width:calc(25% - 30px); overflow:hidden;} .urun_container .urun_resim{ position:relative;} .urun_container .urun_resim img{ width:100%; transition: all 1s ease-in-out;} .urun_container:hover .urun_resim img{ transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transition: all 0.5s ease-in-out;} .urun_container .urun_resim .foto_effect_1{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,1); opacity:0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; top:0; left:0;} .urun_container .urun_resim .resim_simge{ position:absolute; left:0; top:0px; background:url(images/theme/urun_resim_simge.png) no-repeat center; width:100%; height:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .urun_container .urun_ad{ position:relative; display:block; background:#343a40; font:"Roboto Condensed"; font-size:18px; font-weight:bold; color:#fff; padding:15px 15px 15px 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;} .urun_container .urun_ad_simge{ position:absolute; background:#ff8f15; left:0; top:0; width:30px; height:100%; -webkit-clip-path:polygon(0 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%);} .urun_container:hover .urun_ad{ background:#e3e3e3; color:#333;} .urun_container:hover .urun_resim .resim_simge{ background-color:rgba(0,0,0,0);} #sayfa_galeri_container {position:relative; margin:-15px -15px; padding:0px;} #sayfa_galeri{ list-style:none; float:left; margin:0px; padding:0px;} #sayfa_galeri .foto{ position:relative; list-style:none; float:left; margin:15px; padding:0px; text-align:center; vertical-align:middle; border:0px solid #efefef; background:none; overflow:hidden;/* -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{ 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 0.5s ease-in-out;} #sayfa_galeri .foto .foto_effect_1{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,1); opacity:0; filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity:0; top:0; left:0;} /*::::: PAYLAŞ ::::::::*/ div#paylas { position:relative; margin:0;padding:0; text-align:right;} /*::::: FORM ::::::::*/ .form_container { width:100%;} .form_container .form_satir{} .form_container .form_btn_satir{ clear:both; text-align:center;} .form_container .form_baslik{font-family:"Roboto Condensed"; font-weight:normal; font-style:normal; font-size:18px; color:#f08510; padding:5px 0 5px 0; margin:0; width:200px; display:inline-block; line-height:125%; vertical-align:top;} .form_container .form_nesne{ font-weight:normal; font-style:normal; color:#000; 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; background:#343a40; color:#fff; font-family:'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal; font-size:16px; line-height:125%; padding:15px 30px 15px 40px; transition: all 0.3s ease-in-out; cursor:pointer;} .form_btn:hover{ background:#e3e3e3; color:#333;} .form_btn .button_simge{ position:absolute; background:#ff8f15; left:0; top:0; width:30px; height:100%; -webkit-clip-path:polygon(0 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%);} .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%} .iletisim{ position:relative; clear:both; margin:0 0px 40px;} .iletisim .iletisim_adres{ position:relative; margin:10px 0; background:url(images/theme/ico_adres.png) no-repeat left 3px; padding-left:50px;} .iletisim .iletisim_telefon{ position:relative; margin:10px 0; background:url(images/theme/ico_telefon.png) no-repeat left 3px; padding-left:50px;} .iletisim .iletisim_faks{ position:relative; margin:10px 0; background:url(images/theme/ico_faks.png) no-repeat left 3px; padding-left:50px;} .iletisim .iletisim_email{ position:relative; margin:10px 0; background:url(images/theme/ico_email.png) no-repeat left 0px; padding-left:50px;} .iletisim_form{ } .iletisim span{font-family:"Roboto Condensed"; font-weight:normal; font-style:normal; font-size:18px; color:#f08510; padding:0 0 0px 0; margin:0; display:inline-block;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .rezervasyon_form .form_baslik{width:150px;} .rezervasyon_form .form_nesne{width: calc(100% - 150px);} #harita{ position:relative; margin:0px; padding:0px; border:0px #fff solid; width:100%; height:400px;} /*::::: HIZLI MENU :::::*/ .site_container h1{ clear:both; float:none; margin:none; padding:15px 0 0 0; line-height:100%;} .site_container h2{ clear:both; float:none; margin:none; padding:15px 0 0 0; line-height:100%;} .site_container .site_kategori_link{ float:left; border-bottom:1px solid #d5c6b1; 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:#333; 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 #d5c6b1; 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;} /*::::: ALBANNER ::::::::*/ #altbanner_container{ position:relative; clear:both; width:100%; background:#343a40; margin:0px; padding:0px;} #turkuaz_container{ position:relative; clear:both; width:100%; background:#282c31; margin-top:0px;} #altbanner_container .alt_banner_serit{ position:absolute; top:-25px; float:left; margin:0px; background:#ff8f15; width:calc((100% - 1160px ) /2); height:50px; text-align:center; -webkit-clip-path:polygon(0 0, calc(100% - 15px) 0%,100% 100%, 0% 100%); clip-path: polygon(0 0, calc(100% - 15px) 0%, 100% 100%, 0% 100%);} .alt_bolum_container{ margin:0 -15px;} .alt_banner_bolum{ float:left; width:calc(25% - 30px); margin:15px;} .alt_banner_logo{ background:url(images/theme/alt_banner_logo.png) no-repeat left center; height:117px; margin:40px 0;} .alt_banner_baslik{ color:#fff; font-family:'Roboto Condensed', sans-serif; font-weight:400; font-style:normal; font-size:20px; line-height:60px; margin:20px 0; border-bottom:1px solid #f3a147; display:inline-block; } .alt_banner_icerik{ color:#f4daa5; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:150%;} .alt_banner_bolum a:hover .duyuru_baslik{ text-decoration:underline;} .alt_banner_bolum .duyuru_baslik{ color:#f4daa5; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:150%;} .alt_banner_bolum .duyuru_tarih{ color:#585858; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:150%; margin-bottom:10px;} .alt_banner_icerik a{ background:url(images/theme/ico_1.png) left center no-repeat; padding-left:15px; display:block; color:#f3a147; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:150%; margin-bottom:10px;} .alt_banner_icerik a:hover{ text-decoration:underline;} .alt_banner_adres{ background:url(images/theme/ico_2.png) left 5px no-repeat; padding-left:30px; line-height:125%;} .alt_banner_tel{ background:url(images/theme/ico_3.png) left center no-repeat; padding-left:30px; height:30px; line-height:30px;} #alt_banner_turkuaz{ position:relative; font-family:arial; font-size:12px; font-weight:normal; color:#5f6367; text-decoration: none; line-height:150%; margin:0px auto; padding:20px 0; width:1170px;} #alt_banner_turkuaz a{ font-size:12px; color:#5f6367;} #alt_banner_turkuaz a:hover{color:#f08510; text-decoration:underline;} .alt_social_container{ position:absolute; right:0; top:20px;} .alt_social_container .facebook{ background:url(images/theme/ico_facebook.png) no-repeat left center; padding-left:35px; height:32px; line-height:32px; margin:10px; display:inline-block;} .alt_social_container .twitter{ background:url(images/theme/ico_twitter.png) no-repeat left center; padding-left:35px; height:32px; line-height:32px; margin:10px; display:inline-block;} .alt_social_container .instagram{ background:url(images/theme/ico_instagram.png) no-repeat left center; padding-left:35px; height:32px; line-height:32px; margin:10px; display:inline-block;} .alt_social_container .google{ background:url(images/theme/ico_google.png) no-repeat left center; padding-left:35px; height:32px; line-height:32px; margin:10px; display:inline-block;} .alt_social_container .pinterest{ background:url(images/theme/ico_pinterest.png) no-repeat left center; padding-left:35px; height:32px; line-height:32px; margin:10px; display:inline-block;} /*::::: 404 SAYFASI ::::::::*/ .page_404{ position:relative; text-align:center; margin:100px 0 50px; color:#666;} .page_404 h1 { position:relative; text-transform: uppercase; letter-spacing: 4px; font-weight: normal; font-size: 22px; display:block; color:#000;} .page_404 h2 { font-family:'Roboto Condensed', sans-serif; position:relative; text-transform: uppercase; letter-spacing: 20px; font-size: 300px; line-height: 0px; color:#ff8f15; font-weight:700; margin:-100px 0 100px 0;} .page_404 p { font-family: 'Roboto Condensed', sans-serif; font-weight:300; line-height: 1.6em; text-align: center; font-size: 16px; padding:20px 0;} .page_404 h2 span{margin:0px;} /*::::: SAYFALAMA ::::::::*/ #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:#eee; color:#f08510; font-family:"Roboto Condensed"; font-weight:400; font-size:18px; border:1px solid #ddd; -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:#e3e3e3; color:#000;} #sayfa_container .sayfa ul li.selected{background:#000; color:#FFF; border:1px solid #000;} #sayfa_container .sayfa ul li.ilk_sayfa{ background:#eee url(images/theme/first.png) center top no-repeat;} #sayfa_container .sayfa ul li.ilk_sayfa:hover{ background:#e3e3e3 url(images/theme/first.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.onceki_sayfa{ background:#eee url(images/theme/left.png) center top no-repeat;} #sayfa_container .sayfa ul li.onceki_sayfa:hover{ background:#e3e3e3 url(images/theme/left.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.son_sayfa{ background:#eee url(images/theme/last.png) no-repeat center top;} #sayfa_container .sayfa ul li.son_sayfa:hover{ background:#e3e3e3 url(images/theme/last.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.sonraki_sayfa{ background:#eee url(images/theme/right.png) no-repeat center top;} #sayfa_container .sayfa ul li.sonraki_sayfa:hover{ background:#e3e3e3 url(images/theme/right.png) no-repeat center bottom;} /*::::: YUKARI DÜĞMESİ ::::::::*/ .yukari_container{ position:relative; width:1170px; margin:0 auto;} #back-top {z-index:10;position: fixed;bottom: 40px;margin-left: 1250px;} #back-top a {width: 51px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;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: #f08510;} /* arrow icon (span tag) */ #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;/* rounded corners -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;/* background color transition -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;*/} #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_galeri{ position:relative; width:450px; margin-bottom:150px;} .swiper_galeri_bg{ position:absolute; width:100%; height:100%; background:#ff8f15; right:-30px; top:-30px;} .swiper_galeri img{ width:100%;} .swiper_urunler{ position:relative; width:500px; margin-bottom:100px; margin-top:40px;} .swiper_urunler .urun_container{ margin:0; width:auto;} .swiper-pagination{ position:relative; width:100%; bottom:-80px;} .swiper-pagination .swiper-pagination-bullet{ margin:10px;} .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'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;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'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;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;-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:100%;*/ background:#343a40;opacity:1;} 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: #ff8f15;} .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} /*::::: FANCYBOX IMAGE GALLERY ::::::::*/ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;} .fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;} .fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;} .fancybox-opened {z-index: 8030;} .fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner {position: relative;} .fancybox-inner {overflow: hidden;} .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;} .fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;} .fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;} .fancybox-image {max-width: 100%;max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('images/theme/fancybox_sprite.png');} #fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;} #fancybox-loading div {width: 44px;height: 44px;background: url('images/theme/fancybox_loading.gif') center center no-repeat;} .fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;} .fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('images/theme/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;} .fancybox-prev {left: 0;} .fancybox-next {right: 0;} .fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;} .fancybox-prev span {left: 10px;background-position: 0 -36px;} .fancybox-next span {right: 10px;background-position: 0 -72px;} .fancybox-nav:hover span {visibility: visible;} .fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;} /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto;} .fancybox-lock body { overflow: hidden !important;} .fancybox-lock-test { overflow-y: hidden !important;} .fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('images/theme/fancybox_overlay.png');} .fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;} .fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;} /* Title helper */ .fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;} .fancybox-opened .fancybox-title {visibility: visible;} .fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;} .fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;} .fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;} .fancybox-title-inside-wrap {padding-top: 10px;} .fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);} /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('images/theme/fancybox_sprite@2x.png');background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/} #fancybox-loading div {background-image: url('images/theme/fancybox_loading@2x.gif');background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/} } .tp-simpleresponsive .caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(images/theme/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;} .tp-bannershadow.tp-shadow2 { background:url(images/theme/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(images/theme/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}/************************* - CAPTIONS - **************************/ .caption.big_white { position: absolute; color: #af0314; text-shadow: none; font-weight: 400; font-size: 32px; line-height: 44px; font-family: 'Roboto Condensed', sans-serif; padding: 8px 15px; margin: 0px; border-width: 0px; border-style: none; background-color:rgba(255, 255, 255, .7); letter-spacing: 0px; } .caption.big_orange { position: absolute; color: #e32107; text-shadow: none; font-weight: 700; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px 0; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: 0px; } .caption.big_red { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px; margin: 0px; border-width: 0px; border-style: none; background-color:#e32107; letter-spacing: 0px; } .caption.big_yellow { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px; margin: 0px; border-width: 0px; border-style: none; background-color:#fea10f; letter-spacing: 0px; } .caption.big_green { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px; margin: 0px; border-width: 0px; border-style: none; background-color:#8db500; letter-spacing: 0px; } .caption.big_greenwhite{ position: absolute; color: #8db500; text-shadow: none; font-weight: 700; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px 0; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: 0px; } .caption.big_yellowwhite{ position: absolute; color: #fea10f; text-shadow: none; font-weight: 700; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px 0; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: 0px; } .caption.big_bluewhite{ position: absolute; color: #003373; text-shadow: none; font-weight: 700; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px 0; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: 0px; } .caption.big_blue { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 4px 8px; margin: 0px; border-width: 0px; border-style: none; background-color:#003373; letter-spacing: 0px; } .caption.big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 36px; line-height: 36px; font-family: 'Roboto Condensed', sans-serif; padding: 0px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:#fff; letter-spacing: -1.5px; } .caption.big_brown { position: absolute; color: #fff; text-shadow: none; font-weight: 400; font-size: 32px; line-height: 44px; font-family: 'Roboto Condensed', sans-serif; padding: 8px 15px; margin: 0px; border-width: 0px; border-style: none; background-color:rgba(72, 42, 1, .7); letter-spacing: 0px; } .caption.medium_white { position: absolute; color: #fff; text-shadow: none; font-weight: 400; font-size: 24px; line-height: 125%; font-family: "Roboto Condensed"; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:none; white-space:nowrap; /*text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.5);*/ } .caption.medium_grey { position: absolute; color: #333; text-shadow: none; font-weight: 400; font-size: 24px; line-height: 125%; font-family: "Roboto Condensed"; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:none; white-space:nowrap; /*text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.5);*/ } .caption.small_text { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .caption.medium_text { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .caption.large_text { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 40px; line-height: 40px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .caption.very_large_text { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); letter-spacing: -2px; } .caption.very_big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; padding: 0px 4px; padding-top: 1px; background-color:#000; } .caption.very_big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0px; border-width: 0px; border-style: none; white-space:nowrap; padding: 0px 4px; padding-top: 1px; background-color:#fff; } .caption.grey { font-family: "Roboto Condensed"; position: absolute; color: #fff; text-shadow: none; font-weight: 400; font-size: 40px; line-height: 40px; padding: 2px 4px; margin: 0px; border-width: 0px; border-style: none; background-color:none; white-space:nowrap; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .caption.black { color: #000; text-shadow: none; } .caption.noshadow { text-shadow: none; } .caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .caption a:hover { color: #ffa902; } /****************************** - BUTTONS - *******************************/ .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../images/gradient/g40.png) repeat-x top;} .purchase:hover, .button:hover, .button.big:hover { background-position:bottom, 15px 11px;} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .button.green, .button:hover.green, .purchase.green, .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .button.blue, .button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68;} .button.red, .button:hover.red, .purchase.red, .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212;} .button.orange, .button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00;} .button.darkgrey,.button.grey, .button:hover.darkgrey,.button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222;} .button.lightgrey, .button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555;} /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tp-bullets { z-index:100; position:absolute; bottom:10px; } .tp-bullets.simplebullets { bottom:10px;} .tp-bullets.simplebullets.navbar { bottom:-20px; background:url(images/theme/navigdots_bgtile.png); height:35px; padding:0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;margin-top:-17px;} .tp-bullets.simplebullets .bullet { cursor:pointer; position:relative; background:url(images/theme/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:-12px;} .tp-bullets.simplebullets .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(images/theme/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:-10px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(images/theme/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:30px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:30px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } /************************************* - TP ARROWS - **************************************/ .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_left_large.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_right_large.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:-13px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:-20px; margin-top:-8px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:-20px; margin-top:-8px;} .tp-leftarrow.navbar.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar.thumbswitharrow { margin-left:0px; } .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:-9px;} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:-9px;} .tp-leftarrow.large { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_large_left.png) no-Repeat top left; width:46px; height:46px; margin-left:20px; margin-top:-23px; } .tp-rightarrow.large { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_large_right.png) no-Repeat top left; width:46px; height:46px; margin-left:-20px; margin-top:-23px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:100; position:absolute; padding:0px 2px 2px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ } .fullwidthbanner-container .tp-thumbs { padding:2px;} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative;} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} .tp-thumbs img { width:100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(images/theme/timer.png);position:absolute; bottom:0px; z-index:200;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive .tp-bullets.tp-thumbs { width:300px !important; height:30px !important;} .responsive .tp-bullets.tp-thumbs .tp-mask { width:300px !important; height:30px !important;} .responsive .tp-bullets.tp-thumbs .bullet { width:60px !important;height:30px !important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none;} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div { width:10000px; height:10000px; } .tp-loader { background:url(images/theme/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @media only screen and ( max-width:1200px ) { #header_container #header_ust_serit, #header_container #header_menu,.orta_container,#alt_banner_turkuaz{ width:980px;} .swiper_galeri{ position:relative; width:475px; margin-left:130px; margin-top:-120px; margin-bottom:150px;} .swiper_urun_galeri{ position:relative; width:475px; margin:0; margin-bottom:60px;} #sayfa_galeri .foto{ width:calc(25% - 40px);} } @media only screen and ( max-width:1024px ) { html { min-width:100%;} body {min-width:100%;} #header_container .serit .ust_buton .yazi1,#header_container .serit .ust_buton .yazi2{ padding-left:30px;} #header_container .serit .telefon,#header_container .serit .zaman,#header_container .serit .konum{ margin-right:30px;} .tablo_icerik .tablo_resim_sol{ width:40%;} .tablo_icerik .tablo_resim_sag{ width:40%;} } @media only screen and ( max-width: 50em )/* 640 */ { html { min-width:100%;} body {min-width:100%;} #page_container, #main_container,#header_container,#header_container #header,#header_container_main #header, #banner_container, .banner,.slider_container,.orta_container,.orta_container_sol,.orta_container_sag,.orta_container_full,.orta_bolum,.tablo_container,.tablo_icerik,#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_full,.orta_container_sol,.orta_container_sag{ width: auto; } .tablo_container{ width:auto; padding: 0px;} .tablo_baslik,.tablo_baslik_2,.tablo_baslik_3{ font-size:30px; text-align: center} .tablo_icerik{ margin:0; padding:0;} .tablo_icerik_2{ width: auto;margin:0; padding:0;} .tablo_icerik .tablo_resim_sol{ width:auto; float:none; margin:0 0 30px 0px;} .tablo_icerik .tablo_resim_sag{ width:auto; float:none; margin:0 0 30px 0px;} .tparrows.default{display: none;} #header_container,#header_container:hover{ background:rgba(0,0,0,1);} #header_container #header #logo{ display:block; padding:0px; margin:0; position:absolute; width: auto; z-index:10000; -webkit-clip-path:polygon(0 0, 100% 0%, calc(100% - 25px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, calc(100% - 25px) 100%, 0% 100%);} #header_container #header #logo img{ height:40px; margin:10px 20px 10px 10px;} #header_container .serit{ display:none;} #header_container .social_container{ display:none;} #header_container,#header_container #header,#banner_container #slider_container_{ height:auto;} #banner_background .bg{ margin-top:60px; height:200px;} #banner_background .bg_icerik,#banner_background .bg_icerik2,#banner_background .bg_hakkimizda,#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_galeri,#banner_background .bg_iletisim{ background-size:auto 100%;} #banner_container #banner_menu{ position:absolute; bottom:150px; left:calc(15% - 10px); margin: auto; z-index: 100;} #banner_container #banner_menu .cerceve{ width:70%; height:auto; padding:30px 20px; /* filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: all .5s ease-in-out;*/} #banner_container #banner_menu .cerceve_yazi1{ font-size:20px; margin-bottom:20px;} #banner_container #banner_menu .cerceve_yazi2{ font-size:14px; margin-bottom:15px;} #banner_container #banner_menu .siparis_button{ font-size:16px; line-height:125%; padding:10px 20px;} .swiper_galeri{ position:relative; width:calc(100% - 70px); margin-left:50px; margin-top:20px; margin-bottom:0px;} .swiper_galeri_bg{ left:-40px; bottom:-100px;} .urun_container{ position:relative; float:left; background:#FFF; margin:15px; width:calc(50% - 30px);} .urun_container .urun_ad{ font-size:16px; font-weight:bold; color:#fff; padding:15px 15px 15px 25px; min-height: 40px;} .urun_container .urun_ad_simge{ width:15px; height:100%; -webkit-clip-path:polygon(0 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%);} .orta_bolum_1 .tablo_container{ padding:20px 0; } .orta_bolum_1 .tablo_icerik{ padding:0px 0; } .orta_bolum_2 .orta_container_sol{ margin:0px; width:auto; } .orta_bolum_2 .bolum_icerik { position:relative; float:left; width:auto; margin:0px 0; color:#fff;} .orta_bolum_2 .tablo_icerik { float:left; width:auto; color:#fff; padding:20px;} .orta_bolum_2 .tablo_container{margin: 20px -20px; } .orta_bolum_2 .bolum_button{ margin:0 20px;} .orta_bolum_3 .tablo_container{ padding: 20px 0; } .orta_bolum_3 .urunler_container{ margin: 15px -15px -15px; } .bolum_container,#alt_banner .bolum,#alt_banner .bolum1,#alt_banner .bolum2{ width:100%; margin-bottom:20px; clear:both;} .bolum_container{ position:relative; float:none; width:auto; padding:20px;} .bolum_sag,.bolum_sol{float:none;} .bolum_sol .bolum_container .bolum_icerik,.bolum_sol .bolum_container .bolum_resim,.bolum_sag .bolum_container .bolum_icerik,.bolum_sag .bolum_container .bolum_resim{ float:none; margin-right:0px;margin-left:0px;} .bolum_icerik{ display:block; width:auto; margin:0;} .bolum_icerik .bolum_baslik{ display:inline-block; font-size:30px; line-height:30px; padding:10px 0 10px 30px; background-size:20px;} .bolum_resim{ display:block; margin:0; width:auto; max-width:none; max-height:400px; } .bolum_resim img{ height:auto; width:100%;} .bolum_button{ display:inline-block; padding-bottom:20px;} .bolum_button a{ font-family: 'Roboto Condensed', serif; font-size:16px; display:inline-block;background: #f08510;color: #fff;padding: 15px 30px;position: relative; transition: all 0.5s ease-in-out;} .bolum_button a:hover{ background:#c6a362;} .bolum_button a .button_cerceve{position:absolute; top:5px; left:5px; right:5px; bottom:5px; border:1px solid #fff;} .tablo_icerik > img{ width:100%;} .tablo_icerik h1{ display:inline-block; font-size:30px; line-height:30px; padding:10px 0 10px 30px; background-size:20px;} #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;} #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:10px; background:#282c31;} #nav li { clear:both; float:none;line-height:40px;height:auto; padding:0px; text-align:left;} #nav span {clear:both; float:none; display:block; padding:0 15px 0 15px; line-height:40px; height:auto; background:#282c31; border-bottom:1px rgba(255,255,255,0.1) solid; width:auto;} #nav li a {display:block; font-size: 16px; line-height:40px; height:40px; margin:0; padding:0px; color:#fff; -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 -15px;} #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;} #sayfa_galeri_container { display: inline-block; position:relative; margin:20px 0;width:100%;} #sayfa_galeri{ list-style:none; float:left; 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;} #altbanner_container .alt_banner_serit{ position:absolute; top:-25px; float:left; margin:0px; background:#ff8f15; width:calc(50% - 40px); height:50px; text-align:center; -webkit-clip-path:polygon(0 0, calc(100% - 15px) 0%,100% 100%, 0% 100%); clip-path: polygon(0 0, calc(100% - 15px) 0%, 100% 100%, 0% 100%);} .alt_banner_logo{ background-position:center;} .alt_banner_bolum{ width:auto; clear:both; float:none; display:block;} #alt_banner{ clear:both; width:calc(100% - 70px);} #alt_banner_turkuaz{ padding:20px; width:auto;} .alt_social_container{ position:relative; display:block ; margin:20px auto; text-align:center; top:0} .social_container{ position:relative; right:0px; top:0px; margin:15px;} } @media only screen and ( max-width: 50em ) and ( orientation: landscape) /* 640 */ { #banner_container #banner_menu{ position:absolute; bottom:50px; left:calc(15% - 10px); margin: auto; z-index: 100;} .scroll_container{ bottom:10px;} .scroll_icon{ background-size: 100%; width:20px; height:41px;} } @media only screen and ( max-width: 30em ) /* 360 */ { .swiper_galeri{ position:relative; width:calc(100% - 40px); margin-left:30px; margin-top:20px; margin-bottom:0px;} .swiper_galeri_bg{ left:-30px; bottom:-80px;} #sayfa_galeri .foto{ margin:10px; width:calc(50% - 20px);} .urun_container{ position:relative; float:left; background:#FFF; margin:15px; width:calc(50% - 30px);} }