/* Return to products */

.btn2 {
	padding: 1px 1px;
	font-size: 14px;
	line-height: 1.42857143;
	min-width: 160px;
	text-align: center;
	border-radius: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn2-default {
	color: #55acee;
	border: 1px solid #cccccc;
}
.btn2-default:hover {
	color: #ffffff;
	background-color: #339BEB;
	border-color: #339BEB;
}
/* Return to products */

/* YONETIM */
/* COMMON CLASSES */
.break { clear:both; }

/* WRAPPER */
#wrapper { width: 100%; margin:5px;}

/* CONTENT */
#content { }
#content .info { padding:10px; }

/* YONETIM */
#yonetimcerceve { 
display: inline-block;
}



#yonetimcerceve li { display:inline; float:left;
	-webkit-perspective: 1000; -webkit-transform-style: preserve-3d;
	-webkit-transition-property: perspective; -webkit-transition-duration: 0.5s; }
#yonetimcerceve li:hover { -webkit-perspective: 8000; }
	
#yonetimcerceve li img { border:10px solid #fcfafa; -webkit-transform: rotateY(25deg);
	-moz-box-shadow:0 3px 10px #888; -webkit-box-shadow:0 3px 10px #888;
	-webkit-transition-property: transform; -webkit-transition-duration: 0.5s; }
#yonetimcerceve li:hover img { -webkit-transform: rotateY(0deg); }

.yonetiminfo { border:4px solid #fcfafa; padding:5px; width:180px; height:150px; background-color:#deddcd; margin: -15px 5px 35px 5px;;
	-moz-box-shadow:0 20px 40px #888; -webkit-box-shadow:0 20px 40px #888;
	-webkit-transform: translateZ(30px) rotateY(25deg);
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; }
	
#yonetimcerceve li:hover .yonetiminfo { -webkit-transform: rotateY(0deg); -webkit-box-shadow:0 5px 10px #34A3D7;}
.yonetiminfo h4 { color:#000; font-family:Arial,serif,Times; text-align:center; padding-bottom:1px; }	
.yonetiminfo h5 { color:#930b00; font-family:Arial,serif,Times; text-align:center; padding-bottom:1px; }
.yonetiminfo p { color:#000;  position: absolute; bottom: 0; text-align:center; width: 100%; }
.yonetiminfo a { background-color:#7a3f3a; padding:5px 10px; color:#eee; text-decoration:none; display:block; width:80px; text-align:center; margin:0 auto;
	-moz-border-radius:5px; -webkit-border-radius:5px; }
.yonetiminfo a:hover, .yonetiminfo a:focus { background-color:#6a191f; color:#fff; }


/* YONETIM */




/* BACK TO TOP */
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #27AE61 url("../images/other/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}
/* BACK TO TOP */




/*SVGICON*/


.st0,.circle,.ellipse{fill:none;stroke:#FFF;stroke-width:2;stroke-miterlimit:10;}

/*support*/
#support .st0{fill:#FFFFFF;stroke:#2c3e50;stroke-width:6;stroke-miterlimit:10;}
#support .st1{fill:#FFFFFF;stroke:#2c3e50;stroke-width:6;stroke-miterlimit:10;}
#support .st2{fill:#FFFFFF;}

#support .people{
  fill:#fff;
  -ms-transform:scale(0,0);
  -moz-transform:scale(0,0);
  -webkit-transform:scale(0,0);
  transform:scale(0,0);
  -ms-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin:50% 50%;
  transition:0.7s;
}
#support:hover .people{
  fill:#fff;
  -ms-transform:scale(1,1);
  -moz-transform:scale(1,1);
  -webkit-transform:scale(1,1);
  transform:scale(1,1);
  -ms-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin:50% 50%;
}

/*info*/
#info .st0{fill:none;stroke:#fff;stroke-width:6;stroke-miterlimit:10;}
#info .st1{fill:#fff;}
#info .st2{fill:#fff;stroke:#fff;stroke-width:4;stroke-miterlimit:10;}
#info .circle{
  -moz-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -webkit-transform: scale(1,1); 
  transform: scale(1,1);

  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform: 50% 50%;

  transition:0.5s;
}
#info:hover .circle{
  -moz-transform: scale(-1,1); 
  -ms-transform: scale(-1,1); 
  -webkit-transform: scale(-1,1); 
  transform: scale(-1,1);
}


/*Demo*/
#demo .st0{
  fill:none;
  stroke:#fff;
  stroke-width:6;
  stroke-miterlimit:10;
  transition:0.5s;
}

