/* top menu responsive */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #28304C;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #111;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

/*NAVIGATION Media Queries*/
/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;  
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}






.enmenuwrap {
  float: right;
  display: inline-block;
  position: relative;	

}
h1 {
  text-align: right; 
  font: 2rem/4.5rem "Kite One";
  padding: 0 1.5rem;
  opacity: .5;
  transition: $duration*2;
  pointer-events: none;
	color:white;
}
.enmenu {
  height: 35px;
  line-height: 35px;margin-top: 33px;	
background-color: #28304C;
  display: inline-block;
  padding: 0px 10px;
  position: relative;
  cursor: pointer;  
  color: #fff;
  text-decoration: none;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  float: right;	 
  right:30px;
  border: 2px double #28304C;	
}
.enmenus {
  height: 34px;right:30px;
  line-height: 34px;margin-top: 33px;	
  background-color: #28304C;
  display: inline-block;
  padding: 0px 10px;
  position: relative;
  cursor: pointer;  
  color: #fff;
  text-decoration: none;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  float: right;	 border: 2px double #28304C;
}
.enmenu a:hover {
    background: #fff;
    color: #e04006;
}
.ensettings a:link, .ensettings a:visited {text-align:left;color:#ccc; text-decoration:none; text-transform: normal; font-family: Helvetica;font-size:.9rem;}

.ensettings a:hover {color:#fff; }
.ensettings {
  display: none;
  position: absolute;
  right: 0;
  left: auto;
  min-width: 150px;
  background: #28304C;
  color: #1369A6;
  top: 70px;
  padding: 0;
  margin: 0;
  z-index: 999999;
  font-family: 'Arial',Helvetica,Arial,sans-serif;	right:30px;
  border-left: 2px solid #1BA8C4;
}

.ensettings::before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  position: absolute;
  top: -6px;
  right: 5px;
  float: left;
}

.ensettings ul {
    padding: 0;
    margin: 0;
}

.ensettings ul > li {
  list-style: none;
  padding: 0;
}

.ensettings ul > li > a {
  text-decoration: none;
  color: #098D84;
  display: block;
  padding: 0px 10px;
  transition: all 0.2s ease-in-out;
  font-size: 12px;
}

.ensettings ul > li > a:hover {
    background: #23BDC6;
    color: #ddd;
}

.ensettings ul > li > a > i {
    float: right;
    display:inline-block;
    line-height: 50px;
}




.flavatar {
  cursor: pointer;
  height: 75px;
  line-height: 30px;
  color: #e04006;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  float: right;margin-top: -23px;
 border:none;
border-radius: 55%;
 transition:all 0.3s ease;}

.flavatar img {	
  width: 75px;border:4px solid#28304C;
  height: 75px;  border-radius: 50px;
   margin-top: -23px;
 background: url(../../../images/default_avatar.png)no-repeat; background-size: 100% auto ; 
}


.enmenuf {
background-color: #28304C;  display: inline-block;
  padding: 0px 10px;
  position: relative;
  cursor: pointer;
  height: 35px;
  line-height: 30px;margin-top: 33px;
  color: #e04006;
  text-decoration: none;
  border-radius: 2px;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  float: right;
	border: 2px double #28304C; right:30px;
	}
.ensettings a:hover, .enmenuf:hover {
  animation: heartbeat 2s ease infinite;
}
	.enmenubutton {
  background: #f5f5f5;
  display: inline-block;
  padding: 0px 10px;
  position: relative;
  cursor: pointer;
  height: 45px;
  line-height: 40px;
  color: #e04006;
  text-decoration: none;
	 border: 1px solid #fafbfc;
  border-radius: 2px;
  font-family: 'Trebuchet MS',Helvetica,Arial,sans-serif;
  float: right;
		}

/* 
----------------------------------------
				PROFILE PAGE
 ---------------------------------------
*/

.profile-left-col {
    width: 34%;
    float: left;
	margin-right:1%;
	margin-top: -25px;
}
.profile-right-col {
    width: 65%;
	float: left;
	margin-top: -30px;
}

.profile-left {
	background: #18AB7C;
    border: 3px solid #1a1a1a;
    float: left;
    width: 95%;
    outline: 1px solid #2c2c2c;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.profiled-name {
        float:right;
        font-size: 14px;
        font-weight: bold;
     
}

.profile_avatar {
        height: 140px;
        width: 140px;
        overflow: hidden;
        margin: auto
        padding: 2px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
	border: 2px double #fff;
	
}

.profile_avatar img {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
}


.profile-info {
    padding: 6px;
	border-bottom: 1px solid #FAFBFC;
	line-height: 30px;
}


.profile-icon {
    background: #18AB7C;
    border: 1px solid #FAFBFC;
    padding: 3px;
    border-radius: 3px;
    display: inline-block;
    width: 20px;
    color: #f1f1f1;
    text-align: center;
    margin-right: 5px;
}

.profile-info {
    background: #E3E8EE;
    padding: 10px;
}


.profile-pad {padding:8px;}

.profile-title {
    background: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    padding: 6px 10px;
    border-radius: 2px;
    position: relative;
    margin-top: 4px;
}

	
	ul.tabs {
 margin: 0;
	padding: 0px 12px;
	margin-left: -13px;
	margin-top: 5px;
	float: left;
	list-style: none;
	height: auto;
	width: 96%;
	background: #E3E8EE;
	border-left: 1px solid #D1EBEB;
	border-right: 1px solid #D1EBEB;
	border-bottom: 1px solid #D1EBEB;
        border: .75em solid transparent;
        border-left-color: white;
}

ul.tabs li {
    margin-right: 5px;
    padding: 0;
    list-style: none;
    height: 30px;
    line-height: 30px;
    border-left: none;
    margin-bottom: 4px;
    overflow: hidden;
    position: relative;
    background: #EEBE6A;
   background: linear-gradient(#dfc891, #776c51);
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
  letter-spacing: 0.15rem; 
  text-shadow: 0 1px 0 #000;
  font-size: 1.4rem;
  transition: 0.2s transform linear;
}
ul.tabs li a {
    text-decoration: none;
    color: #f1f1f1;
    background:#162754;
    display: block;
    font-size: 12px;
    padding: 0 10px;
	-webkit-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
	   -moz-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
	        box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);
	        	border: 0px solid #000000;
	-webkit-transition: padding 0.2s ease, margin 0.2s ease;
       -moz-transition: padding 0.2s ease, margin 0.2s ease;
         -o-transition: padding 0.2s ease, margin 0.2s ease;
        -ms-transition: padding 0.2s ease, margin 0.2s ease;
            transition: padding 0.2s ease, margin 0.2s ease;

}

ul.tabs li a:hover {
	background: #173171; 
	margin: 0px 0;	
	padding: 5px 0 6px 0;
	  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 400ms;
  -webkit-animation-name: bla;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
	}

html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background:#2c3e50;
}


