@charset "utf-8";
/* CSS Document */


body,html { background: #fff url(/site/i/background/site_bg.jpg) no-repeat center top fixed;}






#site {margin:0 auto;overflow:hidden;position:relative;width:980px;background:#fff;border-right:1px solid #ddd;border-left:1px solid #ddd;}

#toppanel {position: relative;top: 0;width: 100%;z-index: 999;}
#tophat {overflow: hidden;position: relative;z-index: 3;display: none;padding: 0px 0 0px 0;border-bottom: 0px solid #f0f0f0;margin:0 auto;width:980px; background:#535352;height:55px;}
#tophat .top-login {float:left;width:960px;padding:10px;}
#tophat .top-login li {float:left;margin-right:10px;color: #fff; display: block; }
a.open, a.close {height: 25px;cursor: pointer;display: block;position: relative;display: block;float: right;position: relative;margin: 0px 0px 0 0; color: #333; display: block; font-size: 13px; font-weight:700;line-height: 30px;}
a.open img, a.close img {margin-right:5px;}

/* TOP NAV */
.top-bar { height: 30px; line-height: 30px;position:relative;z-index:999;float:left;width: 980px;position:relative;margin-left:0px; }
.contain-to-grid {  background: #fff;margin:0 auto;width:980px;height:30px; }
.top-bar > ul .name h1 { line-height: 30px; margin: 0; }
.top-bar > ul .tarih:hover { background:transparent!important;}
.top-bar ul li.tarih:hover { background:transparent!important;}
.top-bar > ul .name img { margin-top: 0px; vertical-align: middle; }
.top-bar.expanded { height: inherit; }
.top-bar ul { margin-left: 0; display: inline; height: 30px; line-height: 30px; list-style: none;}
.top-bar ul > li { float: left; }
.top-bar ul > li img {margin-right:5px;margin-top:-2px;}
.top-bar ul > li a:not(.button) { color: #333; display: block;height: 30px; line-height: 30px; padding: 0 8px; }
.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a { color: #fff; }
.top-bar ul > li.divider { background: #ddd; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 100%; margin-right: 0px; width: 1px; }
.top-bar ul > li.has-button a.button { margin: 0 11.25px; }
.top-bar ul > li.has-button:hover { background: #8e8d8d; }
.top-bar ul > li.has-button:hover a { color: #fff; }
.top-bar ul > li.toggle-topbar { display: none; }
.top-bar ul > li.has-dropdown { position: relative; /* Dropdown Level 2+ */}
.top-bar ul > li.has-dropdown:hover {border-bottom:1px solid #f2f2f2;}
.top-bar ul > li.has-dropdown:hover > .dropdown { display: block; visibility: visible; }
.top-bar ul > li.has-dropdown a { padding-right: 33.75px; }

.top-bar ul > li.has-dropdown .dropdown { float:left;left: 0; margin: 0; padding: 5px 0 0 0; min-width:120px;position: absolute; visibility: hidden; z-index: 999;  margin-top:0px;}
.top-bar ul > li.has-dropdown .dropdown li { line-height: 1; min-width: 100%; padding-bottom: 2px;}
.top-bar ul > li.has-dropdown .dropdown li a { color: #fff;height: 100%; line-height: 1; padding: 5px; white-space: nowrap; }
.top-bar ul > li.has-dropdown .dropdown li a:hover { background: #333;color:#fff; }
.top-bar ul > li.has-dropdown .dropdown li a:after { border: none; }
.top-bar ul > li.has-dropdown .dropdown li label { color: #fff; font-size: 10px; font-weight: bold; margin: 0; padding-left: 15px; text-transform: uppercase; }
.top-bar ul > li.has-dropdown .dropdown li.divider { border-top: solid 1px black; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; height: 10px; padding: 0; width: 100%; }
.top-bar ul > li.has-dropdown .dropdown li:last-child { padding-bottom: 10px; }
.top-bar ul > li.has-dropdown .dropdown li.active a { background: black; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 30px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; right: 5px; top: 6px; }
.top-bar ul > li.has-dropdown:hover a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #fff transparent transparent transparent; margin-right: 10px; margin-top: -2.5px; position: absolute; right: 0; top: 50%; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { position: absolute; left: 100%; top: 0; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown { display: block; }
.top-bar ul.left { float: left; width: auto; margin-bottom: 0; }
.top-bar ul.right { float: right; width: auto; margin-bottom: 0; /* Dropdown Right Side Alignment */ }
.top-bar ul.right .has-dropdown .dropdown { left: auto; right: 0px; }
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown { right: 100%; left: auto; width: 100%; }
.top-bar .js-generated { display: none; }

.top-bar .nav-social{float:right;margin-top:0px;margin-left:-10px;padding-right:12px;border-right:1px solid #ddd;}
.top-bar .nav-social a{text-decoration:none}
.top-bar .nav-social span{display:none}
.top-bar .nav-social li{float:left;margin-left:5px;width:25px;height:25px;padding:0px;padding-top:2px;}
.top-bar .nav-social li:hover {background:transparent!important;padding:0px;padding-top:2px;}
.top-bar .nav-social li .icon-social-facebook{float:left;width:25px;height:25px;border-radius:4px;background:#b2b2b2 url("/site/i/social-icon/face-25.png");}
.top-bar .nav-social li .icon-social-twitter{float:left;width:25px;height:25px;border-radius:4px;background:#b2b2b2 url("/site/i/social-icon/twit-25.png");}
.top-bar .nav-social li .icon-social-gplus{float:left;width:25px;height:25px;border-radius:4px;background:#b2b2b2 url("/site/i/social-icon/google-25.png");}
.top-bar .nav-social li .icon-social-youtube{float:left;width:25px;height:25px;border-radius:4px;background:#b2b2b2 url("/site/i/social-icon/youtube-25.png");}

.shadow-980 {float:left;width:980px;height:10px;background:url(/site/i/shadow-980.png)no-repeat;margin-bottom:10px;position:relative;z-index:10;}

/* 3GOZ - HEADER-1 */
.header  {float:left;width:980px;height:110px;background:  url(/site/i/header/header-bck.jpg);margin-top:-20px;position:relative;z-index:1;}
.header .logo {float:left;width:315px;height:84px;position: relative;margin-top:13px;margin-left:10px;}

.header .header-iletisim {float:right;margin-right:10px;margin-top:0px;}
.header .header-iletisim .phone {color:#333;padding-left:35px;height:36px;  }
.header .header-iletisim .map a{color:#333;padding-left:35px;height:36px;  }





.search {padding: 1px 5px 1px 0px;height: 35px;float: left;position: relative;margin-top: 40px;margin-left:60px;margin-bottom:20px;}
.search .search-inputbox {width: 200px;}
.search .search-inputbox .input-box2 {font-size: 12px;font-weight: 400;color: #555;border: 1px solid #fff;border-radius: 3px;background-color: #fff;box-shadow: inset 0 0 10px #ccc;height: 25px;width: 200px;padding: 5px 5px 5px 10px;line-height: 23px;}
.search .search-inputbox .placeholder {color: #aaa;}
.search-button {width: 37px;margin: -2px 0 0 5px;float: right;position: relative;}

/* 3GOZ - MENU-1 */
.stick{width:100%; position: fixed; z-index:999; top:-51px; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.fixed-menu{width:100%; margin:0 auto;background-color:#2d3e50; background-image:-ms-linear-gradient(bottom,#2D3E50,#2D3E50);background-image:-moz-linear-gradient(bottom,#2D3E50,#2D3E50);background-image:-o-linear-gradient(bottom,#2D3E50,#2D3E50);background-image:-webkit-gradient(linear,left bottom,left top,from(#2D3E50),to(#2D3E50));background-image:-webkit-linear-gradient(bottom,#2D3E50,#2D3E50);background-image:linear-gradient(bottom,#2D3E50,#2D3E50);}


.menu {  height: 35px; line-height: 35px;position:relative;z-index:200;float:left;width: 980px;position:relative;background: #535352;}
.menu.expanded { height: inherit; }
.menu ul {  display: inline; height: 35px; line-height: 35px; list-style: none;width: 960px;margin:0 auto;background: #535352;}
.menu ul > li { float: left; }
.menu ul > li img {margin-right:1px;}
.menu ul > li a:not(.button) { color: #fff; display: block;height: 35px; line-height: 35px; padding: 0 12px;letter-spacing: 0px; }
.menu ul > li:not(.name):hover { background: #333; }
.menu ul > li:not(.name):hover a { color: #fff; }
.menu ul > li.divider { background: #373737; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 100%; width: 1px; }
.menu ul > li.has-button a.button { margin: 0 11.25px; }
.menu ul > li.has-button:hover { background: #222; }
.menu ul > li.has-button:hover a { color: #fff; }
.menu ul > li.toggle-topbar { display: none; }
.menu ul > li.has-dropdown {float:left;position: relative; /* Dropdown Level 2+ */z-index:9999; }
.menu ul > li.has-dropdown:hover > .dropdown { display: block; visibility: visible;z-index:9999; }
.menu ul > li.has-dropdown a { padding-right: 33.75px; }
.menu ul > li.has-dropdown a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-right: 10px; margin-top: -2.5px; position: absolute; right: 0; top: 50%; }
.menu ul > li.has-dropdown .dropdown { background: #333; padding: 1px 0 0 0; position: absolute; visibility: hidden; z-index: 9999;width:180px; }
.menu ul > li.has-dropdown .dropdown li { background: #333; line-height: 1; min-width: 100%; padding-bottom: 1px; }
.menu ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li { background: #f2f2f2; line-height: 1; min-width: 100%; padding-bottom: 1px; }
.menu ul > li.has-dropdown .dropdown li a { color: #fff;height: 100%; line-height: 1; padding: 5px 15px 5px 10px; white-space: nowrap; }
.menu ul > li.has-dropdown .dropdown li a:after { border: none; }
.menu ul > li.has-dropdown .dropdown li a:hover { background: #535352;color:#fff; }
.menu ul > li.has-dropdown .dropdown li.has-dropdown .dropdown a:hover { background: #427ab6;color:#fff; }
.menu ul > li.has-dropdown .dropdown li.has-dropdown .dropdown a { background: #427ab6;color:#fff; }
.menu ul > li.has-dropdown .dropdown li label { color: #6f6f6f; font-size: 10px; font-weight: bold; margin: 0; padding-left: 15px; text-transform: uppercase; }
.menu ul > li.has-dropdown .dropdown li.divider { border-top: solid 1px fff; height: 10px; padding: 0; width: 100%; }
.menu ul > li.has-dropdown .dropdown li:last-child { padding-bottom: 10px; }
.menu ul > li.has-dropdown .dropdown li.active a { background: black; }
.menu ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 30px; }
.menu ul > li.has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; right: 5px; top: 6px; }
.menu ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { position: absolute; left: 100%; top: -8px;background: #fff;width:200px;}
.menu ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown { display: block; }
.menu ul.left { float: left; width: auto; margin-bottom: 0; }
.menu ul.right { float: right; width: auto; margin-bottom: 0; }
.menu ul.right .has-dropdown .dropdown { left: auto; right: -1px;}
.menu ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown { right: 100%; left: auto; width: 100%; }
.menu .js-generated, .k_menu .js-generated, .u_menu .js-generated, .r_menu .js-generated { display: none; }


/* 3GOZ - BANNER1 */

.device {width: 980px;height: 350px;background: #fff;float:left;position: relative;margin-top:-20px;position:relative;z-index:1;margin-bottom:1px;}
.device .arrow-left {background: url("/site/i/icon/icon-prev.png") no-repeat right top;position: absolute;left: 0px;top: 50%;margin-top: -25px;width: 35px; height: 40px;z-index:999;}
.device .arrow-right {background: url("/site/i/icon/icon-next.png") no-repeat left bottom;position: absolute;right: 0px;top: 50%;margin-top: -25px;width: 35px;  height: 40px;z-index:999;}
.device .arrow-right:hover, .device .arrow-left:hover {width:40px;}
.swiper-container {height: 350px;width: 980px;position:relative;float:left;}
.swiper-container img {width:980px;height:350px;position:relative;}
.content-slide {color: #fff;position:absolute;z-index:9999;bottom:15px;left:0px;  font-size:30px;font-weight:700;width:400px;}
.swiper-slide img {position:relative;}
.banner-pagination {position: absolute;right: 20px;text-align: right;bottom:17px;width: 100%;z-index:9999;}
.swiper-pagination-switch {display: inline-block;width: 15px;height: 15px;border-radius: 10px;background: #fff;margin: 0 3px;cursor: pointer;opacity:0.7;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;	-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left;position:relative;}

.slide-shadow {float:left;width:960px;height:62px;background:url(/site/i/slide-shadow.png)no-repeat;margin-bottom:10px;position:relative;z-index:5;}


/* 3GOZ - BANNER2 */
#bannerBg{display: block;float:left;width: 960px;height: 380px;background:#FFF url("/site/i/background/bck-10.png")repeat;padding: 10px;position: relative;margin-top:-20px;margin-bottom:1px;}
#containingDiv {width:960px;float:left;padding:0px 0 0 0;border-radius:6px;	}
.magic_carousel {position:relative;overflow:hidden;margin-top:0px;margin-left:0px;}
.magic_carousel img {max-width:none;max-height:none;}
.magic_carousel_list {float:left;list-style:none;display:none;}
.magic_carousel .contentHolder {position:relative;overflow:hidden;}
.mycanvas {position:absolute;top:8px;right:10px;z-index:100;}
.myloader {background:url(/img/loader.gif);width:37px;height:37px;position:absolute;left:46%;top:36%;z-index:99;}
.hideElement {display:none;}
.magic_carousel.white .contentHolderUnit {position:absolute;overflow:hidden;cursor: pointer;background:url(/site/i/empty.gif) repeat;border-style:solid;}
.magic_carousel.white .elementTitle {position:absolute;left:0;top:333px;width:100%;text-align:center;color:#fff;margin-bottom:25px;}
.magic_carousel.white .elementTitle .elementSubTitle {position:absolute;left:0;width:100%;text-align:center;color:#fff;font-weight:normal;}
.magic_carousel.white .iconOver {position:absolute;width:63px;height:63px;background-position:left top;background-repeat:no-repeat;	display:none;z-index:20;cursor: pointer;}
.magic_carousel.white .bannerControls {position:absolute;left:0;top:0;z-index:11;width:960px;}
.magic_carousel.white .leftNav {position:absolute;left:0px;width:40px;height:40px;background:url("/site/i/icon/icon-prev.png") 0 0 no-repeat;cursor: pointer;}
.magic_carousel.white .leftNav:hover {background:url("/site/i/icon/icon-prev.png") 0 0 no-repeat;}
.magic_carousel.white .rightNav {position:absolute;right:0px;width:40px;height:40px;background:url("/site/i/icon/icon-next.png") 0 0 no-repeat;cursor: pointer;}
.magic_carousel.white .rightNav:hover {background:url("/site/i/icon/icon-next.png") 0 0 no-repeat;}
.magic_carousel.white .bottomNav {position:absolute;height:35px;width:0;padding-left:9px;z-index:14;}

.magic_carousel.white .bottomNavLeft {display:none;position:absolute;z-index:14;}
.magic_carousel.white .bottomNavRight {display:none;position:absolute;z-index:14;}

/* 3GOZ - BANNER3 */
.coin-slider { float:left;overflow: hidden; zoom: 1; position: relative; margin-top:-20px;width:980px;height:350px;margin-bottom:1px;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { position: absolute;right: 20px!important;text-align: right;bottom:20px;width: 100%;z-index:9999;font-size:0px; }
.cs-title { width:400px;padding: 10px; background-color:rgba(0,0,0,0.8); color: #fff!important;position:absolute;z-index:999; }
.cs-title strong {font-size:20px;}
.cs-prev {background: url("/site/i/icon/icon-prev.png") no-repeat right top;position: absolute;left: 0px;top: 50%;margin-top: -25px;width: 35px; height: 40px;z-index:999;font-size:0px;}
.cs-next {background: url("/site/i/icon/icon-next.png") no-repeat left bottom;position: absolute;right: 0px;top: 50%;margin-top: -25px;width: 35px;  height: 40px;z-index:999;font-size:0px;}

/* 3GOZ - BANNER4 */
.mi-slider {position: relative;height: 350px;float:left;width:980px;margin-top:-10px;background:#fff;}
.mi-slider ul {list-style-type: none;position: absolute;width: 100%;left: 0;bottom: 60px;overflow: hidden;text-align: center;pointer-events: none;}
.no-js .mi-slider ul {position: relative;left: auto;bottom: auto;margin: 0;overflow: visible;}
.mi-slider ul.mi-current {pointer-events: auto;}
.mi-slider ul li {display: inline-block;padding: 20px;width: 20%;max-width: 300px;-webkit-transform: translateX(600%);transform: translateX(600%);-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.no-js .mi-slider ul li {-webkit-transform: translateX(0);transform: translateX(0);}
.mi-slider ul li a,
.mi-slider ul li img {display: block;margin: 0 auto;}
.mi-slider ul li a {outline: none;cursor: pointer;}
.mi-slider ul li img {max-width: 100%;border: none;}
.mi-slider ul li h4 {display: inline-block;padding: 20px 10px 0;color:#333;}
.mi-slider ul li:hover {opacity: 0.7;} 
.no-js nav {display: none;}
.mi-slider nav a {display: inline-block;padding: 15px 20px 10px 14px;position: relative;color: #888;outline: none;-webkit-transition: color 0.2s linear;transition: color 0.2s linear;}
.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {color: #fff;}
.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {content: '';position: absolute;top: -5px;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;}
.mi-slider nav a.mi-selected:after {border-color: transparent;border-top-color: #fff;border-width: 8px;left: 50%;margin-left: -8px;}
.mi-slider ul:first-child li,
.no-js .mi-slider ul li {-webkit-animation: scaleUp 350ms ease-in-out both;animation: scaleUp 350ms ease-in-out both;}
@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { transform: translateX(0) scale(0); }
	100% { transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {-webkit-animation-delay: 90ms;animation-delay: 90ms;}
.mi-slider ul:first-child li:nth-child(2) {-webkit-animation-delay: 180ms;animation-delay: 180ms;}
.mi-slider ul:first-child li:nth-child(3) {-webkit-animation-delay: 270ms;animation-delay: 270ms;}
.mi-slider ul:first-child li:nth-child(4) {-webkit-animation-delay: 360ms;animation-delay: 360ms;}
.mi-slider ul.mi-moveFromRight li {-webkit-animation: moveFromRight 350ms ease-in-out both;animation: moveFromRight 350ms ease-in-out both;}
.mi-slider ul.mi-moveFromLeft li {-webkit-animation: moveFromLeft 350ms ease-in-out both;animation: moveFromLeft 350ms ease-in-out both;}
.mi-slider ul.mi-moveToRight li {-webkit-animation: moveToRight 350ms ease-in-out both;animation: moveToRight 350ms ease-in-out both;}
.mi-slider ul.mi-moveToLeft li {-webkit-animation: moveToLeft 350ms ease-in-out both;animation: moveToLeft 350ms ease-in-out both;}
.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {-webkit-animation-delay: 0ms;animation-delay: 0ms;}
.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {-webkit-animation-delay: 90ms;animation-delay: 90ms;}
.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {-webkit-animation-delay: 180ms;animation-delay: 180ms;}
.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {-webkit-animation-delay: 270ms;animation-delay: 270ms;}
@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
	0% { transform: translateX(600%); }
	100% { transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { transform: translateX(-600%); }
	100% { transform: translateX(0); }
}

@keyframes moveToRight {
	0% { transform: translateX(0%); }
	100% { transform: translateX(600%); }
}

@keyframes moveToLeft {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-600%); }
}

.mi-slider {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.codrops-top {line-height: 24px;font-size: 11px;background: #fff;background: rgba(255, 255, 255, 0.5);text-transform: uppercase;z-index: 9999;position: relative;box-shadow: 1px 0px 2px rgba(0,0,0,0.2);}
.codrops-top a {padding: 0px 10px;letter-spacing: 1px;color: #333;display: inline-block;}
.codrops-top a:hover {background: rgba(255,255,255,0.8);color: #000;}
.codrops-top span.right {float: right;}
.codrops-top span.right a {	float: left;display: block;}
.codrops-demos {float: right;padding-top: 10px;}
.codrops-demos a {display: inline-block;margin: 10px;color: #666;font-weight: 700;line-height: 30px;border-bottom: 4px solid transparent;}
.codrops-demos a:hover {color: #000;border-color: #000;}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {color: #aaa;border-color: #aaa;}

/* 3GOZ - KURUMSAL ORTA1 */

#homepage-content { padding:0 20px;float:left;widht:940px;margin-top:-50px;padding-bottom:20px; padding-top:20px;border-top: 0px solid #eeeff1; }
#homepage-kurumsal {float: left;width: 500px;padding-right:20px;}
#homepage-kurumsal h3, #homepage-iletisim h3 {padding: 5px 0px 5px 0px;margin-bottom: 10px;color: #333;line-height: 1em;text-transform: uppercase;}
#homepage-kurumsal p, #homepage-iletisim p {float:left;color: #2f2f2f;margin-bottom: 0px;display: inline;margin-bottom:10px;}
#homepage-iletisim {float: right;width: 390px;color: #2f2f2f;font-size: 14px;padding-left:20px;border-left:1px solid #eeeff1;}
#homepage-kurumsal a:hover.readmore, #homepage-iletisim a:hover.readmore {color:#333;}

#homepage-haber {float:left;border-top: 1px solid #eeeff1;border-bottom: 0px solid #eeeff1;padding: 20px 20px;clear: both;width:940px;}
#homepage-haber h3 {padding: 5px 0px 5px 0px;margin-bottom: 10px;color: #333;}
#homepage-haber .haber {padding: 10px;position: relative;z-index: 1;color: #1e1e1e;float: left;width: 275px;height: 130px;background-color: #f6f6f6;border: 1px solid #dbdbdb;		margin-right: 24px;border-radius: 3px;box-shadow: inset 0px 1px 0px 0px #ffffff;	}
#homepage-haber .haber:hover {background-color: #f2f2f2;}
#homepage-haber .haber p { font-size: 12px!important; line-height: 20px!important; }
#homepage-haber .haber.end { margin-right: 0px;float:right; }
#homepage-haber .icon-haber {position: absolute;left: -10px;top: 10px;z-index: 2;width: 25px;height: 25px;background: url("/site/i/icon/icon-news.png") no-repeat center center #ffffff;box-shadow: 0px 1px 2px 0px rgba(0,0,0, .3);border-radius: 3px;		}
#homepage-haber .haber p.title {text-align: left;color: #1e1e1e;font-size: 14px!important;font-weight: 600;padding: 0 10px;line-height: 1.4em;margin-bottom: 15px;}
#homepage-haber .haber img {float: left;margin-right: 10px;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgba(0,0,0, .3);border-radius: 3px;}
#homepage-haber .haber .data {display: inline;font-size: 13px!important;}
#homepage-haber .haber .data p {font-size: 12px;color: #1e1e1e;line-height: 20px;margin-bottom: 0px;display: inline;font-size: 14px!important;}
.homepage-section{float:left;padding:30px 10px 15px 10px;border-bottom: 1px solid #eeeff1;margin-top:-72px;width:960px;background:#f2f2f2;}
.information{overflow:hidden;width:100%;color:#666;padding:0 0 24px;line-height:21px;}
.information .column{float:left;width:290px;padding:5px;margin:0 0 0 19px;background:#fff;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 6px rgba(0,0,0,0.4);-o-box-shadow:0 1px 6px rgba(0,0,0,0.4);box-shadow:0 1px 6px rgba(0,0,0,0.4);height:335px;overflow:hidden;position:relative;border:0px solid #fff;}
.information .column:hover {}
.information .column:first-child{margin-left:13px}
.homepage-section .information .column h3 {padding: 0px 0px 5px 0px;margin-bottom: 5px;color: #333;}
.homepage-section p{margin:0;font-size:13px;height:85px;overflow:hidden;float:left;}
.homepage-section img {float:left;width:290px;margin-bottom: 5px;}


/* 3GOZ - FOOTER-1 */
#footer { width:980px; height:195px; background:#333333;position:relative;z-index:10; float:left;border-bottom:0px solid #f8991c;}

#footer #logo { left:10px; top:10px; width:98px; height:109px; background:none; float:none; text-indent:0; position:relative; z-index:1;}

#siteMap { float:left; margin:10px 15px;}
#siteMap dl { float:left; margin-right:35px; }
#siteMap dl dt { text-align:left; font-size:14px; color:#fff; font-weight:700; line-height:35px; width: 100%;display: block; }
#siteMap dl dd  { font-size:12px; color:#a5a5a5; line-height:20px; border-bottom:1px dotted #222; }
#siteMap dl dd a { color:#a5a5a5; }
#siteMap dl dd a:hover { color:#fff; }
#siteMap dl.spor dt, 
#siteMap dl.spor dd { width:112px; }
#siteMap dl.e-bulten { width:280px;margin-right:0px; }
#siteMap dl.eglence dt, 
#siteMap dl.eglence dd { width:152px; }
#siteMap dl.kurumsal dt, 
#siteMap dl.kurumsal dd { width:200px; }
#siteMap dl.dyg-televizyon dt, 
#siteMap dl.dyg-televizyon dd { width:105px; }
#siteMap dl.dyg-radyo dt, 
#siteMap dl.dyg-radyo dd { width:200px; }

#siteMap dl.e-bulten h3 {text-align:left;color:#fff;line-height:35px; width: 100%;display: block;}
#siteMap dl.e-bulten p {color:#a5a5a5; line-height:20px;margin-bottom:5px;}
.scroll-to-top { position:absolute; top:-15px; right:10px; }
#footer-signature {float:left;padding-top:0px;color:#969595;width:960px;padding:10px;margin:0px 0px;height:15px;    background: #222 ;font-size:11px;}
#footer-signature #footer-quick-links {float:left;text-align: left;}
#footer-signature #footer-quick-links ul {list-style:none;font-size:11px;}
#footer-signature #footer-quick-links ul li {float:left;padding-right:4px;margin-right:4px;}
#footer-signature #footer-quick-links ul li.last {border-right:none;}
#footer-signature a {font-size:11px;color:#fff;text-decoration:none;}
#footer-signature a:hover {color:#dd1518;}
#footer-signature a.marked {color:#dd1518;}
.footerBottom {float:left;width:980px;height:50px;background:#000;}
.footersiteLogo {background:url(/site/i/logo/footer-logo.png) no-repeat 0 0;width:188px;height:50px;display:block;float:left;margin-top:0px;padding-right:5px;margin-right:5px;}
.footerCopyText {color:#969696;padding:13px 0 0 10px;display:block;float:left;width:600px;line-height:16px;padding-right:10px;margin-right:5px;text-align:center;height:37px;}
.footerWhiteLink {float:right;color:#266cb2;font-size:12px;Font-weight:bold;display:inline-block;margin:25px 10px;}
.footerWhiteLink a:hover {color:#f8991c;}
.footerdesignLogo {background:url(/site/i/logo/3goz.png) no-repeat 0 0;width:151px;height:50px;display:block;float:right;margin-top:0px;margin-right:5px;}


/* 3GOZ - KURUMSAL ORTA-2 */

#kurumsal-orta{float:left;width:960;margin-top:-55px;padding:10px;overflow:hidden;margin-bottom:20px;}
.kurumsal-orta-box{width:290px;height:350px;float:left;margin:0 45px 0 0;}
.kurumsal-orta-box:nth-child(3n){margin:0px;}
.kurumsal-orta-box-title{padding: 5px 0px 5px 5px;margin-bottom: 10px;color: #fff;line-height: 1em; background:#333;
border-bottom:3px solid #3B5998;border-left:5px solid #3B5998;}
.kurumsal-orta-box-content{float:left;width:290px;min-height:270px;padding:0px 0 0px 0;color:#666666;}
#article-cont, #faaliyet-cont{width:290px;height:270px;overflow:hidden;padding:0px 0 5px 0;}
#article{width:290px;height:240px;margin:0px;padding:0px;}
.article-box{width:290px;height:auto;padding:8px 0px;border-bottom:1px dotted #ddd;overflow:hidden;list-style-type:none;}
.article-box:hover{cursor:pointer;	background:#f2f2f2;}
.article-box-2{width:290px;height:auto;padding:20px 0px;border-bottom:1px dotted #ddd;overflow:hidden;list-style-type:none;}
.article-box-2:hover{cursor:pointer;}
.article-box:hover .article-text a{color:#052462;}

.article-date{width:52px;height:47px;margin-left:5px;background:#f2f2f2;float:left;text-align:center;color:#646464;line-height:23px;padding:8px 0 0 0;}
.article-box:hover .article-date{background:#8e8e8e;color:#fff;margin-left:5px;}
.article-box:hover .article-date span {color:#fff;}
.article-images {float:left;width:90px;height:90px;margin-right:10px;}
.article-text{width:225px;height:auto;min-height:75px;float:right;font-size:12px;color:#646464;}
.article-text-2{width:290px;height:auto;min-height:80px;float:right;font-size:12px;color:#646464;}

.article-text a.baslik,.article-text-2 a.baslik {color:#333;}
.article-text a.spot {color:#646464;float:left;overflow:hidden;display:block;height:58px;}
.article-text-2 a.spot {color:#646464;float:left;overflow:hidden;display:block;height:75px;}
.artice-updown{float:left;width:275px;height:auto;min-height:20px;margin:10px 0 0 0;padding:7px 10px 0px 5px;}
.artice-updown a{text-decoration:none;font-size:14px;color:#052462;	}


/* 3GOZ - BUTTON */


/* Normal Buttons ---------------------- */
.button { width: auto; background: #57b1f7; border: 0px solid #3a95db;  color: white; cursor: pointer; display: inline-block;font-size: 14px; font-weight: 600; line-height: 1; margin: 0; outline: none; padding: 7px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button:hover { color: white; background-color: #3a95db; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; }
.button.large { font-size: 17px; padding: 15px 30px 16px; }
.button.medium { font-size: 14px; }
.button.small { font-size: 11px; padding: 7px 14px 8px; }
.button.tiny { font-size: 10px; padding: 5px 10px 6px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.primary:hover { background-color: #970b0e; }
.button.primary:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover { background-color: #457a1a; }
.button.success:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover { background-color: #970b0e; }
.button.alert:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

/* Button Colors ---------------------- */
.button.gri { background-color: #808080; color:#FFF;}
.button.gri:hover { background-color: #333; }



.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #c60f13; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button.disabled :hover, .button[disabled] :hover { background: #c60f13; }
.button.disabled.success, .button[disabled].success { background-color: #5da423; }
.button.disabled.success:hover, .button[disabled].success:hover { background-color: #5da423; }
.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
.button.disabled.alert:hover, .button[disabled].alert:hover { background-color: #c60f13; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
.button.disabled.secondary:hover, .button[disabled].secondary:hover { background-color: #e9e9e9; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
  input[type="submit"].tiny.button { padding: 3px 10px 4px; }
  input[type="submit"].small.button { padding: 5px 14px 6px; }
  input[type="submit"].button, input[type=submit].medium.button { padding: 5px; }
  input[type="submit"].large.button { padding: 13px 30px 14px; } }

/* Buttons with Dropdowns ---------------------- */
.button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ }
.button.dropdown.large { padding-right: 60px; }
.button.dropdown.small { padding-right: 28px; }
.button.dropdown.tiny { padding-right: 20px; }
.button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; }
.button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; }
.button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; }
.button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; }
.button.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; }
.button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
.button.dropdown > ul li a { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; }
.button.dropdown > ul li:hover { background-color: #fac0c2; color: #222; }
.button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; }
.button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; }
.button.dropdown ul.no-hover.show-dropdown { display: block !important; }
.button.dropdown:hover > ul.no-hover { display: none; }
.button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ }
.button.dropdown.split:after { display: none; }
.button.dropdown.split:hover { background-color: #c60f13; }
.button.dropdown.split.alert:hover { background-color: #c60f13; }
.button.dropdown.split.success:hover { background-color: #5da423; }
.button.dropdown.split.secondary:hover { background-color: #e9e9e9; }
.button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > a:hover { background-color: #970b0e; }
.button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; }
.button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; }
.button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; }
.button.dropdown.split > span { background-color: #c60f13; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #7f0a0c; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > span:hover { background-color: #970b0e; }
.button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; }
.button.dropdown.split.secondary > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; }
.button.dropdown.split.large span { width: 45px; }
.button.dropdown.split.small span { width: 21px; }
.button.dropdown.split.tiny span { width: 15px; }
.button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; }
.button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; }
.button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; }
.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
.button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
.button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
.button.dropdown.split.secondary > a { color: #1d1d1d; }
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover { background-color: #970b0e; }
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover { background-color: #457a1a; }
.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover { background-color: #d0d0d0; }

/* Button Groups ---------------------- */
ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; }
ul.button-group:before, ul.button-group:after { content: " "; display: table; }
ul.button-group:after { clear: both; }
ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; }
ul.button-group li:first-child { margin-left: 0; }
ul.button-group.radius li a.button, ul.button-group.radius li a.button.radius, ul.button-group.radius li a.button-rounded, ul.button-group.radius li input[type="submit"].button, ul.button-group.radius li input[type="submit"].button.radius, ul.button-group.radius li input[type="submit"].button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius, ul.button-group.radius li:first-child input[type="submit"].button, ul.button-group.radius li:first-child input[type="submit"].button.radius { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
ul.button-group.radius li:first-child a.button.rounded, ul.button-group.radius li:first-child input[type="submit"].button.rounded { -moz-border-radius-topleft: 1000px; -webkit-border-top-left-radius: 1000px; border-top-left-radius: 1000px; -moz-border-radius-bottomleft: 1000px; -webkit-border-bottom-left-radius: 1000px; border-bottom-left-radius: 1000px; }
ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius, ul.button-group.radius li:last-child input[type="submit"].button, ul.button-group.radius li:last-child input[type="submit"].button.radius { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
ul.button-group.radius li:last-child a.button.rounded, ul.button-group.radius li:last-child input[type="submit"].button.rounded { -moz-border-radius-topright: 1000px; -webkit-border-top-right-radius: 1000px; border-top-right-radius: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-bottom-right-radius: 1000px; border-bottom-right-radius: 1000px; }
ul.button-group.even .button { width: 100%; }
ul.button-group.even.two-up li { width: 50%; }
ul.button-group.even.three-up li { width: 33.3%; }
ul.button-group.even.three-up li:first-child { width: 33.4%; }
ul.button-group.even.four-up li { width: 25%; }
ul.button-group.even.five-up li { width: 20%; }

div.button-bar { overflow: hidden; }
div.button-bar ul.button-group { float: left; margin-right: 8px; }
div.button-bar ul.button-group:last-child { margin-left: 0; }


/* 3GOZ - FORM */

form { margin: 0 0 19.41641px; }

.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }

label { font-size: 12px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }
span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }
.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white;  border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 12px; margin: 0 0 12px 0; padding: 6px; height:20px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

textarea { height: auto; }
select { width: 100%; }

/* Fieldsets */
fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend {font-weight: bold; background: none; padding: 0 3px; margin: 0; margin-left: -3px; }

/* Errors */
.error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }
.error label, label.error { color: #c60f13; }
.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.error textarea:focus, textarea.error:focus { background: #fafafa; border-color: #b3b3b3; }

/* Custom Forms ---------------------- */
form.custom { /* Custom input, disabled */ }
form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #cccccc; background: white; }
form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }
form.custom span.custom.checkbox:before { content: ""; display: block; line-height: 0.8; height: 6px; width: 6px; text-align: center; position: absolute; top: 0; left: 0; font-size: 12px; color: #fff; }
form.custom span.custom.radio.checked:before { content: ""; display: block; width: 6px; height: 6px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background: #222222; position: relative; top: 3px; left: 3px; }
form.custom span.custom.checkbox.checked:before { content: "\00d7"; color: #222222; }
form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }
form.custom div.custom.dropdown ul { overflow-y: auto; max-height: 200px; }
form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0; padding-left: 6px; padding-right: 38px; border: solid 1px #dddddd; color: #141414; background-color: white; white-space: nowrap; }
form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #dddddd; }
form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; }
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; }
form.custom div.custom.dropdown.open ul { display: block; z-index: 10; }
form.custom div.custom.dropdown.small { width: 134px !important; }
form.custom div.custom.dropdown.medium { width: 254px !important; }
form.custom div.custom.dropdown.large { width: 434px !important; }
form.custom div.custom.dropdown.expand { width: 100% !important; }
form.custom div.custom.dropdown.open.small ul { width: 134px !important; }
form.custom div.custom.dropdown.open.medium ul { width: 254px !important; }
form.custom div.custom.dropdown.open.large ul { width: 434px !important; }
form.custom div.custom.dropdown.open.expand ul { width: 100% !important; }
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: white; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
form.custom div.custom.dropdown ul li { color: #555555; font-size: 13px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: black; }
form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; }
form.custom div.custom.dropdown ul li:hover { background-color: #cdebf5; color: black; }
form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #a3dbec; }
form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: black; }
form.custom div.custom.dropdown ul li.selected:hover:after { color: black; }
form.custom div.custom.dropdown ul.show { display: block; }
form.custom .custom.disabled { background-color: #dddddd; }
/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }
.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px; }

div.bgcolor {background-color:#fff; }
div#system-message {position:fixed; top:-20px; left:0; opacity: 0; filter:alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); z-index:99999; margin:0 auto; height:15px; margin-left:0px; margin-bottom:10px; background-color:#fff; }
div.messages{color:#2b2b2b; font-size:12px; font-weight:700; margin:1px 0; padding:13px 0 13px 50px; background-color:#fff;  height:5px; }
div.messages .close{position:absolute; top:15px; right:10px; cursor:pointer; }
div.error .messages{background:#f2bba0 url(/site/i/kirmizi/icon/duman/error.png) no-repeat 10px 5px; }
div.success .messages{background:#b3f05b url(/site/i/kirmizi/icon/duman/success.png) no-repeat 10px 5px; }
div.warning .messages{background:#fceb8c url(/site/i/kirmizi/icon/duman/warning2.png) no-repeat 5px 5px; }
div.info .messages{background:#9ed2ef url(/site/i/kirmizi/icon/duman/info.png) no-repeat 10px 5px; }
div.info .messages.loading{background-image: url(/site/i/kirmizi/icon/duman/arbo-loader-grey.gif); background-position:10px 5px; }
.messages .close{display:block; position:absolute; width:10px; height:10px; top:15px; right:10px; z-index:10; cursor:pointer; background:url(/site/i/kirmizi/icon/duman/close.png) no-repeat center; }
/** message style biter *\**/
#leftcolumn .messages, #rightcolumn .messages {font-size:11px; font-weight:400; text-align:left; }


div.messages2{color:#00000; font-size:12px; font-weight:700; margin:1px 0; padding:10px 0 10px 50px; background-color:#fff;  height:5px; }
div.info .messages2{background:#f0f0f0 url(/site/i/kirmizi/icon/duman/arbo-loader-grey.gif) no-repeat 10px 5px; }
div.error .messages2{background:#f0f0f0 url(/site/i/kirmizi/icon/duman/warning2.png) no-repeat 10px 5px; }
div.success .messages2{background:#f0f0f0 url(/site/i/kirmizi/icon/duman/ok.png) no-repeat 10px 5px; }
.messages2 .close{display:block; position:absolute; width:10px; height:10px; top:15px; right:10px; z-index:10; cursor:pointer; background:url(/site/i/kirmizi/icon/duman/close.png) no-repeat center; }
#leftcolumn .messages2, #rightcolumn .messages2{font-size:11px; font-weight:400; text-align:left; }


.icerik-banner {float:left;width:980px;margin-top:-20px;position:relative;height:200px;margin-bottom:1px;}
.icerik-banner img {float:left;width:980px;height:200px;}
.icerik-banner h1 {position:absolute;bottom:0px;color:#fff;background:rgba(0,0,0,0.5);padding:5px 10px;text-shadow: 0 -1px 0 rgba(0,0,0,0.8);}



.icerik-content {float:left;padding:10px;width:960px;margin-top:-50px;margin-bottom:25px;}
.icerik-content .baslik {float:left;padding-bottom:5px;margin-bottom:5px;border-bottom:1px dotted #ddd;position:relative;z-index:94;width:960px;}
.icerik-content .baslik h1 {color:#333;line-height:30px;margin-bottom:10px;padding-left:10px;}
.icerik-content .baslik h2 {color:#535352;line-height:24px;margin-bottom:10px;float:left;margin-right:10px;padding-right:10px;border-right:1px dotted #ddd;}
.icerik-content .baslik h3 {color:#535352;line-height:24px;margin-bottom:10px;}

.icerik-content .baslik p {width:960px;float:left;line-height:20px;border-bottom:0px dotted #ddd;padding-bottom:10px;margin-bottom:10px;}

.icerik-content .col-1, .icerik-content .col-2 {float:left;}
.icerik-content .col-1 {width:300px;border-right:1px dotted #ddd;padding-right:10px;margin-right:10px;}
.icerik-content .col-2 {width:639px;}
.icerik-content .col-2 p {padding-bottom:15px;color:#525252;}
.icerik-content .col-2 .detay li {color:#333;margin-bottom:0px;padding:0px 25px;padding-bottom:10px;}
.icerik-content .col-2 .detay li a{color:#333;}



.alignright {float: right;margin: 0 0 15px 15px; }
.alignleft {float: left; margin: 0 15px 15px 0; }
.border {border: 1px solid #ddd;padding: 5px;margin-bottom: 10px; }

/* 3GOZ - SOLMENU-1 */

.sol-menu {position: relative;float:left; clear: both;width:300px;margin-bottom:20px;}
.mcd-menu {list-style: none;padding: 0; margin: 0;background: #f5f5f5;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;width: 300px;}
.mcd-menu li {position: relative;}
.mcd-menu li a { display: block;text-decoration: none;padding: 12px 20px;color: #535352;text-align: left;height: 23px;position: relative;border-bottom: 1px solid #DDD;}

.mcd-menu li a strong {display: block;text-transform: uppercase;}
.mcd-menu li:hover > a {color: #fff;background:#535352;}
.mcd-menu li a.active {background:#fff;position: relative;border:0;box-shadow: 0 0 5px #DDD;-moz-box-shadow: 0 0 5px #DDD;-webkit-box-shadow: 0 0 5px #DDD;margin: 0 -4px;}
.mcd-menu li a.active:before {content: "";position: absolute;top: 42%;left: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;
}
.mcd-menu li a.active:after {content: "";position: absolute;top: 42%;right: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.mcd-menu li ul,
.mcd-menu li ul li ul {position: absolute;height: auto;min-width: 200px;padding: 0;margin: 0;background: #f2f2f2;opacity: 0;visibility: hidden;transition: all 300ms linear;  -o-transition: all 300ms linear;-ms-transition: all 300ms linear;-moz-transition: all 300ms linear;-webkit-transition: all 300ms linear;z-index: 1000;left:280px;top: 0px;}
.mcd-menu li ul:before {content: "";position: absolute;top: 25px;left: -8px;border-bottom: 5px solid transparent;border-top: 5px solid transparent;}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {display: block;opacity: 1;visibility: visible;left:250px;}
.mcd-menu li ul li a {padding: 10px;text-align: left;border: 0;border-bottom: 1px solid #ddd;height: auto;}
.mcd-menu li ul li ul {left: 230px;top: 0;border: 0;}  
.mcd-menu li ul li ul:before {content: "";position: absolute;top: 15px;left: -7px;border-bottom: 5px solid transparent;border-top: 5px solid transparent;}
.mcd-menu li ul li:hover > ul {top: 0px;left: 200px;}

/* 3GOZ - SOLMENU-2 */

.sidebar {}
.sidebar .dropdown {padding:5px;margin-bottom:10px;border-bottom:1px dotted #ddd;padding-bottom:10px;}
.sidebar .dropdown a {color:#151515;margin-bottom:20px;padding:10px;padding-left: 17px;}
.sidebar .dropdown .dropdown-menu {}
.sidebar .dropdown .dropdown-menu a {color:#333;margin-bottom:0px;padding:5px 25px;}

.icerik-content .col-1 .sidebar {float:left;margin-bottom:20px;width:300px;}
.icerik-content .col-1 .sidebar p {padding-bottom:10px;color:#525252;}
.icerik-content .col-1 .sidebar h3 {float:left;color:#333;margin-bottom:5px;padding-left:10px;width:285px;}
.icerik-content .col-1 .sidebar h4 {color:#fff;text-align:center;}

/* 3GOZ - SOL-FAALİYET */

#faaliyet-sidebar{float:left;width:300px;height:335px;overflow:hidden;position:relative;}
#sidebar-slide{float:left;width:300px;height:335px;margin:0px;padding:0px;position:relative;}
.sidebar-box{float:left;width:300px;height:335px;padding:0px 0px;overflow:hidden;list-style-type:none;position:relative;}
.sidebar-box:hover{cursor:pointer;}
.slide-images {float:left;width:300px;height:300px;position:relative;}
.slide-text{float:left;width:300px;font-size:16px;font-weight:600;color:#646464;text-align:center;}
.slide-text a.baslik {float:left;width:300px;color:#fff;text-align:center;background:#333;padding:5px 0px;border-bottom:0px;}
.slide-updown{float:right;width:80px;height:26px;margin-top:5px;z-index:99;}
.slide-updown a{text-decoration:none;font-size:14px;color:#052462;	}



/* 3GOZ - SOL-SON EKLENEN URUN */

#sonurun-sidebar{float:left;width:300px;height:410px;overflow:hidden;position:relative;}
#sonurun-slide{float:left;width:300px;height:410px;margin:0px;padding:0px;position:relative;}
.sonurun-box{float:left;width:300px;height:410px;padding:0px 0px;overflow:hidden;list-style-type:none;position:relative;}
.sonurun-box:hover{cursor:pointer;}
.sonurun-images {float:left;width:298px;position:relative;border:1px solid #ddd;}
.sonurun-text{float:left;width:300px;font-size:16px;font-weight:600;color:#646464;text-align:center;}
.sonurun-text a.baslik {float:left;width:300px;color:#fff;text-align:center;background:#333;padding:5px 0px;border-bottom:0px;}
.slide-updown{float:right;width:80px;height:26px;margin-top:5px;z-index:99;}
.slide-updown a{text-decoration:none;font-size:14px;color:#052462;	}

/* 3GOZ - SOL-MÜŞTERİ HATTI */

.m-hat {float:left;width:300px;padding:0px;background:#f2f2f2;margin-bottom:10px;}
.m-hat a {float:left;color:#333;padding-top:10px;}
.m-hat:hover a {float:left;color:#fff;padding-top:10px;}
.m-hat img {padding:10px;float:left;margin-right:20px;border-right:4px solid #fff;}
.m-hat:hover {-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}
.m-hat:hover img {background:#333;-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;border-right:4px solid #fff;}

.i-form {float:left;width:300px;padding:0px;background:#f2f2f2;margin-bottom:10px;}
.i-form a {float:left;color:#333;padding-top:10px;}
.i-form:hover a {float:left;color:#fff;padding-top:10px;}
.i-form img {padding:10px;float:left;margin-right:20px;border-right:4px solid #fff;}
.i-form:hover {-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}
.i-form:hover img {background:#333;-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;border-right:4px solid #fff;}

.i-map {float:left;width:300px;padding:0px;background:#f2f2f2;margin-bottom:10px;}
.i-map a {float:left;color:#333;padding-top:10px;}
.i-map:hover a {float:left;color:#fff;padding-top:10px;}
.i-map img {padding:10px;float:left;margin-right:20px;border-right:4px solid #fff;}
.i-map:hover {-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}
.i-map:hover img {background:#333;-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;border-right:4px solid #fff;}


.icerik-content .col-2 /acikmavi/ {color:#333;line-height:20px;padding-left:10px;margin-bottom:10px;padding-bottom:5px;}

#icerik-galeri{float:left;width:639px;height:150px;overflow:hidden;position:relative;margin-bottom:10px;}
#galeri-icerik{float:left;width:639px!important;height:150px;margin:0px;padding:0px;position:relative;margin-bottom:10px;overflow:hidden;}
.icerik-box{float:left;width:150px;height:150px;padding:0px 0px;overflow:hidden;list-style-type:none;position:relative;margin-right:13px;}
.icerik-box:hover{cursor:pointer;}
.icerik-images {float:left;width:150px;height:150px;position:relative;}
.galeri-updown{float:right;width:80px;height:26px;margin-top:-2px;z-index:99;}
.galeri-updown a{text-decoration:none;font-size:14px;color:#052462;	}


.comments-container {margin: 20px auto 0px;width: 639px;}
.comments-container h1 {font-size: 36px;color: #283035;font-weight: 400;}

.comments-container h1 a {
	font-size: 18px;
	font-weight: 700;
}

.comments-list {
	margin-top: 30px;
	position: relative;
}

/**
 * Lineas / Detalles
 -----------------------*/
.comments-list:before {
	content: '';
	width: 2px;
	height: 100%;
	background: #c7cacb;
	position: absolute;
	left: 32px;
	top: 0;
}

.comments-list:after {
	content: '';
	position: absolute;
	background: #c7cacb;
	bottom: 0;
	left: 27px;
	width: 7px;
	height: 7px;
	border: 3px solid #dee1e3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.reply-list:before, .reply-list:after {display: none;}
.reply-list li:before {
	content: '';
	width: 60px;
	height: 2px;
	background: #c7cacb;
	position: absolute;
	top: 25px;
	left: -55px;
}


.comments-list li {
	margin-bottom: 15px;
	display: block;
	position: relative;
}

.comments-list li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	width: 0;
}

.reply-list {
	padding-left: 88px;
	clear: both;
	margin-top: 15px;
}
/**
 * Avatar
 ---------------------------*/
.comments-list .comment-avatar {
	width: 65px;
	height: 65px;
	position: relative;
	z-index: 99;
	float: left;
	border: 3px solid #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	overflow: hidden;
}

.comments-list .comment-avatar img {
	width: 100%;
	height: 100%;
}

.reply-list .comment-avatar {
	width: 50px;
	height: 50px;
}

.comment-main-level:after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	clear: both;
}
/**
 * Caja del Comentario
 ---------------------------*/
.comments-list .comment-box {
	width: 550px;
	float: right;
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.comments-list .comment-box:before, .comments-list .comment-box:after {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	border-width: 10px 12px 10px 0;
	border-style: solid;
	border-color: transparent #FCFCFC;
	top: 8px;
	left: -11px;
}

.comments-list .comment-box:before {
	border-width: 11px 13px 11px 0;
	border-color: transparent rgba(0,0,0,0.05);
	left: -12px;
}

.reply-list .comment-box {
	width: 480px;
}
.comment-box .comment-head {
	background: #FCFCFC;
	padding: 10px 12px;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.comment-box .comment-head i {
	float: right;
	margin-left: 14px;
	position: relative;
	top: 2px;
	color: #A6A6A6;
	cursor: pointer;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.comment-box .comment-head i:hover {
	color: #03658c;
}

.comment-box .comment-name {
	color: #283035;
	font-size: 14px;
	font-weight: 700;
	float: left;
	margin-right: 10px;
}

.comment-box .comment-name a {
	color: #283035;
}

.comment-box .comment-head span {
	float: left;
	color: #999;
	font-size: 13px;
	position: relative;
	top: 1px;
}

.comment-box .comment-content {
	background: #FFF;
	padding: 12px;
	font-size: 15px;
	color: #595959;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {color: #03658c;}
.comment-box .comment-name.by-author:after {
	content: 'autor';
	background: #03658c;
	color: #FFF;
	font-size: 12px;
	padding: 3px 5px;
	font-weight: 700;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.pagination {text-align: left;}
.pagination .last {display: none; }
div.pagination a, div.pagination span.pages, div.pagination span.dots, div.pagination span.current {margin: 1px 2px;padding: 5px 10px;border: 1px solid #ddd;
border-radius:4px;color: #666666;display: inline-block;}
div.pagination a:hover, div.pagination a:focus {color: white !important;background: #545454;  border: 1px solid #545454;}
div.pagination span.current {color: #333; background:#f2f2f2;  border: 1px solid #ddd;}
.pagination .next,.pagination .prev{color:#fff;border-radius:4px;padding: 5px 10px;text-align: left;}
.pagination .next:hover,.pagination .prev:hover{color:#fff!important; }


.icerik-content .baslik .nav-icerik {float:left;min-width:125px;margin-top:0px;margin-left:0px;margin-right:0px;}
.icerik-content .baslik .nav-icerik a, .icerik-content .col-2 .nav-kat a{text-decoration:none;float:left;color:#525252;}
.icerik-content .baslik .nav-icerik li, .icerik-content .col-2 .nav-kat li {float:left;margin-right:5px;height:16px;}
.icerik-content .baslik .nav-icerik li:hover, .icerik-content .col-2 .nav-kat li:hover {background:transparent!important;padding:0px!important;}
.icerik-content .baslik .nav-icerik li .icon-yorum, .icerik-content .col-2 .nav-kat li .icon-yorum{float:left;width:18px;height:16px;margin-right:5px;background: url("/site/i/icon/yorum.png");}
.icerik-content .baslik .nav-icerik li .icon-saat, .icerik-content .col-2 .nav-kat li .icon-saat{float:left;width:16px;height:16px;margin-right:5px;background: url("/site/i/icon/saat.png");}
.icerik-content .baslik .nav-icerik li .icon-video, .icerik-content .col-2 .nav-kat li .icon-video{float:left;width:18px;height:16px;margin-right:5px;background: url("/site/i/icon/video.png");}
.icerik-content .baslik .nav-icerik li .icon-galeri, .icerik-content .col-2 .nav-kat li .icon-galeri{float:left;width:18px;height:16px;margin-right:5px;background: url("/site/i/icon/galeri.png");}
.icerik-content .baslik .nav-icerik li .icon-yorum-yap, .icerik-content .col-2 .nav-kat li .icon-yorum-yap{float:left;width:18px;height:16px;margin-right:5px;background: url("/site/i/icon/yorum-yap.png");}
.icerik-content .baslik .nav-icerik li .icon-map, .icerik-content .col-2 .nav-kat li .icon-map{float:left;width:18px;height:16px;margin-right:5px;background: url("/site/i/icon/map.png");}
.icerik-content .baslik .nav-icerik li .icon-settings, .icerik-content .col-2 .nav-kat li .icon-settings{float:left;width:18px;height:16px;margin-right:5px;background: url("/site/i/icon/settings.png");}

.icerik-content .baslik .nav-content{float:right;min-width:125px;margin-top:0px;margin-left:0px;margin-right:0px;}
.icerik-content .baslik .nav-content a{text-decoration:none;float:left;color:#525252;}
.icerik-content .baslik .nav-content li {float:left;margin-left:5px;height:16px;}
.icerik-content .baslik .nav-content li:hover {background:transparent!important;padding:0px!important;}
.icerik-content .baslik .nav-content li .icon-kategori{float:left;width:18px;height:16px;margin-right:5px;background: url("/site/i/icon/kategori.png");}
.icerik-content .baslik .nav-content li .icon-rss{float:left;width:18px;height:16px;margin-right:5px;background: url("/site/i/icon/rss.png");}
.icerik-content .baslik .nav-content li .icon-prev-haber{float:left;width:18px;height:16px;margin-right:5px;background: url("/site/i/icon/prev-haber.png");}
.icerik-content .baslik .nav-content li .icon-next-haber{float:left;width:18px;height:16px;margin-right:5px;background: url("/site/i/icon/next-haber.png");}

.icerik-content .col-2 .nav-kat{float:left;min-width:125px;margin-top:20px;margin-left:0px;margin-right:0px;}


.icerik-content .col-2 .haber-listele {float:left;width:639px;margin-bottom:10px;padding:20px 0px;border-bottom:1px dotted #ddd;}
.icerik-content .col-2 .haber-listele.first {padding-top:0px;}
.icerik-content .col-2 .haber-listele .h-baslik {line-height:28px;color:#333;padding-bottom:10px;}
.icerik-content .col-2 .haber-listele .h-spot {line-height:20px;}
.icerik-content .col-2 .haber-listele .h-spot  {color:#525252!important;}
.icerik-content .col-2 .haber-listele .h-more {float:left;line-height:20px;padding:0px;}
.icerik-content .col-2 .haber-listele .h-image {background:#333;opacity:1;}
.icerik-content .col-2 .haber-listele .h-image:hover {background:#333;opacity:.8;}

.sss .sss-liste {float:left;width:639px;}
.sss-listele {float:left;width:639px;}
.sss-listele li {float:left;width:623px;margin-bottom:15px;border-bottom:1px dotted #ddd;padding: 0px 0px 15px 16px;}
.sss-listele li.cevap {padding-bottom:0px; margin-bottom:0px;border-bottom:0px dotted #ddd;}
.sss-listele li .sss-soru {float:left;color:#333;width:639px;}
.sss-listele .sss-cevap li {float:left;color:#333;width:599px;padding:20px 20px 0px 20px;border-bottom:0px;margin-bottom:0px;background:transparent;}

.proje-listele {float:left;width:639px;}
.proje-listele li {float:left;margin-right:15px;margin-bottom:15px;width:312px;height:220px;}
.proje-listele li:hover {background:#f2f2f2;}
.proje-listele li.last {margin-right:0px;}
.proje-listele li img {float:left;width:300px;height:163px;opacity:1;margin-bottom:6px;}
.proje-listele li img:hover {float:left;width:300px;height:163px;opacity:0.8;}
.proje-listele li a.p-baslik {float:left;text-align:center;width:312px;color:#333;}

.proje-ozellik p {float:left;width:639px;margin-bottom:10px;border-bottom:1px dotted #ddd;padding: 0px 0px 10px 0px;}


/* 3.GÖZ ÜRÜNLER */
.product-filter {float:left;padding:10px;overflow: auto;margin:0px 0px;background: none repeat scroll 0 0 #535352;margin-bootom:10px;width:619px;}
.product-filter .display {float:right;height:24px;color: #fff;}
.display ul li.list a {background-position: -27px 0;}
.display ul li a {background: url(../image/grid.jpg) no-repeat left top transparent;cursor: pointer;display: block;float: left;height: 26px;line-height: 28px;margin-right: 2px;	overflow: hidden;text-indent: -9999px;width: 27px;}
.product-filter .display a {font-weight: bold;color: #fff;}
.product-filter .sort {padding-right:7px;color:#fff;}
.product-filter .sort select {width:165px;}
.product-filter .sort {float:left;color: #fff;margin-right:5px;}
.product-filter .limit select {width:72px;}
.product-filter .limit b {padding-right:5px;}
.product-filter .limit {margin-left: 13px;float:left;color:#fff;}
.product-list .left {overflow:hidden;}
.product-list .right {float: right;text-align:left;width:120px;margin-left:20px;margin-right:9px;padding-left:20px;padding-bottom:20px}
.product-list ul li {overflow:hidden;padding-bottom:5px;background: none repeat scroll 0 0 #FFFFFF;border-bottom: 1px dotted #ddd;height:210px;}
.product-list .image {float: left;margin-right:10px;margin-bottom:10px;border:1px solid #ddd;width:150px;overflow:hidden;margin-top:10px;}
.product-list .name {margin:0 0 0px;padding-bottom:0;border:0px;min-height:15px;text-align:left;color:#ea781d;margin-top:10px;}
#list_b {display: inline-block;height:19px;margin-left:11px;margin-right:8px;	width:19px;float:left;margin-top:3px}
#grid_a {display: inline-block;height:19px;text-indent: -9999px;width:19px;	margin-top:3px;}
.product-filter .display b {float:left;padding-top:3px;}
#list_a {display: inline-block;height:19px;margin-left:11px;margin-right:8px;	text-indent: -9999px;width:19px;float:left;margin-top:3px}
#grid_b {display: inline-block;height:19px;width:19px;margin-top:3px}
.product-list .description {overflow:hidden;margin-bottom: 5px;font-size:12px;color:#d5d5d5;}
.product-grid-1 {background:#fff;overflow:hidden;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ddd;}
.product-list a.button {float:none}
.product-list {background:#fff;margin-bottom: 15px;}
.product-grid-1 ul li.first-in-line {margin-left:0}
.product-grid-1 ul {height:245px;}
.product-grid-1 ul li {float: left;text-align: left;width: 151px;margin-left:10px;margin-bottom:15px;background:transparent;padding:0px;}
.product-grid-1 ul li.first-in-line {clear: left;}
.product-grid-1 ul li.last-in-line {margin-right: 0;}
.extra-prod input {padding-bottom:4px;}
.extra-prod {padding-top:6px;}
.or {padding-top:3px;}
.product-grid-1 .image {display: block;text-align:center;width:150px;}
.product-grid-1 div:hover .image img {width:150px;}
.product-grid-1 .image img {background:#fff;display:block;width:150px;padding:0px;border:1px solid #ddd;}
.product-grid-1 .name {height:40px;background:#535352;}
.product-grid-1 .name a:hover{height:40px;}
.product-grid-1 li:hover .name a{height:40px;}
.product-list .name a {font-weight:bold;}
.product-list .name a:hover {}
.product-grid-1 .name a{text-decoration: none;color: #FFFFFF;display: block;padding-left: 0px;padding-top:0px;text-align:center;}
.product-grid-1 .description {height:0px;overflow:hidden;margin:0px 0px 0px 0px;}
.product-grid-1 .kategori {	height:0px;overflow:hidden;margin:0px 0px 0px 0px;}
.product-list .kategori {overflow:hidden;margin:0px 0px 10px 0px;}
.product-grid-1 .more {height:0px;overflow:hidden;margin:0px 0px 0px 0px;}
.product-grid-1 .more-urun {height:0px;overflow:hidden;margin:0px 0px 0px 0px;}

.product-info {float:left;width:639px;}
.product-info .wrapper .left {float: left;margin-right: 10px;padding:0px;margin-left:0px;width:302px;}
.product-info .indent-bot .extra-wrap {background:#f2f2f2;border:1px solid #ddd;}
.product-info .indent-bot {margin-bottom:20px;}
.product-info > .left + .right h1 {padding-left:10px;}
.product-info > .left + .right {margin-left:325px;}
#image {z-index:1;float:left;margin-top:-300px;}
.product-info .image {float: left;width:300px;margin-bottom:0px;text-align: center;border:1px solid #ddd;z-index:1;	position:relative;}
.product-info .image img {}	
#cloud-zoom-big {margin-top:3px;}
#zoom1 img {background:transparent;}
.product-info .review {padding:10px;margin-bottom:0px;}
.product-info .review h3 span{color:#333;}
.fleft {float:left;}
.fright {float:right;}
.fancybox {text-decoration:none;}
.fancybox:hover {text-decoration:underline;}
.wrapper {width:100%;overflow:hidden;}
.extra-wrap {overflow:hidden;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.zoom-top img {opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.left .zoom-top:first-child {margin-top:0px;position:relative;z-index:12;}
.zoom-top:hover {-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-webkit-transform:scale(1.05);}
.zoom-top {width:30px!important;height:30px!important;overflow:hidden;margin-bottom:-30px;margin-left:3px;}

.paylasim {float:left;width:300px;border:1px solid #ddd;padding:0px;margin-left:0px;margin-bottom:10px;border-top:0px;background:#f2f2f2;}
.paylasim p {float:left;color:#1b1b1b;font-size:0.95em;padding:5px 10px 0 0px;border-right:0px solid #1186b9;}
.paylasim .sag-blok li a, .paylasim .sol-blok li a {display: block;text-indent: -9999px;height: 25px;background-repeat: no-repeat;}

.paylasim .sol-blok {float: left;height: 25px;margin: 0px 0 0px 0;margin-right:5px;}
.paylasim .sol-blok .paylas-ico {float:left;background-image: url(/site/i/icon/facebook-icon-hover.png);}
.paylasim .sol-blok .paylas-ico a {display: block;text-indent: -9999px;height: 25px;background-repeat: no-repeat;}
.paylasim .sol-blok li {float: left;border-right:1px solid #ddd;padding-right:5px;padding-left:5px;}
.paylasim .sol-blok li a{vertical-align: middle;-o-transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}
.paylasim .sol-blok li a.facebook { width: 25px; background-image: url('/site/i/icon/facebook-icon.png'); }
.paylasim .sol-blok li a.twitter { width: 25px; background-image: url('/site/i/icon/twitter-icon.png'); }
.paylasim .sol-blok li a.google { width: 25px; background-image: url('/site/i/icon/google-icon.png'); }

.paylasim .sag-blok {float: right;height: 25px;margin: 0px 0 0px 0;margin-left:5px;}
.paylasim .sag-blok li {float: left;border-left:1px solid #ddd;padding-right:5px;padding-right:5px;}
.paylasim .sag-blok li a{vertical-align: middle;-o-transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}
.paylasim .sag-blok li a.next { width: 25px; background-image: url('/site/i/icon/next-icon.png'); }
.paylasim .sag-blok li a.kategori { width: 25px; background-image: url('/site/i/icon/kategori-icon.png'); }
.paylasim .sag-blok li a.prev { width: 25px; background-image: url('/site/i/icon/prev-icon.png'); }

.baslik .urun-baslik {float:left;width:960px!important;padding-bottom:0px;margin-bottom:0px;}
.baslik .urun-baslik p {float:left;width:960px!important;border-bottom:0px;padding-bottom: 0px;margin-bottom: 5px;}
.baslik .urun-sorumlusu {float:right;width:270px;border-left:1px dotted #ddd;padding-left:10px;}
.baslik .urun-sorumlusu img {float:left;margin-right:5px;border:1px solid #ddd;padding:3px;width:75px;height:75px;}
.baslik .urun-sorumlusu a {font-size:14px;color:#525252;line-height:20px;}

ul.tabs {padding: 0;float: left;list-style: none;height: 31px;border-bottom: 0px solid #333;width: 100%;background:#f2f2f2;}
ul.tabs li {float: left;margin: 0;cursor: pointer;padding: 0px 21px;height: 31px;line-height: 31px;border-right: 2px solid #fff ;background-color: #f2f2f2;color: #525252;overflow: hidden;position: relative;}
.tab_last { border-right: 0px solid #222; }
ul.tabs li:hover {background-color: #333;color: #fff;}
ul.tabs li.active {color: #fff;display: block;border-right:0px;}
.tab_container {clear: both;float: left;width: 100%;background: #fff;overflow: auto;}
.tab_content {float:left;padding: 10px 0px 10px 0px;display: none;width:639px;}
.tab_drawer_heading { display: none; }
.tab_container td {font-size:14px;line-height:30px;color:#4f4f4f;border-bottom:1px dotted #f2f2f2;text-align:left;padding:0px 10px;}
.tab_container table {border:1px solid #ddd;}
/* 3GOZ - URUN ORTA2 */

#homepage-urun-content {float:left;widht:639px;padding-bottom:20px;border-top: 0px solid #eeeff1; }
#homepage-urun-kurumsal {float: left;width: 639px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #ddd;}
#homepage-urun-kurumsal h3, #homepage-urun-iletisim h3 {padding: 5px 0px 5px 0px;margin-bottom: 10px;color: #333;line-height: 1em;text-transform: uppercase;}
#homepage-urun-kurumsal p, #homepage-urun-iletisim p {float:left;color: #2f2f2f;margin-bottom: 0px;display: inline;margin-bottom:10px;width:639px;}
#homepage-urun-iletisim {float: left;width: 639px;color: #2f2f2f;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #ddd;}
#homepage-urun-kurumsal a:hover.readmore, #homepage-urun-iletisim a:hover.readmore {color:#333;}

#homepage-urun-haber {float:left;padding: 0px 10px;clear: both;width:619px;}
#homepage-urun-haber h3 {padding: 5px 0px 5px 0px;margin-bottom: 10px;color: #333;margin-left:-10px;}
#homepage-urun-haber .haber {padding: 10px;position: relative;z-index: 1;color: #1e1e1e;float: left;width: 275px;height: 130px;background-color: #f6f6f6;border: 1px solid #dbdbdb;		margin-right: 24px;border-radius: 3px;box-shadow: inset 0px 1px 0px 0px #ffffff;	}
#homepage-urun-haber .haber:hover {background-color: #f2f2f2;}
#homepage-urun-haber .haber p { font-size: 12px!important; line-height: 20px!important; }
#homepage-urun-haber .haber.end { margin-right: 0px;float:right; }
#homepage-urun-haber .icon-haber {position: absolute;left: -10px;top: 10px;z-index: 2;width: 25px;height: 25px;background: url("/site/i/icon/icon-news.png") no-repeat center center #ffffff;box-shadow: 0px 1px 2px 0px rgba(0,0,0, .3);border-radius: 3px;		}
#homepage-urun-haber .haber p.title {text-align: left;color: #1e1e1e;font-size: 14px!important;font-weight: 600;padding: 0 10px;line-height: 1.4em;margin-bottom: 15px;}
#homepage-urun-haber .haber img {float: left;margin-right: 10px;border: 2px solid #ffffff;box-shadow: 0px 1px 2px 0px rgba(0,0,0, .3);border-radius: 3px;}
#homepage-urun-haber .haber .data {display: inline;font-size: 13px!important;}
#homepage-urun-haber .haber .data p {font-size: 12px;color: #1e1e1e;line-height: 20px;margin-bottom: 0px;display: inline;font-size: 14px!important;}


/* 3GOZ - MENÜ2 */

.menu-2 {float:left;position:relative;z-index:999;height: 40px;width: 980px;background: #525252;background: -webkit-linear-gradient(top, #525252 0%,#333 100%);background: -moz-linear-gradient(top, #525252 0%,#333 100%);background: -o-linear-gradient(top, #525252 0%,#333 100%);background: -ms-linear-gradient(top, #525252 0%,#333 100%);background: linear-gradient(top, #525252 0%,#333 100%);}
.menu-2 li {position: relative;list-style: none;float: left;display: block;height: 40px;z-index:99;}
.menu-2 li a {display: block;padding: 0 14px;margin: 6px 0;line-height: 28px;text-decoration: none;border-left: 1px solid #333;border-right: 1px solid #222;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,.6);-webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-o-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;transition: color .2s ease-in-out;}
.menu-2 li:first-child a { border-left: none!important; }
.menu-2 li.home a { border-left: none!important;margin: 0px 0!important;line-height:40px!important;border-right: none!important; }
.menu-2 li.home:hover a {color:#fff;}
.menu-2 li:last-child a{ border-right: none;}
.menu-2 li:hover > a { color: #8fde62; }
.menu-2 ul {position: absolute;top: 40px;left: 0;background:#333;opacity: 0;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;	-webkit-transition: opacity .25s ease .1s;-moz-transition: opacity .25s ease .1s;-o-transition: opacity .25s ease .1s;-ms-transition: opacity .25s ease .1s;transition: opacity .25s ease .1s;}
.menu-2 li:hover > ul { opacity: 1; }
.menu-2 ul li {height: 0;overflow: hidden;padding: 0;-webkit-transition: height .25s ease .1s;-moz-transition: height .25s ease .1s;-o-transition: height .25s ease .1s;	-ms-transition: height .25s ease .1s;transition: height .25s ease .1s;}
.menu-2 li:hover > ul li {height: 36px;overflow: visible;padding: 0;}
.menu-2 ul li a {width: 185px;padding: 4px 0 4px 15px;margin: 0;border: none;border-bottom: 1px solid #222;}
.menu-2 ul li:last-child a { border: none; }

/* 3GOZ - MENÜ3 */
ul.menu-3,ul.menu-3 li,ul.menu-3 ul {float:left;list-style: none;margin: 0;padding: 0;position:relative;}
ul.menu-3 {position: relative;z-index: 999;width:980px;float: left;background:#333;}
ul.menu-3 li {float: left;min-height: 1px;line-height: 1.3em;vertical-align: middle;}
ul.menu-3 li.hover,ul.menu-3 li:hover {position: relative;z-index: 99;cursor: default;}
ul.menu-3 ul {visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 99;width: 100%;}
ul.menu-3 ul li {float: none;}
ul.menu-3 ul ul {top: 0px;left: 99%;}
ul.menu-3 li:hover > ul {visibility: visible;}
ul.menu-3 li a {display: block;padding: 7px 14px;color:#fff;}
ul.menu-3 li {padding: 0;}
ul.menu-3 li.dir {padding: 7px 20px 7px 14px;}
ul.menu-3 ul li.dir {padding-right: 25px;}
ul.menu-3 ul a {padding: 4px 5px 4px 14px;width: 151px; background:#000;}
ul.menu-3 ul ul a {padding: 4px 5px 4px 14px;width: 151px;}
ul.menu-3 ul ul a:hover {background:#000;}
ul.menu-3 li:hover > a.dir {background-color: #000;}
ul.menu-3 ul li:hover > a.dir {color: #fff;}


/* 3GOZ - MENÜ4 */

#navigation {float:left;width:980px;z-index:999;position:relative;background:#525252;}
#main-menu {float: left;font-size: 0;}
#main-menu > li {display: inline-block;padding:10px 18px;border-right:1px solid #333;}
#main-menu > li:hover {background:#000;}
#main-menu > li.parent {background-image: url('/site/i/icon/plus-gray.png');background-size: 7px 7px;background-repeat: no-repeat;background-position: 5px center;}
#main-menu > li.parent > a {padding-left: 5px;}
#main-menu > li > a {color: #fff;line-height: 15px;text-decoration:none;}
#main-menu > li:hover > a,#main-menu > li.current-menu-item > a {color: #fff;}
#main-menu li {position: relative;}
ul.sub-menu {display: none;left: 0px;top: 25px;padding-top: 10px;position: absolute;width: 172px;z-index: 9999;}
ul.sub-menu ul.sub-menu {margin-top: -1px;padding-top: 0;left: 171px;top: 0px;}
ul.sub-menu > li > a {background-color: #000;border: 1px solid #444;border-top: none;color: #bbb;display: block;font-size: 13px;line-height: 15px;padding: 10px 12px;}
ul.sub-menu > li > a:hover {background-color: #2a2a2a;color: #fff;}
ul.sub-menu ul.sub-menu > li:first-child {border-top: 1px solid #444;}
ul.sub-menu > li:last-child > a {border-radius: 0 0 2px 2px;}
ul.sub-menu > li > a.parent {background-image: url('/site/i/icon/arrow.png');background-size: 5px 9px;background-repeat: no-repeat;background-position: 95% center;}
#main-menu li:hover > ul.sub-menu {display: block;}

/* 3GOZ - MENÜ5 */
.menu-5,.menu-5 ul{float:left;width:980px;margin:0;padding:0;list-style:none;z-index:999;position:relative;}
.menu-5 li,.menu-5 ul a{position:relative}
.menu-5>li{float:left}
.menu-5>li.floatr{float:right}
.menu-5 li>a{display:block}
.menu-5 ul{position:absolute;display:none;width:215px}
.menu-5 ul ul{top:0;left:215px}
.menu-5>li.floatr>ul{right:0}
.menu-5>li.floatr>ul ul{left:-215px}
.menu li:hover>ul{display:block}
.menu-5 .cols1,.menu-5 .cols2,.menu-5 .cols3,.menu-5 .cols4,.menu-5 .cols5{position:absolute;display:none;overflow:auto}
.menu-5 .cols1,.menu-5 .col1{width:160px}
.menu-5 .cols2,.menu-5 .col2{width:320px}
.menu-5 .cols3,.menu-5 .col3{width:480px}
.menu-5 .cols4,.menu-5 .col4{width:640px}
.menu-5 .cols5,.menu-5 .col5{width:800px}
.menu-5>li.floatr>div{right:0}
.menu-5>li:hover>div{display:block}
.menu-5 .col1,.menu-5 .col2,.menu-5 .col3,.menu-5 .col4,.menu-5 .col5{float:left}
.slide ul,.slide li>div{display:block!important;visibility:hidden;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:translate3d(0,50px,0);-moz-transform:translateY(50px);-o-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:visibility 0s linear .2s,-webkit-transform .2s linear,opacity .2s linear;-moz-transition:visibility 0s linear .2s,-moz-transform .2s linear,opacity .2s linear;-o-transition:visibility 0s linear .2s,-o-transform .2s linear,opacity .2s linear;-ms-transition:visibility 0s linear .2s,-ms-transform .2s linear,opacity .2s linear;transition:visibility 0s linear .2s,transform .2s linear,opacity .2s linear}
.slide li:hover>ul,.slide li:hover>div{visibility:visible;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.slide>li>a .bubble-top{-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-ms-transition:-ms-transform .3s;transition:transform .3s}
.slide>li>a:hover .bubble-top{-webkit-transform:translate3d(0,-3px,0);-moz-transform:translateY(-3px);-o-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}
.lgray{height:40px;background-color:#333;}
.lgray a{text-decoration:none}
.lgray>li>a{color:#fff;font-weight:bold;font-size:16px;line-height:40px;text-shadow:0 1px #222;padding:0px 19px;}

.lgray>li:hover>a{color:#333;background-color:#fff;background-image:-webkit-linear-gradient(top,#f5f5f5,#fff);background-image:-moz-linear-gradient(top,#f5f5f5,#fff);background-image:-o-linear-gradient(top,#f5f5f5,#fff);background-image:-ms-linear-gradient(top,#f5f5f5,#fff);background-image:linear-gradient(top,#f5f5f5,#fff);}

.lgray>li{}

.lgray>li>a{border-right:1px solid #000;border-right:1px solid rgba(0,0,0,.8)}

.lgray>li.floatr{border-right:0;border-left:1px solid #bbb;border-left:1px solid rgba(10,10,10,.1)}

.lgray>li>a img,.lgray li>ul>li>a img{border:0;margin-right:7px}

.lgray>li>a .bubble,.lgray li>a .bubble-alt{font-size:11px;line-height:11px;padding:1px 4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-left:7px;position:relative;top:-1px}

.lgray>li>a .bubble{color:#fff;}

.lgray>li>a .bubble-alt{color:#fff;background-color:#737373;text-shadow:0 1px #505050;}

.lgray>li:hover>a .bubble{text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.lgray ul>li .bubble{font-size:13px;line-height:14px;padding:1px 4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#fff;color:#777;border:1px solid #ccc;position:absolute;right:10px}

.lgray>li>a .bubble-top{position:absolute;font-size:13px;line-height:14px;color:#fff;padding:0 3px;right:4px;top:-8px;text-shadow:none;border:1px solid #a00000;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#df0a0a;background-image:-webkit-linear-gradient(top,#f26870,#ec0e23);background-image:-moz-linear-gradient(top,#f26870,#ec0e23);background-image:-o-linear-gradient(top,#f26870,#ec0e23);background-image:-ms-linear-gradient(top,#f26870,#ec0e23);background-image:linear-gradient(top,#f26870,#ec0e23);}

.lgray ul{background-color:#fff;border:1px solid #e4e4e4;border-top:0;left:0px;}

.lgray>li.floatr>ul{right:-1px;left:auto}

.lgray>li.floatr>ul ul{left:-127px}

.lgray ul a{color:#666;font-weight:bold;font-size:13px;line-height:18px;padding:9px 12px;border-top:1px solid #e4e4e4}

.lgray ul a:hover{background-color:#f5f5f5}

.lgray ul ul li:first-child a{border-top-color:#b3b3b3}

.lgray li>div{background-color:#fff;border:0px solid #b3b3b3;border-top:0;left:-1px;padding:10px}

.lgray>li.floatr>div{right:-1px;left:auto}
.lgray h4,.lgray h5{margin:0;padding:0}
.lgray h4{color:#888;margin:10px 10px 5px;padding-bottom:10px;border-bottom:1px solid #ddd}
.lgray h5{font-size:14px;color:#444;font-weight:bold;margin:10px 10px 0}
.lgray ol{list-style:none;margin:7px 10px;padding:0}
.lgray ol a{color:#777;padding:3px 0}
.lgray p{color:#555;margin:9px 10px;padding:0}
.lgray p a{color:#888;text-decoration:underline}
.lgray p a:hover{color:#555}


/* 3.GÖZ REFERANSLAR */

.referans-listele {float:left;width:639px;}
.referans-listele li {float:left;margin-right:5px;}
.referans-listele li img {border:1px solid #ddd; padding:3px;margin-bottom:10px;opacity:1;}
.referans-listele li:hover img {border:1px solid #f2f2f2;opacity:0.8;}


.uye-giris {flot:left;width:639px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #ddd;}


/* 3.GÖZ FOTO GALERİ */

.fotogaleri-listele {float:left;width:639px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #ddd;}
.fotogaleri-listele li {float:left;margin-right:11px;width:308px;height:265px;margin-bottom:20px;overflow:hidden;position:relative;}
.fotogaleri-listele li img {border:1px solid #ddd; padding:3px;margin-bottom:10px;opacity:1;width:300px;height:200px;position:relative;}
.fotogaleri-listele li:hover img {border:1px solid #f2f2f2;opacity:0.8;}
.fotogaleri-listele li a{float:left;text-align:center;width:312px;color:#333;}
.fotogaleri-listele li:hover .galeri-k {position:absolute;z-index:999;left:10px;top:10px;width:24px;height:24px;background:url('/site/i/icon/zoom.png');}

/* 3.GÖZ VİDEO GALERİ */

.video-listele {float:left;width:639px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #ddd;}
.video-listele li {float:left;margin-right:11px;width:308px;height:265px;margin-bottom:20px;overflow:hidden;position:relative;}
.video-listele li img {border:1px solid #ddd; padding:3px;margin-bottom:10px;opacity:1;width:300px;height:200px;position:relative;}
.video-listele li:hover img {border:1px solid #f2f2f2;opacity:0.8;}
.video-listele li a{float:left;text-align:center;width:312px;color:#333;}
.video-listele li .video-k {position:absolute;z-index:999;left:115px;top:80px;width:65px;height:60px;background:url('/site/i/icon/play.png');}

.yazilari {float:left;width:640px;margin-bottom:15px;}
.yazilari li {float:left;width:635px;padding-bottom:20px;border-bottom:1px dotted #ddd;padding-left:15px;}
.yazilari li a {float:left;font-family:Arial;font-size:13px;font-weight:bold;line-height:24px;width:640px;}
.yazilari li span {float:left;font-family:Arial;font-size:12px;font-weight:normal;line-height:17px;color:#4a4a4a;width:640px;}
.yazilari li:hover {background:#f2f2f2;}




.bg-parallax {float: left;width: 980px;height:200px;position: relative;overflow: hidden;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;margin-bottom:1px;}
.bg-parallax:before {content: '';width: 980px;height: 200px;background: rgba(0,0,0,0.8);position: absolute;left: 0;top: 0;z-index: 0;margin-bottom:1px;}
.bg-parallax > div {position: relative;z-index: 10;}
.cs-productbanner {text-align: center;}
.cs-productbanner .rich_text_editor h2{color: #fff;font-size: 20px;text-shadow: 2px 2px 4px rgba(0,0,0,.9);font-weight: normal;margin-bottom: 15px;}
.cs-productbanner .btn {color: #fff;font-size: 16px;font-weight:bold;border-radius: 4px;line-height: 20px;padding:5px 10px;}
.rich_text_editor {padding:40px 20px;}


#orta-galeri{float:left;width:980px;height:325px;overflow:hidden;position:relative;z-index:66;background:#f2f2f2;margin-top:0px;padding-top:20px;margin-bottom:1px;}
#orta-icerik{float:left;width:964px;height:325px;position:relative;overflow:hidden;}
.orta-box{float:left;width:178px;padding:10px 8px;height:325px;overflow:hidden;list-style-type:none;position:relative;}
.orta-box:hover{cursor:pointer;}
.orta-images {float:left;width:170px;position:relative;border:1px solid #ddd;padding:3px;background:#fff;}
.orta-baslik {text-align:center;color:#525252}
.galeri-updown{float:right;width:80px;height:26px;margin-top:-2px;z-index:9999;position:relative;}
.galeri-updown a{text-decoration:none;font-size:14px;color:#052462;	}



/* 3.GÖZ SOL KENAR */

.pushy{position: fixed;width: 180px;height: 100%;top: 0;z-index: 9999;background: #333332;font-size: 0.9em;font-weight: bold;-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);-moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);overflow: auto;-webkit-overflow-scrolling: touch; }
.pushy a{display: block;color: #b3b3b1;font-size:13px;padding:12px;border-bottom: 1px solid rgba(0, 0, 0, .1);border-top: 1px solid rgba(255, 255, 255, .1);text-decoration: none;}
.pushy-left{-webkit-transform: translate3d(-200px,0,0);-moz-transform: translate3d(-200px,0,0);-ms-transform: translate3d(-200px,0,0);-o-transform: translate3d(-200px,0,0);    transform: translate3d(-200px,0,0);}
.pushy-open{-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);}
.container-push, .push-push{-webkit-transform: translate3d(200px,0,0);-moz-transform: translate3d(200px,0,0);-ms-transform: translate3d(200px,0,0);-o-transform: translate3d(200px,0,0);transform: translate3d(200px,0,0);}
.pushy, #container, .push{-webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);-moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);transition: transform .2s cubic-bezier(.16, .68, .43, .99);}
.site-overlay{display: none;}
.pushy-active .site-overlay{display: block;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9998;background-color: rgba(0,0,0,0.5);-webkit-animation: fade 500ms;    -moz-animation: fade 500ms; -o-animation: fade 500ms;animation: fade 500ms;}
@keyframes fade{0%   { opacity: 0; }100% { opacity: 1; }}
@-moz-keyframes fade{0%   { opacity: 0; }100% { opacity: 1; }}
@-webkit-keyframes fade{0%   { opacity: 0; }100% { opacity: 1; }}
@-o-keyframes fade{0%   { opacity: 0; }100% { opacity: 1; }}
@media screen and (max-width: 768px){.pushy{font-size: 13px;}}


/* 3.GÖZ ORTA BÖLÜM AÇIKLAMA */
.orta-aciklama {float:left;width:960px;padding:10px;margin-top:-45px;padding-bottom:10px;}

.orta-bolum-1 {float:left;width:470px;padding-right:10px;border-right:1px dotted #ddd;margin-right:9px;}
.orta-bolum-1 p, .orta-bolum-2 p {font-size:13px;line-height:17px;padding-bottom:10px;}
.orta-bolum-2 {float:left;width:470px;}
.orta-bolum-1 p strong, .orta-bolum-2 p strong{font-size:15px;font-weight:600;}
.orta-slogan {float:left;width:960px;padding:25px 10px 20px 10px;font-size:16px;line-height:30px;margin-top:-72px;background:#f2f2f2;font-weight:600;}




/* 3.GÖZ BİZ SİZİ ARAYALIM */
.bizsiziArayalim{position:fixed; bottom:0px; z-index:9999999; padding:10px; background:#333; width:220px; right:10px;}
.bizsiziArayalim .ust{float:left; width:100%;color:#fff;  margin: 5px 0px;}
.bizsiziArayalim .orta {float: left;}
.bizsiziArayalim .ust .bizsiziArayalim-Baslik{float:left;color:#fff; font-size:16px; font-weight:600;margin: 5px 0px 0px 0px;}
.bizsiziArayalim .ust .kapat{float:right; width:20px; height:20px; background:url('/site/i/icon/kirmizi/close-20.png') top left;cursor:pointer;}
.arama-oncesi  {position:fixed; bottom:0px; z-index:9999999; background:url(/site/i/biz-sizi-arayalim-bck.png) no-repeat; height: 61px;padding: 0px 2px 0px 0px;  right:10px; width:220px;}
.arama-oncesi  .arama-oncesi-Baslik{ float:left;color:#fff; font-size: 16px; font-weight:600; margin: 33px 0px 0px 70px;cursor:pointer;}
#arama-bilgi {color:#fff;line-height: 17px;letter-spacing: 1px;}