.footer {
    background: linear-gradient(#3498db,#3498db);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border-top: 4px solid #2980b9;
}


.konuyorum {
  border: 1px solid #bdbdbd;
  color: #2c607e;
  font-weight: bold;
    width: 65px;
    height: 25px;
    line-height: 25px;
	    line-height: 25px;
    border-radius: 7px;
}


.konuokuyan {
    background: linear-gradient(#3498db,#3498db);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border-bottom: 4px solid #2980b9;
	    border-radius: 15px;
}

.duyuru {
    background: linear-gradient(#3498db,#3498db);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    border-bottom: 4px solid #2980b9;
	border-radius: 15px;
}

.gruptitle{
    color: #2196F3;
    background: #fff;
    text-align: center;
    border: 1px dashed #2196F3;
    font-size: 13px;
    font-weight: bold;
	margin-top: 140px;
}

.uyeno{
    background: #3498db;
    color: #FFF;
    border-radius: 8px;
    border-bottom: solid 2px #2980b9;
    padding: 6px;
}


.yorum{
    background: #34db6f;
    color: #FFF;
    border-radius: 8px;
    border-bottom: solid 2px #29b94f;
    padding: 6px;
}

.konu{
    background: #dba834;
    color: #FFF;
    border-radius: 8px;
    border-bottom: solid 2px #b9a129;
    padding: 6px;
}

.kayit{
    background: #3439db;
    color: #FFF;
    border-radius: 8px;
    border-bottom: solid 2px #293bb9;
    padding: 6px;
}

.rep{
    background: #34db77;
    color: #FFF;
    border-radius: 8px;
    border-bottom: solid 2px #2bb929;
    padding: 6px;
}

.warn{
    background: #db3434;
    color: #FFF;
    border-radius: 8px;
    border-bottom: solid 2px #b92929;
    padding: 6px;
}

.bosluk {
    padding: 2px 2px;
}

.tipsy {
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
	font-family: 'Exo 2', sans-serif;
	font-size: 11px;
    background: #161616;
    color: #FFFFFF;
    max-width: 200px;
    padding: 5px 8px;
    text-align: center;
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #161616;
}
  
.tipsy-arrow-n {
    border-bottom-color: #161616;
}

.tipsy-arrow-s {
    border-top-color: #161616;
}

.tipsy-arrow-e {
    border-left-color: #161616;
}

.tipsy-arrow-w {
    border-right-color: #161616;
}
  
.tipsy-n .tipsy-arrow {
    top: 0px; left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.scrolltotop {
    cursor: pointer;
    border: 1px solid #3498db;
    padding: 2px 11px 6px 11px;
    position: fixed;
    bottom: 1em;
    right: 20px;
    text-decoration: none;
    color: #2980b9;
    display: none;
	transition: all 0.5s ease;
  	font-size: 16px;
  	opacity: 0.75;
}

.scrolltotop:hover {    
    cursor: pointer;
    border: 1px solid #3498db;
    color: #2980b9;
	transition: all 0.5s ease;
  	opacity: 1;
}

.buttons {
    cursor: pointer;
    color: #2c6082;
    width: 44px;
    height: 29px;
    text-align: center;
    transition: all 0.5s ease;
    font-size: 22px;
}

.buttons:hover {
    cursor: pointer;
    color: #2c6082;
	transition: all 0.5s ease;
}

.clickedbuttons {
    cursor: pointer;
    color: #2c6082;
    width: 44px;
    height: 29px;
    text-align: center;
    transition: all 0.5s ease;
    font-size: 22px;
}

.clickedbuttons:hover {
    cursor: pointer;
    color: #2c6082;
	transition: all 0.5s ease;
}
		

.view {
    width: 120px;
    height: 120px;
    margin: 10px;
    border: 4px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    border-radius: 70px;
    margin-left: 2px;
    margin-top: 2px;
}
.view .mask,.view .content {
    width: 100px;
    height: 100px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    margin-left: 7px;
    margin-top: 7px;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    margin-top: -25px;
    padding: 7px 14px;
    background: #2980b9;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}        
.view-second img {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    width: 120px;
    height: 120px;
}
.view-second .mask {
   background-color: rgba(52, 152, 219, 0.68);
   width: 300px;
   padding: 60px;
   height: 300px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(265px, 145px) rotate(45deg);
   -moz-transform: translate(265px, 145px) rotate(45deg);
   -o-transform: translate(265px, 145px) rotate(45deg);
   -ms-transform: translate(265px, 145px) rotate(45deg);
   transform: translate(265px, 145px) rotate(45deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;

   -webkit-transform: translate(200px, -200px);
   -moz-transform: translate(200px, -200px);
   -o-transform: translate(200px, -200px);
   -ms-transform: translate(200px, -200px);
   transform: translate(200px, -200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second p {
   -webkit-transform: translate(-200px, 200px);
   -moz-transform: translate(-200px, 200px);
   -o-transform: translate(-200px, 200px);
   -ms-transform: translate(-200px, 200px);
   transform: translate(-200px, 200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second a.info {
   -webkit-transform: translate(0px, 100px);
   -moz-transform: translate(0px, 100px);
   -o-transform: translate(0px, 100px);
   -ms-transform: translate(0px, 100px);
   transform: translate(0px, 100px);
   -webkit-transition: all 0.2s 0.1s ease-in-out;
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transition: all 0.2s 0.1s ease-in-out;
   -ms-transition: all 0.2s 0.1s ease-in-out;
   transition: all 0.2s 0.1s ease-in-out;
}
.view-second:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translate(-80px, -125px) rotate(45deg);
   -moz-transform: translate(-80px, -125px) rotate(45deg);
   -o-transform: translate(-80px, -125px) rotate(45deg);
   -ms-transform: translate(-80px, -125px) rotate(45deg);
   transform: translate(-80px, -125px) rotate(45deg);
}
.view-second:hover h2 {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.view-second:hover p {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-second:hover a.info {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.fild {
    background: #DDDDDD;
border: 1px solid #C3C3C3;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1.625em;
}