.tab_container {
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
}
.tab_content {
    /*font-size: 1.2em;*/
}


.profile-user-btn {
	background: #0D7C3D;
	color: #fff;
	display: inline-block;
	padding: 5px 10px;
	margin: 0px 5px 8px -1px;
	font-size: 12px;
}

.profile-user-btn:hover {
    background: #444;
    color: #fff;
}

.contain-icon {
    background:#E95154;
    border: 1px solid #FAFBFC;
    padding: 3px;
    border-radius: 3px;
    display: inline-block;
    width: 20px;
    color: #f1f1f1;
    text-align: center;
    margin-right: 5px;
}

/*MEMBER PROFİLE STYLE*/

.memberlistprofile {
 display: inline-table;
  box-sizing: border-box;
 width: 15rem;
 margin: 0.3rem;
  border: 1px solid #D5EDF0;
  text-align: center;
  color: #444;
  border-radius: .5rem;
 height: 6rem;
 background: #fff;
}

.memberlistname {
 font-family: 'Pacifico', cursive;
 font-size: 14px;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
text-align:center;
 margin-top: -10px;
	cursor:pointer;
}
.memberlistbio {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-family: Georgia, serif;
 background: #f5f5f5;
 margin-top:-15px;	

}
.userstar  {
	float:right;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	margin-right:-50px;
	background: #fff;
   border-radius: 11px 11px 0px 0px;
   -moz-border-radius: 11px 11px 0px 0px;
    -webkit-border-radius: 11px 11px 0px 0px;
	border-top: 2px solid #D5EDF0;
    margin-top:-65px;	
}
.profile_avatar {
		height: 120px;
        width: 120px;
        overflow: hidden;
        padding: 4px;
        border: 8px solid #D5EDF0;	margin-top:-15px;
	}

