@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Anton&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext'); /* 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: 18px; font-family: 'Roboto', sans-serif; font-weight:300; line-height:175%; color:#555; background:#fff;} p{ margin:0px;} table{color: #555; text-decoration: none; font-size: 18px; font-family: "Roboto"; font-weight:300; line-height:175%;} a { color: #555; text-decoration: none; font-size:18px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; } h1{ font-family: 'Anton', sans-serif; font-weight:bold; font-style:normal; font-size:40px; line-height:125%; color:#3e3d43; padding:0 0 10px 0; margin:0;} h2{ font-family: 'Anton', sans-serif; font-weight:300; font-size:18px; line-height:18px; color:#3e3d43; padding:20px 0 10px 0; margin:0;} #page_container{ position:relative; width:100%; height:100%;} #header_container{ position:fixed; background:#f0f0f0; width:100%; height:auto; padding:0; margin:0; z-index:1001;} #header_container #header_ust{ position:relative; display:block; height:30px; background:#3e3e40;} #header_container #header_ust_serit{ position:relative; width:1170px; height:100%; margin:0 auto;} #header_container #header_ust_serit #telefon{ position:relative; float:left; width:50%; line-height:30px;} #header_container #header_ust_serit #whatsapp{ position:relative; float:left; width:50%; line-height:30px;} #header_container #header_ust_serit #email{ position:relative; float:left; text-align:right; width:50%;line-height:30px;} #header_container #header_ust_serit #telefon a{ position:relative; color:#fff; background:url(images/theme/ico_telefon.png) no-repeat left center; padding-left:20px;} #header_container #header_ust_serit #whatsapp a{ position:relative; color:#fff; background:url(images/theme/ico_whatsapp.png) no-repeat left center; padding-left:20px;} #header_container #header_ust_serit #email a{ position:relative; color:#fff; background:url(images/theme/ico_email.png) no-repeat left center; padding-left:20px;} #header_container #header_ust_serit #telefon .link a,#header_container #header_ust_serit #email .link a{ display:inline-block; font-size: 12px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; color:#eee; text-decoration:none;} #header_container #header_menu{ position:relative; display:block; width:1170px; height:90px; padding:0px; margin:0 auto;} #header_container #header_menu #logo{ position:relative; float:left; margin-top:20px; display:inline-block; text-align:center; z-index: 101;} #header_container #header_menu #logo_mobil{ display:none;} #banner_container_video { position:relative; width:100%; height:100%; padding:0 0 0px 0; margin:0px; background:#000/* url(images/theme/video_poster.jpg) no-repeat center*/; background-size:cover;} #banner_container_video .slider_container{ position:relative; padding:0px; margin:0px; width:100%; height:100%; margin:0 auto; overflow:hidden;} #banner_container_video .slider_container .swiper-slide {display: flex;justify-content: center;align-items: center;width: 100%; height: 100%; overflow: hidden;} #banner_container_video .slider_container .swiper-slide img{ margin:auto; width:100%; object-fit: cover; object-position: center;} #banner_container_video .video_container{ position:absolute; margin:0; padding:0; background:#000; width:100%; height:100%; overflow:hidden;} #banner_container_video .video_container video { position: relative; top: 50%;left: 50%;min-width:100%;min-height:100%; width: auto;height: auto; padding:0 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);background: #000 no-repeat; background-size: cover; } #banner_container_video .slogan_container{ position:absolute; margin:0; padding:0; top: 0; background:none; text-align:center; width:100%; height:100%; overflow:hidden;z-index: 100;pointer-events: none;} #banner_container_video .slogan{ position:relative; top:45%; margin:auto; padding:70px;} #banner_container_video .slogan .text1{font-family: 'Anton', sans-serif; color:#f4ab23; font-size:45px;line-height:60px; font-weight:300;text-shadow:#000 0px 2px 3px;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;} #banner_container_video .slogan .text2{font-family: 'Anton', sans-serif; color:#fff; font-size:45px; line-height:60px; font-weight:300;text-shadow:#000 0px 2px 3px;background-color:transparent;padding:0px;border-width:0px;border-color:rgb(255, 214, 88);border-style:none;} #banner_container_video .slogan .simge{ position:relative; width:80px; height:80px; margin:-90px auto 0; right:210px; background:url(images/theme/slogan_simge.png) no-repeat center; background-size:100%;} .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;} .social_container{ position:absolute; left:0; right:0px; bottom:0px;} .social_container a{ display:inline-block; margin:0px 5px;} .scroll_container .telefon{ position:absolute; font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-style:italic;font-size:14px; left:30px; bottom:0; color:#fff; background:#56056e; padding-right:15px; min-height:50px; line-height:50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;} .scroll_container .telefon_simge{ position:relative; float:left; width:50px; height:50px; background:url(images/theme/social_phone.png) no-repeat; margin-right:10px;} #banner_container{ position:relative; width:100%; padding:0 0 0px 0; margin:0px; background:#000;} #banner_container .bg{ position:relative; display:block; height:410px;} #banner_container .bg_icerik{ background:url(images/banner/bg_icerik.jpg) no-repeat center;} #banner_container .bg_hakkimizda{ background:url(images/banner/bg_hakkimizda.jpg) no-repeat center;} #banner_container .bg_belgeler{ background:url(images/banner/bg_belgeler.jpg) no-repeat center;} #banner_container .bg_personel{ position:relative; background:url(images/banner/bg_personel.jpg) no-repeat center;} #banner_container .bg_personeldetay{ position:relative; background:url(images/banner/bg_personel.jpg) no-repeat center;} #banner_container .bg_kategoriler{ background:url(images/banner/bg_kategoriler.jpg) no-repeat center;} #banner_container .bg_urunler{ background:url(images/banner/bg_urunler.jpg) no-repeat center;} #banner_container .bg_urundetay{ background:url(images/banner/bg_urundetay.jpg) no-repeat center;} #banner_container .bg_urunfiyat{ background:url(images/banner/bg_urunfiyat.jpg) no-repeat center;} #banner_container .bg_referanslar{ background:url(images/banner/bg_referanslar.jpg) no-repeat center;} #banner_container .bg_galeri{ background:url(images/banner/bg_galeri.jpg) no-repeat center;} #banner_container .bg_site_haritasi{ background:url(images/banner/bg_site_haritasi.jpg) no-repeat center;} #banner_container .bg_insankaynaklari{ background:url(images/banner/bg_insankaynaklari.jpg) no-repeat center;} #banner_container .bg_iletisim{ background:url(images/banner/bg_iletisim.jpg) no-repeat center;} #banner_container .bg_subeler{ background:url(images/banner/bg_iletisim.jpg) no-repeat center;} #banner_container .bg_blog{ background:url(images/banner/bg_blog.jpg) no-repeat center;} #banner_container .bg_bloglist{ background:url(images/banner/bg_bloglist.jpg) no-repeat center;} #banner_container .bg_ziyaretci{ background:url(images/banner/bg_ziyaretci.jpg) no-repeat center;} #banner_container .bg_ziyaretcidefteri{ background:url(images/banner/bg_ziyaretcidefteri.jpg) no-repeat center;} /*::::: AÇILIR ÜST MENÜ :::::*/ #nav { position:relative; float:right; height:90px; display:inline-block; margin:0; padding:0px; text-align:left; z-index: 1000;} #nav ul {position:relative; margin:0 auto; padding:0; height:90px; float:left; display:block;} #nav li {list-style:none;float:left;margin:0;padding:0 0px 0 0; line-height:90px; height:90px;} #nav li.son {background:none;} #nav span {float:left;padding:0 25px 0 25px;line-height:90px;height:90px; background:none top center;} #nav li a { position:relative; overflow:hidden; text-transform:none;font-family: 'Anton', sans-serif; font-weight:normal; font-style:normal; font-size:20px; height:auto; color:#333; display:block;line-height:90px;height:90px;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:90px;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:16px; 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:16px; 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:16px; 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;} .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; height:100%; margin:0px -20px;} .tablo_container_2{ position:relative; display:inline-block; height:100%; margin:-20px; background:#FC0} .tablo_baslik{ position:relative; background:url(images/theme/baslik_background.png) no-repeat left top; background-size:75px; float:left; width:calc(100% - 40px); font-family: 'Anton', sans-serif; font-weight:bold; font-style:normal;font-size:40px; line-height:150%; height:auto; margin:50px 20px 20px; padding:20px 0 0 40px; color:#3e3d43; /*overflow:hidden; white-space:nowrap;*/} .tablo_icerik{ position:relative; color: #555; text-decoration: none; font-size: 18px; font-family: "Roboto"; font-weight:300; line-height:175%;} .tablo_icerik_2{color: #555; text-decoration: none; font-size: 18px; font-family: "Roboto"; font-weight:300; line-height:175%; width:100%; margin:0px auto; padding:0 0 40px; text-align:left;} .tablo_icerik img{ width:100%; margin:20px 0; } .tablo_icerik_2 img{ width:100%; margin:20px 0; } .orta_bolum_1{ position:relative; background:#f6f6f6;} .orta_bolum_1 .tablo_container{ padding :100px 0; } .orta_bolum_1 .orta_container_sol{ width:calc(38% - 40px);} .orta_bolum_1 .orta_container_sag{ width:calc(62% - 40px);} .orta_bolum_2{ position:relative; background:#FFF;} .orta_bolum_2 .tablo_container{ padding :100px 0; text-align: center;} .orta_bolum_2 .tablo_baslik{ position:relative; clear: both; display: inline-block; width: auto; background:url(images/theme/baslik_background.png) no-repeat left top; background-size:75px; float:none; font-family: 'Anton', sans-serif; font-weight:bold; font-style:normal;font-size:40px; line-height:150%; height:auto; margin:0px auto 20px; padding:20px 0 0 40px; color:#3e3d43; /*overflow:hidden; white-space:nowrap;*/} .orta_bolum_3{ position:relative; background:#f6f6f6;} .orta_bolum_3 .tablo_container{ padding :100px 0; text-align: center; } .orta_bolum_3 .tablo_baslik{ position:relative; clear: both; display: inline-block; width: auto; background:url(images/theme/baslik_background.png) no-repeat left top; background-size:75px; float:none; font-family: 'Anton', sans-serif; font-weight:bold; font-style:normal;font-size:40px; line-height:150%; height:auto; margin:0px auto 20px; padding:20px 0 0 40px; color:#3e3d43;/* overflow:hidden; white-space:nowrap;*/} .orta_bolum_4 .tablo_container{ padding :100px 0 50px; text-align: center;} .orta_bolum_4 .tablo_baslik{ position:relative; clear: both; display: inline-block; width: auto; background:url(images/theme/baslik_background.png) no-repeat left top; background-size:75px; float:none; font-family: 'Anton', sans-serif; font-weight:bold; font-style:normal;font-size:40px; line-height:150%; height:auto; margin:0px auto 20px; padding:20px 0 0 40px; color:#3e3d43;/* overflow:hidden; white-space:nowrap;*/} .orta_bolum_4 .orta_resim{ clear: both; margin:0px auto 50px; height: 400px;} .orta_bolum_4 .bolum_resim{ position: absolute; top: 0; left: 0; right: 0; text-align: center;} .fiyat_bolum .tablo_container{text-align:center;} .fiyat_bolum .tablo_icerik{ position:relative; text-align:left;} .fiyat_bolum .tablo_baslik{ position:relative; clear: both; display: inline-block; width: auto; background:url(images/theme/baslik_background.png) no-repeat left top; background-size:75px; float:none; font-family: 'Anton', sans-serif; font-weight:bold; font-style:normal;font-size:40px; line-height:150%; height:auto; margin:50px auto 20px; padding:20px 0 0 40px; color:#3e3d43; overflow:hidden; white-space:nowrap;} .fiyat_bolum .types_container{ position:relative; display:inline; clear:both; margin:-15px -15px 15px;text-align: center;} .fiyat_bolum .type_container{ position:relative; display: inline-block;background:#f3f3f3; margin:15px; width:calc(25% - 30px);} .fiyat_bolum .type_container .type_resim{ position:relative;} .fiyat_bolum .type_container .type_resim img{ width:100%;} .fiyat_bolum .type_container .type_ad{ position:relative; display:block; background:#f3f3f3; font:"Roboto Condensed"; font-size:20px; font-weight:normal; color:#555; padding:15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease; cursor:pointer;} .fiyat_bolum .type_container:hover .type_ad{ background:#d9d9d9;} .fiyat_bolum .type_container .selected{ background:#f4ab23; color: #333;} .fiyat_bolum .type_container:hover .selected{ background:#f4ab23;} .fiyat_bolum .form_satir{ position:relative; display:block; clear:both; text-align: center; } .fiyat_bolum .form_nesne{ position: relative; display: inline-block; margin: 20px 20px;} .fiyat_bolum .form_nesne_baslik{ position: relative; float:left; margin:0px; font-size:18px; line-height:40px; font-family: "Roboto"; font-weight: bold; color: #555;} .fiyat_bolum .form_nesne_container{ position: relative; float:left; margin: 0 10px; width: 70px;} .fiyat_bolum .form_txt { color:#000; text-decoration: none; font-size:18px; line-height:24px; padding:6px 4px; font-family: "Roboto"; font-weight: bold; color: #555; border:1px solid #dddddd; width: calc(100% - 10px);} .fiyat_bolum .form_btn{ margin:20px;} .fiyat_bolum .calculated_price{ color: #ea1144; text-align: center;} .fiyat_bolum .orta_container_sol{ width: 270px;} .fiyat_bolum .orta_container_sag{ width: calc(100% - 350px);} .fiyat_bolum .urun_container{ width: 270px; margin: auto;} .fiyat_bolum .ozellik_container{ margin: 10px 0; text-align: left; } .fiyat_bolum .ozellik_satir .ozellik_baslik{ width: 150px; } .step .tablo_icerik_2 a{ text-decoration:underline; color:#F11;} /* .step_container{ position: relative; clear: both; height: 850px; overflow: hidden;} .step_container .step{ position: absolute; top:0;} /*::::: Ü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);} .urun_container .urun_resim{ position:relative;} .urun_container .urun_resim img{ width:100%;} .urun_container .urun_resim .resim_simge{ position:absolute; left:0; top:0px; background:url(images/theme/urun_resim_simge.png) no-repeat left top; 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; text-align: left; background:#e9e9e9; font-family:"Roboto Condensed"; font-size:20px; line-height:125%; font-weight:normal; color:#333; padding:15px; -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:hover .urun_ad{ background:#d9d9d9;} .urun_container:hover .urun_resim .resim_simge{ background-color:rgba(0,0,0,0.05);} /*::::: ÖZELLİKLER ::::::::*/ .ozellik_container{ position:relative; clear:both; display:block; margin:0px auto 40px;} .ozellik_container .ozellik_satir_baslik{ position:relative; clear:both; display:block; margin:auto;font-family:"Anton" , sans-serif; font-size:20px; color:#3e3d43; padding:0 0 20px 0;} .ozellik_satir{ position:relative; margin:auto; border-bottom:1px #ddd solid;} .ozellik_satir:nth-child(even){ background:#f6f6f6;} /*.ozellik_satir:nth-child(even) .ozellik_baslik{ background:#f0f0f0;}*/ .ozellik_satir:nth-child(odd){ background:#fdfdfd;} /*.ozellik_satir:nth-child(odd) .ozellik_baslik{ background:#fcf7e8;}*/ .ozellik_satir .ozellik_baslik{ position:relative; display:inline-block; width:200px; padding:10px; font-family:"Roboto Condensed" , sans-serif; font-size:20px; font-weight:400; color:#3e3d43;} .ozellik_satir .ozellik_deger{ position:relative; display:inline-block; padding:10px; font-family:"Roboto Condensed" , sans-serif; font-size:20px; color:#3e3d43;} .form_btn_satir{ clear:both; text-align:center; margin-bottom:40px;} /*::::: ZİYARETÇİ DEFTERİ ::::::::*/ .ziyaretciler_container{ position:relative; display:inline-block; margin:0 -20px; float:left;} .ziyaretci_container{ position:relative; display:inline-block; background:#f6f6f6; text-align: left; float:left; width:calc(50% - 40px); margin:20px;} .swiper_ziyaretci .ziyaretci_container{ position:relative; display:inline-block; background:#FFF; text-align: left; width:auto; margin:auto;} .ziyaretci_container .ziyaretci_resim{ position:relative; float:left; width:200px;} .ziyaretci_container .ziyaretci_resim img{ width:100%;} .ziyaretci_container .ziyaretci_yazi{ position:relative; float:left; padding:20px; width:calc(100% - 240px);} .ziyaretci_container .ziyaretci_yazi .ziyaretci_konum{ position:relative; font-family:"Anton" , sans-serif; font-size:20px; color:#3e3d43; background:url(images/theme/ziyaretci_konum_ico.png) no-repeat left center; padding-left:20px; } .ziyaretci_container .ziyaretci_yazi .ziyaretci_ad{ position:relative; font-family:"Roboto" , sans-serif; font-size:20px; font-weight:bold; font-style:italic; color:#555; margin-top:10px } .ziyaretci_container .ziyaretci_yazi .ziyaretci_mesaj{ position:relative; font-family:"Roboto" , sans-serif; font-size:18px; font-weight:300; color:#555; line-height:150%; } /*::::: BELGELER ::::::::*/ .belgeler_container{ position:relative; float:left; width:calc(100% - 20px); margin:10px;} .belgeler_container a{ position:relative;} .belgeler_container .belge{ position:relative; display:inline-block; margin:10px; background:#f9f9f9 url(images/theme/belge_ico.png) 30px 30px no-repeat; padding: 20px 20px 20px 100px; transition: all .2s ease-in-out;} .belgeler_container .belge:hover{background:#e9e9e9 url(images/theme/belge_ico.png) 30px 30px no-repeat;} .belgeler_container .belge .belge_baslik{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px; margin-bottom:10px; color:#06162f;} /*::::: ŞUBELER ::::::::*/ .subeler_container{ position:relative; display:inline-block; clear:both; width:calc(100% + 30px); margin:-15px;} .sube_container{ position:relative; float:left; background:#f4f4f4; margin:15px; width:auto;/* width:calc(25% - 30px);*/} .sube_container .sube_resim{ position:relative; float:left; width: 80px;} .sube_container .sube_resim img{ width:100%;} .sube_container .sube_ulke{ position:relative; float:left; width:calc(100% - 80px); margin: 0 0 0 15px; padding:8px 0; font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px; line-height:35px; color:#3e3d43;; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .sube{ margin-bottom:0px;} .sube h2{ font-size:24px;} .sube .temsilci{ font-family: 'Anton', sans-serif; font-size:30px; font-weight: 400; color: #f4ab24; margin: 10px 0;} .sube span{ display:inline-block; width:150px; font-family: 'Roboto Condensed', sans-serif; font-size:18px; font-weight:400; color:#3e3d43;} .sube div,.sube div a { font-family: 'Roboto Condensed', sans-serif; font-size:18px; font-weight:300; color:#3e3d43; padding:5px 0;} .sube_harita_container{ border:1px solid #e4e4e4; padding:18px;} .sube_harita{ height:300px;} .sube_temsilci_container{ border:8px solid #e4e4e4; padding:15px; float:left;} .sube .whatsapp-btn {display: inline-block; vertical-align: middle;text-decoration: none;padding: 10px 24px 10px 18px; margin-top:20px; background-color: #ffffff;border: 2px solid #25D366; border-radius: 14px; font-family: 'Roboto Condensed', sans-serif;font-size: 16px;font-weight: 700;color: #25D366 !important; white-space: nowrap !important;transition: all 0.2s ease-in-out;} .sube .whatsapp-btn .wa-icon {width: 28px;height: 28px;fill: #25D366 !important;vertical-align: middle;margin-right: 12px;} .sube .whatsapp-btn span { width: auto; vertical-align: middle; color: #25D366 !important;} .sube .whatsapp-btn:hover {background-color: #f4fbf6; box-shadow: 0 2px 8px rgba(37, 211, 102, 0.15); } /*::::: BLOG SAYFASI :::::*/ .blog_container{ position:relative; float:left; margin:20px -20px; } .blog_container_sol{ position: relative; float:left; clear-after:both; padding:0px; margin:20px; width:calc(25% - 40px);} .blog_container_sag{ position: relative; float:left; clear-after:both; padding:0px; margin:20px; width:calc(75% - 40px);} .blog_container_sag article img{ width:100% } .blog_container .tablo_container{ position:relative; display:block; margin:0 0 40px 0; padding:0px; background:none; color: #555; font-size: 18px; font-family: "Arial"; font-weight: normal; line-height:175%; text-align:left;} .blog_container .tablo_container_3{ position:relative; display:block; margin:40px 20px; padding:0px; background:none; color: #555; font-size: 18px; font-family: "Arial"; font-weight: normal; line-height:175%; text-align:left;} .blog_container .tablo_icerik{ display:block; float:none; width:auto; clear:both; text-align:left; padding:0;} .blog_container .tablo_baslik{ position:relative; margin:0px; padding:0 0px; color:#FFF; height:40px; line-height:40px; background-size:40px; padding:10px 0 0 20px;} .blog_container .tablo_baslik h1{margin:0px; color:#3e3d43; font-size:26px;} .blog_container .tablo_baslik h1 em{ float:right;} .blog_container .tablo_baslik h1 span{ color:#e50b7c;} .blog_container h1 { font-family: 'Anton', sans-serif; font-weight:normal;} .blog_container h1 a{ font-family: 'Anton', sans-serif; color:#333; margin:0px; padding:0 0; font-size:26px;} .blog_container h1 a:hover{ text-decoration:none; } .blog_container h2{ font-family: 'Anton', sans-serif; color:#555; margin:0px; padding:0; font-size:18px;} .blog_container h2 a{ font-family: 'Anton', sans-serif; color:#555; margin:0px; padding:10px 10px 10px; font-size:20px; display:block; border-bottom:1px solid #ddd; text-decoration:none;} .blog_container h2 a:hover{ color:#555; margin:0px;} .blog_container h3{ font-family: 'Roboto Condensed', sans-serif; color:#555; margin:0px; padding:0 0 10px 0; font-size:18px; } .blog_container .path a{ font-family: 'Anton', sans-serif; color:#555; margin:0px; padding:6px 0 6px 0; font-size:18px; display:inline-block; text-decoration:underline;} .blog_container .makale .meta{ padding:0; margin:20px 0 0 0;display:block; text-align:left;} .blog_container .makale .meta a{ font-family: 'Roboto Condensed', sans-serif; color:#fff; display:inline-block; padding:2px 8px; margin:2px; background:#f4ab23;} .blog_container .makale .meta a:hover{background:#eeeeee; color:#333;} .blog_container .makale .tarih a{ font-family: 'Roboto Condensed', sans-serif; color:#f4ab23; padding:0px; margin:0px;} .blog_container .video_container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} .blog_container .video_container iframe,.video_container object,.video_container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*::::: SAYFA GALERİ ::::::::*/ #sayfa_galeri_container{position:relative; clear:both; margin:-20px; padding:0px;} #sayfa_galeri{ list-style:none; float:left; margin:0px; padding:0px; width:100%;} #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:#3e3d43; opacity:0;} #sayfa_galeri .foto .foto_ico{ position:absolute; left:0; top:100%; width:100%; height:100%; background:url(images/theme/ico_foto.png) center no-repeat;/* filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */} .foto2{ position:relative; float:none; display:inline; width:calc(20% - 40px); height:auto; margin:20px; padding:0px; } /*::::: İLETİŞİM ::::::::*/ .iletisim{ position:relative; clear:both; margin:40px 0px;} .iletisim .iletisim_adres{ position:relative; margin:10px 0;} .iletisim .iletisim_telefon{ position:relative; margin:10px 0;} .iletisim .iletisim_faks{ position:relative; margin:10px 0;} .iletisim .iletisim_email{ position:relative; margin:10px 0;} .iletisim_form{ } .iletisim span{font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px; color:#3e3d43; padding:0 0 0px 0; margin:0; display:inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /*::::: 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:20px; color:#3e3d43; 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:18px; 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(6,22,47, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(6,22,47, .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; cursor:pointer; overflow:visible; width:auto; font-family: 'Anton', serif; font-size:18px; display:inline-block; background: #f4ab23; color: #fff; padding: 8px 20px; transition: all 0.5s ease-in-out;} .form_btn:hover{ background:#3e3d43;} .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%} #harita{ position:relative; margin:0px 0px 0px; padding:0px; border:0px #fff solid; width:100%; height:400px;} /*::::: HIZLI MENU :::::*/ .site_container{position:relative; float:left; width:100%; margin:0px; padding:0px;} .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:10px 15px; line-height:100%; color:#3e3d43; background:#e9e9e9;} .site_container .site_kategori_link{ float:left; border-bottom:1px solid #e9e9e9; 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_2.png) no-repeat 7px center; padding-left:30px;} .site_container .site_kategori_link a:hover{ color:#333;} .site_container .site_link{ float:left; border-bottom:1px solid #e9e9e9; padding:7px 0; width:100%;} .site_container .site_link a{color:#555;margin:0px; font-size:18px; float:left; background: url(images/theme/ico_2.png) no-repeat 30px center; padding-left:50px;} .site_container .site_link a:hover{ color:#555;} /*::::: 404 SAYFASI ::::::::*/ .page_404_container{position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; background:url(images/banner/bg_404.jpg) no-repeat center; background-size:cover;} .page_404_resim{position:absolute; top:0; left:calc(50% - 50px); z-index:2} .page_404{ position:relative; text-align:center; margin:0px 0 0px; color:#fff;} .page_404 h1 { position:relative; text-transform: uppercase; letter-spacing: 4px; font-weight: bold; font-size: 22px; color:#f4ab23; display:block; z-index:10;} .page_404 h2 { position:relative; text-transform: uppercase; letter-spacing: 20px; font-size: 200px; color:#3e3d43; font-weight:700; margin:-30px 0 20px 0; z-index:1;} .page_404 p { position:relative; font-family: 'Roboto', sans-serif; font-weight:300; line-height: 1.6em; text-align: center; font-size: 16px; padding:20px 0; z-index:3;text-shadow:0px 2px 8px rgba(0, 0, 0, 1);} .page_404 h2 span{ position:relative; margin:0px;} .page_404 a.form_btn{ position:relative; z-index:4;} /*::::: SAYFALAMA ::::::::*/ #sayfa_container{position:relative; clear:both; width:auto; margin:20px -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:#f4ab23; 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:#3e3d43; color:#FFF; border:1px solid #3e3d43;} #sayfa_container .sayfa ul li.ilk_sayfa{ background:#eee url(images/theme/first.png) center bottom no-repeat;} #sayfa_container .sayfa ul li.ilk_sayfa:hover{ background:#e3e3e3 url(images/theme/first.png) no-repeat center top;} #sayfa_container .sayfa ul li.onceki_sayfa{ background:#eee url(images/theme/left.png) center bottom no-repeat;} #sayfa_container .sayfa ul li.onceki_sayfa:hover{ background:#e3e3e3 url(images/theme/left.png) no-repeat center top;} #sayfa_container .sayfa ul li.son_sayfa{ background:#eee url(images/theme/last.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.son_sayfa:hover{ background:#e3e3e3 url(images/theme/last.png) no-repeat center top;} #sayfa_container .sayfa ul li.sonraki_sayfa{ background:#eee url(images/theme/right.png) no-repeat center bottom;} #sayfa_container .sayfa ul li.sonraki_sayfa:hover{ background:#e3e3e3 url(images/theme/right.png) no-repeat center top;} /*::::: YUKARI DÜĞMESİ ::::::::*/ #back-top {z-index:10;position: fixed;bottom: 40px;margin-left:calc(50% + 620px);} #back-top a {width: 59px;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: #f4ab23;/* 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;} /* 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; border:4px solid #f4ab23;} #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;} /*::::: ALBANNER ::::::::*/ #altbanner_container{ position:relative; clear:both; background:#3e3d43 url(images/theme/alt_banner_bg.png) right top no-repeat; margin:0px; padding:60px 0px 20px;} #turkuaz_container{ position:relative; clear:both; background:#2d2c31; margin:20px 0;} .alt_bolum_container{ margin:0 -15px;} .alt_banner_bolum{ float:left; width:162.5px; margin:15px; padding-left:100px; } .alt_bolum_container_2:first-child .alt_banner_bolum:first-child{ float:left; width:262.5px; margin:15px; padding:0px; } .alt_banner_logo{ background:url(images/theme/alt_banner_logo.png) no-repeat left center; height:50px; margin:0px 0 20px;} .alt_banner_baslik{ color:#f4ab23; font-family:'anton', sans-serif; font-weight:400; font-style:normal; font-size:20px; line-height:auto; margin:0px 0 20px;} .alt_banner_icerik{ color:#afadb8; 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:#888; 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:#afadb8; 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:#727272; text-decoration: none; line-height:150%; margin:0px auto; padding:20px 0; width:1170px;} #alt_banner_turkuaz a{ font-size:12px; color:#727272;} #alt_banner_turkuaz a:hover{color:#ccc; text-decoration:underline;} .alt_social_container{ position:relative; top:10px; margin:auto -5px;} .alt_social_container .facebook{ display:inline-block; background:url(images/theme/ico_facebook.png) no-repeat center; background-size:100%; width:24px; height:24px; margin:3px;} .alt_social_container .twitter{ display:inline-block; background:url(images/theme/ico_twitter.png) no-repeat center; background-size:100%; width:24px; height:24px; margin:3px;} .alt_social_container .instagram{ display:inline-block; background:url(images/theme/ico_instagram.png) no-repeat center; background-size:100%; width:24px; height:24px; margin:3px;} .alt_social_container .pinterest{ display:inline-block; background:url(images/theme/ico_pinterest.png) no-repeat center; background-size:100%; width:24px; height:24px; margin:3px;} .alt_social_container .youtube{ display:inline-block; background:url(images/theme/ico_youtube.png) no-repeat center; background-size:100%; width:24px; height:24px; margin:3px;} .urun_galeri_thumb_container{ position:relative; margin:-5px; display:inline-block;} .urun_galeri_thumb_container .urun_galeri_thumb{ position:relative; float:left; margin:5px; width:calc(25% - 10px);} .urun_galeri_thumb_container .urun_galeri_thumb img{ width:100%;} /*::::: SWIPER SLIDER ::::::::*/ .swiper_galeri{ position:relative; width:575px; margin-left:130px; margin-top:-120px; margin-bottom:150px;} .swiper_galeri_bg{ position:absolute; width:100%; height:100%; border:10px solid #e1e1e1; left:-100px; bottom:-100px;} .swiper_galeri img{ width:100%;} .swiper-pagination{ position:relative; width:100%; bottom:-80px;} .swiper-pagination .swiper-pagination-bullet{ margin:10px;} .swiper_ziyaretci{ position:relative; width:1170px; margin-bottom:100px;} .swiper_urunler{ position:relative; width:1170px; margin-bottom:100px;} .swiper_urunler .urun_container{ margin:0; width:auto;} .swiper_urun_galeri{ position:relative; width:565px; margin:0; margin-bottom:60px;} .swiper_urun_galeri .swiper-wrapper img{ width:100%;} .step_container{ position:relative; width:1170px; margin-bottom:100px;} .step_container 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'%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:16px;height:16px;display:inline-block;/*border-radius:100%;*/ border:4px solid #ccc;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; border:6px solid #f4ab23;} .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*/} } @media only screen and ( max-width:1200px ) { #header_container #header_ust_serit, #header_container #header_menu,.orta_container,.swiper_ziyaretci,.swiper_urunler,#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;} #banner_container_video .slogan .text1{ font-size:45px; line-height:60px;} #banner_container_video .slogan .text2{ font-size:45px; line-height:60px;} #banner_container_video .slogan .simge{ width:80px; height:80px; margin:-90px auto 0; right:210px; background-size:100%;} .urun_container .urun_resim .resim_simge{ background-size:100%;} #sayfa_galeri .foto{ width:calc(25% - 40px);} .foto2{ width:calc(25% - 40px);} .step_container{ width:980px; margin:auto; margin-bottom:40px} .ziyaretci_container .ziyaretci_resim{ position:relative; float:left; width:200px;} .ziyaretci_container .ziyaretci_yazi{ position:relative; float:left; padding:20px; width:calc(100% - 240px);} .alt_banner_bolum{ padding-left:45px; } } @media only screen and ( max-width:1024px ) { html { min-width:100%;} body {min-width:100%;} } @media only screen and ( max-width: 850px ) { #page_container, #main_container,#header_container,#header_container #header,#header_container #header_ust_serit, #header_container #header_menu,#header_container #logo_container, #banner_container, .banner,.slider_container,.orta_container,.orta_bolum,.tablo_container,.tablo_baslik,.tablo_icerik,.orta_container_full,.orta_container_sol,.orta_container_sag,.form_container,#alt_banner_turkuaz{ width:100%; clear:both; float:none; display:block;} #header_container{ position:fixed; background:#ddd;} #header_container #header_ust{ display:none;} #header_container #header_menu{ position: relative; height:60px;} #header_container #header_menu #logo{ position:absolute; float:left; margin-top:0px; display:inline-block; z-index:10000;} #header_container #header_menu #logo_mobil{ display:none;} #header_container #logo{ display:block; padding:10px 0px; position:absolute; top:5px; left:20px; z-index:10000;} #header_container #logo img{ height:30px;} #banner_container_video{ top:60px; } #banner_container_video, #banner_container_video .slider_container, #banner_container_video .slider_container .swiper-slide {height: auto !important;} #banner_container_video .slogan{ top:47%;padding:50px 50px 110px;} #banner_container_video .slogan .text1{ font-size:40px;line-height:60px;} #banner_container_video .slogan .text2{ font-size:40px;line-height:60px;} #banner_container_video .slogan .simge{ position:relative; width:80px; height:80px; margin:-90px auto 0; right:210px; background-size:100%;} #banner_container .bg{ height:200px;} #banner_container .bg_icerik,#banner_container .bg_icerik2,#banner_container .bg_hakkimizda,#banner_container .bg_belgeler,#banner_container .bg_kategoriler,#banner_container .bg_urunler,#banner_container .bg_urunlerdetay,#banner_container .bg_urunfiyat,#banner_container .bg_galeri,#banner_container .bg_insankaynaklari,#banner_container .bg_iletisim,#banner_container .bg_subeler,#banner_container .bg_blog,#banner_container .bg_bloglist,#banner_container .bg_ziyaretci,#banner_container .bg_ziyaretcidefteri{ background-size:auto 100%;} .tp-bannertimer{ display:none;} h1{ font-size:30px;} .orta_container{ position:relative; padding:0 20px; width:auto; clear:both; display:block;} .tablo_container{ width:auto;} .tablo_baslik{ position:relative; float:none; width:auto; background-size:50px; font-size:30px; line-height:125%; margin:20px 20px 20px; padding:20px 0 20px 30px; /*overflow:hidden; white-space:nowrap;*/} .orta_container_full{ position: relative; float:none; width:auto; margin:none;} .orta_container_sol{ padding-right:0px; margin:0px 20px; padding:0px 0; width:auto;} .orta_container_sag{ padding-left:0px; margin:0px 20px; width:auto;} .subeler .orta_container_sol{clear:none; width:calc(60% - 40px); float:left;} .subeler .orta_container_sag{clear:none; width:calc(40% - 40px); float:right;} .orta_bolum_1 .tablo_container{ padding :20px 0;} .orta_bolum_1 .tablo_container .tablo_icerik { text-align:left; width:85%; margin:auto;} .tablo_icerik_2{width:85%; margin:0px auto; padding:0 0 40px; text-align:left;} .orta_bolum_1 .orta_container_sol{ position:relative; float:none; width:auto;} .orta_bolum_1 .orta_container_sag{ position:relative; float:none; width:auto;} .orta_bolum_2 .tablo_container{ padding :40px 0; } .orta_bolum_3 .tablo_container{ padding :40px 0; } .orta_bolum_4 .tablo_container{ padding :40px 0; } .orta_bolum_2 .tablo_baslik,.orta_bolum_3 .tablo_baslik,.orta_bolum_4 .tablo_baslik{ background-size:50px; font-size: 30px; margin:20px 20px 20px; padding:20px 0 20px 30px; } .orta_bolum_1 .orta_container_sol{ position:relative; float:none; width:auto;} .orta_bolum_1 .orta_container_sag{ position:relative; float:none; width:auto;} .swiper_galeri{ position:relative; width:calc(100% - 80px); margin-left:70px; margin-top:20px; margin-bottom:100px;} .swiper_galeri_bg{ left:-60px; bottom:-100px;} .swiper_urun_galeri{ position:relative; width:475px; margin:0; margin-bottom:60px;} .swiper_ziyaretci{ position:relative; width:auto; margin-bottom:100px;} .swiper_urunler{ position:relative; width:auto; margin-bottom:100px;} .swiper_urunler .urun_container{ margin:0; width:auto;} .swiper_urun_galeri{ position:relative; margin:0 auto 80px;} .step_container{ position:relative; width:auto;} #nav { clear:both; float:none; display:block; 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:inline-block; height:60px;} #nav #mobil_menu a{ position:absolute;background:url(images/theme/mobile_menu.png) no-repeat; width:32px; height:32px; display:inline-block; right:15px; top:14px;} #nav ul { clear:both; float:none; height:auto;display:none; padding:0px; background:#333;} #nav li { clear:both; float:none; display:block; line-height:40px;height:auto; padding:0px 0px; text-align:left;} #nav span {clear:both; float:none; display:block; padding:0px; line-height:40px; height:auto; background:#333; border-bottom:1px #444 solid; width:auto;} #nav span:hover, #nav span.aktif{ background:#f4ab23;} #nav li a {display:block; line-height:40px; height:40px; margin:0; padding:0px 0 0 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{ position:relative; top:auto; left:auto; width:auto; margin:0px; padding:20px; background:#333; } #nav li ul li ul{ position:relative; top:auto; left:auto; width:auto; margin:0; padding:0 0px; background:#444; } #nav li ul li ul li{ display:none;} #nav li ul li ul li ul{ position:relative; top:auto; left:auto; width:auto; margin:0px; padding:0; background:#555; } #nav li ul li li a { padding:10px 20px;} #nav li ul li li li a { padding:10px 40px;} #nav li:hover ul,#nav li ul li:hover ul,#nav li ul li ul li:hover ul, #nav li.sfhover ul {left:auto;} #nav li a .menu_text{ position:relative; float:left; font-size:18px; height:auto; line-height:40px; color:#fff;} #nav li a .menu_simge{ position:relative; float:left; width:20px; height:20px; margin:9px 10px 10px 20px;} #nav li a .simge_1{ background:url(images/theme/menu_logo_5.png) no-repeat left top; background-size:20px auto; } #nav li a .simge_2{ background:url(images/theme/menu_logo_3.png) no-repeat left top; background-size:20px auto;} #nav li a .simge_3{ background:url(images/theme/menu_logo_4.png) no-repeat left top; background-size:20px auto;} #nav li a .simge_4{ background:url(images/theme/menu_logo_2.png) no-repeat left top; background-size:20px auto;} #nav li a .simge_5{ background:url(images/theme/menu_logo_1.png) no-repeat left top; background-size:20px auto;} #nav span:hover > a .menu_simge{ background-position:left bottom;} #nav li ul li ul .urun_container{ position:relative; float:left; background:#FFF; margin:15px; width:calc(33.333333% - 30px);} /*.sube_container{ width:calc(33.333333% - 30px);}*/ .step_container .tablo_baslik{ background-size:50px; font-size: 24px; margin:20px 0px 20px; padding:20px 0 20px 30px; } .fiyat_bolum .tablo_icerik_2{ width:auto;} .fiyat_bolum .orta_container_sol{ float:left; width: 270px;} .fiyat_bolum .orta_container_sag{ clear:none; float:right; margin:0 20px; width: calc(100% - 350px);} .fiyat_bolum .urun_container{ width: 270px; margin: auto;} .belgeler_container,.mevzuat_container{float:none; width:auto; margin:10px;} #sayfa_galeri .foto{ width:calc(33.333333% - 40px);} .foto2{ width:calc(33.333333% - 40px);} .blog_container_sol{ display:none;} .blog_container_sag{ float:none; clear-after:both; width:auto;} .sube_harita_container{padding:4px;} .iletisim,.form_container{ position:relative; display:inline-block; margin:30px 0; float:none; width:100%;} .form_container .form_baslik{ width:180px;} .form_container .form_nesne{ width: calc(100% - 180px);} .form_container label{ display:inline-block;} #altbanner_container{margin:0px 0px 0px;} #alt_banner{ clear:both; width:calc(100% - 40px);} .alt_banner_bolum{ float:left; width:calc(50% - 30px); margin:15px; padding-left:0; } .alt_bolum_container_2:first-child .alt_banner_bolum:first-child{ float:left; width:calc(50% - 30px); margin:15px; padding:0px; } #altbanner_container{ padding-bottom:0;} #alt_banner_turkuaz{ width:auto; padding:20px;} #turkuaz_container{ margin:0;} .alt_social_container{ position:relative; top:10px; margin:10px -5px; text-align:center;} } @media only screen and (orientation: landscape) and ( max-width: 850px ) { #banner_container_video .slogan{ top:38%;padding:50px 50px 110px;} #banner_container_video .slogan .text1{ font-size:40px; line-height:60px;} #banner_container_video .slogan .text2{ font-size:40px; line-height:60px;} #banner_container_video .slogan .simge{ position:relative; width:80px; height:80px; margin:-90px auto 0; right:180px; background-size:100%;} .sube_temsilci_container{ float:none; margin:auto; display:inline-block;} } @media only screen and ( max-width: 500px ) { #banner_container_video .slogan{ top:47%;padding:50px 50px 110px;} #banner_container_video .slogan .text1{ font-size:40px;line-height:60px;} #banner_container_video .slogan .text2{ font-size:40px;line-height:60px;} #banner_container_video .slogan .simge{ position:relative; width:80px; height:80px; margin:-150px auto 0; right:61px; background-size:100%;} .social_container a{ display:inline-block; margin:0px 5px;} .social_container a img{ width:24px;} .belgeler_container .belge,.mevzuat_container .mevzuat{background:#f0f0f0 url(images/theme/belge_ico.png) 15px 20px no-repeat; background-size:24px; padding: 20px 20px 20px 50px;} .belgeler_container .belge:hover,.mevzuat_container .mevzuat:hover{background:#e6e6e6 url(images/theme/belge_ico.png) 15px 20px no-repeat;} .urun_container{ width:calc(50% - 30px);} /*.sube_container{ width:calc(50% - 30px);}*/ .swiper_urun_galeri{ position:relative; width:100%; margin:0; margin-bottom:80px;} .swiper-pagination .swiper-pagination-bullet{ margin:5px;} .fiyat_bolum .tablo_icerik_2{width:auto; margin:0px auto; padding:0 0 40px; text-align:center;} .fiyat_bolum .orta_container_sol{ position:relative; clear:both; display:block; float:none; width: auto; } .fiyat_bolum .orta_container_sag{ position:relative; clear:both; display:block; float:none; width: auto;} .fiyat_bolum .urun_container{ position:relative; clear:both; display:block; float:none; /* width: auto;*/ margin:auto;} .fiyat_bolum .ozellik_container{ clear:both; display:block; float:none; margin: 40px 0 0;} .fiyat_bolum .ozellik_satir .ozellik_baslik{ width: 100px; } .fiyat_bolum .types_container{ position:relative; display:inline-block; clear:both; margin:-15px -15px 15px; text-align: center; width:auto;} .fiyat_bolum .type_container{ position:relative; display: inline-block; background:#f3f3f3; margin:15px; width:calc(50% - 35px);} .fiyat_bolum .type_container .type_resim{ position:relative;} .fiyat_bolum .type_container .type_resim img{ width:100%;} .fiyat_bolum .type_container .type_ad{ position:relative; display:block; background:#f3f3f3; font:"Roboto Condensed"; font-size:20px; font-weight:normal; color:#555; padding:15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease; cursor:pointer;} .fiyat_bolum .form_nesne{ margin: 20px 0px; text-align:center;} .fiyat_bolum .form_nesne_baslik{ float:none; display:inline; } .fiyat_bolum .form_nesne_container{ position: relative; float:none; display:inline-block; margin:0 5px;} .fiyat_bolum .form_btn{ margin:10px;} .ozellik_container{ clear:both; display:block; float:none; margin: 40px 0 ;} .ozellik_satir .ozellik_baslik{ position:relative; display:inline-block; width:100px; padding:10px; font-family:"Roboto Condensed" , sans-serif; font-size:18px; font-weight:400; color:#3e3d43;} #sayfa_galeri_container{position:relative; clear:both; margin:-10px;} #sayfa_galeri{ margin-bottom:20px;} #sayfa_galeri .foto{ width:calc(50% - 20px); margin: 10px;} .foto2{ width:calc(50% - 20px); margin: 10px; float:left; display:block;} .foto2 img{ width:100%;} .form_container .form_baslik{ width:120px; text-align:left;} .form_container .form_nesne{ width: calc(100% - 120px); margin:auto;} .ziyaretci_container .ziyaretci_resim{ position:relative; float:none; width:100%;} .ziyaretci_container .ziyaretci_yazi{ position:relative; float:none; padding:20px; width:auto;} .alt_banner_bolum,.alt_bolum_container_2:first-child .alt_banner_bolum:first-child{ float:left; width:calc(100% - 30px); margin:15px; padding-left:0; } .subeler .orta_container_sol{clear:both; width:auto; float:none;} .subeler .orta_container_sag{clear:both; width:auto; float:none;} .sube_temsilci_container{ float:none;} .sube_temsilci_container img{ width:100%;} } @media only screen and (orientation: portrait) and ( max-width: 500px ) { .orta_bolum_4 .tablo_container{ padding :100px 0 100px; text-align: center;} .orta_bolum_4 .orta_resim{ height:auto;} .orta_bolum_4 .bolum_resim img{ width: 90%;} /*.sube_container{ width:calc(100% - 30px);}*/ } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important;} .caption{z-index:500;} .tp-caption { z-index:1;} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important;} .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:400; font-family:'Roboto Condensed', serif; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Roboto"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; 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; } .tp-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; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Roboto", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Roboto", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Roboto", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Roboto", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Roboto", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-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); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-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; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Roboto"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Roboto"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Roboto"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Roboto"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Roboto"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Roboto"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Roboto"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Roboto"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Roboto"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Roboto"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Roboto"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Roboto"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Roboto"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_light_white { font-size:60px; line-height:70px; font-weight:300; font-family:"Roboto Condensed"; color:rgb(255, 255, 255); text-decoration:none; text-shadow:#0d1e63 0px 2px 2px; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Roboto"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Roboto"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Roboto"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Roboto"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Roboto"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-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); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Roboto', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .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; } .tp-simpleresponsive .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;} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .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) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive 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) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important;} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .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; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .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;} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .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;} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .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;} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .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;} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .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;} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none;} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - 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% 100%; width:890px; height:60px; bottom:-60px;} .tp-bannershadow.tp-shadow2 { background:url(images/theme/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} .tp-bannershadow.tp-shadow3 { background:url(images/theme/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px;} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%;} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none;} .fullscreenvideo .vjs-loading-spinner { visibility:none;display:none !important; width:0px;height:0px;} .fullscreenvideo .vjs-control-bar.vjs-fade-out, .fullscreenvideo .vjs-control-bar.vjs-fade-in, .fullscreenvideo .vjs-control-bar.vjs-fade-out.vjs-lock-showing, .fullscreenvideo .vjs-control-bar.vjs-fade-in.vjs-lock-showing { visibility: hidden !important; opacity: 0 !important;display:none !important;width:0px;height:0px;overflow: hidden;} .fullcoveredvideo.video-js, .fullcoveredvideo video { background: transparent !important;} .fullcoveredvideo .vjs-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px;} /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;} .tp-dottedoverlay.twoxtwo { background:url(images/theme/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(images/theme/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(images/theme/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(images/theme/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both;} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(images/theme/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.navbar-old { background:url(images/theme/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;} .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; width: 12px; height:12px;display:inline-block;border-radius:6px; background: #f2ecdc; border:0px solid #173073;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;margin-right:0px; float:left; margin-top:10px; margin-left:16px;} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px;} .tp-bullets.simplebullets.round-old .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:0px;} .tp-bullets.simplebullets.round-old .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:0px;} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px;} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .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:0px;} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(images/theme/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px;} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important;} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .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-old .bullet.first { margin-left:0px !important;} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important;} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left; background:#3f1610; border:0px solid #3f1610; width:24px; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px); } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(images/theme/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(images/theme/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(images/theme/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(images/theme/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(images/theme/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px;} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(images/theme/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px;} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(images/theme/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px;} .tp-leftarrow.navbar-old { 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:6px; margin-top:10px;} .tp-rightarrow.navbar-old { 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:6px; margin-top:10px;} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px; } .tp-rightarrow.navbar-old.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:0px;} .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:0px;} .tp-leftarrow.square-old { 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:0px;} .tp-rightarrow.square-old { 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:0px;} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(images/theme/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(images/theme/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .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:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-20px; } .fullwidthbanner-container .tp-thumbs { padding:3px;} .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)"; -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; z-index:200;top:0px; display:none;} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto;} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-caption { font-size: 28px !important;} .tp-bullets { display:none;} .responsive .tp-bullets { display:none} .responsive .tparrows { display:none;} } /****************************** - HTML5 VIDEO SETTINGS - ********************************/ .vjs-tech { margin-top:1px} .tp-caption .vjs-default-skin .vjs-big-play-button { left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; box-shadow: none; text-shadow: none; line-height: 30px; vertical-align: top; padding: 0px; } .tp-caption .vjs-default-skin .vjs-big-play-button:before { position:absolute; top:0px; left:0px; line-height:40px; text-shadow: none !important; color:#fff; font-size:18px; } .tp-caption .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus { box-shadow:none; -webkit-box-shadow: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 a{ text-decoration: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, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(images/theme/coloredbg.png) repeat;} .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; } .tp-transparentimg { content:"url(images/theme/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('font/revicons.eot?5510888'); src: url('font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('font/revicons.woff?5510888') format('woff'), url('font/revicons.ttf?5510888') format('truetype'), url('font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* '' */ .revicon-pencil-1:before { content: '\e831'; } /* '' */ .revicon-picture-1:before { content: '\e803'; } /* '' */ .revicon-cancel:before { content: '\e80a'; } /* '' */ .revicon-info-circled:before { content: '\e80f'; } /* '' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* '' */ .revicon-right-dir:before { content: '\e818'; } /* '' */ .revicon-down-open:before { content: '\e83b'; } /* '' */ .revicon-left-open:before { content: '\e819'; } /* '' */ .revicon-right-open:before { content: '\e81a'; } /* '' */ .revicon-angle-left:before { content: '\e820'; } /* '' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* '' */ .revicon-right-big:before { content: '\e81e'; } /* '' */ .revicon-magic:before { content: '\e807'; } /* '' */ .revicon-picture:before { content: '\e800'; } /* '' */ .revicon-export:before { content: '\e80b'; } /* '' */ .revicon-cog:before { content: '\e832'; } /* '' */ .revicon-login:before { content: '\e833'; } /* '' */ .revicon-logout:before { content: '\e834'; } /* '' */ .revicon-video:before { content: '\e805'; } /* '' */ .revicon-arrow-combo:before { content: '\e827'; } /* '' */ .revicon-left-open-1:before { content: '\e82a'; } /* '' */ .revicon-right-open-1:before { content: '\e82b'; } /* '' */ .revicon-left-open-mini:before { content: '\e822'; } /* '' */ .revicon-right-open-mini:before { content: '\e823'; } /* '' */ .revicon-left-open-big:before { content: '\e824'; } /* '' */ .revicon-right-open-big:before { content: '\e825'; } /* '' */ .revicon-left:before { content: '\e836'; } /* '' */ .revicon-right:before { content: '\e826'; } /* '' */ .revicon-ccw:before { content: '\e808'; } /* '' */ .revicon-arrows-ccw:before { content: '\e806'; } /* '' */ .revicon-palette:before { content: '\e829'; } /* '' */ .revicon-list-add:before { content: '\e80c'; } /* '' */ .revicon-doc:before { content: '\e809'; } /* '' */ .revicon-left-open-outline:before { content: '\e82e'; } /* '' */ .revicon-left-open-2:before { content: '\e82c'; } /* '' */ .revicon-right-open-outline:before { content: '\e82f'; } /* '' */ .revicon-right-open-2:before { content: '\e82d'; } /* '' */ .revicon-equalizer:before { content: '\e83a'; } /* '' */ .revicon-layers-alt:before { content: '\e804'; } /* '' */ .revicon-popup:before { content: '\e828'; } /* '' */body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }