html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre { display: block; unicode-bidi: embed }
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
th { font-weight: bolder; text-align: center }
caption { text-align: center }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,f
h1, h2, h3, h4,
h5, h6, { font-weight: bolder }
blockquote { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address { font-style: italic }
pre, tt, code,
kbd, samp { font-family: monospace }
pre { white-space: pre }
button, textarea,
input, select { display: inline-block }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub { vertical-align: sub }
sup { vertical-align: super }
table { border-spacing: 2px; }
thead, tbody,
tfoot { vertical-align: middle }
td, th, tr { vertical-align: inherit }
s, strike, del { text-decoration: line-through }
hr { border: 1px inset }
ol { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: "\A"; white-space: pre-line }
center { text-align: center }
:focus { outline: thin dotted invert }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
@media print {
h1 { page-break-before: always }
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid }
ul, ol, dl { page-break-before: avoid }
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background-color:#fff!important;
background-image: none;
}
#gondertusu {margin:20px 0px;}
.camera_pag {z-index: 5;}
* {margin:0px;padding:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body {margin:0px;padding:0px;line-height:18px;overflow-x: hidden!important;}
.siteolcu {width:980px;margin:0 auto;}
.site {width:100%;margin:0px;padding:0px;}
.sayfa {margin:0 auto;padding:10px;clear:both;display: flex;}
.containerfull.sayfa {margin:0 auto;padding:0px;clear:both;display: flex;}
.sayfaduzeni {width:100%;margin:0 auto;float: inherit!important;}
.ustsablon {padding-right:0px!important;padding-left:0px!important;width:100%!important;}
.siteustsablon {z-index:310;}
.ustkisimsablon {z-index:310;}
a {cursor: pointer;color:#333}
.ortakisim-00 {width:100%;padding:1%;padding-top:0px;min-height: 250px;position: relative;}
.ortakisim-11 {width:55.9%;float:left;padding:0.5% 1%;min-height: 250px;position: relative;}
.ortakisim-10 {width:76.9%;float:left;padding:0.5% 1%;min-height: 250px;position: relative;}
.ortakisim-01 {width:76.9%;float:left;padding:0.5% 1%;min-height: 250px;position: relative;}
.muzik {background:none!important;}
.gridurun {display:table;}
.yonetici .ortakisim .wie-icerik {min-height: 150px;}
.yonetici .ortakisim .wie-urunkategoriaciklama {min-height: 150px;}
.yonetici .wie-formbilgi {min-height: 100px;}
.yonetici .wie-iletisimform .pri-sablon {height:auto!important;top:50px;}
.ortakisim .wie-rel {position:relative;}
.logosablon {}
.logo .wie-kntrl-ic {display:none;}
.anasayfa .logo .wie-kntrl-ic {display:inherit;}
.jqHandle {display:none;}
.anasayfa .jqHandle {display:inherit;}
#sidebar {position:relative;z-index:101;}
#sidebar .blok {overflow:inherit!important;}
#sidebar ul {width:100%;display:table;}
#sidebar>ul>li {width:100%;display:table;}
#sidebar .ddsmoothmenu1 li {padding:8px;transition:0.3s; }
#sidebar .ddsmoothmenu1 li:hover {background:#d9d9d9!important;}
#sidebar .ddsmoothmenu1 >li ul {max-height:0px;margin-top:-28px;opacity:0;filter:alpha(opacity=0);left:100%;position:absolute;transition:0.3s;background:#f1f1f1!important;visibility:hidden;}
#sidebar .ddsmoothmenu1 >li:hover>ul {visibility:inherit;opacity:1;filter:alpha(opacity=100);}
#sidebar .ddsmoothmenu1 >li>ul>li:hover>ul {visibility:inherit;opacity:1;filter:alpha(opacity=100);}
.logo {position: relative;}
.slayt-sablon {position: relative;z-index:5;}
.wie-slayt {min-height:100px;}
.menusablon {position: relative;z-index:300;}
.menucerceve {position:relative;z-index:300;}
.cl-effect-0 .current_page_item, .cl-effect-0 li:hover {transition:0.3s!important;cursor:pointer;}
.cl-effect-0 li {transition: 0.3s;}
.menufixed {overflow:inherit!important;}
.col-md-12.slayt {padding:0px!important;}
.scrollToTop{
width: 50px;
height: 80px;
padding: 10px;
text-align:center;
background: whiteSmoke;
font-weight: bold;
color: #444;
text-decoration: none;
position:fixed;
bottom: 40px;
right: 20px;
display: none;
background: url('../img/pageup2.svg') no-repeat 0 20px;
background-size:30px;
}
.scrollToTop:hover{
text-decoration: none;
}
.camera_commands {display:none!important;}
.panelinka .bls-basx {color:#000!important;}
.gridster>ul li {cursor: auto!important;}
/** ustkisim **/
.topbtn1 {position:absolute; top:5px;float: right;right:10px;margin:0px;z-index:513;}
.topbtn {position:absolute; top:0px;float: right;right:0px;margin:35px 25px;z-index:10;}
.topbtn img {width:14px;margin:8px;}
.menu .toggle {width:2px!important;}
.socialgen {display:none;}
.anasayfa .socialgen {display:inherit;}
.socialbtn {top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);position: absolute;margin-top:200px;margin-left:15px;}
.socialbtn i {}
.socialbtn img {width:30px;}
.socialbtn .hovicon.effect-3:after {background:rgba(0,0,0,0.8);top:0px;left:0px;padding:0px;}
.socialbtn .hovicon.effect-3 {box-shadow:inherit;}
/** top effect **/
@keyframes pop {
0% {-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
50% {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
90% {-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);}
100% {-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes pulse {
50% {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1;}
70% {-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);opacity:1;}
100% {-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}
.topefect {float:left;position:relative;display:flex;width:30px;height:30px;text-align:center;text-decoration:none!important;}
.topefect img {position:relative;top:50%;left:50%;height:14px;position:relative;transform:translateY(-50%) translateX(-50%);}
.topefect:hover #icon-topefect {fill:#fff;}
.topefect:hover:before {animation:pop 0.2s;animation-fill-mode:forwards;}
.topefect:hover:after {animation:pulse 0.5s;animation-fill-mode:forwards;}
.topefect:before, .topefect:after {content:"";top:0;left:0;width:30px;height:30px;position:absolute;border:1px solid 3;border-radius:100%;}
.topefect:after {background-color:#58A8BF;transform:scale(0);}
.topefect svg, .topefect span {z-index:1;}
.topefect span {opacity:0;filter:alpha(opacity=0);position:relative;text-decoration:none;left:-50%;top:100%;}
.topefect:hover span {color:#fff;opacity:1;position:relative;filter:alpha(opacity=100);opacity:1;top:50%;width:30px;text-align:center;transform:translateY(-50%);left:-45%;display:inline-table;}
.topefect span {transition:0.3s;font-size:12px;}
.sepetvr {content:"";top:0;left:0;width:30px;height:30px;position:absolute;border:1px solid 3;border-radius:100%;background-color:#58A8BF;}
.sepetvr img {display:none;}
.sepetvr span {opacity:1!important;filter:alpha(opacity=100)!important;top:25%!important;transform:translateY(0%) translateX(-50%)!important;}
.bls-kontroller .tooltip {opacity:1!important;filter:alpha(opacity=100)!important;}
.kategoriler0 li img {left:50%;top:50%;transform:translateX(-50%) translateY(-50%);position:relative;display:table;}
.sliderstyle7 #wie-overlay {}
.sitesbl.container {padding:0px!important;}
ul#horizontal, #horizontal ul {
list-style-type: none;
}
.ustkisimsbl {height:auto!important;}
#horizontal li {
float: left;
}
#horizontal {
float: left;
width:100%;
}
#horizontal a:visited {
font-weight: bold;
text-align: center;
text-decoration: none;
}
#horizontal a:link, div.horizontal a:visited {
font-weight: bold;
text-align: center;
text-decoration: none;
}
#horizontal a {
display: block;
text-decoration: none;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
}
#horizontal a:hover {
color: #333;
}
#horizontal li.hideshow ul{
position:absolute;
}
.submenuson {left:100%!important;transform: translateX(-80%)!important;}
#horizontal li.hideshow
{
position:relative;
}
.hideshow {position:absolute!important;right:-10px;}
/** Başlık **/
h1, h2, h3, h4, h5, h6 {color:#F00;margin:0px;}
h1, h2, h3 {}
.fs1 {font-size: 12px; line-height: 20px;}
.fs2 {font-size: 14px; line-height: 24px;}
.fs3 {font-size: 16px; line-height: 28px;letter-spacing: 1px;}
.fs4 {font-size: 18px; line-height: 30px;letter-spacing: 1px;}
.fs5 {font-size: 20px; line-height: 32px;letter-spacing: 1px;}
.fs6 {font-size: 22px; line-height: 35px;letter-spacing: 1px;}
.fs7 {font-size: 25px;letter-spacing: 1px;}
.fs8 {font-size: 30px;letter-spacing: 1px;} /** HATA MESAJI **/
.fs9 {font-size: 35px;letter-spacing: 1px;}
.fs10 {font-size: 40px;}
.fs11 {font-size: 45px;}
.fs12 {font-size: 50px;}
.fs13 {font-size: 55px;}
.fs14 {font-size: 60px;}
.fs15 {font-size: 65px;}
.fs16 {font-size: 70px;}
.fs17 {font-size: 75px;}
.fs1bls {font-size: 12px;}
.fs2bls {font-size: 14px;}
.fs3bls {font-size: 16px;}
.fs4bls {font-size: 18px;}
.fs5bls {font-size: 20px;}
.fs6bls {font-size: 22px;}
.fs7bls {font-size: 25px;}
.fs8bls {font-size: 30px;}
.fs9bls {font-size: 35px;}
.margin1 {margin:1px;}
.margin2 {margin:2px;}
.margin3 {margin:3px;}
.margin4 {margin:4px;}
.margin5 {margin:5px;}
.margin6 {margin:6px;}
.margin7 {margin:7px;}
.margin8 {margin:8px;}
.margin9 {margin:9px;}
.margin10 {margin:10px;}
.padding1 {padding:1px;}
.padding2 {padding:2px;}
.padding3 {padding:3px;}
.padding4 {padding:4px;}
.padding5 {padding:5px;}
.padding6 {padding:6px;}
.padding7 {padding:7px;}
.padding8 {padding:8px;}
.padding9 {padding:9px;}
.padding10 {padding:10px;}
.b-sef-button {background:rgba(255,255,255,0.9);}
.b-sef-button:hover {background:rgba(255,255,255,1);}
.wie-logo {z-index:995;}
#sidebar {width:20%;float:left;padding:5px;}
.bloklar {width:100%;height:auto;float:left;list-style: none;cursor: default!important;}
.sol {}
.sag {}
.blok {padding:5px;border:1px dashed #ccc;}
.blok h3 {background:#eaeaea;padding:5px;line-height:30px;}
.blok span {list-style:none;}
.blok ul li a {text-decoration:none;color:#666!important;padding:0px!important;font-weight:normal;}
.blok ul li a:hover {background:none!important;}
.blok ul li {list-style:none;border-bottom:1px solid #eaeaea;padding:7px 5px;}
.blok ul li:hover {color:#333;background:#eaeaea;}
.sayfagaleri ul li {list-style:none;width:auto;padding:1%;float:left;}
.sayfagaleri ul li a img {height:100px;width:auto;}
.anasayfa .sitebaslik {display:none;}
.fbold {font-weight:bold;}
.clear {clear:both;}
.overflowh {overflow:hidden;}
.aligncenter {text-align:center;}
.icerikbulhata {padding:10px;text-align:center;}
a {text-decoration:none;cursor:pointer;}
.ortakisim img {max-width:100%;}
li {cursor:pointer;}
/******************************/
blockquote {
background: url(../css/sayfa/images/tson.svg) no-repeat right bottom;
padding-left:30px;
text-indent: -30px;
background-size:20px;
}
blockquote:first-letter {
background: url(../css/sayfa/images/tbas.svg) no-repeat left top;background-size:20px;
fill:#fff;
padding-left:30px;
}
/** Genelleme **/
/** Arkaplan **/
.background-00 {background-color:#fff !important;}
.background-s001 {background-color:rgba(255,255,255,0.1) !important;}
.background-s002 {background-color:rgba(255,255,255,0.2) !important;}
.background-s003 {background-color:rgba(255,255,255,0.3) !important;}
.background-s004 {background-color:rgba(255,255,255,0.4) !important;}
.background-s005 {background-color:rgba(255,255,255,0.5) !important;}
.background-s006 {background-color:rgba(255,255,255,0.6) !important;}
.background-s007 {background-color:rgba(255,255,255,0.7) !important;}
.background-s008 {background-color:rgba(255,255,255,0.8) !important;}
.background-s009 {background-color:rgba(255,255,255,0.9) !important;}
.background-0 {background-color:#000 !important;}
.background-s01 {background-color:rgba(0,0,0,0.1) !important;}
.background-s02 {background-color:rgba(0,0,0,0.2) !important;}
.background-s03 {background-color:rgba(0,0,0,0.3) !important;}
.background-s04 {background-color:rgba(0,0,0,0.4) !important;}
.background-s05 {background-color:rgba(0,0,0,0.5) !important;}
.background-s06 {background-color:rgba(0,0,0,0.6) !important;}
.background-s07 {background-color:rgba(0,0,0,0.7) !important;}
.background-s08 {background-color:rgba(0,0,0,0.8) !important;}
.background-s09 {background-color:rgba(0,0,0,0.9) !important;}
.background-onay {background:#65d402;}
.background-red {background:#e50000;}
/** Renkler **/
.color-00 {color:#fff;}
.color-0 {color:#000;}
.color-000 {color:#000;}
.color-777 {color:#777;}
/** Oval **/
.radius-2 {-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.radius-3 {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.radius-4 {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.radius-5 {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.radius-10 {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.radius-20 {-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.radius-30 {-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.radius-40 {-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;}
.radius-50 {-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.radius50 {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;}
/** BLS Başlık Renkleri **/
.background-4 h1, .background-4 h2, .background-4 h3, .background-4 h4, .background-4 h5, .background-4 h6 {color:#fff;}
.background-5 h1, .background-5 h2, .background-5 h3, .background-5 h4, .background-5 h5, .background-5 h6 {color:#fff;}
#iconblack {fill:#666;}
#icongri {fill:#ccc;}
#iconwhite {fill:#fff;}
#iconwhite-1 {fill:#f1f1f1;}
.color-00 {color:#fff;}
.color-0 {color:#000;}
.color-black {color:#000;}
.color-sblack {color:#666;}
.color-red {color:#F00;}
.color-white {color:#fff;}
.bg-black {background:#000;}
.bg-sblack {background:rgba(0,0,0,0.6);}
.bg-swhite {background:rgba(255,255,255,0.6);}
.bg-white {background:#fff;}
.border-bottom-blackd1 {border-bottom:1px dashed #000;}
.border-bottom-whited1 {border-bottom:1px dashed #fff;}
.anarenk-white {background:rgba(255, 255, 255, 0.7);}
.trin_radio input {float:left;}
#yaninizdayiz {display:;}
#pager1 {display:none;}
.butonbeyazsef {background:rgba(255,255,255, 0.8);}
.butonbeyazsef:hover {background:rgba(255,255,255, 1);}
.buton1 {
background:rgba(255,255,255,0.8);
}
.buton1:hover {
background:rgba(255,255,255,1);
}
/******************************/
/** BİLEŞENLER **/
.yaziortala {width:100%;display:table;#position:relative;height:100%;}
.yaziortala .ortala1 {display:table-cell;vertical-align:middle;text-align:center;#position: absolute;#top: 50%;#width: 100%;}
.yaziortala .ortala1 .ortala2 {#position:relative;#top: -50%;}
.yaziortala p {display:table-cell;vertical-align:middle;text-align:center;#position: absolute;#top: 50%;#width: 100%;}
.yaziortala p span {#position:relative;#top: -50%;}
.hatayoksa {font-size: 19px;line-height: 24px;}
.bls-ic-1 {height:100%;}
.yaziortala-menu {width:auto;display:table;#position:relative;height:100%;}
.yaziortala-menu li {display:table-cell;vertical-align:middle;text-align:center;#position: absolute;#top: 50%;#width: 100%;}
.yaziortala-menu li a {#position:relative;#top: -50%;}
#Kapsul{
display: table;
height: 400px;
#position: relative;
overflow: hidden;
border: 1px solid green;
}
#IcerikAlani{
#position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
}
#alan{
#position: relative;
#top: -50%;
border: 1px solid green;
}
.radius-bottom-10 {overflow:hidden;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.radius-bottom-5 {overflow:hidden;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.slnokta {margin:4px 2px;padding:2px;float:left;width:5px;height:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.slnoktahover {float:left;width:5px;height:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.bosss {width:100%;background:#F00;color:#FFF;height:37px;font-size:24px;padding-left:10px;}
.bls-cerceve-1 {height:52px; width:100%;position:relative;}
.bls-cerceve-1 .bls-cerceve-baslik {padding-top:2px;padding-bottom:10px;position:relative;z-index:6;}
.bls-cerceve-1 .bls-cerceve-baslik::first-letter {color:#F00;font-weight:bold;font-weight:bold;text-decoration:blink;font-size:28px;padding-bottom:0px;border-bottom:5px solid #F00;font-size:29px;}
.bls-cerceve-2 {height:52px; width:100%;overflow:hidden;}
.bls-cerceve-2 .bls-cerceve-baslik {text-align: center;padding-top:10px;}
.bls-cerceve-2 .bls-cerceve-baslik:before, .bls-cerceve-2 .bls-cerceve-baslik:after {content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 50%;}
.bls-cerceve-2 .bls-cerceve-baslik:before {right: 0.5em;margin-left: -50%;}
.bls-cerceve-2 .bls-cerceve-baslik:after {left: 0.5em;margin-right: -50%;}
.bls-cerceve-3 {height:52px; width:100%;}
.bls-cerceve-3 .bls-cerceve-baslik {overflow:hidden;text-align: left;padding-top:15px;}
.bls-cerceve-3 .bls-cerceve-baslik:after {content: "";display: inline-block;height: 1px;position: relative;vertical-align:bottom;bottom:6px;width:100%;}
.bls-cerceve-3 .bls-cerceve-baslik:after {left: 0.5em;margin-right: -100%;}
.bls-cerceve-4 {height:52px; width:100%;position:relative;}
.bls-cerceve-4 .bls-cerceve-baslik {position:relative;z-index:6;padding:13px;text-align:center;}
.bls-cerceve-5 {height:52px; width:100%;position:relative;}
.bls-cerceve-5 .bls-cerceve-baslik {position:relative;z-index:6;text-align:center;}
.bls-cerceve-6 {height:52px; width:100%;position:relative;text-align:center;}
.bls-cerceve-6 .bls-cerceve-baslik {position:relative;z-index:6;font-size:26px;line-height:38px;text-align:center;font-weight:bold;}
.bls-cerceve-6 .bls-cerceve-baslik span {padding-bottom:4px;padding-top:4px;}
.bls-cerceve-7 {height:52px; width:100%;position:relative;}
.bls-cerceve-7 .bls-cerceve-baslik {padding-top:20px!important;padding-bottom:10px;position:relative;z-index:6;position: absolute;width:100%;height:60px;margin-left:-40px;top:4px;font-size:22px;color:#fff;padding-top:16px;text-shadow:1px 1px 2px #000000;padding-left:20px;}
.bls-cerceve-7 .bls-cerceve-baslik span {padding-left:30px;font-size:22px;padding-top:5px;}
.bls-cerceve-7 .cerceveso {position:absolute;width:70px;height:100%;top:0px;right:-70px;}
.bls-cerceve-a-8 {margin-bottom:10px;height:100%;position: relative;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:rgb(251, 251, 251);border:1px solid rgba(224,222,220,0.75);}
.bls-cerceve-a-8 .bls-ic-1 {-webkit-transform: scale(0.95,0.95);}
.bls-cerceve-a-8 .ceraltkisim {overflow:hidden;background:rgb(251, 251, 251);border:1px solid rgba(224,222,220,0.75);width:100%;height:4px;width:90%;left:5%;bottom:-6px;position:absolute;border-top:0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.bls-cerceve-8 {height:52px; width:100%;position:relative;text-align:center;}
.bls-cerceve-8 .bls-cerceve-baslik {position:relative;z-index:6;color:#6f6f6f;font-size:23px;line-height:40px;padding-top:4px;text-align:center;font-weight:bold;text-shadow:2px 2px 2px #fff; }
.bls-cerceve-8 .bls-cerceve-baslik span {padding-bottom:4px;}
.bls-cerceve-a-9 {margin-bottom:10px;height:100%;position: relative;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:rgb(251, 251, 251);border:1px solid rgba(224,222,220,0.75);
}
.bls-cerceve-a-9 .bls-ic-1 {-webkit-transform: scale(0.95,0.95);}
.bls-cerceve-a-9 .ceraltkisim {overflow:hidden;background:rgb(251, 251, 251);border:1px solid rgba(224,222,220,0.75);width:100%;height:4px;width:90%;left:5%;bottom:-6px;position:absolute;border-top:0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.bls-cerceve-9 {height:52px; width:100%;position:relative;text-align:center;}
.bls-cerceve-9 .bls-cerceve-baslik {position:relative;z-index:6;color:#fff;font-size:23px;line-height:40px;padding-top:4px;text-align:center;}
.bls-cerceve-9 .bls-cerceve-baslik span {padding-bottom:4px;}
.wie-bls-t33 .bls-ic-1 {-webkit-transform:inherit!important;}
.prx {border:none!important;background:transparent!important;}
/******************************/
/** ÃœRÃœNLER ***/
.bls-detay {height:12px;overflow:hidden;font-family:Arial;font-size:11px;color:#999;padding:9px 0px;margin-top:10px;width:50%;float:left;text-align:center;background:#fff;}
.bls-detay-0 {font-family:Arial;font-size:11px;color:#999;padding:9px 0px;margin-top:10px;width:100%;float:left;text-align:center;background:#fff;}
.bls-satinal {height:12px;overflow:hidden;font-family:Arial;font-size:12px;font-weight:bold;padding:9px 0px;margin-top:10px;width:50%;float:left;text-align:center;background:#8eb007;}
.bls-kamp-etiket {background:#F00;color:#fff;font-size:10px;font-family:Arial;padding:3px 6px;right:0px;top:40px;position:absolute;}
.bls-urun-buton {position:absolute;width:96%;bottom:5px;}
/******************************/
/** PANEL **/
.bls-kontroller1 {position:absolute; z-index:999; top: 25%; left:50%;margin-left:-74px;height:45px;padding-left:3px;padding-right:3px; width:142px; background:#000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 43px #000000;
-webkit-box-shadow: 0px 0px 43px #000000;
box-shadow: 0px 0px 43px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#bababa');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#bababa')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #bababa);
background-image: -ms-linear-gradient(top, #ffffff, #bababa);
background-image: -o-linear-gradient(top, #ffffff, #bababa);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#bababa));
background-image: -webkit-linear-gradient(top, #ffffff, #bababa);
background-image: linear-gradient(top, #ffffff, #bababa);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
.wie-bls-sabit .blsgorunumayar {display:none!important;}
.wie-bls-sabit .bls-tasibt {display:none!important;}
.wie-bls-sabit .bls-kontroller1 {width:34px!important;margin-left:-17px!important;padding-left:7px;padding-right:7px;top:50%;margin-top:-17px;}
.logo .bls-kontroller1 {margin:0px!important;min-width:130px!important;}
/** FONT SEÇİMİ **/
.fontsecsablon li {margin:0 auto;list-style:none;width:250px;background:#f2f2f2;border-bottom:1px dashed #ccc;}
.fontsecsablon li:hover {background:#fff;}
.fontsec {}
.fontsec p {padding:5px;padding-top:0px;margin-bottom:5px;color:#ccc;color:#333!important;}
.fontsec h3 {padding:5px;color:#333!important;margin-bottom:0px;}
.fonts1 h3 {font-family:"Abril Fatface"!important;}
.fonts2 h3 {font-family:"Anaheim-Regular"!important;}
.fonts3 h3 {font-family:"Anton"!important;}
.fonts4 h3 {font-family:"Bigelow Rules'"!important;}
.fonts5 h3 {font-family:"Capriola"!important;}
.fonts6 h3 {font-family:"Clicker Script"!important;}
.fonts7 h3 {font-family:"Courgette"!important;}
.fonts8 h3 {font-family:"Croissant One"!important;}
.fonts9 h3 {font-family:"Dosis"!important;}
.fonts10 h3 {font-family:"Emblema One"!important;}
.fonts11 h3 {font-family:"Fondamento"!important;}
.fonts12 h3 {font-family:"Glass Antiqua"!important;}
.fonts13 h3 {font-family:"Grand Hotel"!important;}
.fonts14 h3 {font-family:"Great Vibes"!important;}
.fonts15 h3 {font-family:"Italianno"!important;}
.fonts16 h3 {font-family:"Jockey One"!important;}
.fonts17 h3 {font-family:"Joti One"!important;}
.fonts18 h3 {font-family:"Jura Regular"!important;}
.fonts19 h3 {font-family:"Just Me Again Down Here"!important;}
.fonts20 h3 {font-family:"Kaushan Script"!important;}
.fonts21 h3 {font-family:"Ledger"!important;}
.fonts22 h3 {font-family:"Limelight"!important;}
.fonts23 h3 {font-family:"Marcellus"!important;}
.fonts24 h3 {font-family:"Marck Script"!important;}
.fonts25 h3 {font-family:"News Cycle"!important;}
.fonts26 h3 {font-family:"Open Sans Condensed"!important;}
.fonts27 h3 {font-family:"Oranienbaum"!important;}
.fonts28 h3 {font-family:"Parisienne"!important;}
.fonts29 h3 {font-family:"Petit Formal Script"!important;}
.fonts30 h3 {font-family:"Pirata One"!important;}
.fonts31 h3 {font-family:"Plaster"!important;}
.fonts32 h3 {font-family:"Capriola"!important;}
.fonts33 h3 {font-family:"Racing Sans One"!important;}
.fonts34 h3 {font-family:"Raleway Dots"!important;}
.fonts35 h3 {font-family:"Ranchers"!important;}
.fonts36 h3 {font-family:"Roboto"!important;}
.fonts37 h3 {font-family:"Romanesco"!important;}
.fonts38 h3 {font-family:"Sacramento"!important;}
.fonts39 h3 {font-family:"Sarina"!important;}
.fonts40 h3 {font-family:"Stint Ultra Condensed"!important;}
.fonts41 h3 {font-family:"Ubuntu"!important;}
.bls-kontroller1 .bls-duzenlebt {float:left;margin:7px 2px;width:30px;height:30px;background:url(../img/bls-duzenle.png) no-repeat center top;}
.bls-kontroller1 .bls-duzenlebt:hover {background:url(../img/bls-duzenle2.png) no-repeat center top;}
.bls-kontroller1 .bls-tasibt {float:left;margin:7px 2px;width:30px;height:30px;background:url(../img/bls-tasi.png) no-repeat center top;}
.bls-kontroller1 .bls-tasibt:hover {background:url(../img/bls-tasi2.png) no-repeat center top;}
.bls-kontroller1 .bls-silbt {float:left;margin:7px 2px;width:30px;height:30px;background:url(../img/bls-sil.png) no-repeat center top;}
.bls-kontroller1 .bls-silbt:hover {background:url(../img/bls-sil2.png) no-repeat center top;}
.bls-kontroller1 .bls-gorunumbt {float:left;margin:7px 2px;width:30px;height:30px;background:url(../img/bls-gorunum.png) no-repeat center top;}
.bls-kontroller1 .bls-gorunumbts {float:left;margin:7px 2px;width:30px;height:30px;background:url(../img/bls-gorunum.png) no-repeat center top;}
.bls-kontroller1 .bls-gorunumbt:hover {background:url(../img/bls-gorunum2.png) no-repeat center top;}
.bls-kontroller1 .bls-gorunumbts:hover {background:url(../img/bls-gorunum2.png) no-repeat center top;}
.bls-kontroller0 {position:absolute; z-index:999; top:3%; left: 45%; height:35px;padding-left:3px;padding-right:3px; width:142px; background:#000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 43px #000000;
-webkit-box-shadow: 0px 0px 43px #000000;
box-shadow: 0px 0px 43px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#bababa');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#bababa')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #bababa);
background-image: -ms-linear-gradient(top, #ffffff, #bababa);
background-image: -o-linear-gradient(top, #ffffff, #bababa);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#bababa));
background-image: -webkit-linear-gradient(top, #ffffff, #bababa);
background-image: linear-gradient(top, #ffffff, #bababa);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
.bls-kontroller0 .bls-duzenlebt {float:left;margin:3px 2px;width:30px;height:30px;background:url(../img/bls-duzenle.png) no-repeat center top;}
.bls-kontroller0 .bls-duzenlebt:hover {background:url(../img/bls-duzenle2.png) no-repeat center top;}
.bls-kontroller0 .bls-tasibt {float:left;margin:3px 2px;width:30px;height:30px;background:url(../img/bls-tasi.png) no-repeat center top;}
.bls-kontroller0 .bls-tasibt:hover {background:url(../img/bls-tasi2.png) no-repeat center top;}
.bls-kontroller0 .bls-silbt {float:left;margin:3px 2px;width:30px;height:30px;background:url(../img/bls-sil.png) no-repeat center top;}
.bls-kontroller0 .bls-silbt:hover {background:url(../img/bls-sil2.png) no-repeat center top;}
.bls-kontroller0 .bls-gorunumbt {float:left;margin:3px 2px;width:30px;height:30px;background:url(../img/bls-gorunum.png) no-repeat center top;}
.bls-kontroller0 .bls-gorunumbt:hover {background:url(../img/bls-gorunum2.png) no-repeat center top;}
/** PANEL
#wie-button .priority {
box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;
background: #ffe000;
border-left: 1px solid #e5cb00;
padding-left: 15px;
padding-right: 15px;
font: 400 16px/26px "Helvetica",Arial,sans-serif;
-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;
-moz-box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;
box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;
background: #ffe000;
border: 0;
color: #000;
display: inline-block;
padding: 0 15px;
padding:10px;
text-align: center;
vertical-align: top;
white-space: nowrap;
vertical-align: top;
}
#wie-button .priority:hover {background:orange;color:#fff;cursor: pointer;}
**/
#wie-button .priority {background:#0080ff!important;color:#fff;padding:10px 20px;}
#wie-button .priority:hover {background:#006fdc!important;color:#fff;}
.wie-bls-background {background:rgba(241,241,241,0.7);}
.yoneticigirisbt img {float:left;margin:11px;}
.yoneticigirisbt p {float:left;margin-top:11px;font-size: 19px;}
.yoneticigirisbt {margin-top:10px;z-index:1;position:relative;width:47px;height:47px;list-style:none;text-indent:5px;overflow:hidden;font-weight:bold;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 1%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e2e2e2));
background: -webkit-linear-gradient(top, #ffffff 1%,#e2e2e2 100%);
background: -o-linear-gradient(top, #ffffff 1%,#e2e2e2 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#e2e2e2 100%);
background: linear-gradient(to bottom, #ffffff 1%,#e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);
box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.75);}
.yoneticigirisbt:hover {width:150px;cursor:pointer;}
.uaciklama0 .kanaresim {display:none;}
.logo {}
.logo a {}
.logosablon {float:left;}
#menucon, .menucon1{ position:fixed; bottom:10px;z-index:999; right:10px; width:130px;height:130px;
background:transparent url(/ortak/v2/img/panel/sayfagorunumayar.png) no-repeat center center;
transition: all 0.8s ease-in-out;
background-size:cover;
-webkit-transition: all 0.8s ease-in-out;
transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out; }
.menucon2{ bottom:35px;right:35px; width:80px;height:80px; transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg); }
#koddostu-tex{position:absolute;bottom:37px;right:38px; box-shadow: -1px 1px 5px 0px #888888;
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
transition-timing-function:ease-in-out;
line-height:22px;
-webkit-transition-timing-function:ease-in-out;
opacity:0; width:0px;height:0px;
color:#fff; font-family:Helvetica, Arial, sans-serif;
font-weight:normal; text-decoration:none; font-size:14px; text-align:center; }
.menucon2 #koddostu-tex{ width:960px;height:380px;bottom:70%;left:-815%;background:#808184;opacity:1;}
.menu {height:40px;max-height:40px;}
.apc-sayfa-sablon {}
.apc-sayfa-baslik {width:940px;height:22px;background:#bbbdbf;padding:10px 10px;}
.apc-sayfa-baslik h4 {float:left;width:auto;color:#58595b;font-weight:bold;margin-right:10px;font-size:18px;}
.apc-sayfa-baslik p {color:#fff;float:left;font-size:13px;font-weight:normal;}
.apc-sayfa-baslik img {float:left;width:auto;height:auto;margin-right:5px;margin-top:-2px;}
.apc-sayfa-icerik {}
.apc-sayfa-icon2 {float:left;margin:10px;}
.apc-sayfa-solkisim {float:left;width:305px;margin-right:10px;height:340px;background:#939598;}
.apc-sayfa-sogkisim {width:630px;float:left;}
.apc-sayfa-sogkisim-baslik {float:left;width:300px;margin-right:15px;margin-top:10px;font-size:15px;border-bottom:1px solid #fff;}
.apc-sayfa-sogkisim-baslik h4 {float:left;font-size:15px;color:#fff;padding-top:10px;}
.apc-sayfa-sogkisim-baslik img {float:left;margin-right:5px;}
.apc-sayfa-sogkisim-50 {float:left;width:300px;margin-top:10px;margin-right:15px;}
.apc-sayfa-sogkisim-50 a {position:relative;}
.apc-sayfa-sogkisim-50 a img {padding-bottom:4px;}
.apc-sayfa-sogkisim-50 a p {position:absolute;left:5px;top:-54px;font-size:11px;color:#666;}
.apc-sayfa-sogkisim-izinler {float:left;width:300px;margin-top:10px;}
.apc-sayfa-sogkisim-izinler a {float:left;padding:5px;color:#fff;font-size:15px;padding-left:5px;}
.apc-sol-link a {padding:5px 10px;width:80%;float:right;border-bottom:1px solid #bbbdbf;color:#fff;}
.yenibilesenekled a {color:#fff;font-size:18px;width:100%;padding: 10px 40%;clear:both;}
.yenibilesenekled {background:#a5d500;width:100%;margin:5px auto;text-align:center;padding:10px 0px;float:left;position: relative;z-index: 800;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.yenibilesenekled:hover {background:#F00;}
.cartdetailsab1 .stepper {position:relative;width:45px;float:left;margin-right:15px;}
.cartdetailsab1 .stepper .stepper-arrow {right:-10px;}
.blok h3 {margin:0px;}
.uyegirisekadim {padding-top:10px;}
.uyegirisek .button {margin:10px 0px;}
.uyegirisek .sepetlink {margin:10px 0px;padding:5px 10px;}
.uyetek {border:1px solid #f1f1f1;min-height:360px!important;margin-top:40px;background:rgb(241,242,246);}
.kayitek {border:1px solid #f1f1f1;min-height:360px!important;text-align:center;margin-top:40px;background:rgb(241,242,246);}
.kayitek p {width:100%;text-align:center;margin-bottom:30px;}
.kayitek a {padding:10px 20px;}
.yeniuyeis .form-label {margin-top:10px;}
.yeniuyeis input {padding:10px 20px;width:300px;}
.yeniuyeis .button {padding:5px 30px;height:40px;}
.sifremiunuttum {text-decoration:none;margin:0px;font-size:10px;padding:3px;display: inline-block;float:right;}
.btn {width:100%;}
.uyesayfasi {}
.uyesayfasi h2 {margin-bottom:20px;border-bottom:1px solid #f1f1f1;padding-bottom:20px;font-size:20px;text-align:left;}
.uyesayfasi label {font-weight:normal;}
.wie-yenieklebuton {background:#00aff4 url(../img/yenieklebuton.png) no-repeat left top!important;position:relative;}
.wie-yenieklebuton li {list-style: none;}
.wie-yenieklebuton2 {background:url(../img/yenieklebuton2.png) no-repeat right bottom!important;background-size:auto 100%!important;height:100%;position:relative;}
.wie-yenieklebuton2 img {background:none!important;width:150px!important;height:auto!important;position:absolute!important;bottom:10px!important;left:10px!important;}
.spyeniekleduzenle {width:100%;height:100%;position:relative;background:#00aeef url(../img/spbackground.png) no-repeat center top; background-size:100%; }
.spyeniekleduzenle a {height: auto!important;}
.spyeniekleduzenle .spyeniekle {color:#1b75bc!important;background:#fff;font-size:17px;position:absolute;bottom:50px;width:70%;left:15%;text-align:center;padding:5px 0px;}
.spyeniekleduzenle .spyeniekle:hover {color:#fff!important;background:#1b75bc;}
.spyeniekleduzenle .spalbumekle {color:#1b75bc!important;background:#fff;position:absolute;bottom:10px;width:60%;left:20%;text-align:center;padding:5px 0px;}
.spyeniekleduzenle .spalbumekle:hover {color:#fff!important;background:#1b75bc;}
#wie-kntrl {}
.pri-sablon {width:100%;height:50%;position: absolute;}
.wie-kntrl {width:100%;height:100%;}
.logo .wie-kntrl {
width: 80%;
height: 100%;
position: absolute!important;
left: 0px;
top: 0px!important;
bottom: 0px;
margin: 0px!important;min-width:180px!important;
}
#wie-descp {padding:0px!important;margin-top:50%;}
.wie-kntrl-ic {margin-top:0px!important;padding:0px!important;}
.priority23, .wie-kntrl-ic a {background: #0080ff;color: #fff!important;padding: 10px 20px;}
.priority23:hover, .wie-kntrl-ic a:hover {background: #006fdc;}
.wie-kntrl-ic {color:#fff;}
.wie-kntrl-ic a {cursor: pointer;text-align:center;float:center;color:#fff;}
.wie-yenieklebuton a {width:95%;height:100%;background:none;border:0px;-webkit-box-shadow:inherit;-moz-box-shadow:inherit;box-shadow:inherit;}
.wie-yenieklebuton a:hover {width:95%;height:100%;background:none;}
.pri-sil {}
.pri-sil:hover {}
.wie-kntrl-ic a {margin:10px 20px;line-height:40px;}
.priority-sil {box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;background:#ba0404;border-left: 1px solid #e5cb00;padding-left: 15px;padding-right: 15px;font: 400 16px/26px "Helvetica",Arial,sans-serif;border: 0;color: #fff;display: inline-block;padding: 0 15px;padding:2px 10px;text-align: center;vertical-align: top;white-space: nowrap;vertical-align: top;-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;-moz-box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;margin:2px 0;}
.priority-sil:hover {background:#8d0000;}
.priority-detay {box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;background:#0BA9C5;border-left: 1px solid #e5cb00;padding-left: 15px;padding-right: 15px;font: 400 16px/26px "Helvetica",Arial,sans-serif;border: 0;color: #fff;display: inline-block;padding: 0 15px;padding:2px 10px;text-align: center;vertical-align: top;white-space: nowrap;vertical-align: top;-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;-moz-box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;box-shadow: rgba(0,0,0,0.4) 0 1px 1px 0;margin:2px 0;}
.priority-detay:hover {background:#0a8ba1;}
.sayfaduzeni {min-height:550px;}
.anasayfa .sayfaduzeni {min-height:50px;}
/** FORM ELEMENTLERÄ° **/
.row:before {
content: "";
top: 0;
left: -5000px;
height: 100%;
width: 15000px;
z-index: -1;
background: inherit;
}
.row span {
position: relative;
display: inline-block;
width:100%;
}
.basic-slide {
display: inline-block;
padding: 10px 0 10px 15px;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 70px;
transition: all .3s ease-in-out;
}
.basic-slide::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.basic-slide + label {
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
background: #7AB893;
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.basic-slide:focus,
.basic-slide:active {
color: #377D6A;
text-indent: 0;
background: #fff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.basic-slide:focus::-webkit-input-placeholder,
.basic-slide:active::-webkit-input-placeholder {
color: #aaa;
}
.basic-slide:focus + label,
.basic-slide:active + label {
transform: translateX(-100%);
}
.clean-slide {
position: relative;
display: inline-block;
width: 215px;
padding: 10px 0 10px 15px;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 60px;
transition: all .3s ease-in-out;
}
.clean-slide::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.clean-slide + label {
display: inline-block;
position: absolute;
transform: translateX(0);
top: 0;
left: 0;
bottom: 0;
padding: 13px 15px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: #032429;
text-align: left;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
transition: all .3s ease-in-out, color .3s ease-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
}
.clean-slide + label:after {
content: "";
position: absolute;
top: 0;
right: 100%;
bottom: 0;
width: 100%;
background: #7AB893;
z-index: -1;
transform: translate(0);
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.clean-slide:focus,
.clean-slide:active {
color: #377D6A;
text-indent: 0;
background: #fff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.clean-slide:focus::-webkit-input-placeholder,
.clean-slide:active::-webkit-input-placeholder {
color: #aaa;
}
.clean-slide:focus + label,
.clean-slide:active + label {
color: #fff;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
transform: translateX(-100%);
}
.clean-slide:focus + label:after,
.clean-slide:active + label:after {
transform: translate(100%);
}
.gate {
display: inline-block;
width: 215px;
padding: 10px 0 10px 15px;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 65px;
transition: all .3s ease-in-out;
}
.gate::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.gate + label {
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
background: #7AB893;
transition: all .4s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
transform-origin: left bottom;
z-index: 99;
}
.gate + label:before, .gate + label:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px;
background: #377e6b;
transform-origin: left bottom;
transition: all .4s ease-in-out;
pointer-events: none;
z-index: -1;
}
.gate + label:before {
background: rgba(3, 36, 41, 0.2);
z-index: -2;
right: 20%;
}
span:nth-child(2) .gate {
text-indent: 85px;
}
span:nth-child(2) .gate:focus,
span:nth-child(2) .gate:active {
text-indent: 0;
}
.gate:focus,
.gate:active {
color: #377D6A;
text-indent: 0;
background: #fff;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.gate:focus::-webkit-input-placeholder,
.gate:active::-webkit-input-placeholder {
color: #aaa;
}
.gate:focus + label,
.gate:active + label {
transform: rotate(-66deg);
border-radius: 3px;
}
.gate:focus + label:before,
.gate:active + label:before {
transform: rotate(10deg);
}
.skinny {
display: inline-block;
width: 215px;
padding: 10px 0 10px 15px;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 75px;
transition: all .3s ease-in-out;
}
.skinny::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.skinny + label {
display: inline-block;
position: absolute;
transform: translateX(0);
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
}
.skinny + label:before, .skinny + label:after {
content: "";
position: absolute;
right: 0;
left: 0;
z-index: -1;
transition: all .3s ease-in-out;
}
.skinny + label:before {
top: 5px;
bottom: 5px;
background: #377D6A;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.skinny + label:after {
top: 0;
bottom: 0;
background: #377D6A;
}
.skinny:focus,
.skinny:active {
color: #377D6A;
text-indent: 0;
background: #fff;
}
.skinny:focus::-webkit-input-placeholder,
.skinny:active::-webkit-input-placeholder {
color: #aaa;
}
.skinny:focus + label,
.skinny:active + label {
transform: translateX(-100%);
}
.skinny:focus + label:after,
.skinny:active + label:after {
transform: translateX(100%);
}
.slide-up {
display: inline-block;
width: 215px;
padding: 10px 0 10px 15px;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 80px;
transition: all .3s ease-in-out;
}
.slide-up::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.slide-up + label {
display: inline-block;
position: absolute;
transform: translateX(0);
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
}
.slide-up + label:before, .slide-up + label:after {
content: "";
position: absolute;
right: 0;
left: 0;
z-index: -1;
transition: all .3s ease-in-out;
}
.slide-up + label:before {
top: 6px;
left: 5px;
right: 5px;
bottom: 6px;
background: #377D6A;
}
.slide-up + label:after {
top: 0;
bottom: 0;
background: #377D6A;
}
span:nth-child(1) .slide-up {
text-indent: 105px;
}
span:nth-child(3) .slide-up {
text-indent: 125px;
}
span:nth-child(1) .slide-up:focus,
span:nth-child(1) .slide-up:active,
span:nth-child(3) .slide-up:focus,
span:nth-child(3) .slide-up:active {
text-indent: 0;
}
.slide-up:focus,
.slide-up:active {
color: #377D6A;
text-indent: 0;
background: #fff;
}
.slide-up:focus::-webkit-input-placeholder,
.slide-up:active::-webkit-input-placeholder {
color: #aaa;
}
.slide-up:focus + label,
.slide-up:active + label {
transform: translateY(-100%);
}
.slide-up:focus + label:before,
.slide-up:active + label:before {
border-radius: 5px;
}
.slide-up:focus + label:after,
.slide-up:active + label:after {
transform: translateY(100%);
}
.card-slide {
display: inline-block;
width: 215px;
padding: 10px 0 10px 15px;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 115px;
transition: all .3s ease-in-out;
}
.card-slide::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.card-slide + label {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
background: #7AB893;
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
transform-origin: right center;
transform: perspective(300px) scaleX(1) rotateY(0deg);
}
span:nth-child(2) .card-slide {
text-indent: 55px;
}
span:nth-child(3) .card-slide {
text-indent: 150px;
}
span:nth-child(2) .card-slide:focus,
span:nth-child(2) .card-slide:active,
span:nth-child(3) .card-slide:focus,
span:nth-child(3) .card-slide:active {
text-indent: 0;
}
.card-slide:focus,
.card-slide:active {
color: #377D6A;
text-indent: 0;
background: #fff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-slide:focus::-webkit-input-placeholder,
.card-slide:active::-webkit-input-placeholder {
color: #aaa;
}
.card-slide:focus + label,
.card-slide:active + label {
transform: perspective(600px) translateX(-100%) rotateY(80deg);
}
.swing {
display: inline-block;
width: 215px;
padding: 10px 0 10px 15px;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 60px;
transition: all .3s ease-in-out;
}
.swing::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.swing + label {
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
background: #7AB893;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
transform-origin: 2px 2px;
transform: rotate(0);
animation: swing-back .4s 1 ease-in-out;
}
@keyframes swing {
0% {
transform: rotate(0);
}
20% {
transform: rotate(116deg);
}
40% {
transform: rotate(60deg);
}
60% {
transform: rotate(98deg);
}
80% {
transform: rotate(76deg);
}
100% {
transform: rotate(82deg);
}
}
@keyframes swing-back {
0% {
transform: rotate(82deg);
}
100% {
transform: rotate(0);
}
}
.swing:focus,
.swing:active {
color: #377D6A;
text-indent: 0;
background: #fff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.swing:focus::-webkit-input-placeholder,
.swing:active::-webkit-input-placeholder {
color: #aaa;
}
.swing:focus + label,
.swing:active + label {
animation: swing 1.4s 1 ease-in-out;
transform: rotate(82deg);
}
.balloon {
display: inline-block;
padding:4%;
width:92%;
font-weight: ;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 60px;
transition: all .3s ease-in-out;
}
.balloon::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.balloon + label {
display: inline-block;
position: absolute;
top: 8px;
left: 0;
bottom: 8px;
padding: 5px 15px;
color: #666;
font-size: 13px;
transition: all .3s ease-in-out;
border-radius: 3px;
background: rgba(122, 184, 147, 0);
}
.balloon + label:after {
position: absolute;
content: "";
width: 0;
height: 0;
top: 100%;
left: 50%;
margin-left: -3px;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 3px solid rgba(122, 184, 147, 0);
transition: all .3s ease-in-out;
}
.balloon:focus,
.balloon:active {
color: #377D6A;
text-indent: 0;
background: #fff;
}
.balloon:focus::-webkit-input-placeholder,
.balloon:active::-webkit-input-placeholder {
color: #aaa;
}
.balloon:focus + label,
.balloon:active + label {
color: #fff;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
transform: translateY(-40px);
padding-top:9px;
height:16px;
}
.balloon:focus + label:after,
.balloon:active + label:after {
}
/** Ürünler **/
/** SEPET ÜRÜN BAŞLIKLARI **/
.uruns {width:100%; height:auto; padding-top:10px; float:left; border-bottom:#CCC 1px solid;}
.urunsbr {width:auto; height:30px; font-weight:bold; float:left; text-align:left;}
.urunsb {width:100px; height:30px; font-weight:bold; float:right; text-align:center;}
/** SEPET ÜRÜN İÇERİĞİ **/
.urunsi {width:100%; height:auto; padding-top:10px; float:left; padding-bottom:10px; border-bottom:#CCC 1px solid;}
.urunsibr {width:auto;float:left; padding-left:20px; text-align:left;}
.urunsib {width:100px; padding-top:15px; height:35px;float:right; text-align:center;}
.urunsir {width:100px; height:110px;float:right; text-align:center;}
/** SEPET ÃœRÃœN TAMAMLA **/
.urunsbt {width:100px; font-weight:bold;float:right; text-align:center; margin-top:20px;}
.urunsbdevam {width:auto;color:#fff;background-color:#f47902; padding:5px 15px; font-weight:bold;float:right; text-align:center; margin-top:20px;}
.urunsbsatinal {width:auto;border:0px; background-color:#771e02; padding:5px 15px; font-weight:bold;float:right; text-align:center; margin-top:20px;
color:#fff;font-size:13px;cursor:pointer!important;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;}
.urunsbsatinal:hover {background:#333;cursor:pointer!important;color:#fff;}
.urunsbdevam:hover {background:#333;cursor:pointer!important;color:#fff;}
.urunlistesi {width:98%;margin:0.5%;display:table;}
/** SEPET - ALILVERİŞİ TAMAMLA **/
#adim_bir {}
.alisveris-adim-degistir {font-size:12px;float:right;top:50%;position:absolute;right:20px;transform:translateY(-50%);color:#666;}
.alisveris-ic {padding:20px;margin-top:20px;}
.alisveris-adim {border-bottom:1px solid #fff;background:#F5F7FA}
#adim_iki .labels {margin:10px 0px;}
.labels {position: relative;}
.alisveris-adim h2 {background:#E6E9ED;position:relative;}
.alisveris-adim-aktif {}
.alisveris-adimlar {margin-left: 0;width:930px;padding:2px 2px 2px 2px;margin-bottom:30px;}
.alisveris-adim-baslik {font: 146% Tahoma;text-decoration: none;padding: 8px 24px 10px 25px;margin:0px;}
.altbaslik {background: url("images/altbaslik-bg.gif") repeat-x scroll center bottom transparent;font: bold 108% Arial,Helvetica,sans-serif;margin-bottom: 10px;padding: 13px 0 5px;}
.winput {border: 1px solid #333;height:20px;padding:3px;font-size:12px;width: 100%;}
.alisveris-form-label { }
.price {color: #990000;}
.price, .sub-price, .cart-price, .qty-in-stock {font-weight: bold;}
.product-title, .product-title:visited, .product-title:hover, .product-title:active {font-weight: bold;}
a.product-title {}
.sku {font-size: 77%;padding: 0;margin-bottom: 0px;}
p.sku { margin-bottom: 0px !important; }
.tcenter {text-align:right; font-size:11px;}
.alisveris_tr {padding:10px; padding-left:10px; padding-right:10px; padding-top:10px;}
.alisveris_cift {}
ul.alisveris-son {list-style-type: none;}
ul.alisveris-son {clear: both;float: right;margin-top: 10px;padding-top: 9px;padding-left: 0px !important;list-style-type: none !important;}
ul.alisveris-son li {clear: both;overflow: hidden;padding: 0 11px 4px;white-space: nowrap;}
ul.alisveris-son li span {float: left;text-align: right;white-space: normal;width: 150px;}
ul.alisveris-son li.subtotal span, ul.statistic-list li.subtotal strong {font: bold 118% Tahoma;}
ul.alisveris-son li strong {text-align: left;float: right;}
ul.alisveris-son li.total {font: bold 138% Arial;margin-top: 7px;padding: 9px 0 0;}
ul.alisveris-son li.total strong {}
ul.alisveris-son li.total strong, ul.alisveris-son li.total strong span {float:left;text-align:right;width:103px; }
#urunler_sepet_satinal .ortakisim-10 { width:920px; padding-left:0px;}
#urunler_sepet .ortakisim-10 { width:920px; padding-left:0px;}
.alisveris-ic .checked {width: auto;margin-top:10px;margin-right: 5px;float:left;}
.error {color:#F00;}
.uyegirisek {width:50%;border-right:1px solid #ccc;float:left;padding-right:10px;}
.numberCircle {
border-radius: 50%;
behavior: url(PIE.htc); /* remove if you don't care about IE8 */
margin-top:5px; margin-bottom:5px; margin-left:5px;
width: 12px;
height: 12px;
padding: 6px;
float:left;
background: #666;
border: 1px solid #666;
color: #fff;
text-align: center;
font: 12px Arial, sans-serif;
}
#copyright {width:100%;padding:10px 0px;position:relative;}
#copyright .icerik {width:940px;margin:0 auto;}
.copyright .icerik {min-height:15px;}
#copyright .icerik .telifyazi {float:left;width:auto;}
#copyright .icerik .firmaimza {float:right;width:auto;}
.menux li {z-index:300;}
.menux .submenu {left: 50%;transform: translateX(-50%);padding-top:3px;top:inherit!important;}
.camera_wrap {margin-bottom:0px!important;top:0px;}
/* =Skitter styles
----------------------------------------------- */
.box_skitter {
position: relative;
width: 800px;
height: 300px;
background: #000;
}
.box_skitter img {
max-width: none;
} /* Tip for stildv */
.box_skitter ul {
display: none;
}
.box_skitter .container_skitter {
overflow: hidden;
position: relative;
}
.box_skitter .image {
overflow: hidden;
}
.box_skitter .image img {
display: none;
}
/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {
position: absolute;
top: 0;
left: 0;
width: 100px;
overflow: hidden;
display: none;
z-index: 20;
}
.box_skitter .box_clone img {
position: absolute;
top: 0;
left: 0;
z-index: 20;
}
/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {
position: absolute;
top: 50%;
left: 35px;
z-index: 152;
width: 42px;
height: 42px;
overflow: hidden;
text-indent: -9999em;
margin-top: -25px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.box_skitter .next_button {
position: absolute;
top: 50%;
right: 35px;
z-index: 152;
width: 42px;
height: 42px;
overflow: hidden;
text-indent: -9999em;
margin-top: -25px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.box_skitter .prev_button:hover, .box_skitter .next_button:hover {
opacity: 0.5 !important;
}
/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {
position: absolute;
top: 15px;
left: 15px;
z-index: 100;
background: #000;
color: #fff;
font: bold 11px arial;
padding: 5px 0 5px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
opacity: 0.75;
}
.box_skitter .info_slide .image_number {
background: #333;
float: left;
padding: 2px 10px;
margin: 0 5px 0 0;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.box_skitter .info_slide .image_number:hover {
background: #000;
}
.box_skitter .info_slide .image_number_select, .box_skitter .info_slide .image_number_select:hover {
background: #cc3333;
float: left;
padding: 2px 10px;
margin: 0 5px 0 0;
}
/* =Thumbs
Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs {
position: relative;
overflow: hidden;
height: 50px;
}
.box_skitter .info_slide_thumb {
height: 50px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
overflow: hidden;
top: auto;
top: 0;
left: 0;
padding: 0 !important;
opacity: 1.0;
}
.box_skitter .info_slide_thumb .image_number {
overflow: hidden;
width: 100px;
height: 50px;
position: relative;
margin: 0 !important;
padding: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
.box_skitter .info_slide_thumb .image_number img {
position: absolute;
top: -30px;
left: -30px;
height: 100px;
}
.box_skitter .box_scroll_thumbs {
padding: 0;
}
.box_skitter .box_scroll_thumbs .scroll_thumbs {
position: absolute;
bottom: 60px;
left: 50px;
background: #ccc;
background: -moz-linear-gradient(-90deg, #555, #fff);
background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));
width: 200px;
height: 10px;
overflow: hidden;
text-indent: -9999em;
z-index: 101;
cursor: pointer;
border: 0px solid #333;
}
/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {
position: absolute;
top: 0px;
right:0px;
z-index: 151;
padding: 5px 0 5px 5px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.box_skitter .info_slide_dots .image_number {
background: #333;
float: left;
margin: 0 5px 0 0;
cursor: pointer;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
width: 18px;
height: 18px;
text-indent: -9999em;
overflow: hidden;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.box_skitter .info_slide_dots .image_number:hover {
background: #000;
}
.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover {
background: #cc3333;
float: left;
margin: 0 5px 0 0;
}
/* =Loading
-------------------------------------------------------------- */
.loading {
position: absolute;
top: 50%;
right: 50%;
z-index: 10000;
margin: -16px -16px;
color: #fff;
text-indent: -9999em;
overflow: hidden;
background: url(../images/ajax-loader.gif) no-repeat left top;
width: 32px;
height: 32px;
}
/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter {
z-index: 150;
position: absolute;
bottom: 0px;
left: 0px;
display: none;
padding-left:10px;
}
.box_skitter .label_skitter {
z-index: 150;
position: absolute;
bottom: 0px;
left: 0px;
color: #fff;
display: none;
opacity: 0.8;
background: #000;
}
.box_skitter .label_skitter p {
padding: 10px;
margin: 0;
font: normal 22px arial,tahoma;
letter-spacing: -1px;
}
.box_skitter .progressbar {
background: #000;
position: absolute;
top: 5px;
left: 15px;
height: 5px;
width: 200px;
z-index: 99;
border-radius: 20px;
}
/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide {
display: none;
position: absolute;
z-index: 152;
bottom: 30px;
left: -40px;
width: 100px;
height: 100px;
background: #fff;
border: 1px solid #222;
-moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
-webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
overflow: hidden;
}
.box_skitter .preview_slide ul {
height: 100px !important;
overflow: hidden !important;
margin: 0 !important;
list-style: none !important;
display: block !important;
position: absolute !important;
top: 0;
left: 0;
}
.box_skitter .preview_slide ul li {
width: 100px !important;
height: 100px !important;
overflow: hidden !important;
float: left !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
display: block !important;
}
.box_skitter .preview_slide ul li img {
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 150px !important;
width: auto !important;
}
/* =Focus
-------------------------------------------------------------- */
#overlay_skitter {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9998;
opacity: 1;
background: #000;
}
.box_skitter .focus_button {
position: absolute;
top: 50%;
z-index: 100;
width: 42px;
height: 42px;
overflow: hidden;
text-indent: -9999em;
margin-top: -25px;
opacity: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.box_skitter .play_pause_button {
position: absolute;
top: 50%;
z-index: 151;
width: 42px;
height: 42px;
overflow: hidden;
text-indent: -9999em;
margin-top: -25px;
opacity: 0;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.box_skitter .play_pause_button.play_button {
}
.box_skitter .play_pause_button:hover {
opacity: 0.5 !important;
}
.box_skitter .focus_button:hover {
opacity: 0.5 !important;
}
/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {
width: 800px;
height: 300px;
}
.box_skitter_small {
width: 200px;
height: 100px;
}
/* =Default theme
-------------------------------------------------------------- */
.box_skitter .focus_button,
.box_skitter .next_button,
.box_skitter .prev_button,
.box_skitter .play_pause_button
{
display: block;
background: url('../images/sprite-default.png') no-repeat;
}
.box_skitter .next_button {
background-position: -0px -42px;
width: 42px;
height: 42px;
}
.box_skitter .prev_button {
background-position: -42px -42px;
width: 42px;
height: 42px;
}
.box_skitter .play_pause_button {
background-position: -0px -0px;
width: 42px;
height: 42px;
}
.box_skitter .play_pause_button.play_button {
background-position: -0px -84px;
width: 42px;
height: 42px;
}
.box_skitter .focus_button {
background-position: -42px -0px;
width: 42px;
height: 42px;
}
/* =Minimalist theme
-------------------------------------------------------------- */
.skitter-minimalist .prev_button,
.skitter-minimalist .next_button,
.skitter-minimalist .play_pause_button,
.skitter-minimalist .focus_button
{
display: block;
background: url('../images/sprite-minimalist.png') no-repeat !important;
}
.skitter-minimalist .prev_button {
background-position: -0px -0px !important;
width: 24px !important;
height: 28px !important;
left: -45px !important;
}
.skitter-minimalist .next_button {
background-position: -0px -28px !important;
width: 24px !important;
height: 28px !important;
right: -45px !important;
}
.skitter-minimalist .play_pause_button {
background-position: -0px -74px !important;
width: 18px !important;
height: 18px !important;
}
.skitter-minimalist .play_pause_button.play_button {
background-position: -0px -56px !important;
width: 18px !important;
height: 18px !important;
}
.skitter-minimalist .focus_button {
background-position: -0px -92px !important;
width: 18px !important;
height: 18px !important;
}
.skitter-minimalist .info_slide {
background: transparent;
}
.skitter-minimalist .info_slide .image_number {
background: #000;
box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
font-size: 12px;
font-weight: normal;
}
.skitter-minimalist .info_slide .image_number:hover {
background: #111;
}
.skitter-minimalist .info_slide .image_number_select, .skitter-minimalist .info_slide .image_number_select:hover {
background: #cc3333;
}
.skitter-minimalist .info_slide_dots .image_number {
width: 14px;
height: 14px;
box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
}
/* =Round theme
-------------------------------------------------------------- */
.skitter-round .prev_button,
.skitter-round .next_button,
.skitter-round .play_pause_button,
.skitter-round .focus_button
{
display: block;
background: url('../images/sprite-round.png') no-repeat;
}
.skitter-round .prev_button {
background-position: -0px -0px;
width: 23px;
height: 47px;
left: -23px;
}
.skitter-round .next_button {
background-position: -23px -0px;
width: 23px;
height: 47px;
right: -23px;
}
.skitter-round .next_button:hover, .skitter-round .prev_button:hover {
opacity: 1;
}
.skitter-round .play_pause_button {
background-position: -0px -70px;
width: 47px;
height: 23px;
top: 24px;
left: 24px !important;
}
.skitter-round .play_pause_button.play_button {
background-position: -0px -47px;
width: 47px;
height: 23px;
top: 24px;
}
.skitter-round .focus_button {
background-position: -0px -93px;
width: 47px;
height: 23px;
top: 24px;
left: 82px !important;
}
.skitter-round .info_slide {
background: transparent;
}
.skitter-round .info_slide .image_number {
background: #999;
box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
font-size: 12px;
font-weight: normal;
}
.skitter-round .info_slide .image_number:hover {
background: #333;
}
.skitter-round .info_slide .image_number_select, .skitter-round .info_slide .image_number_select:hover {
background: #111;
}
.skitter-round .info_slide_dots .image_number {
width: 14px;
height: 14px;
box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
background: #999;
}
.skitter-round .info_slide_dots .image_number:hover {
background: #333;
}
.skitter-round .info_slide_dots .image_number_select, .skitter-round .info_slide_dots .image_number_select:hover {
background: #111;
}
.skitter-round .progressbar {
top: -10px;
left: 0px;
background: #333;
box-shadow: rgba(255,255,255,0.3) 1px 1px 0;
}
/* =Clean theme
-------------------------------------------------------------- */
.skitter-clean .prev_button,
.skitter-clean .next_button,
.skitter-clean .play_pause_button,
.skitter-clean .focus_button
{
display: block;
background: url('../images/sprite-clean.png') no-repeat;
}
.skitter-clean .prev_button {
background-position: 0px 0px;
width: 47px;
height: 46px;
}
.skitter-clean .next_button {
background-position: 0px -46px;
width: 47px;
height: 46px;
}
.skitter-clean .play_pause_button {
background-position: -0px -133px;
width: 41px;
height: 41px;
}
.skitter-clean .play_pause_button.play_button {
background-position: -0px -92px;
width: 41px;
height: 41px;
}
.skitter-clean .focus_button {
background-position: -0px -174px;
width: 41px;
height: 41px;
}
.skitter-clean .info_slide {
background: transparent;
}
.skitter-clean .info_slide .image_number {
background: #fff;
box-shadow: rgba(0,0,0,0.2) 1px 1px 0;
font-size: 12px;
font-weight: normal;
color:#333;
}
.skitter-clean .info_slide .image_number:hover {
background: #ccc;
}
.skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover {
background: #111;
color:#fff;
}
.skitter-clean .info_slide_dots {
bottom: 10px;
background: rgba(255,255,255,0.8);
box-shadow: rgba(0,0,0,0.3) 1px 1px 0;
}
.skitter-clean .info_slide_dots .image_number {
width: 14px;
height: 14px;
background: #999;
}
.skitter-clean .info_slide_dots .image_number:hover {
background: #333;
}
.skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover {
background: #111;
}
.skitter-clean .progressbar {
top: 5px;
left: 5px;
background: #fff;
box-shadow: rgba(0,0,0,0.5) 1px 1px 0;
}
/* =Square theme
-------------------------------------------------------------- */
.skitter-square .play_pause_button, .skitter-square .next_button, .skitter-square .focus_button, .skitter-square .prev_button {display: block;background: url('../images/sprite-square.png') no-repeat;}
.skitter-square .play_pause_button {background-position: -55px -0px;width: 55px;height: 55px;top: 10px !important;left: 10px !important;bottom: auto !important;right: auto !important;margin-top:0;}
.skitter-square .play_pause_button.play_button {background-position: -0px -0px;width: 55px;height: 55px;}
.skitter-square .focus_button {background-position: -55px -55px;width: 55px;height: 55px;top: 10px !important;left: 65px !important;bottom: auto !important;right: auto !important;margin-top:0;}
.skitter-square .next_button {background-position: -0px -55px;width: 55px;height: 55px;top: auto;left: auto;bottom: 10px;right: 10px;}
.skitter-square .prev_button {background-position: -0px -110px;width: 55px;height: 55px;top: auto;left: auto;bottom: 10px;right: 65px;}
.skitter-square .info_slide {background: transparent;}
.skitter-square .info_slide .image_number {background: #fff;box-shadow: rgba(0,0,0,0.2) 1px 1px 0;font-size: 12px;font-weight: normal;color:#333;}
.skitter-square .info_slide .image_number:hover {background:#ccc;}
.skitter-square .info_slide .image_number_select, .skitter-square .info_slide .image_number_select:hover {background:#111;color:#fff;}
.skitter-square .info_slide_dots .image_number {width:14px;height:14px;box-shadow:rgba(255,255,255,0.2) 1px 1px 0;background:#ccc;}
.skitter-square .info_slide_dots .image_number:hover {background:#999;}
.skitter-square .info_slide_dots .image_number_select, .skitter-square .info_slide_dots .image_number_select:hover {background:#555;}
.skitter-square .progressbar {top:0!important;left:0!important;width:100%;background:#fff;border-radius:0;height:2px;}
#iletisimf .contact div {margin-top:10px;}
#iletisimicerik {width:100%;}
#iletisimicerik .iletisimsirala {float:left;padding:15px;padding-left:40px;background-size:20px 25px!important;fill:#ccc!important;clear:both;display: block;}
#iletisimicerik .iletisimsirala p {float:left;}
#iletisimicerik .iletisimsirala a {line-height: 15px;color:none;color:inherit;padding:2px;}
#iletisimicerik .iletisimsirala a:hover {color:#F00;}
#iletisimicerik .iletisimadres {}
#iletisimicerik .iletisimtelefon {}
#iletisimicerik .iletisimgsm {}
#iletisimicerik .iletisimfax {}
#iletisimicerik .iletisimeposta {}
#iletisimicerik .iletisimaciklama {padding:5px;padding-bottom:10px;}
#iletisimicerik6 {width:100%;}
#iletisimicerik6 .iletisimsirala {padding:3px;clear:both;display: block;text-align:center;}
#iletisimicerik6 .iletisimsirala p {margin-top:5px;font-weight: bold;padding-bottom:3px;}
#iletisimicerik6 .iletisimsirala a {line-height: 15px;color:none;display:block;padding:2px;}
#iletisimicerik6 .iletisimsirala a:hover {color:#F00;}
#iletisimicerik6 .iletisimadres {}
#iletisimicerik6 .iletisimtelefon {}
#iletisimicerik6 .iletisimgsm {}
#iletisimicerik6 .iletisimfax {}
#iletisimicerik6 .iletisimeposta {}
#iletisimicerik6 .iletisimaciklama {padding:5px;padding-bottom:10px;}
#cokluicerik2 blockquote {margin:0px!important;}
/** sosyal aÄŸlar **/
@import url(http://fonts.googleapis.com/css?family=Lobster);
.sosyal1 .cartera,.tarjeta,.tarjeta a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sosyal1 .cartera{position:relative;width:100%;max-width:500px;text-align:center;line-height:56px;font-size:14px;font-family:sans-serif;margin:40px auto 0;}
.sosyal1 .tarjeta{position:relative;width:100%;height:30px;text-align:left;border-bottom:3px groove #eee;margin:0 auto;padding:0;}
.sosyal1 .tarjeta a{position:relative;display:block;top:-6px;left:50%;width:96%;margin-left:-48%;line-height:32px;font-weight:400;border-radius:16px 16px 0 0;text-decoration:none;box-shadow:0 -2px 2px rgba(0,0,0,.1), 0 0 20px rgba(0,0,0,.2) inset;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;padding:0 0 0 16px;}
.sosyal1 .tarjeta a:hover{line-height:52px;top:-26px;text-decoration:none;}
.sosyal1 .tarjeta a:before{display:inline;zoom:1;width:20px;margin-right:10px;text-align:center;font-family:Fontawesome;font-size:18px;}
.sosyal1 .tarjeta a:after{content:"";position:absolute;bottom:0;left:50%;width:102%;margin-left:-51%;height:2px;display:block;border-radius:80px 80px 0 0;box-shadow:0 -2px 6px #666;z-index:-1;}
.sosyal1 .tarjeta.ttwitter a{color:#fff;background-color:#01AFEC;border-top:2px solid #43CFFE;}
.sosyal1 .tarjeta.tgoogle a{color:#fff;background-color:#DB4A37;border-top:2px solid #E88C80;}
.sosyal1 .tarjeta.tfacebook a{color:#fff;background:#3B559F;border-top:2px solid #6B83C9;}
.sosyal1 .tarjeta.tlinkedin a{color:#fff;background:#007BB6;border-top:2px solid #83A9CB;}
.sosyal1 .tarjeta.tpinterest a{color:#fff;background:#CB2027;border-top:2px solid #E88C80;}
.sosyal1 .tarjeta.tinstagram a{color:#fff;background:#42719D;border-top:2px solid #83A9CB;}
/** icons **/
@font-face {
font-family: 'icomoon';
src:url('/ortak/v2/bs/bootstrap-3.2.0/fonts/icomoon.eot?-fqv7xl');
src:url('/ortak/v2/bs/bootstrap-3.2.0/fonts/icomoon.eot?#iefix-fqv7xl') format('embedded-opentype'),
url('/ortak/v2/bs/bootstrap-3.2.0/fonts/icomoon.woff?-fqv7xl') format('woff'),
url('/ortak/v2/bs/bootstrap-3.2.0/fonts/icomoon.ttf?-fqv7xl') format('truetype'),
url('/ortak/v2/bs/bootstrap-3.2.0/fonts/icomoon.svg?-fqv7xl#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size:22px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-mobile:before {
content: "\e000";
}
.icon-laptop:before {
content: "\e001";
}
.icon-desktop:before {
content: "\e002";
}
.icon-tablet:before {
content: "\e003";
}
.icon-phone:before {
content: "\e004";
}
.icon-document:before {
content: "\e005";
}
.icon-book-open:before {
content: "\e00b";
}
.icon-presentation:before {
content: "\e00e";
}
.icon-picture:before {
content: "\e00f";
}
.icon-pictures:before {
content: "\e010";
}
.icon-video:before {
content: "\e011";
}
.icon-camera:before {
content: "\e012";
}
.icon-printer:before {
content: "\e013";
}
.icon-toolbox:before {
content: "\e014";
}
.icon-briefcase:before {
content: "\e015";
}
.icon-wallet:before {
content: "\e016";
}
.icon-gift:before {
content: "\e017";
}
.icon-bargraph:before {
content: "\e018";
}
.icon-edit:before {
content: "\e01c";
}
.icon-ribbon:before {
content: "\e01e";
}
.icon-hourglass:before {
content: "\e01f";
}
.icon-lock:before {
content: "\e020";
}
.icon-megaphone:before {
content: "\e021";
}
.icon-shield:before {
content: "\e022";
}
.icon-trophy:before {
content: "\e023";
}
.icon-flag:before {
content: "\e024";
}
.icon-map:before {
content: "\e025";
}
.icon-puzzle:before {
content: "\e026";
}
.icon-basket:before {
content: "\e027";
}
.icon-envelope:before {
content: "\e028";
}
.icon-streetsign:before {
content: "\e029";
}
.icon-telescope:before {
content: "\e02a";
}
.icon-gears:before {
content: "\e02b";
}
.icon-key:before {
content: "\e02c";
}
.icon-paperclip:before {
content: "\e02d";
}
.icon-attachment:before {
content: "\e02e";
}
.icon-pricetags:before {
content: "\e02f";
}
.icon-lightbulb:before {
content: "\e030";
}
.icon-layers:before {
content: "\e031";
}
.icon-pencil:before {
content: "\e032";
}
.icon-tools:before {
content: "\e033";
}
.icon-tools-2:before {
content: "\e034";
}
.icon-paintbrush:before {
content: "\e036";
}
.icon-magnifying-glass:before {
content: "\e037";
}
.icon-circle-compass:before {
content: "\e038";
}
.icon-linegraph:before {
content: "\e039";
}
.icon-mic:before {
content: "\e03a";
}
.icon-strategy:before {
content: "\e03b";
}
.icon-beaker:before {
content: "\e03c";
}
.icon-caution:before {
content: "\e03d";
}
.icon-anchor:before {
content: "\e03f";
}
.icon-profile-male:before {
content: "\e040";
}
.icon-profile-female:before {
content: "\e041";
}
.icon-bike:before {
content: "\e042";
}
.icon-wine:before {
content: "\e043";
}
.icon-hotairballoon:before {
content: "\e044";
}
.icon-globe:before {
content: "\e045";
}
.icon-genius:before {
content: "\e046";
}
.icon-map-pin:before {
content: "\e047";
}
.icon-dial:before {
content: "\e048";
}
.icon-chat:before {
content: "\e049";
}
.icon-heart:before {
content: "\e04a";
}
.icon-cloud:before {
content: "\e04b";
}
.icon-upload:before {
content: "\e04c";
}
.icon-download:before {
content: "\e04d";
}
.icon-target:before {
content: "\e04e";
}
.icon-piechart:before {
content: "\e050";
}
.icon-speedometer:before {
content: "\e051";
}
.icon-global:before {
content: "\e052";
}
.icon-compass:before {
content: "\e053";
}
.icon-clock:before {
content: "\e055";
}
.icon-quote:before {
content: "\e057";
}
.icon-scope:before {
content: "\e058";
}
.icon-alarmclock:before {
content: "\e059";
}
.icon-refresh:before {
content: "\e05a";
}
.icon-happy:before {
content: "\e05b";
}
.icon-sad:before {
content: "\e05c";
}
.icon-facebook:before {
content: "\e05d";
}
.icon-twitter:before {
content: "\e05e";
}
.icon-googleplus:before {
content: "\e05f";
}
.icon-rss:before {
content: "\e060";
}
.icon-tumblr:before {
content: "\e061";
}
.icon-linkedin:before {
content: "\e062";
}
.icon-dribbble:before {
content: "\e063";
}
.icon-heart2:before {
content: "\e600";
}
.icon-cloud2:before {
content: "\e601";
}
.icon-star:before {
content: "\e602";
}
.icon-tv:before {
content: "\e603";
}
.icon-sound:before {
content: "\e604";
}
.icon-video2:before {
content: "\e605";
}
.icon-trash:before {
content: "\e606";
}
.icon-user:before {
content: "\e607";
}
.icon-key3:before {
content: "\e608";
}
.icon-search:before {
content: "\e609";
}
.icon-settings:before {
content: "\e60a";
}
.icon-camera2:before {
content: "\e60b";
}
.icon-tag:before {
content: "\e60c";
}
.icon-lock2:before {
content: "\e60d";
}
.icon-bulb:before {
content: "\e60e";
}
.icon-pen:before {
content: "\e60f";
}
.icon-diamond:before {
content: "\e610";
}
.icon-display:before {
content: "\e611";
}
.icon-location:before {
content: "\e612";
}
.icon-eye:before {
content: "\e613";
}
.icon-bubble:before {
content: "\e614";
}
.icon-stack:before {
content: "\e615";
}
.icon-cup:before {
content: "\e616";
}
.icon-phone2:before {
content: "\e617";
}
.icon-news:before {
content: "\e618";
}
.icon-mail:before {
content: "\e619";
}
.icon-like:before {
content: "\e61a";
}
.icon-photo:before {
content: "\e61b";
}
.icon-note:before {
content: "\e61c";
}
.icon-clock3:before {
content: "\e61d";
}
.icon-paperplane:before {
content: "\e61e";
}
.icon-params:before {
content: "\e61f";
}
.icon-banknote:before {
content: "\e620";
}
.icon-data:before {
content: "\e621";
}
.icon-music:before {
content: "\e622";
}
.icon-megaphone2:before {
content: "\e623";
}
.icon-study:before {
content: "\e624";
}
.icon-lab:before {
content: "\e625";
}
.icon-food:before {
content: "\e626";
}
.icon-t-shirt:before {
content: "\e627";
}
.icon-fire:before {
content: "\e628";
}
.icon-clip:before {
content: "\e629";
}
.icon-shop:before {
content: "\e62a";
}
.icon-calendar:before {
content: "\e62b";
}
.icon-wallet2:before {
content: "\e62c";
}
.icon-vynil:before {
content: "\e62d";
}
.icon-truck:before {
content: "\e62e";
}
.icon-world:before {
content: "\e62f";
}
.icon-sun:before {
content: "\e630";
}
.icon-cloud3:before {
content: "\e631";
}
.icon-lightning:before {
content: "\e632";
}
.icon-thermometer:before {
content: "\e633";
}
.icon-compass2:before {
content: "\e634";
}
.icon-alert:before {
content: "\f02d";
}
.icon-arrow-down:before {
content: "\f03f";
}
.icon-arrow-left:before {
content: "\f040";
}
.icon-arrow-right:before {
content: "\f03e";
}
.icon-arrow-up:before {
content: "\f03d";
}
.icon-bookmark:before {
content: "\f07b";
}
.icon-briefcase2:before {
content: "\f0d3";
}
.icon-broadcast:before {
content: "\f048";
}
.icon-browser:before {
content: "\f0c5";
}
.icon-bug:before {
content: "\f091";
}
.icon-calendar2:before {
content: "\f068";
}
.icon-check:before {
content: "\f03a";
}
.icon-checklist:before {
content: "\f076";
}
.icon-chevron-down:before {
content: "\f0a3";
}
.icon-clippy:before {
content: "\f035";
}
.icon-clock4:before {
content: "\f046";
}
.icon-comment:before {
content: "\f02b";
}
.icon-comment-discussion:before {
content: "\f04f";
}
.icon-dashboard:before {
content: "\f07d";
}
.icon-device-camera:before {
content: "\f056";
}
.icon-device-camera-video:before {
content: "\f057";
}
.icon-eye2:before {
content: "\f04e";
}
.icon-file-directory:before {
content: "\f016";
}
.icon-file-media:before {
content: "\f012";
}
.icon-file-pdf:before {
content: "\f014";
}
.icon-file-submodule:before {
content: "\f017";
}
.icon-file-text:before {
content: "\f011";
}
.icon-fold:before {
content: "\f0cc";
}
.icon-gear:before {
content: "\f02f";
}
.icon-gift2:before {
content: "\f042";
}
.icon-gist-secret:before {
content: "\f08c";
}
.icon-globe2:before {
content: "\f0b6";
}
.icon-graph:before {
content: "\f043";
}
.icon-heart3:before {
content: "\2665";
}
.icon-history:before {
content: "\f07e";
}
.icon-home:before {
content: "\f08d";
}
.icon-hourglass2:before {
content: "\f09e";
}
.icon-info:before {
content: "\f059";
}
.icon-issue-closed:before {
content: "\f028";
}
.icon-issue-opened:before {
content: "\f026";
}
.icon-key4:before {
content: "\f049";
}
.icon-keyboard:before {
content: "\f00d";
}
.icon-law:before {
content: "\f0d8";
}
.icon-light-bulb:before {
content: "\f000";
}
.icon-list-ordered:before {
content: "\f062";
}
.icon-list-unordered:before {
content: "\f061";
}
.icon-location3:before {
content: "\f060";
}
.icon-lock3:before {
content: "\f06a";
}
.icon-mail2:before {
content: "\f03b";
}
.icon-mail-read:before {
content: "\f03c";
}
.icon-megaphone3:before {
content: "\f077";
}
.icon-mention:before {
content: "\f0be";
}
.icon-microscope:before {
content: "\f089";
}
.icon-milestone:before {
content: "\f075";
}
.icon-mortar-board:before {
content: "\f0d7";
}
.icon-organization:before {
content: "\f037";
}
.icon-package:before {
content: "\f0c4";
}
.icon-paintcan:before {
content: "\f0d1";
}
.icon-pencil3:before {
content: "\f058";
}
.icon-person:before {
content: "\f018";
}
.icon-playback-play:before {
content: "\f0bf";
}
.icon-plug:before {
content: "\f0d4";
}
.icon-plus:before {
content: "\f05d";
}
.icon-podium:before {
content: "\f0af";
}
.icon-pulse:before {
content: "\f085";
}
.icon-puzzle2:before {
content: "\f0c0";
}
.icon-question:before {
content: "\f02c";
}
.icon-quote2:before {
content: "\f063";
}
.icon-rocket:before {
content: "\f033";
}
.icon-ruby:before {
content: "\f047";
}
.icon-search2:before {
content: "\f02e";
}
.icon-server:before {
content: "\f097";
}
.icon-split:before {
content: "\f0c6";
}
.icon-squirrel:before {
content: "\f0b2";
}
.icon-star2:before {
content: "\f02a";
}
.icon-steps:before {
content: "\f0c7";
}
.icon-stop:before {
content: "\f08f";
}
.icon-sync:before {
content: "\f087";
}
.icon-tag2:before {
content: "\f015";
}
.icon-telescope2:before {
content: "\f088";
}
.icon-terminal:before {
content: "\f0c8";
}
.icon-three-bars:before {
content: "\f05e";
}
.icon-tools2:before {
content: "\f031";
}
.icon-trashcan:before {
content: "\f0d0";
}
.icon-unmute:before {
content: "\f0ba";
}
.icon-versions:before {
content: "\f064";
}
.icon-x:before {
content: "\f081";
}
.icon-zap:before {
content: "\26a1";
}
.icon-calculator:before {
content: "\e635";
}
.icon-chat2:before {
content: "\e636";
}
.icon-comments:before {
content: "\e637";
}
.icon-pin-alt:before {
content: "\e638";
}
.icon-cloud4:before {
content: "\e639";
}
.icon-locked:before {
content: "\e63a";
}
.icon-comment2:before {
content: "\e63b";
}
.icon-envelope2:before {
content: "\e63c";
}
.icon-briefcase3:before {
content: "\e63d";
}
.icon-cart:before {
content: "\e63e";
}
.icon-clock5:before {
content: "\e63f";
}
.icon-user2:before {
content: "\e640";
}
.icon-music2:before {
content: "\e641";
}
.icon-pencil4:before {
content: "\e642";
}
.icon-switch:before {
content: "\e643";
}
.icon-star3:before {
content: "\e644";
}
.icon-key5:before {
content: "\e645";
}
.icon-chart:before {
content: "\e646";
}
.icon-apple:before {
content: "\e647";
}
.icon-file:before {
content: "\e648";
}
.icon-plus2:before {
content: "\e649";
}
.icon-minus:before {
content: "\e64a";
}
.icon-picture2:before {
content: "\e64b";
}
.icon-folder:before {
content: "\e64c";
}
.icon-camera3:before {
content: "\e64d";
}
.icon-search3:before {
content: "\e64e";
}
.icon-console:before {
content: "\e64f";
}
.icon-film:before {
content: "\e650";
}
.icon-type:before {
content: "\e651";
}
.icon-home2:before {
content: "\e652";
}
.icon-earth:before {
content: "\e653";
}
.icon-location4:before {
content: "\e654";
}
.icon-info2:before {
content: "\e655";
}
.icon-eye3:before {
content: "\e656";
}
.icon-heart4:before {
content: "\e657";
}
.icon-wrench:before {
content: "\e658";
}
.icon-calendar3:before {
content: "\e659";
}
.icon-droplet:before {
content: "\e65a";
}
.icon-mouse:before {
content: "\e65b";
}
.icon-refresh2:before {
content: "\e65c";
}
.icon-location5:before {
content: "\e65d";
}
.icon-thumbsup:before {
content: "\e65e";
}
.icon-thumbsdown:before {
content: "\e65f";
}
.icon-headphones:before {
content: "\e660";
}
.icon-checkmark:before {
content: "\e661";
}
.icon-cancel:before {
content: "\e662";
}
.icon-gift3:before {
content: "\e663";
}
.icon-cone:before {
content: "\e664";
}
.icon-alarm:before {
content: "\e665";
}
.icon-coffee:before {
content: "\e666";
}
.icon-basket2:before {
content: "\e667";
}
.icon-flag2:before {
content: "\e668";
}
.icon-list:before {
content: "\e669";
}
.icon-grid:before {
content: "\e66a";
}
.icon-stats:before {
content: "\e66b";
}
.icon-target2:before {
content: "\e66c";
}
.icon-diary:before {
content: "\e66d";
}
.icon-smiley:before {
content: "\e66e";
}
.icon-bookmark2:before {
content: "\e66f";
}
.icon-camera4:before {
content: "\e670";
}
.icon-creditcard:before {
content: "\e671";
}
.icon-atom:before {
content: "\e672";
}
.icon-winsows:before {
content: "\e673";
}
.icon-battery:before {
content: "\e674";
}
.icon-code:before {
content: "\e675";
}
.icon-home3:before {
content: "\e900";
}
.icon-office:before {
content: "\e903";
}
.icon-newspaper:before {
content: "\e904";
}
.icon-pencil5:before {
content: "\e905";
}
.icon-pencil2:before {
content: "\e906";
}
.icon-quill:before {
content: "\e907";
}
.icon-pen2:before {
content: "\e908";
}
.icon-eyedropper:before {
content: "\e90a";
}
.icon-droplet2:before {
content: "\e90b";
}
.icon-paint-format:before {
content: "\e90c";
}
.icon-image:before {
content: "\e90d";
}
.icon-images:before {
content: "\e90e";
}
.icon-camera5:before {
content: "\e90f";
}
.icon-headphones2:before {
content: "\e910";
}
.icon-music3:before {
content: "\e911";
}
.icon-play:before {
content: "\e912";
}
.icon-film2:before {
content: "\e913";
}
.icon-video-camera:before {
content: "\e914";
}
.icon-dice:before {
content: "\e915";
}
.icon-pacman:before {
content: "\e916";
}
.icon-spades:before {
content: "\e917";
}
.icon-clubs:before {
content: "\e918";
}
.icon-diamonds:before {
content: "\e919";
}
.icon-bullhorn:before {
content: "\e91a";
}
.icon-connection:before {
content: "\e91b";
}
.icon-podcast:before {
content: "\e91c";
}
.icon-feed:before {
content: "\e91d";
}
.icon-mic2:before {
content: "\e91e";
}
.icon-book:before {
content: "\e91f";
}
.icon-books:before {
content: "\e920";
}
.icon-library:before {
content: "\e921";
}
.icon-file-text3:before {
content: "\e922";
}
.icon-profile:before {
content: "\e923";
}
.icon-file-empty:before {
content: "\e924";
}
.icon-files-empty:before {
content: "\e925";
}
.icon-file-text2:before {
content: "\e926";
}
.icon-file-picture:before {
content: "\e927";
}
.icon-file-music:before {
content: "\e928";
}
.icon-file-play:before {
content: "\e929";
}
.icon-stack2:before {
content: "\e92e";
}
.icon-folder2:before {
content: "\e92f";
}
.icon-folder-open:before {
content: "\e930";
}
.icon-folder-plus:before {
content: "\e931";
}
.icon-folder-minus:before {
content: "\e932";
}
.icon-folder-download:before {
content: "\e933";
}
.icon-folder-upload:before {
content: "\e934";
}
.icon-price-tag:before {
content: "\e935";
}
.icon-price-tags:before {
content: "\e936";
}
.icon-barcode:before {
content: "\e937";
}
.icon-qrcode:before {
content: "\e938";
}
.icon-ticket:before {
content: "\e939";
}
.icon-cart2:before {
content: "\e93a";
}
.icon-coin-dollar:before {
content: "\e93b";
}
.icon-coin-euro:before {
content: "\e93c";
}
.icon-coin-pound:before {
content: "\e93d";
}
.icon-coin-yen:before {
content: "\e93e";
}
.icon-credit-card:before {
content: "\e93f";
}
.icon-calculator2:before {
content: "\e940";
}
.icon-lifebuoy:before {
content: "\e941";
}
.icon-phone3:before {
content: "\e942";
}
.icon-phone-hang-up:before {
content: "\e943";
}
.icon-address-book:before {
content: "\e944";
}
.icon-envelop:before {
content: "\e945";
}
.icon-pushpin:before {
content: "\e946";
}
.icon-location2:before {
content: "\e948";
}
.icon-compass3:before {
content: "\e949";
}
.icon-map2:before {
content: "\e94c";
}
.icon-clock6:before {
content: "\e94e";
}
.icon-clock2:before {
content: "\e94f";
}
.icon-alarm2:before {
content: "\e950";
}
.icon-bell:before {
content: "\e951";
}
.icon-stopwatch:before {
content: "\e952";
}
.icon-calendar4:before {
content: "\e953";
}
.icon-tv2:before {
content: "\e95b";
}
.icon-drawer:before {
content: "\e95c";
}
.icon-drawer2:before {
content: "\e95d";
}
.icon-drive:before {
content: "\e963";
}
.icon-database:before {
content: "\e964";
}
.icon-bubble3:before {
content: "\e96b";
}
.icon-bubbles:before {
content: "\e96c";
}
.icon-bubbles2:before {
content: "\e96d";
}
.icon-bubble2:before {
content: "\e96e";
}
.icon-bubbles3:before {
content: "\e96f";
}
.icon-bubbles4:before {
content: "\e970";
}
.icon-user3:before {
content: "\e971";
}
.icon-users:before {
content: "\e972";
}
.icon-user-plus:before {
content: "\e973";
}
.icon-user-minus:before {
content: "\e974";
}
.icon-user-check:before {
content: "\e975";
}
.icon-user-tie:before {
content: "\e976";
}
.icon-quotes-left:before {
content: "\e977";
}
.icon-quotes-right:before {
content: "\e978";
}
.icon-hour-glass:before {
content: "\e979";
}
.icon-spinner:before {
content: "\e97a";
}
.icon-spinner2:before {
content: "\e97b";
}
.icon-spinner4:before {
content: "\e97d";
}
.icon-spinner9:before {
content: "\e982";
}
.icon-spinner10:before {
content: "\e983";
}
.icon-spinner11:before {
content: "\e984";
}
.icon-binoculars:before {
content: "\e985";
}
.icon-search4:before {
content: "\e986";
}
.icon-zoom-in:before {
content: "\e987";
}
.icon-zoom-out:before {
content: "\e988";
}
.icon-enlarge:before {
content: "\e989";
}
.icon-shrink:before {
content: "\e98a";
}
.icon-enlarge2:before {
content: "\e98b";
}
.icon-shrink2:before {
content: "\e98c";
}
.icon-key6:before {
content: "\e98d";
}
.icon-key2:before {
content: "\e98e";
}
.icon-lock4:before {
content: "\e98f";
}
.icon-unlocked:before {
content: "\e990";
}
.icon-wrench2:before {
content: "\e991";
}
.icon-cog:before {
content: "\e994";
}
.icon-cogs:before {
content: "\e995";
}
.icon-hammer:before {
content: "\e996";
}
.icon-magic-wand:before {
content: "\e997";
}
.icon-aid-kit:before {
content: "\e998";
}
.icon-bug2:before {
content: "\e999";
}
.icon-pie-chart:before {
content: "\e99a";
}
.icon-stats-dots:before {
content: "\e99b";
}
.icon-stats-bars:before {
content: "\e99c";
}
.icon-stats-bars2:before {
content: "\e99d";
}
.icon-trophy2:before {
content: "\e99e";
}
.icon-gift4:before {
content: "\e99f";
}
.icon-glass:before {
content: "\e9a0";
}
.icon-glass2:before {
content: "\e9a1";
}
.icon-mug:before {
content: "\e9a2";
}
.icon-spoon-knife:before {
content: "\e9a3";
}
.icon-leaf:before {
content: "\e9a4";
}
.icon-rocket2:before {
content: "\e9a5";
}
.icon-meter:before {
content: "\e9a6";
}
.icon-meter2:before {
content: "\e9a7";
}
.icon-hammer2:before {
content: "\e9a8";
}
.icon-fire2:before {
content: "\e9a9";
}
.icon-lab2:before {
content: "\e9aa";
}
.icon-magnet:before {
content: "\e9ab";
}
.icon-bin:before {
content: "\e9ac";
}
.icon-bin2:before {
content: "\e9ad";
}
.icon-briefcase4:before {
content: "\e9ae";
}
.icon-airplane:before {
content: "\e9af";
}
.icon-truck2:before {
content: "\e9b0";
}
.icon-road:before {
content: "\e9b1";
}
.icon-accessibility:before {
content: "\e9b2";
}
.icon-target3:before {
content: "\e9b3";
}
.icon-shield2:before {
content: "\e9b4";
}
.icon-power:before {
content: "\e9b5";
}
.icon-switch2:before {
content: "\e9b6";
}
.icon-power-cord:before {
content: "\e9b7";
}
.icon-clipboard:before {
content: "\e9b8";
}
.icon-list-numbered:before {
content: "\e9b9";
}
.icon-list2:before {
content: "\e9bb";
}
.icon-tree:before {
content: "\e9bc";
}
.icon-menu:before {
content: "\e9bd";
}
.icon-cloud-check:before {
content: "\e9c4";
}
.icon-sphere:before {
content: "\e9c9";
}
.icon-earth2:before {
content: "\e9ca";
}
.icon-link:before {
content: "\e9cb";
}
.icon-flag3:before {
content: "\e9cc";
}
.icon-attachment2:before {
content: "\e9cd";
}
.icon-eye4:before {
content: "\e9ce";
}
.icon-eye-plus:before {
content: "\e9cf";
}
.icon-eye-minus:before {
content: "\e9d0";
}
.icon-eye-blocked:before {
content: "\e9d1";
}
.icon-bookmark3:before {
content: "\e9d2";
}
.icon-bookmarks:before {
content: "\e9d3";
}
.icon-sun2:before {
content: "\e9d4";
}
.icon-contrast:before {
content: "\e9d5";
}
.icon-brightness-contrast:before {
content: "\e9d6";
}
.icon-star-empty:before {
content: "\e9d7";
}
.icon-star-half:before {
content: "\e9d8";
}
.icon-star-full:before {
content: "\e9d9";
}
.icon-heart5:before {
content: "\e9da";
}
.icon-man:before {
content: "\e9dc";
}
.icon-woman:before {
content: "\e9dd";
}
.icon-man-woman:before {
content: "\e9de";
}
.icon-happy3:before {
content: "\e9df";
}
.icon-happy2:before {
content: "\e9e0";
}
.icon-smile:before {
content: "\e9e1";
}
.icon-smile2:before {
content: "\e9e2";
}
.icon-tongue:before {
content: "\e9e3";
}
.icon-tongue2:before {
content: "\e9e4";
}
.icon-sad3:before {
content: "\e9e5";
}
.icon-sad2:before {
content: "\e9e6";
}
.icon-wink:before {
content: "\e9e7";
}
.icon-wink2:before {
content: "\e9e8";
}
.icon-grin:before {
content: "\e9e9";
}
.icon-grin2:before {
content: "\e9ea";
}
.icon-cool:before {
content: "\e9eb";
}
.icon-cool2:before {
content: "\e9ec";
}
.icon-angry:before {
content: "\e9ed";
}
.icon-angry2:before {
content: "\e9ee";
}
.icon-evil:before {
content: "\e9ef";
}
.icon-evil2:before {
content: "\e9f0";
}
.icon-shocked:before {
content: "\e9f1";
}
.icon-shocked2:before {
content: "\e9f2";
}
.icon-baffled:before {
content: "\e9f3";
}
.icon-baffled2:before {
content: "\e9f4";
}
.icon-confused:before {
content: "\e9f5";
}
.icon-confused2:before {
content: "\e9f6";
}
.icon-neutral:before {
content: "\e9f7";
}
.icon-neutral2:before {
content: "\e9f8";
}
.icon-hipster:before {
content: "\e9f9";
}
.icon-hipster2:before {
content: "\e9fa";
}
.icon-wondering:before {
content: "\e9fb";
}
.icon-wondering2:before {
content: "\e9fc";
}
.icon-sleepy:before {
content: "\e9fd";
}
.icon-sleepy2:before {
content: "\e9fe";
}
.icon-frustrated:before {
content: "\e9ff";
}
.icon-frustrated2:before {
content: "\ea00";
}
.icon-crying:before {
content: "\ea01";
}
.icon-crying2:before {
content: "\ea02";
}
.icon-point-up:before {
content: "\ea03";
}
.icon-point-right:before {
content: "\ea04";
}
.icon-point-down:before {
content: "\ea05";
}
.icon-point-left:before {
content: "\ea06";
}
.icon-warning:before {
content: "\ea07";
}
.icon-notification:before {
content: "\ea08";
}
.icon-question2:before {
content: "\ea09";
}
.icon-info3:before {
content: "\ea0c";
}
.icon-cancel-circle:before {
content: "\ea0d";
}
.icon-blocked:before {
content: "\ea0e";
}
.icon-cross:before {
content: "\ea0f";
}
.icon-checkmark3:before {
content: "\ea10";
}
.icon-checkmark2:before {
content: "\ea11";
}
.icon-spell-check:before {
content: "\ea12";
}
.icon-stop2:before {
content: "\ea17";
}
.icon-volume-high:before {
content: "\ea26";
}
.icon-volume-medium:before {
content: "\ea27";
}
.icon-volume-low:before {
content: "\ea28";
}
.icon-loop2:before {
content: "\ea2e";
}
.icon-circle-right:before {
content: "\ea42";
}
.icon-circle-down:before {
content: "\ea43";
}
.icon-circle-left:before {
content: "\ea44";
}
.icon-sort-amount-desc:before {
content: "\ea4d";
}
.icon-checkbox-checked:before {
content: "\ea52";
}
.icon-ungroup:before {
content: "\ea59";
}
.icon-table:before {
content: "\ea70";
}
.icon-apple2:before {
content: "\eabf";
}
.icon-windows8:before {
content: "\eac3";
}
.icon-stackoverflow:before {
content: "\eacf";
}
.icon-yelp:before {
content: "\ead9";
}
.icon-file-pdf2:before {
content: "\eada";
}
.icon-file-openoffice:before {
content: "\eadb";
}
.icon-file-word:before {
content: "\eadc";
}
.icon-file-excel:before {
content: "\eadd";
}
.icon-html5:before {
content: "\eadf";
}
.icon-html52:before {
content: "\eae0";
}
.icon-chrome:before {
content: "\eae5";
}
.icon-firefox:before {
content: "\eae6";
}
.icon-IE:before {
content: "\eae7";
}
.icon-safari:before {
content: "\eae9";
}
.icon-IcoMoon:before {
content: "\eaea";
}
.icon-write:before {
content: "\e676";
}
.icon-clock7:before {
content: "\e677";
}
.icon-reply:before {
content: "\e678";
}
.icon-forward:before {
content: "\e679";
}
.icon-search5:before {
content: "\e67a";
}
.icon-trash2:before {
content: "\e67b";
}
.icon-envelope3:before {
content: "\e67c";
}
.icon-bubble4:before {
content: "\e67d";
}
.icon-bubbles5:before {
content: "\e67e";
}
.icon-user4:before {
content: "\e67f";
}
.icon-users2:before {
content: "\e680";
}
.icon-cloud5:before {
content: "\e681";
}
.icon-moon:before {
content: "\e682";
}
.icon-bell2:before {
content: "\e683";
}
.icon-microphone:before {
content: "\e684";
}
.icon-camera6:before {
content: "\e685";
}
.icon-image2:before {
content: "\e686";
}
.icon-cog2:before {
content: "\e687";
}
.icon-map-marker:before {
content: "\e688";
}
.icon-store:before {
content: "\e689";
}
.icon-tag3:before {
content: "\e68a";
}
.icon-heart6:before {
content: "\e68b";
}
.icon-video-camera2:before {
content: "\e68c";
}
.icon-trophy3:before {
content: "\e68d";
}
.icon-cart3:before {
content: "\e68e";
}
.icon-eye5:before {
content: "\e68f";
}
.icon-cancel2:before {
content: "\e690";
}
.icon-chart2:before {
content: "\e691";
}
.icon-cross2:before {
content: "\e692";
}
.icon-plus3:before {
content: "\e693";
}
.icon-left:before {
content: "\e694";
}
.icon-up:before {
content: "\e695";
}
.icon-browser2:before {
content: "\e696";
}
.icon-windows:before {
content: "\e697";
}
.icon-refresh3:before {
content: "\e698";
}
.icon-film3:before {
content: "\e699";
}
.icon-home4:before {
content: "\e69a";
}
.rrssb-buttons.large-format li a,.rrssb-buttons.large-format li a .rrssb-text{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden}.rrssb-buttons,.rrssb-buttons li,.rrssb-buttons li a{-moz-box-sizing:border-box;box-sizing:border-box}.clearfix{*zoom:1}.clearfix:after{clear:both}.clearfix:before,.clearfix:after{content:" ";display:table}.rrssb-buttons{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons li{float:left;height:100%;line-height:13px;list-style:none;margin:0;padding:0 2.5px}.rrssb-buttons li.rrssb-email a{background-color:#0a88ff}.rrssb-buttons li.rrssb-email a:hover{background-color:#006ed6}.rrssb-buttons li.rrssb-facebook a{background-color:#306199}.rrssb-buttons li.rrssb-facebook a:hover{background-color:#244872}.rrssb-buttons li.rrssb-tumblr a{background-color:#32506d}.rrssb-buttons li.rrssb-tumblr a:hover{background-color:#22364a}.rrssb-buttons li.rrssb-linkedin a{background-color:#007bb6}.rrssb-buttons li.rrssb-linkedin a:hover{background-color:#005983}.rrssb-buttons li.rrssb-twitter a{background-color:#26c4f1}.rrssb-buttons li.rrssb-twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.rrssb-googleplus a{background-color:#e93f2e}.rrssb-buttons li.rrssb-googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.rrssb-youtube a{background-color:#df1c31}.rrssb-buttons li.rrssb-youtube a:hover{background-color:#b21627}.rrssb-buttons li.rrssb-reddit a{background-color:#8bbbe3}.rrssb-buttons li.rrssb-reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.rrssb-pinterest a{background-color:#b81621}.rrssb-buttons li.rrssb-pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.rrssb-pocket a{background-color:#ed4054}.rrssb-buttons li.rrssb-pocket a:hover{background-color:#e4162d}.rrssb-buttons li.rrssb-github a{background-color:#444}.rrssb-buttons li.rrssb-github a:hover{background-color:#2b2b2b}.rrssb-buttons li.rrssb-instagram a{background-color:#517fa4}.rrssb-buttons li.rrssb-instagram a:hover{background-color:#406582}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;display:block;font-size:11px;font-weight:bold;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.rrssb-buttons li a .rrssb-icon{display:block;height:100%;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .rrssb-icon svg{height:17px;width:17px}.rrssb-buttons li a .rrssb-icon svg path,.rrssb-buttons li a .rrssb-icon svg polygon{fill:#fff}.rrssb-buttons li a .rrssb-text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,0.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .rrssb-icon{height:100%;left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .rrssb-text{visibility:hidden}.rrssb-buttons.large-format{height:auto}.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li a{border-radius:0.2em;font-size:15px;font-size:1vw;line-height:1vw;padding:7% 0% 7% 12%}.rrssb-buttons.large-format li a .rrssb-icon{left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .rrssb-icon svg{height:100%;width:100%;position:absolute;top:0}.rrssb-buttons.large-format li a .rrssb-text{font-size:15px;font-size:1vw}.rrssb-buttons.large-format li a:hover{font-size:15px;font-size:1vw;padding:7% 0% 7% 12%;border-radius:0.2em}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1.5px}.rrssb-buttons.small-format li a .rrssb-icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .rrssb-icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .rrssb-icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:hover,.rrssb-buttons.tiny-format li a:active{background-color:transparent}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg polygon{fill:#0a88ff}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0054a3}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg polygon{fill:#306199}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#18304b}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg polygon{fill:#32506d}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#121d27}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg polygon{fill:#007bb6}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#003650}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg polygon{fill:#26c4f1}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0b84a6}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg polygon{fill:#e93f2e}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#a01e11}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg polygon{fill:#df1c31}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#84111d}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg polygon{fill:#8bbbe3}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#398bcf}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg polygon{fill:#b81621}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#5d0b11}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg polygon{fill:#ed4054}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#b61124}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg polygon{fill:#444}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#111}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg polygon{fill:#517fa4}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#2f4a60}
.gridster{position:relative}.gridster>*{margin:0 auto;-webkit-transition:height .4s,width .4s;-moz-transition:height .4s,width .4s;-o-transition:height .4s,width .4s;-ms-transition:height .4s,width .4s;transition:height .4s,width .4s}.gridster .gs-w{z-index:2;position:absolute}.ready .gs-w:not(.preview-holder){-webkit-transition:opacity .3s,left .3s,top .3s;-moz-transition:opacity .3s,left .3s,top .3s;-o-transition:opacity .3s,left .3s,top .3s;transition:opacity .3s,left .3s,top .3s}.ready .gs-w:not(.preview-holder),.ready .resize-preview-holder{-webkit-transition:opacity .3s,left .3s,top .3s,width .3s,height .3s;-moz-transition:opacity .3s,left .3s,top .3s,width .3s,height .3s;-o-transition:opacity .3s,left .3s,top .3s,width .3s,height .3s;transition:opacity .3s,left .3s,top .3s,width .3s,height .3s}.gridster .preview-holder{z-index:1;position:absolute;background-color:#e5e5e5;border-color:#fff;opacity:.3}.gridster .player-revert{z-index:10!important;-webkit-transition:left .3s,top .3s!important;-moz-transition:left .3s,top .3s!important;-o-transition:left .3s,top .3s!important;transition:left .3s,top .3s!important}.gridster .dragging,.gridster .resizing{z-index:10!important;-webkit-transition:all 0s!important;-moz-transition:all 0s!important;-o-transition:all 0s!important;transition:all 0s!important}.gs-resize-handle{position:absolute;z-index:1}
.gs-resize-handle-both{width:40px;height:40px;bottom:0px;right:0px;background-image:url(../img/panelboyut.png);background-size:100%;background-position:top left;background-repeat:no-repeat;cursor:se-resize;z-index:20}.gs-resize-handle-x{top:0;bottom:13px;right:-5px;width:10px;cursor:e-resize}
.gs-resize-handle-y{left:0;right:13px;bottom:-5px;height:10px;cursor:s-resize}
.gs-w:hover .gs-resize-handle,.resizing .gs-resize-handle{opacity:1}
.gs-resize-handle,.gs-w.dragging .gs-resize-handle{opacity:0}.gs-resize-disabled .gs-resize-handle{display:none!important}[data-max-sizex="1"] .gs-resize-handle-x,[data-max-sizey="1"] .gs-resize-handle-y,[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle{display:none!important}
.wie-bls {border:1px dashed transparent;}
#custombox-modal {}
#ifra2 {background:#f2f2f2!important;}
.footermenu .menux .submenu {display:none;}
.wie-bls-t30 .bls-ic {overflow: hidden;}
.numberCircle {-webkit-border-radius:0px!important;-moz-border-radius:0px!important;border-radius:0px!important;
font-size: 10px!important;
padding: 8px auto!important;
margin: 0px!important;
text-align: center!important;
height: auto!important;
width: 27px!important;
border-right: 1px solid #f1f1f1!important;}
.numberCircle:hover {background:#ccc!important;cursor: pointer!important;}
.numberCirclex {color:#fff!important;}
.sticky-container{
/*background-color: #333;*/
padding: 0px;
margin: 0px;
position: fixed;
right: -159px;
top:130px;
width: 200px;
z-index: 1588;
}
.sticky li{
list-style-type: none;
background-color: #333;
color: #efefef;
height: 43px;
padding: 0px;
margin: 0px 0px 1px 0px;
-webkit-transition:all 0.25s ease-in-out;
-moz-transition:all 0.25s ease-in-out;
-o-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
cursor: pointer;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.sticky li:hover{
margin-left: -115px;
/*-webkit-transform: translateX(-115px);
-moz-transform: translateX(-115px);
-o-transform: translateX(-115px);
-ms-transform: translateX(-115px);
transform:translateX(-115px);*/
/*background-color: #8e44ad;*/
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
.sticky li img{
float: left;
margin: 5px 5px;
margin-right: 10px;
}
.sticky li p{
padding: 0px;
margin: 0px;
text-transform: uppercase;
line-height: 43px;
color:#fff;
}
/**
.content{
margin-top: 150px;
margin-left: 100px;
width: 700px;
}
h1, h2{
font-family: "Source Sans Pro",sans-serif;
color: #ecf0f1;
padding: 0px;
margin: 0px;
font-weight: normal;
}
h1{
font-weight: 900;
font-size: 64px;
}
h2{
font-size:26px;
}
p{
color: #ecf0f1;
font-family: "Lato";
line-height: 28px;
font-size: 15px;
padding-top: 50px;
}
p.credit{
padding-top: 20px;
font-size: 12px;
}
p a{
color: #ecf0f1;
}
fork icon
.fork{
position: absolute;
top:0px;
left: 0px;
}**/
.social-slide {
height: 48px;
width: 48px;
margin:0px;
float: left;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.social-slide:hover {
background-position: 0px -48px;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}
.social-popout {
height: 48px;
width: 48px;
margin: 10px;
float: left;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.social-popout img {
border-radius: 50%;
margin: 8px;
width: 100%;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.social-popout img:hover {
margin: 0px;
box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3);
}
.facebook-hover {background-image: url('../img/sosyal/set10/facebook-hover.png');}
.twitter-hover {background-image: url('../img/sosyal/set10/twitter-hover.png');}
.instagram-hover {background-image: url('../img/sosyal/set10/instagram-hover.png');}
.googlep-hover {background-image: url('../img/sosyal/set10/google-hover.png');}
.youtube-hover {background-image: url('../img/sosyal/set10/youtube-hover.png');}
.linkedin-hover {background-image: url('../img/sosyal/set10/linkedin-hover.png');}
.pinterest-hover {background-image: url('../img/sosyal/set10/pinterest-hover.png');}
.whatsapp-hover {background-image: url('../img/sosyal/set10/whatsapp-hover.png');}
.socialseti3 {width:50px;position:fixed;right:0px;z-index:555;height:auto;}
.paneltemasecim a {width:40px;height:40px;padding:10px;text-align: center;background:#ccc;color:#000;}
.vipmodul {background: url(../img/panelbg1.png) no-repeat center top;}
.vipmodul .ortala2 p {padding:20px 20px!important;width:auto;background:#fff;border:1px solid #F00;color:#F00;}
.slayt-baslik1 {padding-bottom:5px!important;}
.dilsablon {width:auto;position:absolute!important;}
#dil {width:auto;float:left;margin:0px 2px;}
#muzikp {top:50px!important;}
.footermenu .menux li {max-height:inherit;min-height:0px;}
/** slider 1 **/
.ms-slide-info {position:absolute!important;min-height:0px!important;}
.slayt-baslik1 {width:auto;max-width:600px;margin:0 auto;background:rgba(255,255,255,0.8);border:1px solid #fff;position: absolute;bottom:30px;left:30px;}
.slayt-baslik1 h3 {margin: 5px;font-weight: 300;font-size:32px;color: #222;line-height:36px;}
.slayt-baslik1 p {font-family:"Arial";color:#333;padding:0px 10px;}
.slayt-baslik1-2 {width:auto;max-width:600px;margin:0 auto;background:rgba(255,255,255,0.8);border:1px solid #fff;position: absolute;bottom:30px;left:30px;}
.slayt-baslik1-2 h3 {margin: 5px;font-weight: 300;font-size:32px;color: #222;line-height:36px;}
.slayt-baslik1-2 p {font-family:"Arial";color:#333;padding:0px 10px;}
.slayt-baslik1-3 {width:auto;max-width:600px;margin:0 auto;background:rgba(255,255,255,0.8);border:1px solid #fff;position: absolute;bottom:30px;left:30px;}
.slayt-baslik1-3 h3 {margin: 5px;font-weight: 300;font-size:32px;color: #222;line-height:36px;}
.slayt-baslik1-3 p {font-family:"Arial";color:#333;padding:0px 10px;}
.slayt-baslik1-4 {width:auto;max-width:600px;margin:0 auto;background:rgba(255,255,255,0.8);border:1px solid #fff;position: absolute;bottom:30px;left:30px;}
.slayt-baslik1-4 h3 {margin: 5px;font-weight: 300;font-size:32px;color: #222;line-height:36px;}
.slayt-baslik1-4 p {font-family:"Arial";color:#333;padding:0px 10px;}
.slayt-balik-sablon2 {position:absolute!important;width:100%;bottom:10px;z-index:2;}
.flipto-next {
height: 60px;
width: 45px;
background:;
position: absolute;
right: 20%;
z-index: 666;
top: 45%;
margin-left: 310px;
overflow: hidden;
background: url(../img/next.svg) no-repeat center top;background-size:100% 100%;
}
.flipto-next:hover {background: url(../img/next-renk.svg) no-repeat center top;background-size:100% 100%;}
.flipto-prev:hover {background: url(../img/prev-renk.svg) no-repeat center top;background-size:100% 100%;}
.flipto-prev {
height: 60px;
width:45px;
position: absolute;
left: 20%;
z-index: 666;
top: 45%;
margin-right: 310px;
overflow: hidden;
background: url(../img/prev.svg) no-repeat center top;background-size:100% 100%;
}
.socialilet {display: none;}
.wie-arkaplan-de {color:#fff!important;position:fixed; top:50%;transform:translateY(-50%); z-index:999;right:40px;background:rgba(0,0,0,0.8); width:auto;height:200px;padding:20px;line-height:30px;text-align:center;border:1px solid #F00!important;}
.wie-arkaplan-de a {color:#fff!important;}
.wie-arkaplan-de h2 {color:#fff!important;font-size:20px!important}
.footeradres {width:330px;}
.p-beyaz h2 {color:#fff!important;border-color:#fff!important;}
.p-siyah h2 {color:#000!important;border-color:#000!important;}
.bls-ic {}
.pri-sil {padding:10px 15px; color:#fff;background:#F00;}
.pri-sil:hover {background:#600000;color:#fff;}
.yonetici .wie-logo {cursor:pointer!important;}
.yonetici.anasayfa .wie-logo {border:1px dashed transparent!important;cursor:move!important;}
.yonetici.anasayfa .wie-logo:hover {border:1px dashed #F00!important;}
.yonetici.anasayfa .jqResize {position:absolute;bottom: 0;right: 0;cursor: se-resize;}
.yonetici.anasayfa .jqHandle {background:url(../img/panelboyut.png) no-repeat!important;background-size: 100% 100%!important;width:25px!important;height:25px!important;}
.yonetici.anasayfa .numberCircle {color:#333!important;}
.bls-yildiz {display:none;}
.bls-yorumc {display:none;}
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/ortak/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/ortak/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/ortak/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/ortak/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/ortak/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/ortak/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/ortak/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/ortak/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(/ortak/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/ortak/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(/ortak/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(/ortak/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(/ortak/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/ortak/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/ortak/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/ortak/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/ortak/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/ortak/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/ortak/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(/ortak/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(/ortak/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(/ortak/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(/ortak/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(/ortak/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(/ortak/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(/ortak/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav .pp_play{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(/ortak/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(/ortak/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(/ortak/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(/ortak/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(/ortak/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(/ortak/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(/ortak/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(/ortak/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(/ortak/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(/ortak/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(/ortak/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(/ortak/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(/ortak/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(/ortak/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(/ortak/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(/ortak/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(/ortak/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(/ortak/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{background:url(/ortak/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(/ortak/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(/ortak/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(/ortak/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(/ortak/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(/ortak/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(/ortak/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(/ortak/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(/ortak/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(/ortak/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(/ortak/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(/ortak/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(/ortak/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(/ortak/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(/ortak/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(/ortak/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(/ortak/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(/ortak/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(/ortak/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(/ortak/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(/ortak/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(/ortak/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(/ortak/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(/ortak/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(/ortak/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(/ortak/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(/ortak/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/ortak/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/ortak/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/ortak/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/ortak/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/ortak/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
.prx .bls-cerceve-baslik {color:#fff!important;}
.prx .bls-cerceve-2 h2:before, .prx .bls-cerceve-2 h2:after {background-color:#fff!important;}
.icgaleri img {width: 90px;height:70px;}
.kategoriler0 li img {
max-height: 100%;
max-width: 100%;
width: auto!important;
height: auto!important;
display:inline-block!important;
}
.kategoriler0 .urunresim {height:300px!important;}
.urunresim {
height: 100%!important;
text-align: center!important;
}
.urun0 .urunsablon {
height: 100%!important;
}
.urun0 ul li> a {height:100%!important;}
.kategoriler0 li {height:300px!important;}
.kategoriler0 {display:table;#position:relative;}
.kategoriler0 .urunresim {display:table-cell;vertical-align:middle;text-align:center;#position: absolute;#top: 50%;#width: 100%;}
.kategoriler0 .urunresim .img {#position:relative;#top: -50%;}
.spyeniekleduzenle a {height:auto!important;}
.urun .urun2 .yaziortala .ortala1 {
display:inherit!important}
.pxs_slider_wrapper ul.pxs_thumbnails li img {
max-width:130px;
}
.row .form-label span {
float: left;
width: auto!important;
margin-right: 4px;
}
@media (min-width:990px){
.slayt-sablon {min-height:320px;}
.menux li ul li a:hover::before, .menux li ul li a:hover::after, .menux li ul li a:focus::before, .menux li ul li a:focus::after {
opacity:0;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);border:0px!important;display:none!important;
}
.menux {margin-right:15px!important;}
.menux li ul li a {border:none;padding:0px;}
.menux li ul li {border:0px!important;margin-top:0px!important;margin-bottom:0px!important;padding:6px 10px!important;max-height:inherit;min-height:inherit;}
.menux li ul li:hover {border:0px!important;}
.menux li ul li a::before {display:none!important;}
.menux li ul li a:focus::before {display:none!important;}
.menux li ul li a::after {display:none!important;}
.menux .submenu {margin:0px;
position: absolute;
top: 35px;
left:50%;
transform:translateX(-50%);
}
.menux .submenu {left: 50%;transform: translateX(-50%);}
.menux li a {position: relative;display: inline-block;outline: none;text-decoration: none;text-shadow: 0 0 1px rgba(255,255,255,0.3);}
.menux li a:hover, .menux li a:focus {outline: none;}
.menux li a {}
.menux ul li a {text-align:left;}
.menux ul li {background:#000000;padding:7px;border-bottom:1px solid #ccc;width:100%;width:190px;}
.menux ul li:hover {background:#ccc;}
.submenu {width:auto;max-width:300px;}
/* general styles */
.menux, .menux ul {
list-style: none;
padding: 0;
margin: 0;
}
.menux {
}
.menux li {
}
.menux > li {
display: block;
float: left;
position: relative;
}
.menux > li:first-child {
border-radius: 5px 0 0;
}
.menux a {
display: block;
text-decoration: none;
}
/* onhover styles */
.menux li:hover {
}
.menux li:hover > a {
}
/* submenu styles ------------------------------------*/
.submenu {
position: relative;
font-family:Arial, Helvetica, sans-serif;
color:#CCC;
webkit-perspective: 400px;
moz-perspective: 400px;
ms-perspective: 400px;
o-perspective: 400px;
perspective: 400px;
}
.submenu li {
opacity: 0;
text-align:center;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.menux .submenu li:hover a {
}
.menux > li:hover .submenu, .menux > li:focus .submenu {
max-height: 2000px;
z-index:5;
}
.menux > li:hover .submenu li, .menux > li:focus .submenu li {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
/* CSS3 delays for transition effects---------------------------------------- */
.menux li:hover .submenu li:nth-child(1) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.menux li:hover .submenu li:nth-child(2) {
-webkit-transition-delay: 50ms;
-moz-transition-delay: 50ms;
-ms-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay: 50ms;
}
.menux li:hover .submenu li:nth-child(3) {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-ms-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
}
.menux li:hover .submenu li:nth-child(4) {
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
-ms-transition-delay: 150ms;
-o-transition-delay: 150ms;
transition-delay: 150ms;
}
.menux li:hover .submenu li:nth-child(5) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
}
.menux li:hover .submenu li:nth-child(6) {
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
-ms-transition-delay: 250ms;
-o-transition-delay: 250ms;
transition-delay: 250ms;
}
.menux li:hover .submenu li:nth-child(7) {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.menux li:hover .submenu li:nth-child(8) {
-webkit-transition-delay: 350ms;
-moz-transition-delay: 350ms;
-ms-transition-delay: 350ms;
-o-transition-delay: 350ms;
transition-delay: 350ms;
}
.submenu li:nth-child(1) {
-webkit-transition-delay: 350ms;
-moz-transition-delay: 350ms;
-ms-transition-delay: 350ms;
-o-transition-delay: 350ms;
transition-delay: 350ms;
}
.submenu li:nth-child(2) {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.submenu li:nth-child(3) {
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
-ms-transition-delay: 250ms;
-o-transition-delay: 250ms;
transition-delay: 250ms;
}
.submenu li:nth-child(4) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
}
.submenu li:nth-child(5) {
-webkit-transition-delay: 150ms;
-moz-transition-delay: 150ms;
-ms-transition-delay: 150ms;
-o-transition-delay: 150ms;
transition-delay: 150ms;
}
.submenu li:nth-child(6) {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-ms-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
}
.submenu li:nth-child(7) {
-webkit-transition-delay: 50ms;
-moz-transition-delay: 50ms;
-ms-transition-delay: 50ms;
-o-transition-delay: 50ms;
transition-delay: 50ms;
}
.submenu li:nth-child(8) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.menux, .menux ul {
list-style: none;
padding: 0;
}
.menux ul {
margin: 0;
}
.menux > li {
position: relative;
display: inline-block;
outline: 0;
}
.submenu {
position: absolute;
left:-65px;
top: 100%;
z-index: 0;
overflow: visible;
max-height: 0;
/* The transition-delay prevents the menu to disappear before the transition is run backward
* It's ~= length of the animation (.6s) + highest item transition delay (466ms) */
-webkit-transition: max-height 1ms linear 1s;
-moz-transition: max-height 1ms linear 1s;
/* A .submenu should be only revealed when hovering the .menux */
pointer-events: none;
}
.menux > li:hover .submenu, .menux > li:focus .submenu {
pointer-events: auto;
z-index: 10;
max-height: 2000px;
-webkit-transition: none;
-moz-transition: none;
}
/* Progressive Anim
* ==================================================================
* This is a lot of redundant code but the result is worth it
* This should be edited for menus with more or much less than 8 items
*/
/* forward */
.menux > li:hover .submenu li:nth-child(1) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.menux > li:hover .submenu li:nth-child(2) {
-webkit-transition-delay: 66ms;
-moz-transition-delay: 66ms;
-ms-transition-delay: 66ms;
-o-transition-delay: 66ms;
transition-delay: 66ms;
}
.menux > li:hover .submenu li:nth-child(3) {
-webkit-transition-delay: 133ms;
-moz-transition-delay: 133ms;
-ms-transition-delay: 133ms;
-o-transition-delay: 133ms;
transition-delay: 133ms;
}
.menux > li:hover .submenu li:nth-child(4) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
}
.menux > li:hover .submenu li:nth-child(5) {
-webkit-transition-delay: 266ms;
-moz-transition-delay: 266ms;
-ms-transition-delay: 266ms;
-o-transition-delay: 266ms;
transition-delay: 266ms;
}
.menux > li:hover .submenu li:nth-child(6) {
-webkit-transition-delay: 333ms;
-moz-transition-delay: 333ms;
-ms-transition-delay: 333ms;
-o-transition-delay: 333ms;
transition-delay: 333ms;
}
.menux > li:hover .submenu li:nth-child(7) {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
-ms-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
.menux > li:hover .submenu li:nth-child(8) {
-webkit-transition-delay: 466ms;
-moz-transition-delay: 466ms;
-ms-transition-delay: 466ms;
-o-transition-delay: 466ms;
transition-delay: 466ms;
}
/* backward */
.submenu li:nth-child(1) {
-webkit-transition-delay: 466ms;
-moz-transition-delay: 466ms;
-ms-transition-delay: 466ms;
-o-transition-delay: 466ms;
transition-delay: 466ms;
}
.submenu li:nth-child(2) {
-webkit-transition-delay: 400ms;
-moz-transition-delay: 400ms;
-ms-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
.submenu li:nth-child(3) {
-webkit-transition-delay: 333ms;
-moz-transition-delay: 333ms;
-ms-transition-delay: 333ms;
-o-transition-delay: 333ms;
transition-delay: 333ms;
}
.submenu li:nth-child(4) {
-webkit-transition-delay: 266ms;
-moz-transition-delay: 266ms;
-ms-transition-delay: 266ms;
-o-transition-delay: 266ms;
transition-delay: 266ms;
}
.submenu li:nth-child(5) {
-webkit-transition-delay: 200ms;
-moz-transition-delay: 200ms;
-ms-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
}
.submenu li:nth-child(6) {
-webkit-transition-delay: 133ms;
-moz-transition-delay: 133ms;
-ms-transition-delay: 133ms;
-o-transition-delay: 133ms;
transition-delay: 133ms;
}
.submenu li:nth-child(7) {
-webkit-transition-delay: 66ms;
-moz-transition-delay: 66ms;
-ms-transition-delay: 66ms;
-o-transition-delay: 66ms;
transition-delay: 66ms;
}
.submenu li:nth-child(8) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
/* Default
================================================================= */
.submenu li {
opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
-moz-transition: opacity .4s, -moz-transform .6s, max-height .6s;
-ms-transition: opacity .4s, -ms-transform .6s, max-height .6s;
-o-transition: opacity .4s, -o-transform .6s, max-height .6s;
transition: opacity .4s, transform .6s, max-height .6s;
}
.menux > li:hover .submenu li, .menux > li:focus .submenu li {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
/* Helix
================================================================= */
.helix {
-webkit-perspective: 400px;
-moz-perspective: 400px;
-ms-perspective: 400px;
-o-perspective: 400px;
perspective: 400px;
}
.helix li {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
/* Wave
================================================================= */
.wave li {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: skewY(-90deg);
-moz-transform: skewY(-90deg);
-ms-transform: skewY(-90deg);
-o-transform: skewY(-90deg);
transform: skewY(-90deg);
}
/* Fan
================================================================= */
.fan li {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
/* Papercut
================================================================= */
.papercut {
-webkit-perspective: 600px;
-moz-perspective: 600px;
-ms-perspective: 600px;
-o-perspective: 600px;
perspective: 600px;
-webkit-perspective-origin: 0% 0%;
-moz-perspective-origin: 0% 0%;
-ms-perspective-origin: 0% 0%;
-o-perspective-origin: 0% 0%;
perspective-origin: 0% 0%;
}
.papercut li {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: skewY(30deg);
-moz-transform: skewY(30deg);
-ms-transform: skewY(30deg);
-o-transform: skewY(30deg);
transform: skewY(30deg);
}
/* Fly
================================================================= */
.fly {
-webkit-perspective: 400px;
-moz-perspective: 400px;
-ms-perspective: 400px;
-o-perspective: 400px;
perspective: 400px;
}
.fly li {
-webkit-transform-origin: 50% 50% -50px;
-moz-transform-origin: 50% 50% -50px;
-ms-transform-origin: 50% 50% -50px;
-o-transform-origin: 50% 50% -50px;
transform-origin: 50% 50% -50px;
-webkit-transform: rotateX( -180deg );
-moz-transform: rotateX( -180deg );
-ms-transform: rotateX( -180deg );
-o-transform: rotateX( -180deg );
transform: rotateX( -180deg );
}
/* Blind
================================================================= */
.blind li {
max-height: 0;
}
.menux > li:hover .blind li, .menux > li:focus .blind li {
/* This should be changed to the normal height of list-items */
max-height: 60px;
}
/* Venitian
================================================================= */
.venitian li {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(1,0);
-moz-transform: scale(1,0);
-ms-transform: scale(1,0);
-o-transform: scale(1,0);
transform: scale(1,0);
}
/* Jaws
================================================================= */
.jaws li {
-webkit-transform-origin: 50% -100px;
-moz-transform-origin: 50% -100px;
-ms-transform-origin: 50% -100px;
-o-transform-origin: 50% -100px;
transform-origin: 50% -100px;
}
.jaws li:nth-child(odd) {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.jaws li:nth-child(even) {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* Fence
================================================================= */
.fence {
-webkit-perspective: 600px;
-moz-perspective: 600px;
-ms-perspective: 600px;
-o-perspective: 600px;
perspective: 600px;
}
.fence li:nth-child(odd) {
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.fence li:nth-child(even) {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
/* Zipper
================================================================= */
.zipper li:nth-child(odd) {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.zipper li:nth-child(even) {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
/* Effect 0: default */
.cl-effect-0 li {padding:0px 10px ;}
.cl-effect-0 a {padding:4px 0px 4px 0px;}
/* Effect 1: Brackets */
.cl-effect-1 li {padding-top:12px!important;}
.cl-effect-1 a::before, .cl-effect-1 a::after {display: inline-block;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;-moz-transition: -moz-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s;}
.cl-effect-1 a::before {margin-right: 10px;content: '[';-webkit-transform: translateX(20px);-moz-transform: translateX(20px);transform: translateX(20px);}
.cl-effect-1 a::after {margin-left: 10px;content: ']';-webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);transform: translateX(-20px);}
.cl-effect-1 a:hover::before, .cl-effect-1 a:hover::after, .cl-effect-1 a:focus::before, .cl-effect-1 a:focus::after {opacity: 1;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);transform: translateX(0px);}
/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 li a {color:#fff!important;line-height: 44px;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;margin:0px 2px;}
.cl-effect-2 li a span {position: relative;display: inline-block;padding: 0 14px;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.csstransforms3d .cl-effect-2 li a span::before {position: absolute;top: 100%;text-align:center;left: 0;width: 100%;height: 100%;content: attr(data-hover);-webkit-transition: background 0.3s;-moz-transition: background 0.3s;transition: background 0.3s;-webkit-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;}
.cl-effect-2 li a:hover span, .cl-effect-2 li a:focus span {-webkit-transform: rotateX(90deg) translateY(-22px);-moz-transform: rotateX(90deg) translateY(-22px);transform: rotateX(90deg) translateY(-22px);}
.csstransforms3d .cl-effect-2 li a:hover span::before, .csstransforms3d .cl-effect-2 li a:focus span::before { }
.submenu li a {line-height:23px;}
/* Effect 3: bottom line slides/fades in */
.cl-effect-3 li {padding:0px 10px;padding-top:5px;}
.cl-effect-3 a {padding:7px 0px 6px 0px;}
.cl-effect-3 a::after {position: absolute;top: 100%;left: 0;width: 100%;height: 4px;content: '';opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);}
.cl-effect-3 a:hover::after, .cl-effect-3 a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
/* Effect 4: bottom border enlarge */
.cl-effect-4 li {padding:0px 10px ;padding-top:5px;}
.cl-effect-4 a {padding:7px 0px 6px 0px;}
.cl-effect-4 a::after {position: absolute;top: 100%;left: 0;width: 100%;height: 1px;content: '';opacity: 0;-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: height 0.3s, opacity 0.3s, transform 0.3s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}
.cl-effect-4 a:hover::after, .cl-effect-4 a:focus::after {height: 5px;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
/* Effect 5: same word slide in */
.cl-effect-5 li {padding:9px 0px;padding-top:11px;}
.cl-effect-5 a {overflow: hidden;padding:0px 10px;line-height:21px;}
.cl-effect-5 a span {position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.cl-effect-5 a span::before {position: absolute;top: 100%;content: attr(data-hover);-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cl-effect-5 a:hover span, .cl-effect-5 a:focus span {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
/* Effect 5: same word slide in and border bottom */
.cl-effect-6 a {margin: 0 5px;padding:7px 10px;padding-top:14px;}
.cl-effect-6 a::before {position: absolute;top: 0;left: 0;width: 100%;height: 2px;content: '';-webkit-transition: top 0.3s;-moz-transition: top 0.3s;transition: top 0.3s;}
.cl-effect-6 a::after {position: absolute;top: 0;left: 0;width: 2px;height: 2px;content: '';-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;}
.cl-effect-6 a:hover::before {top: 100%;opacity: 1;}
.cl-effect-6 a:hover::after {height: 100%;}
/* Effect 7: second border slides up */
.cl-effect-7 a {padding:10px 10px;}
.cl-effect-7 a::before,
.cl-effect-7 a::after {position: absolute;top: 100%;left: 0;width: 100%;height: 2px;content: '';-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;-webkit-transform: scale(0.85);-moz-transform: scale(0.85);transform: scale(0.85);}
.cl-effect-7 a::after {opacity: 0;-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: top 0.3s, opacity 0.3s, transform 0.3s;}
.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after, .cl-effect-7 a:focus::before, .cl-effect-7 a:focus::after {-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {top: 0%;opacity: 1;}
/* Effect 8: border slight translate */
.cl-effect-8 li {margin:0px 1px;padding-top:0px;}
.cl-effect-8 a {padding:8px;padding-top:10px;}
.cl-effect-8 a::before, .cl-effect-8 a::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: '';-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
.cl-effect-8 a::after {opacity: 0;-webkit-transform: translateY(-7px) translateX(6px);-moz-transform: translateY(-7px) translateX(6px);transform: translateY(-7px) translateX(6px);}
.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {opacity: 0;-webkit-transform: translateY(5px) translateX(-5px);-moz-transform: translateY(5px) translateX(-5px);transform: translateY(5px) translateX(-5px);}
.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after {opacity: 1;-webkit-transform: translateY(0px) translateX(0px);-moz-transform: translateY(0px) translateX(0px);transform: translateY(0px) translateX(0px);}
/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
.cl-effect-11 li {margin:1px 10px;}
.cl-effect-11 a {padding:9px 0px;text-shadow: none;}
.cl-effect-11 a::before {padding:9px 0;position: absolute;top:0;left: 0;overflow: hidden;max-width: 0;content: attr(data-hover);-webkit-transition: max-width 0.5s;-moz-transition: max-width 0.5s;transition: max-width 0.5s;}
.cl-effect-11 a:hover::before, .cl-effect-11 a:focus::before {max-width: 100%;}
/* Effect 12: circle */
.cl-effect-12 li {margin:0px 2px;padding-top:3px;}
.cl-effect-12 li a {padding:8px 13px;}
.cl-effect-12 a::before, .cl-effect-12 a::after { position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;border: 2px solid rgba(0,0,0,0.1);border-radius: 50%;content: '';opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);transform: translateX(-50%) translateY(-50%) scale(0.2);}
.cl-effect-12 a::after {width: 90px;height: 90px;border-width: 6px;-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);transform: translateX(-50%) translateY(-50%) scale(0.8);}
.cl-effect-12 a:hover::before, .cl-effect-12 a:hover::after, .cl-effect-12 a:focus::before, .cl-effect-12 a:focus::after {opacity: 1;-webkit-transform: translateX(-50%) translateY(-50%) scale(1);-moz-transform: translateX(-50%) translateY(-50%) scale(1);transform: translateX(-50%) translateY(-50%) scale(1);}
/* Effect 13: three circles */
.cl-effect-13 li {margin:0px 2px;padding-top:5px;}
.cl-effect-13 li a {padding:6px 13px;}
.cl-effect-13 a {-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
.cl-effect-13 a::before {position: absolute;top: 55%;left: 50%;color: transparent;content: '•';text-shadow: 0 0 transparent;font-size: 1.2em;-webkit-transition: text-shadow 0.3s, color 0.3s;-moz-transition: text-shadow 0.3s, color 0.3s;transition: text-shadow 0.3s, color 0.3s;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);pointer-events: none;}
.cl-effect-13 a:hover::before, .cl-effect-13 a:focus::before {text-shadow: 10px 0 #fff, -10px 0 #fff;}
.cl-effect-13 a:hover, .cl-effect-13 a:focus {}
/* Effect 14: border switch */
.cl-effect-14 li {margin:0px 0px;}
.cl-effect-14 a {margin-top:1px;overflow:hidden;padding:10px 20px;}
.cl-effect-14 a::before, .cl-effect-14 a::after {position: absolute;width: 45px;height: 1px;content: '';opacity: 0.5;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;pointer-events: none;}
.cl-effect-14 a::before {top: 0;left: 0;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;}
.cl-effect-14 a::after {right: 0;bottom: 0;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0;transform-origin: 100% 0;}
.cl-effect-14 a:hover::before, .cl-effect-14 a:hover::after, .cl-effect-14 a:focus::before, .cl-effect-14 a:focus::after {opacity: 1;}
.cl-effect-14 a:hover::before, .cl-effect-14 a:focus::before {left: 50%;-webkit-transform: rotate(0deg) translateX(-50%);-moz-transform: rotate(0deg) translateX(-50%);transform: rotate(0deg) translateX(-50%);}
.cl-effect-14 a:hover::after, .cl-effect-14 a:focus::after {right: 50%;-webkit-transform: rotate(0deg) translateX(50%);-moz-transform: rotate(0deg) translateX(50%);transform: rotate(0deg) translateX(50%);}
/* Effect 15: scale down, reveal */
.cl-effect-15 li {margin:0px 2px;padding-top:4px;}
.cl-effect-15 a {padding:7px 10px;}
.cl-effect-15 a {font-weight: 700;text-shadow: none;}
.cl-effect-15 a::before {content: attr(data-hover);position: absolute;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;}
.cl-effect-15 a:hover::before, .cl-effect-15 a:focus::before {-webkit-transform: scale(0.9);-moz-transform: scale(0.9);transform: scale(0.9);opacity: 0;}
/* Effect 16: fall down */
.cl-effect-16 li {margin:0px 2px;padding-top:5px;}
.cl-effect-16 a {padding:7px 10px;}
.cl-effect-16 a {}
.cl-effect-16 a::before {content: attr(data-hover);position: absolute;opacity: 0;text-shadow: 0 0 1px rgba(255,255,255,0.3);-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}
.cl-effect-16 a:hover::before, .cl-effect-16 a:focus::before {-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);opacity: 1;}
/* Effect 18: cross */
.cl-effect-18 li {margin:1px 4px;margin-top:10px;}
.cl-effect-18 a {padding:2px 10px;padding-top:4px;}
.cl-effect-18 {position: relative;z-index: 1;}
.cl-effect-18 a {padding: 0 5px;font-weight: 700;-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
.cl-effect-18 a::before, .cl-effect-18 a::after {position: absolute;width: 100%;left: 0;top: 50%;height: 2px;margin-top: -1px;content: '';z-index: -1;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;pointer-events: none;}
.cl-effect-18 a::before {-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);transform: translateY(-20px);}
.cl-effect-18 a::after {-webkit-transform: translateY(20px);-moz-transform: translateY(20px);transform: translateY(20px);}
.cl-effect-18 a:hover, .cl-effect-18 a:focus {color: #fff;}
.cl-effect-18 a:hover::before, .cl-effect-18 a:hover::after, .cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {opacity: 0.7;}
.cl-effect-18 a:hover::before, .cl-effect-18 a:focus::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.cl-effect-18 a:hover::after, .cl-effect-18 a:focus::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
/* Effect 19: 3D side */
.cl-effect-19 a {line-height: 2em;margin: 15px;-webkit-perspective: 400px;-moz-perspective: 400px;perspective: 400px;width: 100px;}
.cl-effect-19 a span {position: relative;display: inline-block;width: 100%;background: #e35041;-webkit-transition: -webkit-transform 0.4s, background 0.4s;-moz-transition: -moz-transform 0.4s, background 0.4s;transition: transform 0.4s, background 0.4s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 50% 50% -100px;-moz-transform-origin: 50% 50% -100px;transform-origin: 50% 50% -100px;}
.csstransforms3d .cl-effect-19 a span::before {position: absolute;top: 0;left: 100%;width: 100%;height: 100%;background: #b53a2d;content: attr(data-hover);-webkit-transition: background 0.4s;-moz-transition: background 0.4s;transition: background 0.4s;-webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);transform: rotateY(90deg);-webkit-transform-origin: 0 50%;-moz-transform-origin: 0 50%;transform-origin: 0 50%;pointer-events: none;}
.cl-effect-19 a:hover span, .cl-effect-19 a:focus span {background: #b53a2d;-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);transform: rotateY(-90deg);}
.csstransforms3d .cl-effect-19 a:hover span::before, .csstransforms3d .cl-effect-19 a:focus span::before {background: #ef5e50;}
/* Effect 20: 3D side */
.cl-effect-20 a {padding:0px 2px;text-align:center;}
.cl-effect-20 a {line-height: 2em;-webkit-perspective: 800px;-moz-perspective: 800px;perspective: 800px;}
.cl-effect-20 a span {position: relative;display: inline-block;padding: 3px 15px 0;box-shadow: inset 0 3px #2f4351;-webkit-transition: background 0.6s;-moz-transition: background 0.6s;transition: background 0.6s;-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.cl-effect-20 a span::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;color: #2f4351;content: attr(data-hover);-webkit-transform: rotateX(270deg);-moz-transform: rotateX(270deg);transform: rotateX(270deg);-webkit-transition: -webkit-transform 0.6s;-moz-transition: -moz-transform 0.6s;transition: transform 0.6s;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;pointer-events: none;}
.cl-effect-20 a:hover span, .cl-effect-20 a:focus span {}
.cl-effect-20 a:hover span::before, .cl-effect-20 a:focus span::before {-webkit-transform: rotateX(10deg);-moz-transform: rotateX(10deg);transform: rotateX(10deg);}
/* Effect 21: borders slight translate */
.cl-effect-21 li {margin:1px 2px;padding-top:3px;}
.cl-effect-21 a {padding:7px 10px;}
.cl-effect-21 a {font-weight: 700;text-shadow: none;-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
.cl-effect-21 a::before, .cl-effect-21 a::after {position: absolute;left: 0;width: 100%;height: 2px;content: '';opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}
.cl-effect-21 a::before {top: 0;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);}
.cl-effect-21 a::after {bottom: 0;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);}
.cl-effect-21 a:hover, .cl-effect-21 a:focus {color: #fff;}
.cl-effect-21 a:hover::before, .cl-effect-21 a:focus::before, .cl-effect-21 a:hover::after, .cl-effect-21 a:focus::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
}
.wie-bls-t47 label {margin-left:10px;margin-bottom:0px;}
/** yeni **/
/** animasyon **/
.animated {
transition: 0.3s;
}
/** menu css **/
.anmenu {width:auto;position:absolute;top:35px;left:50%;transform:translateX(-50%);z-index:111;}
.anmenu ul {}
.anmenu ul li {float:left;list-style:none;margin:8px;}
.anmenu ul li a {color:#666;padding-bottom:3px;}
.current-menu-item a:before {content:"";background:#4392A6;height:1px;width:100%;position:absolute;bottom:0;left:0px!important;right:0px;}
.toggle, [id^=drop] {display:none;}
.amenu ul ul a {color:#fff!important;}
.menuxsimg {position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index: 222;}
.menuxsimg img {height:20px;}
.anmenu ul li ul li {margin:0px;padding:3px 10px;}
.anmenu ul li {margin:0px;padding:10px 20px;}
.anmenu ul li a {padding: 0px;}
.anmenu ul li a:before {display:none;}
.amenu {width:100%;}
.anmenu section {padding:20px;padding-top:0px;padding-bottom:0px;margin-top:76px;}
.grid {width:100%!important;}
@media all and (max-width : 990px) {
.socialgen {width:49px!important;display:inherit!important;top:200px;}
.wie-bls-t62 .bls-yazialani-1-2 {height:auto!important;}
.bls-yazialani-1-2 .blsic {width: 100%!important;float: left!important;}
.section {margin:0;padding:0;}
.prx h1, .prx h2, .prx h3, .prx h4, .prx h5, .prx h6, {color:#333!important;}
.prx, .prx p {color:#666!important;}
.sitesbl {z-index:333;}
section:after {content:"";display:table;clear:both;}
section ul {float:right;padding:0;margin:0;list-style:none;position:relative;transition:0.3s;}
section ul li {margin:0px 10px;display:inline-block;float:left;}
section li ul li {background:#333;}
section ul li ul li:hover {background:#4392A6;}
section ul li ul li:hover > a {color:#fff!important;}
section a:hover {text-decoration:none;}
section ul ul li a:hover {color:#fff!important;}
section ul ul {display:none;transition-delay:0.4s;opacity:0;filter:alpha(opacity=0);position:absolute;min-width:190px;padding:0px;margin-left:0px;background:#333;z-index:2;}
section ul ul ul {}
section ul li:hover > ul { display:inherit;transition-delay:0.4s;opacity:1;filter:alpha(opacity=100);}
section ul ul li {width:auto;float:none;display:block;margin:0px;padding:5px 10px;position:relative;border-bottom:px solid #f1f1f1;}
section ul ul ul {top:0px;left:190px;}
section ul ul ul li {position:relative;}
section.amenu li a {color:#333!important}
section.amenu li:hover {background:#f1f1f1!important;}
section.amenu li:hover a {color:#333!important;}
section.amenu .cl-effect-0 .current_page_item a, .cl-effect-0 li:hover > a {color:#333!important;}
section.amenu .cl-effect-0 .current_page_item li {background:#f1f1f1!important;}
section { margin: 0;}
.toggle + a, .menux {display:none;}
a {cursor:pointer;}
.toggle {display:block;text-decoration:none;border:none;font-weight:inherit;margin:0px;}
.sectionbar-fixed-top .anmenu section {margin-top:47px!important;}
.menusablon:after {display: none;}
.toggle:hover { }
[id^=drop]:checked + ul { display: block;width: 100%;top:50px;}
.topcontainer .animated.fadeInDown [id^=drop]:checked + ul { top:50px;}
section ul li {display:block;width:100%;}
.menux ul, .menux ul li a, .menux ul li, .menux ul li a:hover {color:#000;background: none!important;}
section ul ul .toggle, section ul ul a {padding:0px;}
section ul ul ul a {margin-left:0px;}
section a:hover, section ul ul ul a {color:#333;}
section ul li ul li .toggle, section ul ul a {color:#333;}
section ul ul {float:none;position:static;color:#333;}
section ul ul li:hover > ul, section ul li:hover > ul {display:none;}
section ul ul li {display:block;width:100%;}
section ul ul ul li { position:static;}
section .menux li ul li:hover {background:none!important;border:inherit!important;}
section .menux li ul li {background:none!important;border:inherit!important;}
}
#section-lines {}
#section-lines .rect {stroke-width:0;fill:transparent;transform-origin:50% 50%;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
#section-lines .cross-line {stroke: #333;stroke-width: 0;transform-origin: 50% 50%;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#section-lines .section-line {stroke: #333;transform-origin: 50% 50%;stroke-width:6px;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#section-lines:hover .rect {stroke-width: 1;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#section-lines:hover .section-line {}
#section-lines:hover #section-line-1 {}
#section-lines:hover #section-line-3 {}
#section-lines.active .cross-line {stroke-width:6;}
#section-lines.active .section-line, #section-lines.active #section-line-1, #section-lines.active #section-line-3 {}
#section-lines.active:hover .cross-line { }
}
.gridurun {max-width: inherit!important;}
.gridster ul {width:100%!important;}
#grd-0 [data-sizex="8"] {width: 100%!important;}
#grd-0 [data-row="19"] { top:962px; }
#grd-0 [data-row="18"] { top:909px; }
#grd-0 [data-row="17"] { top:856px; }
#grd-0 [data-row="16"] { top:803px; }
#grd-0 [data-row="15"] { top:750px; }
#grd-0 [data-row="14"] { top:697px; }
#grd-0 [data-row="13"] { top:644px; }
#grd-0 [data-row="12"] { top:591px; }
#grd-0 [data-row="11"] { top:538px; }
#grd-0 [data-row="10"] { top:485px; }
#grd-0 [data-row="9"] { top:432px; }
#grd-0 [data-row="8"] { top:379px; }
#grd-0 [data-row="7"] { top:326px; }
#grd-0 [data-row="6"] { top:273px; }
#grd-0 [data-row="5"] { top:220px; }
#grd-0 [data-row="4"] { top:167px; }
#grd-0 [data-row="3"] { top:114px; }
#grd-0 [data-row="2"] { top:61px; }
#grd-0 [data-row="1"] { top:8px; }
#grd-0 [data-sizey="1"] { height:37px; }
#grd-0 [data-sizey="2"] { height:90px; }
#grd-0 [data-sizey="3"] { height:143px; }
#grd-0 [data-sizey="4"] { height:196px; }
#grd-0 [data-sizey="5"] { height:249px; }
#grd-0 [data-sizey="6"] { height:302px; }
#grd-0 [data-sizey="7"] { height:355px; }
#grd-0 [data-sizey="8"] { height:408px; }
#grd-0 [data-sizey="9"] { height:461px; }
#grd-0 [data-sizey="10"] { height:514px; }
#grd-0 [data-sizey="11"] { height:567px; }
#grd-0 [data-sizey="12"] { height:620px; }
#grd-0 [data-sizey="13"] { height:673px; }
#grd-0 [data-sizey="14"] { height:726px; }
#grd-0 [data-sizey="15"] { height:779px; }
#grd-0 [data-sizey="16"] { height:832px; }
#grd-0 [data-sizey="17"] { height:885px; }
#grd-0 [data-sizey="18"] { height:938px; }
#grd-0 [data-col="8"] { left:87.5%!important; }
#grd-0 [data-col="7"] { left:75%!important;}
#grd-0 [data-col="6"] { left:62.5%!important; }
#grd-0 [data-col="5"] { left:50%!important; }
#grd-0 [data-col="4"] { left:37.5%!important; }
#grd-0 [data-col="3"] { left:25%!important; }
#grd-0 [data-col="2"] { left:12.5%!important; }
#grd-0 [data-col="1"] { left:0%!important; }
#grd-0 [data-sizex="1"] { width:12.5%!important; }
#grd-0 [data-sizex="2"] { width:25%!important; }
#grd-0 [data-sizex="3"] { width:37.5%!important; }
#grd-0 [data-sizex="4"] { width:50%!important; }
#grd-0 [data-sizex="5"] { width:62.5%!important; }
#grd-0 [data-sizex="6"] { width:75%!important; }
#grd-0 [data-sizex="7"] { width:87.5%!important; }
#grd-0 [data-sizex="8"] { width:100%!important; }
/** panel **/
#custombox-modal-content {width:100%!important;height:100%!important;}
#custombox-modal {width:940px!important;height:490px!important;left:50%!important;top:50%!important;margin:0px!important;transform:translateX(-50%) translateY(-50%)!important;}
#sitecntf {position:relative;z-index:999;}
.sayfaayarp {margin-bottom:10px;}
.panelduzenle {transition:0.2s;background:#2FBAE5;text-align:center;width:100%;color:#fff;padding:20px;}
.panelduzenle p {padding:5px;font-size:16px;font-weight:normal;color:#fff;margin:0px;letter-spacing:0.5px;transition-delay:3s;}
.panelduzenle p span {font-size:14px!important;clear:both;width:100%;display:table;margin-top:5px;font-weight:normal;}
.active1:hover .gorunumayar {display:table!important;height:300px;}
.panelduzenle ul {width:auto;position:relative;left:50%;transform: translateX(-50%);display:table;}
.panelduzenle li {float:left;margin:15px 15px;list-style:none;}
.panelduzenle li a {background:#117a99;width:auto!important;letter-spacing:0.5px;font-wegiht:100;padding:10px 20px;font-size:14px;color:#fff;text-decoration:none;transform:2s;}
.panelduzenle li a:hover {background:#0c607a;color:#f6e5ff;transform:2s;}
.menucon1 {display:;}
.sayfaayarp {position:relative;width:100%;background:#f1f1f1;display:table;clear:both;}
.sayfaayarp .menuayar {width:auto;left:50%;transform:translateX(-50%);position:relative;display:table;padding:20px;margin:0px;}
.sayfaayarp .menuayar li {letter-spacing:1px;float:left;margin:15px 10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;overflow:hidden;height:auto!important;}
.sayfaayarp .menuayar li a {color:#fff;background:#22a5cc;padding:8px 40px;float:left;text-decoration:none;transition:0.2s;}
.sayfaayarp .menuayar li a:hover, .sayfaayarp .menuayar li .active {}
.sayfaayarp .ayarlaradon {width:30px;height:30px;color:#333;background:#fff;transition:0.3s;float:right;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;position:absolute;overflow:hidden;right:5px;top:5px;}
.sayfaayarp .ayarsabln {min-height:100px;display:table;position:relative;background:#eff5fb;float:left;margin:1%;width:98%;padding:10px 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.sayfaizinayar {position:relative;}
.sayfaizinayar li {color:#888;padding:10px 5px;cursor:default;}
.sayfaizinayar li:nth-child(2n+1) {background:#f5f5f5;}
.urunmanset1 {padding:0px!important;}
.yenibilesenekled {display:none!important;}
.dashboard #tiles li {background:#f1f1f1!important}
/* Slick Slider */
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:25px}[dir='rtl'] .slick-prev{right:25px;left:auto}.slick-prev:before{content:"\e257"}[dir='rtl'] .slick-prev:before{content:"\e257";}.slick-next{right:25px}[dir='rtl'] .slick-next{right:auto;left:25px}.slick-next:before{content:"\e258";}[dir='rtl'] .slick-next:before{content:"\e258"}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black}
.slick-next:before, .slick-prev:before {display:inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.checkbox-label {
display: inline-block;
font-size: 0.9em;
line-height: 1.4em;
color: #333;
position: relative;
outline: none;
}
.checkbox-label:hover {
cursor: pointer;
}
input[type="checkbox"].checkbox {
opacity: 0;
position: absolute;
}
input[type="checkbox"] + .checkbox-label:before {
font-family: "iconicfill", sans-serif;
content: "";
font-size: 1em;
background: #fff;
border: 1px solid #ccc;
display: inline-block;
width: 1.4em;
height: 1.4em;
margin-right: 1em;
vertical-align: top;
cursor: pointer;
text-align: center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}
input[type="checkbox"]:checked + .checkbox-label:before {
content: "\2713";
color: #333;
}
input[type="checkbox"]:focus + .checkbox-label:before {
outline: none;
border-color: #3498db;
}
input[type="checkbox"] + .checkbox-label:empty:before {
margin-right: 0;
}
.radio-label {
display: inline-block;
font-size: 0.9em;
line-height: 1.4em;
color: #333;
position: relative;
outline: none;
}
.radio-label:hover {
cursor: pointer;
}
input[type="radio"].radio {
opacity: 0;
position: absolute;
}
input[type="radio"] + .radio-label:before {
content: "";
background: #fff;
border-radius: 100%;
border: 1px solid #ccc;
display: inline-block;
width: 1.4em;
height: 1.4em;
margin-right: 1em;
vertical-align: top;
cursor: pointer;
text-align: center;
}
input[type="radio"]:checked + .radio-label:before {
background-color: #3498db;
box-shadow: inset 0 0 0 4px #fff;
}
input[type="radio"]:focus + .radio-label:before {
outline: none;
border-color: #3498db;
}
input[type="radio"] + .radio-label:empty:before {
margin-right: 0;
}
.checkbox-label,
.radio-label {
margin-bottom: 1em;
}
.filtreleme {display:table;padding-bottom:20px;}
.filtreleme .FiltreSecenek {padding:0px 10px!important;}
.filtreleme .FiltreSecenek .checkbox-label {font-weight:normal;margin-bottom:5px!important;}
.filtreleme form .FiltreBaslik {padding:0px 10px!important;color:#333;font-weight:bold;border-top:1px solid #cccc;padding-top:10px!important;}
.filtreleme form .FiltreBaslik:first-child {border-top:0px!important;}
.filtreleme form .Fiyat input {width:49%!important;padding-top:4px;padding-bottom:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-width:inherit;border-top:1px solid #cccc;}
.filtreleme form .Fiyat input {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.filtreleme form .Fiyat input:first-child {margin-right:3px;}
.filtreleme form .Fiyat .filtregonder {width:100%!important;background:#666;color:#fff;margin-top:10px;}
#AramaForm {display:none;}
input[type=checkbox], input[type=radio] {float: left!important;width: auto!important;}
.checkbox+.checkbox, .radio+.radio {margin-top:10px!important;margin-left:10px;}
input[type="radio"], input[type="checkbox"] {margin-top:2px !important;}
.formmesaj.bgrenk .formmesaj.select2-container, .formmesaj.bgrenk .button, .formmesaj.bgrenk textarea, .formmesaj.bgrenk select, .formmesaj.bgrenk input {margin-bottom:0px!important}
.formmesaj.bgrenk .form-group {padding-top:0px!important;}
.footersablons4 .ftmenu .footlink {position:relative!important;}