#demo .st1{
    fill:none;
    stroke:none;
    stroke-width:8;
    stroke-miterlimit:10;
}
#demo .squere{
  -ms-transform:scale(1);
  -moz-transform:scale(1);
  -webkit-transform:scale(1);
  transform:scale(1);
  -ms-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -webkit-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  transition:0.5s;
}
#demo:hover .squere{
  -ms-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -webkit-transform:scale(0.8);
  transform:scale(0.8);
  -ms-transform-origin:50% 50%;
  -moz-transform-origin:50% 50%
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
}
#demo:hover .arrow .st0{
  stroke-width:8;
}
.icons{cursor:pointer;}

@keyframes moving{
  from{stroke-dashoffset:50;}
  to{stroke-dashoffset:0;}
}
#notification .notif{
  -moz-transform:scale(1) translate(0,0);
  -webkit-transform:scale(1) translate(0,0);
  -ms-transform:scale(1) translate(0,0);
  transform:scale(1) translate(0,0);
  transition:1s;
  
  -moz-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  -webkit-transform-origin:50% 50%;
  transform:50% 50%;
}
#notification:hover .notif{
  animation: notificate 1s linear;
}

@keyframes notificate{
  0%{
    -moz-transform:scale(1) translate(0px,0px);
    -webkit-transform:scale(1) translate(0px,0px);
    -ms-transform:scale(1) translate(0px,0px);
    transform:scale(1) translate(0px, 0px);
  }
  12.5%{
    -moz-transform:rotate(40deg) scale(0.6) translate(0px, 0px);
    -webkit-transform:rotate(40deg) scale(0.6) translate(0px, 0px);
    -ms-transform:rotate(40deg) scale(0.6) translate(0px, 0px);
    transform:rotate(40deg) scale(0.6) translate(0px, 0px);
  }
  25%{
    -moz-transform:rotate(0deg) scale(0.6) translate(0px, 0px);
    -webkit-transform:rotate(0deg) scale(0.6) translate(0px, 0px);
    -ms-transform:rotate(0deg) scale(0.6) translate(0px, 0px);
    transform:rotate(0deg) scale(0.6) translate(0px, 0px);
  }
  37.5%{
    -moz-transform:rotate(-40deg) scale(0.6) translate(0px, 0px);
    -webkit-transform:rotate(-40deg) scale(0.6) translate(0px, 0px);
    -ms-transform:rotate(-40deg) scale(0.6) translate(0px, 0px);
    transform:rotate(-40deg) scale(0.6) translate(0px, 0px);
  }  
  50%{
    -moz-transform:rotate(0deg) scale(0.6) translate(0px, 0px);
    -webkit-transform:rotate(0deg) scale(0.6) translate(0px, 0px);
    -ms-transform:rotate(0deg) scale(0.6) translate(0px, 0px);
    transform:rotate(0deg) scale(0.6) translate(0px, 0px);
  }
  62.5%{
    -moz-transform:rotate(40deg) scale(0.6) translate(0px, 0px);
    -webkit-transform:rotate(40deg) scale(0.6) translate(0px, 0px);
    -ms-transform:rotate(40deg) scale(0.6) translate(0px, 0px);
    transform:rotate(40deg) scale(0.6) translate(0px, 0px);
  }
  75%{
    -moz-transform:rotate(0deg) scale(0.6) translate(0px, 0px);
    -webkit-transform:rotate(0deg) scale(0.6) translate(0px, 0px);
    -ms-transform:rotate(0deg) scale(0.6) translate(0px, 0px);
    transform:rotate(0deg) scale(0.6) translate(0px, 0px);
  }
  87.5%{
    -moz-transform:rotate(-40deg) scale(0.6) translate(0px, 0px);
    -webkit-transform:rotate(-40deg) scale(0.6) translate(0px, 0px);
    -ms-transform:rotate(-40deg) scale(0.6) translate(0px, 0px);
    transform:rotate(-40deg) scale(0.6) translate(0px, 0px);
  }
  100%{
    -moz-transform:rotate(0deg) scale(1) translate(0, 0);
    -webkit-transform:rotate(0deg) scale(1) translate(0, 0);
    -ms-transform:rotate(0deg) scale(1) translate(0, 0));
    transform:rotate(0deg) scale(1) translate(0, 0));
  }
}