.profile_avatar img {
	 box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1), 0 2px 10px 0 rgba(0,0,0,0.1);
    width: 130px;
    height: 130px;
    border-radius: 50% 0;
   -moz-border-radius: 50%;
  -webkit-border-radius: 50%;  
	margin-top:-6px;
    margin-left:-2px;
}

.profile_avatar img:hover {
    -moz-transition: all 1.0s ease-in-out;
    -webkit-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    -ms-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

h4 {
  font-family: source-sans-pro, sans-serif;
  color: #6EE6E8;
  font-weight: 100;
 font: 2rem/4.5rem "Kite One";
  padding: 0 1.5rem;
  opacity: .5;
}

.portalcp {
background: #E9F6F6;
height: 20px;
font-weight: bold;
font-family: monospace;
padding-top: 4px;
width: 107%;
margin-left: -6px;
margin-top: -15px;
margin-bottom: 5px;
}
.postbit_avatar {	
    padding: 8px;
    height: 100px;
    width: 100px;
    border-radius: 70px;
}

.postbit_avatar:hover {
    border-radius: 5px;
}

.postbit_avatar img {
	background: url(../../../images/NavyBlue/default_avatar.png) no-repeat; background-size: 100% auto;
    height: 100px;
    width: 100px;    border-radius: 70px;
    border: 2px solid #DAF0F0;
	margin-top:-25px;
}

.postbit_avatar img:hover {
    -moz-transition: all 1.0s ease-in-out;
    -webkit-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    -ms-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*** Forum Status*/

.forumstats {
   padding: 10px 15px;
    border-radius:2px;
    color: #fff;
    font-size: 1.3em;
    font-family: 'bree_serifregular', Tahoma, Verdana, Arial, Sans-Serif;
    top: -2px;
    left: -2px;
   -webkit-box-shadow: 0 5px 1px #B6F0D8;
	-moz-box-shadow: 0 5px 1px #B6F0D8;
	-o-box-shadow: 0 5px 0px #B6F0D8;
	-ms-box-shadow: 0 5px 0px #B6F0D8;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out; 
  
}

.forumstats:hover {
	 stroke: #4274D3;
	box-shadow: 0 0 0 5px #B6F0D8 ;
	-webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -ms-transform: scale(0.96);
     transform: scale(0.96);
	 border-color:#ddd;
     color:#A75572;
     border: 1px dashed #338aca;
     cursor: url(/images/mfsgoldedition/link.cur), pointer;
	 animation-name: bounce;
}


.nb-circle{  
text-decoration: none;
outline: none!important;
position: relative;
display: inline-block;
height: 50px;
width: 50px;
margin: 0 10px 10px 0;
color: #fff;
border-radius: 50%;}
.nb-btn-circle{
text-decoration: none;
outline: none!important;
position: relative;
display: inline-block;
height: 50px;
width: 50px;
margin: 0 10px 10px 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border: 3px solid #20B7D1;
transition:all 0.4s ease-in-out;
}
.nb-btn-circle:hover{
background: #E91E63;
border-color: #E91E63;
color: #fff;
}

/*** Forum Search*/

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle;
}

#search input, #search button {
	background: transparent;
	border: 0px;
	color: #d1d1d2;
	font-size: 13px;
}

