/*Header*/
.navbar-brand1{
 color: White;  
 font-size:30px;
 font-family:Comic Sans MS;
 font-weight: 700;
 padding-left:40px;
 float: left;
}
.navbar-brand1:hover{
 color: White;  
 font-weight: 800;
}
/*nav*/
.center-cropped-dp-nav {
  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
  object-position: center; /* Center the image within the element */
  width: 32px;
  height: 32px;
  border-radius: 25%;
  overflow: hidden;
  border: 3px solid #318134;
}
.center-cropped-dp-nav:hover {
  border: 3px solid #267326;
}
.cat-nav-dd{
	background-color: #cc0099;
	font-size: 15px;	
	font-weight:500;
	color:#fff;	 
	text-align: center;
}
.dropdown-menu>li{
	background-color: black;
}
.dropdown>ul{
	background-color: #318134;
}
.active2{
	background-color: white;
	border-radius: 4px;
}
.navbar-inverse .navbar-nav>li>a.a_active2{
	color: black;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
	font-weight:500;
  	border: 3px solid white; 
	background-color: black;
}
.navbar-nav1>li{
	float: left;	   
}
.navbar-nav1>li>a{
	font-size: 12px;	
	font-weight:500;
	color:#fff;	   
}
.nav>li>a:hover{
	background-color: #318134;
	color:black;
	font-weight:700;
	border-radius: 4px;  
}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	font-size: 15px;
}

/*Body Mod Details*/
.img-text-block-11 {
  position: absolute;
  top: 3px;
  right: 3px;
  background-color: #fff;
  color: black;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-top: 1px;
  border-radius: 20px;
  border: solid 2px black;
  border-style: inset;
  font-size: 10px;
  height:20px;
}
.center-box{
	  display: flex;             /* Activates Flexbox layout */
	  justify-content: center;   /* Centers horizontally */
	  align-items: center;       /* Centers vertically */
	  height: 1280px;         /* Forces container to take full viewport height */
	  margin: 0;
}
.content_home1{
	border: 2px solid black;	
}
.login-box{
 box-shadow: 5px 5px 5px 5px gray;
}
.profile-box1{
 box-shadow: 5px 5px 5px 5px gray;
}
.image-shadow1{
 box-shadow: 5px 5px 5px 5px gray;
}
.hr-line{
	margin-top:35px;
	border-top: 3px double #8c8b8b;
}
.heading1{
	text-transform:uppercase;
	text-align:center;
	color:black;
}
.container{
    width: 100% !important;
    margin-right: auto;
	padding-right:0px;
	padding-left:0px;
    margin-left: auto;
}
.background-color{
	background-color: #f2f2f2;
	padding-bottom: 15px;
	padding-top: 15px;
}
.category-h3{
	font-size:15px;
}
.home_price{
	font-size: 14px; 
	color:white; 
	text-align:right;
}
.h9{ 
font-size:30px;
	color:#00664d;
	text-align:left;
	font-family: "MS Serif", "New York", serif;
}
.h10{ 
font-size:24px;
	color:#00664d;
	text-align:left;
	font-family: "MS Serif", "New York", serif;
}
.home-heading{
	font-family: fantasy;
}
.home-border1{
	border: solid 1px black;
}
/*Images*/
.home-page-image1{
  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
  object-position: center; /* Center the image within the element */
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.center-cropped-dp {
  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
  object-position: center; /* Center the image within the element */
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #cccccc;
}
.top-margine250{
	margin-top: 250px;
}
/*Buttons*/
.home-viewall1{ 
    background-color: black;
    color: white;
    padding: 5px 25px 5px 25px; /* top/right/bottom/left = 20px */
	font-size: 14px;
    margin: 5px 0;
    border: none;
    border-radius: 5px 50px;
    cursor: pointer;
	font-weight: 500;
	border: 3px solid white;
	corner-shape: ;
}
.home-viewall1:hover {
    background-color: white;
	border: 3px solid black;
	color: black;
}
.btn-success {
    width: 100%;
    background-color: black;
    color: white;
    padding: 5px 5px;
	font-size: 22px;
    margin: 5px 0;
    border: none;
    border-radius: 25px;
    cursor: pointer;
	font-weight: 500;
	border: 3px solid #235c25;
}
.btn-success:hover {
    background-color: black;
	border: 3px solid white;
	color: white;
}
.login-nav-button{
	padding:7px 15px;
	background: white;
	margin:4px 2px;
	font-size:15px;
	border:0;
	float:left;
	color:black;
	font-weight:500;
	border-radius: 5px;
}
.login-nav-button:hover{
	background:black;
	border: 2px solid white;
	transition-duration: 0.4s;
	color: white;			
	font-weight:700;
}
.small-profile-button{
	padding:2px 7px;
	background: black;
	margin:4px 2px;
	font-size:12px;
	border:0;
	float:left;
	color:white;
	font-weight:500;
	border-radius: 5px;
}
.small-profile-button:hover{
	background:white;
	border: 2px solid black;
	transition-duration: 0.4s;
	color: black;			
	font-weight:700;
}
.big-profile-button{
	padding:5px 17px;
	background: black;
	margin:4px 2px;
	font-size:22px;
	border:0;
	float:left;
	color:white;
	font-weight:500;
	border-radius: 5px;
}
.big-profile-button:hover{
	background:white;
	border: 2px solid black;
	transition-duration: 0.4s;
	color: black;			
	font-weight:700;
}
/*Comments*/
.comment-avtar-l{
  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
  object-position: center; /* Center the image within the element */
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  border-radius:15px;
  background-color: #f2f2f2;
}
.genuine-user{
 width:75px;
 height:12px;
 border-radius:15px;	
}
.cmt-bdr-1{
 border: 3px solid #3fa643;
 border-radius: 15px;
 padding:5px;
 background-color: #ceffce; 
}
.reply-bdr-1{
 border: 3px solid #3fa643;
 border-radius: 15px;
 padding:0px;
}
.post-comment{
font-size: 20px;
padding: 10px;
font-weight: 600;
}
#formButton {
  background-color: #3498DB;
  color: white;
  padding: 2px;
  font-size: 12px;
  border: none;
  cursor: pointer;
border-radius:5px;
}
.mod-reply1{
  border: 3px solid #0a6ebd;
 border-radius: 15px;
 background-color: #ced0ff;     
}
.comment-date{
font-size: 10px;
}
.comment-avtar{
	 width:50px;
	 border-radius:15px;
	 background-color: #f2f2f2;
	 border: 2px solid black;
}
.comment-avtar-l{
	  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
	  object-position: center; /* Center the image within the element */
	  width: 50px;
	  height: 50px;
	  border-radius: 50%;
	  overflow: hidden;
	  border-radius:15px;
	  background-color: #f2f2f2;
	  border: 2px solid black;
}