/*SVGICON*/


/*IMAGE-ZOOM*/
.imagezoom-photos img {
  width: 200px;
  height: 150px;
  
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.imagezoom-photos  img:hover {
  width: 220px;
}

.imagezoom-inpress img {
 width: 100px;
 height: 150px;

  
  margin-right:15px;
  margin-left:15px;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.imagezoom-inpress img:hover {
  width: 120px;
}


/*IMAGE-ZOOM*/


/*IMAGE-ZOOM*/
.imagezoom-gsemenu img {
  width: 188px;
  height: 188px;
  border-radius: 20px;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.imagezoom-gsemenu img:hover {
  width: 193px;
}
/*IMAGE-ZOOM*/


@media (max-width: 414px) { /* 0-414px arası mobil */
.imagezoom-gsemenu img {

  width: 50px;
  height: 50px;
  border-radius: 3px;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;

}

.imagezoom-gsemenu img:hover {
  width: 52px;
}

}

/*GSE ALT MENÜYÜ AŞAĞI KAYDIR*/
@media (max-width: 414px) { /* 0-414px arası mobil */
	.nav {
    padding-left: 0;
    margin-bottom: 30px;
    list-style: none;
}

}

.imagezoom-catalog img {
  text-align: center;
  width: 188px;
  height: 159px;
  border-radius: 20px;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.imagezoom-catalog img:hover {
 width: 208px;
}

.catalog {
	text-align: center;
    position:relative;
    float:left;
	padding-left: 20px;
}

@media (max-width: 414px) { /* 0-414px arası mobil */
.catalog {
	text-align: center;
    position:relative;
    float:none;
	padding-left: 20px;
}
}


.catalog .h4 { color: #000000; }
h4:hover {  color: #e70c0c; }	

/*gse alt urunleri butonlarını acilista gizle*/
#gsebutonlarinigizle {
    display: none;
}
#gsegrubunugizle {
    display: none;
}

#urunlerigizle {
    display: none;
}

/*gse alt urunleri 100 px genişliğe kadar listelensin*/
@media (min-width: 100px) {
  .navbar-collapse-gse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse-gse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
  }
  .navbar-collapse-gse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
/*gse alt urunleri 320 px genişliğe kadar listelensin*/


/*combobox menü açık gelmesin*/
@media (max-width: 414px) { /* 0-414px arası mobil */
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {

    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
/*  visibility: visible !important; */
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
/*combobox menü açık gelmesin*/


.ortala {
    display:inline-block;
}

.ortalablock {
    position:relative;
    float:left;
    text-align: center;
}

.ortalablock img {
    display: block;
    margin: 0 auto;
}

@media (max-width: 414px) { /* 0-414px arası mobil */
.ortalablock {
    position:relative;
    text-align: center;
	float: none;
}
}

/* hover renklendir  */
a { color: #000000; }
a:hover {  color: #e70c0c; }	
/* hover renklendir  */

/* açılır menü  */
.navbar-toggle {
    position: relative;
    float: right;
    padding: 11px 12px;
    margin-top: -5px;
    margin-right: 5px;
    margin-bottom: 1px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    background-color: #2672bd;
}
/* açılır menü  */	


.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* hata önle  */	
.dropdown-menu {
    padding: 0px 0;
}

.renkli {
    color: #00ff04;
    font-size: 20px;
    font-weight: bold;
}