.hidden{ display:none !important; }

/* ANA SAYFA */
.pageHome{ background:url(/images/ajaxtabs/loading.gif) no-repeat center center; }
.pageHome > div{ visibility:hidden; }
.pageHome.completed > div{ visibility:visible; }
.pageHome.completed{ background:none; }

/* LISTE SAYFASI */
.pageList.preloading{ position:relative; }
.pageList.preloading::after{ content:''; background:url(/images/ajaxtabs/loading.gif) no-repeat; width:32px; height:32px; position:absolute; top:50%; left:0; right:0; margin:0 auto; z-index:5; }
.pageList.preloading::before{ content:''; background:rgba(255, 255, 255, .7); width:100%; height:100%; position:absolute; top:0; left:0; z-index:4; }

/* Zoom */
body.minusGallery{ overflow:hidden; }
body.minusGallery #minusFullScreen{ display:block;  }
#minusFullScreen{ display:none; }
#minusFullScreen .overlay{ background:#FFF; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; }
#minusFullScreen .loadingContent{ position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; overflow:hidden; }
#minusFullScreen .loadingContent img{ position:relative; top:0; left:0; max-width:none !important; }
body.minusGallery .productDetailSlider{ z-index:auto; }
body.minusGallery .productDetailSlider .bulletWrapper{ position:fixed; z-index:102; left:20px; top:20px; }
#minusFullScreen .closeBtn{ position:fixed; z-index:102; right:25px; top:25px; width:23px; height:23px; display:block; background: url(/images/frontend/sprite.png) -177px -122px no-repeat; }