/*Sidebar*/
ul.sidebar-ul{
	list-style-type:none;
	color:#000;
	font-size:15px;
	font-weight:700;
	margin-top:10px;
	background:#f2f2f2;
}
.sidebar-ul>a>li{
	padding-left:15px;
	padding:8px;
	border: 1px solid #318134;
}
.sidebar-ul>a>li:hover{
	background: #0a6ebd;
	border: 3px solid transparent;
}
ul>a{
	color:#000;
}
ul>a:hover{
	color:#fff;
	text-decoration:none;
}
.heading{
	padding-left:15px;
	color:#fff;
	background:#318134!important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	margin-top:10px;
}
.active1{
	background: #6699cc;
	border: 3px solid transparent;	
	animation: colorchange 200s;
	-webkit-animation: colorchange 200s;
}
/*Pagination*/
 .Pagi-nation{
	text-align: center !important;
	padding-top: 20px;
	padding-bottom: 15px;
	overflow: auto;	
 }
 .Pagination{
	margin:0 auto; 
	padding-top:35px;
	padding-bottom:35px;
 }
  .Pagination li{
	display:block;
	color:#fff;
	text-shadow: 0 1px 1px #eee;
	float: left;
 }
   .Pagination li span{
	letter-spacing:.1em;
	color: #318134;
	border: 2px solid #318134;
	padding: 4px 7px;
	border-radius: 5px;
 }
   .Pagination li a{
	background: #318134;
	color: #fff;
	border: 2px solid #235c25;
	padding: 4px 7px;
	text-decoration: none;
	border-radius: 5px;
 }
   .Pagination li a:hover{
	background: #38943b;
	border: 2px solid #2a6f2c;	
    color: #fff;
    transition: .4 ease-in-out;		
 }
   .Pagination li a:active{
	background: #3884c7;
    color: #fff;
	border-radius: 5px;	
 }
   .Pagination li.active a{
	background: #3884c7;
	border: 2px solid #2d6a9f;
	border-radius: 5px;
	color: #fff;	
 }
   .Pagination li .titik{
	color: #3fa643;
    font-weight: bolder;	
	
 } 
   .Pagination li.disable{
	pointer-events: none;
	cursor: default;
	border-radius: 2px;	
 }
/*Footer*/
.footer-bar{
min-height:50px;
background:#000;
text-align:center;
padding:15px;
color:#fff;
}
/*Small Media Device*/
@media(max-width:768px){
	.border1{
		border-right: none;
	}
	.border3{
		border-right: none;
		border-Left: none;
		border-top: solid 2px #cccccc;
	}

	.mods-photos {
		width:100%;
	}
	.center-cropped-dp {
	  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
	  object-position: center; /* Center the image within the element */
	  width: 100px;
	  height: 100px;
	  border-radius: 50%;
	  overflow: hidden;
	}
	
	.home-page-image1{
	  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
	  object-position: center; /* Center the image within the element */
	  width: 100%;
	  height: 250px;
	  overflow: hidden;
	}
	
	.center-box{
	  display: flex;             /* Activates Flexbox layout */
	  justify-content: center;   /* Centers horizontally */
	  align-items: center;       /* Centers vertically */
	  height: 720px;         /* Forces container to take full viewport height */
	  margin: 0;
	}
	

	
}
/*Medius Media Device*/
@media(max-width:1400px){
	.home-page-image1{
	  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
	  object-position: center; /* Center the image within the element */
	  width: 100%;
	  height: 220px;
	  overflow: hidden;
	}
	
	.center-box{
	  display: flex;             /* Activates Flexbox layout */
	  justify-content: center;   /* Centers horizontally */
	  align-items: center;       /* Centers vertically */
	  height: 520px;         /* Forces container to take full viewport height */
	  margin: 0;
	}	

}

/*Medius Media Device*/
@media(max-width:480px){
	.home-page-image1{
	  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
	  object-position: center; /* Center the image within the element */
	  width: 100%;
	  height: 170px;
	  overflow: hidden;
	}
	
	.top-margine250{
		margin-top: 0px;
	}		
	

}