#search input {
	height: 22px;
	line-height: 22px;
	margin: 2px 0 0 15px;
	width: 115px;
}

#search button {
 width: 30px;
  height: 30px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 13px;	
}

#search input.textbox:focus {
width: 160px; 
	transition: 1s all;
}

#search label {
	height: 32px;
	background-color: #1E3D50;
	border-radius: 18px;
	display: block;
  border: 0px solid #14987D;
  margin-top: 6px;
}

/*** Footer Style*/

#copyright {
  color: #EAEDF1;
}

#copyright a {
  color: #f5f5f5;	
  font-weight: bold;
}


#footer {
	clear: both;
}

.footer {
background:#12AFC3;
padding: 12px 20px;
font-size: 12px;
border-top:5px solid#3A164E;
}
#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.menu li {
	margin: 0 5px;
	display: inline;
}

#footer .upper {
	background: #177CB2;
	padding: 6px;
	font-size: 13px;
	overflow: hidden;
	border: 1px solid #2CA4CC;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #ddd ;
text-shadow: #CBD7DD 0px 0px 2px;
}


.page-wrapper {
  min-height: 100%;  margin-bottom: -229px; 

}

.page-wrapper:after {
  content: "";
  display: block;
}

.footer-distributed, .page-wrapper:after {
  height:229px;
}

.footer-distributed{
	background: #f1f1f1 url(../../../images/NavyBlue/footer.png);
	background-size:cover;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding: 55px 50px;
	margin-top: 120px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 40%;
}

/* The company logo */

.footer-distributed h3{
	color:  #ffffff;
	font: normal 36px 'Cookie', cursive;
	margin: 0;
}

.footer-distributed h3 span{
	color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center{
	width: 35%;
}

.footer-distributed .footer-center i{
	background-color:  #212112;
	color: #f5f5f5;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  #5383d3;
	text-decoration: none;;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 20%;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
	color:  #15CBD4;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {

	.footer-distributed{
		font: bold 14px sans-serif;  
		height:100% !important;
	}

	 .footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
    width: 100% !important;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}





/** Scroll Çapası */

	#scroll_up, #scroll_dn {
  position: fixed;
  right: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: none;
  z-index: 999;
  background:   url(../../../images/NavyBlue/up.png) center no-repeat;
}
#scroll_up {
    bottom: 50px;
}
#scroll_dn {
    bottom: 10px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* Breadcrumbs
------------------ */

.breadcrumbs {
   color: #fcfcfc;
	background: #7ebeba;
	font-size: 13px;
	padding: 8px;
	border-radius: 5px;
}
.breadcrumbs a:link {
	text-decoration: none;
	color: #fcfcfc !important;
}

.breadcrumbs a:visited {
	text-decoration: none;
	color: #fcfcfc !important;
}

.breadcrumbs a:hover,
.breadclumbs a:active {
	text-decoration: none;
}

.breadcrumbs .active {
	color: #fbfbfb;
	font-size: 12px;
	font-weight: 600;
}




 .warning, .success, .thanks {
	font-size: 12px;
	height: 46px;
	background: #141414;
	margin: 5px 0px;
	display: block;
	position: relative;
	clear: both;
}

.warning {
	background: #df7e7e;
	color: #fff;
	border: 1px solid #c16d6d;
}

.success {
	background: #7ec296;
	color: #fafbfc;
	border: 1px solid #6cb184;
}

.thanks {
	background: #82d4d9;
	color: #FAFCFB;
	border: 1px solid #6fc1c6;
}

.warning strong, .success strong, .thanks strong {
	text-transform: uppercase;
	width: 89px;
	display: inline-block;
	text-align: center;
	height: 100%;
	padding: 17px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(0,0,0,0.1);
}

.warning span, .success span, .thanks span {
	padding: 10px 10px 0px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}