/* MAGAZALAR */
.googleMapsContainer img {max-width: inherit !important;}
.serviceDetail{ background:#FFF; position:absolute; top: 128px; left:0; width:100%; overflow-x: hidden; max-height: 310px; background: #fff; } 
.serviceDetail .inside{ padding: 0 20px 20px 20px; position:relative; }
.serviceDetail .close {background: url('/images/frontend/sprite.png') no-repeat; top: 8px; right: 30px; background-position: -182px -127px; padding: 7px 6px 6px 7px; background-color: transparent; position:absolute; z-index:3; display:none;}
.pageservis.detail .serviceDetail .close {display:block;}
.serviceDetail{height:0;max-height:0;overflow:hidden;-webkit-transition:all 500ms cubic-bezier(1,0,0,1);-moz-transition:all 500ms cubic-bezier(1,0,0,1);-o-transition:all 500ms cubic-bezier(1,0,0,1);transition:all 500ms cubic-bezier(1,0,0,1);-webkit-transition-timing-function:cubic-bezier(1,0,0,1);-moz-transition-timing-function:cubic-bezier(1,0,0,1);-o-transition-timing-function:cubic-bezier(1,0,0,1);transition-timing-function:cubic-bezier(1,0,0,1);display:none;}
.pageservis.detail .serviceDetail{ height:100%; max-height: 330px; overflow-y:auto;}

.pageservis .serviceDetail .content h1 {font-family: 'Gotham-Light';  width: 100%;  padding:8px; text-align:left; display: block; background: #223866; color:#fff; margin-bottom:20px;} 
.pageservis .serviceDetail .content p, .pageservis .serviceDetail .content a {font-family: 'Gotham-Light'; font-size:12px; color:#666; font-style:normal;font-weight:bold; line-height:20px;}
.pageservis .serviceDetail .content h2 {display:none;}
.pageservis .serviceDetail .content .img-holder {margin-top:20px;}
.pageservis .serviceDetail .content .line {width:100%; margin:15px 0; height:1px; background:#b8b8b8; display:inline-block;} 
.pageservis .serviceDetail .content .mapTel:before {content: ""; background: url("/images/frontend/sprite.png") -221px -177px no-repeat; width: 22px; height: 22px; display: inline-block; position: relative; top: 6px; margin-right: 10px;}
.pageservis .serviceDetail .content .mapFax:before {content: ""; background: url("/images/frontend/sprite.png") -221px -232px no-repeat; width: 22px; height: 22px; display: inline-block; position: relative; top: 6px; margin-right: 10px;} 
.pageservis .serviceDetail .content .mapEmail:before {content: ""; background: url("/images/frontend/sprite.png") -221px -204px no-repeat; width: 22px; height: 22px; display: inline-block; position: relative; top: 6px; margin-right: 10px;} 

.findStore {position:absolute; bottom:40px; left:40px; background:#fff; z-index:1; padding:10px; max-width: 300px; display:table; display:none;}
.findStore span {font-family: 'Gotham-Light'; font-weight:bold; vertical-align: middle; display: table-cell; white-space:pre;} 
a.allowLocation:hover .findStore { background:#223866;}
a.allowLocation:hover .findStore span {color:#fff; font-weight:normal;} 

/* */
.mapWrapper{ width:100%; position:relative; }
.mapWrapper .storeDetail{ width:100%; position:absolute; top:0; left:0; z-index:2; background:#FFF; }
.mapWrapper .storeDetail{height:0;overflow:hidden;-webkit-transition:all 500ms cubic-bezier(1,0,0,1);-moz-transition:all 500ms cubic-bezier(1,0,0,1);-o-transition:all 500ms cubic-bezier(1,0,0,1);transition:all 500ms cubic-bezier(1,0,0,1);-webkit-transition-timing-function:cubic-bezier(1,0,0,1);-moz-transition-timing-function:cubic-bezier(1,0,0,1);-o-transition-timing-function:cubic-bezier(1,0,0,1);transition-timing-function:cubic-bezier(1,0,0,1);}
.mapWrapper.detail .storeDetail{ height: 500px; }

.mapWrapper .storeDetail .storeImg{ width:100%; height:100%; position:relative; background:url(/UPLOAD/magazalar/IMGP1678_B.jpg) no-repeat; background-size:cover; }
.mapWrapper .storeDetail .storeImg img{ width:100%; }
.mapWrapper .storeDetail .close {background: url('/images/frontend/sprite.png') no-repeat; top: 28px; right: 30px; background-position: -182px -127px; padding: 7px 6px 6px 7px; background-color: transparent; position:absolute; z-index:3; }

.mapWrapper .storeDetail .storeContent{ border: none; position:absolute; top:20px; right:20px; max-height:460px; height:100%; background:#fff; width: 400px; z-index:2; }
.mapWrapper .storeDetail .storeContent .contentInside{ padding: 20px; }
.mapWrapper .storeDetail .storeContent .contentInside .close {background: url('/images/frontend/sprite.png') no-repeat; top: 8px; right: 30px; background-position: -182px -127px; padding: 7px 6px 6px 7px; background-color: transparent; position:absolute; z-index:3; display:block}
.mapWrapper .storeDetail .storeContent .contentInside h1 {font-family: 'Gotham-Light';  width: 100%;  padding:8px; text-align:left; display: block; background: #223866; color:#fff; margin-bottom:20px;} 
.mapWrapper .storeDetail .storeContent .contentInside p, .mapWrapper .storeDetail .storeContent .contentInside a {font-family: 'Gotham-Light'; font-size:12px; color:#666; font-style:normal;font-weight:bold; line-height:20px;}
.mapWrapper .storeDetail .storeContent .contentInside h2 {display:none;}
.mapWrapper .storeDetail .storeContent .contentInside .img-holder {margin-top:20px;}
.mapWrapper .storeDetail .storeContent .contentInside .line {width:100%; margin:15px 0; height:1px; background:#b8b8b8; display:inline-block;} 
.mapWrapper .storeDetail .storeContent .contentInside .mapTel:before {content: ""; background: url("/images/frontend/sprite.png") -221px -177px no-repeat; width: 22px; height: 22px; display: inline-block; position: relative; top: 6px; margin-right: 10px;}
.mapWrapper .storeDetail .storeContent .contentInside .mapFax:before {content: ""; background: url("/images/frontend/sprite.png") -221px -232px no-repeat; width: 22px; height: 22px; display: inline-block; position: relative; top: 6px; margin-right: 10px;} 
.mapWrapper .storeDetail .storeContent .contentInside .mapEmail:before {content: ""; background: url("/images/frontend/sprite.png") -221px -204px no-repeat; width: 22px; height: 22px; display: inline-block; position: relative; top: 6px; margin-right: 10px;} 

.mapWrapper .storeDetail .storeContent .mapDiv{ width:90%; height:200px; position:absolute; left:20px; bottom:20px; }



/* ==================================== youtubePlayer ==================================== */ 

/* Animation */
body.ytPlayerApi #minHider{max-height:0;overflow:hidden;-webkit-transition:all 500ms cubic-bezier(1,0,0,1);-moz-transition:all 500ms cubic-bezier(1,0,0,1);-o-transition:all 500ms cubic-bezier(1,0,0,1);transition:all 500ms cubic-bezier(1,0,0,1);-webkit-transition-timing-function:cubic-bezier(1,0,0,1);-moz-transition-timing-function:cubic-bezier(1,0,0,1);-o-transition-timing-function:cubic-bezier(1,0,0,1);transition-timing-function:cubic-bezier(1,0,0,1);background:#223866;}
body.ytPlayerApi #minHider.ytPlayerWrapper{max-height:100%}
body.ytPlayerApi #minHider.ytPlayerWrapper.closeYtPlayer{max-height:0;bottom:0;top:inherit}
body.ytPlayerApi .minPpWrp{opacity:0;-webkit-transition:opacity 500ms cubic-bezier(1,0,0,1);-moz-transition:opacity 500ms cubic-bezier(1,0,0,1);-o-transition:opacity 500ms cubic-bezier(1,0,0,1);transition:opacity 500ms cubic-bezier(1,0,0,1);-webkit-transition-timing-function:cubic-bezier(1,0,0,1);-moz-transition-timing-function:cubic-bezier(1,0,0,1);-o-transition-timing-function:cubic-bezier(1,0,0,1);transition-timing-function:cubic-bezier(1,0,0,1);padding:0;}
body.ytPlayerApi .minPpWrp.ytPlayerWrapper{opacity:1}

/**/
body.ytPlayerApi .minPpWrp{ margin:0 !important;}

/**/
.minPpWrp.ytPlayerWrapper{ position:fixed !important; top:0 !important; overflow:visible !important; height:100%; display:table;}
.minPpWrp .videoPopup{ display: table-cell; vertical-align: middle; }
.minPpWrp.ytPlayerWrapper .minPp{ background:none; width:100%; }

/*
.youtubePlayerWrapper .videoWrapper{ position: relative; width: 100%; padding-top: 56.25%; }*/
.youtubePlayerWrapper .videoWrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing:border-box; background:#223866; }


/* close btn */
.ytPlayerWrapper a.ytPlayerCloseBtn{background: url('/images/frontend/sprite.png') no-repeat; top: 15px; right:15px; background-position: -173px -118px; padding:15px; background-color:#fff; position:fixed; z-index:3;}
.ytPlayerWrapper a.btnMinPpCl{ display:none; }

/* controller */
.youtubePlayerWrapper .playPauseBtn {position:absolute; left:0; top:0;  background: url("/images/frontend/videoPlayer.png") no-repeat scroll -17px -55px transparent;   width: 39px;   height: 35px;   border-right: 1px solid #333333; }
.youtubePlayerWrapper .soundBtn { display: inline-block;   background: url("/images/frontend/videoPlayer.png") no-repeat;   width: 40px;   height: 35px; background-position:-44px -56px;margin-left:10px; border-right: solid 1px #333333;border-left:solid 1px #333333;}
.youtubePlayerWrapper .playing .playPauseBtn {background-position:8px -55px;}
.youtubePlayerWrapper .playPauseBtn > span, .soundBtn > span {display:none;}

.youtubePlayerWrapper .controllerWrapper{ position:fixed; bottom:30px; width:100%; z-index:5; display:none; }
.youtubePlayerWrapper .controller { width:90%; height:36px; max-width:520px; background: none repeat scroll 0% 0% #222222; border:1px solid #333333; position: relative; margin: 0 auto;}

.youtubePlayerWrapper .controller .progressBarWrapper{ width:100%;  padding:0 145px 0 52px; }
.youtubePlayerWrapper .controller .progressBar { width: 100%; max-width: 330px;  height: 2px;   position: relative;   border-left: 1px solid #333333;   background: none repeat scroll 0% 0% #000; top: 15px;}
.youtubePlayerWrapper .controller .progressBar .total{  width:100%; height:100%; background:#777777; position:absolute; left:0; top:0; z-index:1; }
.youtubePlayerWrapper .controller .progressBar .progressVideoBytes{ width:0; height:2px; background:#777777; position:absolute; left:0; top:0; z-index:2; cursor:pointer;}
.youtubePlayerWrapper .controller .progressBar .progressVideoTimes{ width:0; height:4px; background:#a80055; position:absolute; left:0; top:-1px; z-index:3; }
.youtubePlayerWrapper .controller .progressBar .progressVideoTimes::after {content:" " ;background:#dedede;width:4px;height:8px;position:absolute;margin-top:-2px;right:0;}

.youtubePlayerWrapper .controller .sound .soundController {display:none;}
.youtubePlayerWrapper .controller .soundController{height:60px; width:38px; background:#555; position:absolute; left:11px; bottom:35px;} 
.youtubePlayerWrapper .controller .soundController:before {content:""; position:absolute; top:-18px; left:0; width:100%; height:18px; background:#555;}
.youtubePlayerWrapper .controller .soundController .total {width:4px; height:100%; background:#7d7d7d; position:absolute; left:50%; bottom:0; z-index:2; margin-left:-2px;}
.youtubePlayerWrapper .controller .soundController .progress{width:4px; height:0; background:#dadada; position:absolute; left:50%; bottom:0; z-index:2; margin-left:-2px;}
.youtubePlayerWrapper .controller .soundController .tracker{width:4px; height:5px; background:#dadada; position:absolute; left:50%; bottom:0; z-index:3; margin-left:-2px;}

.youtubePlayerWrapper .controller .time {display:inline-block;width:30px;float:left;height:100%;margin-left:25px;padding-top:11px; position:absolute; top:0; right:90px; }
.youtubePlayerWrapper .controller .time span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#777777; font-weight:normal; }
.youtubePlayerWrapper .controller .sound { position:relative; display:inline-block;float:left; position:absolute; right:40px; top:0; }
.youtubePlayerWrapper .controller .getDuration, .controller .seperator{display:none;}
.youtubePlayerWrapper .controller .fullScreenBtn {position:absolute; right:0; top:0; display:inline-block;width:40px;height:34px;background: url("/images/frontend/videoPlayer.png") no-repeat;background-position: 8px -80px;}
.youtubePlayerWrapper .controller .fullScreenBtn > * {display:none;}
.youtubePlayerWrapper .soundBtn.mute {background-position:-44px -80px;}
.youtubePlayerWrapper .soundBtn:hover, .soundBtn.mute:hover, .sound.opened .soundBtn {background-color:#1d1d1d;}