/*GENERAL*/

body {
  font-family: 'Work Sans', sans-serif;
	font-size: 0.9rem;
	overflow-Y:scroll;
}

.bar-left {
	position: absolute;
	left:30px;
	margin-top:12px;
	color:#fff;
}

.bar-right {
	position: absolute;
	right:30px;
	margin-top:10px;
}

.bar-right a {
	color:#fff;
}

.bg-bar {
	background-image: url(../img/main-bar.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 50px;
  border-bottom: 1px solid black;	
}

.border-black {
	border: 0px solid #000;
}

.carousel-indicators {
	position:relative;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none;
	padding-top: 20px;
	color: red;
}

.carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 5px;
	height: 5px;
	margin-right: 5px;
	margin-left: 5px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	opacity: .5;
	transition: opacity 0.6s ease;
	border-top: none;
	border-bottom: none;	
	border-radius: 20px;
	background-color: grey;
}

.carousel-control-prev, .carousel-control-next {
	width: 5%;
}

.c-main {
	background-color: #fff;
	border-radius: 40px;
	padding: 60px;	
}

.c-add .row {
	padding:10px !important;
}

.c-add label {
	width:150px;
}

.c-add textarea {
	width:202px;
}

.c-item {
	background: white;
	padding: 40px;
	border-radius: 20px;
}

.c-hover {
	opacity: 0;
	padding-top:30px;
	top:0;
	left: 50%;
	transform: translateX(-50%) !important;
	font-size:26px;
	background-color: rgba(255,255,255,0.3);
	width:100%;
	height:100%;
	cursor:pointer;
}

.x-hover {
	top:0;
	right:0;
	font-size:20px;
	background-color: rgba(255,0,0,0.3);
	width:40px;
	height:40px;
	cursor:pointer;
	padding:5px;
	color:white;
}

.filter-list {
	list-style-type: none;
}

.filter-list label {
	text-transform: uppercase;
}

input[type=checkbox].filter-ch {
	background:white;
	border:2px solid black;
}

.fw300 .row input {
  font-weight: 300;
}

.fw300 .row {
  padding:10px;
}

.fs-2 {
	font-size: 1.5rem;
}

.f-title {
	font-family: 'Playfair Display', serif;
	font-size: 28px;
}

.f-subtitle {
	font-size:0.9rem;
}

.s-title {
	font-family: 'Playfair Display', serif;
	font-size: 18px;
  text-align: left;
  padding-left: 15px;	
}

.s-subtitle {
	font-size:0.9rem;
  text-align: left;
  padding-left: 15px;			
}

.s-price {
	font-size:0.9rem;
  text-align: left;
  padding-left: 15px;			
}

.m-w-160 {
	min-width:160px !important;
}

.hover-content h1 {
	padding:0px 40px;
}

a {
  color:#000;
  font-weight: 300;
}

a:hover {
  color:#000;
}

h2 {
  font-size:1.25rem;
  font-weight:400;
}

input[type=checkbox] {
	margin-top: 4px;
	margin-right: 6px;
}

input[type=file] {
  margin-left:4px;
}

p {
  font-weight: 300;
}

.bt-grey {
  border-top:1px solid #F1F1F2;
}

.bg-grey {
  background-color:#F1F1F2;
}

.bg-white {
	background-color:#fff;
}

.block-container {
  padding-top: 10px;
}

.fab {
  font-size: 1.4rem;
  padding: 10px;
}

.item-img {
  max-width: 100%;
	padding: 5px;
}
.login-box {
	border-radius: 20px;
  padding:40px;
}

.login-box h1, form {
  font-weight: 300;
  color:#171717;
}

.login-form {
  text-align: center;
  color:#171717;
}

#my-items {
	background-color: white;
}

thead {
	background-color: #000;
	color:#fff;
}

textarea {
	font-weight: 300 !important;	
}

.std-sel {
	margin-left: 4px;
  min-width: 112px;
	font-weight: 300;
}

/*FORM*/

	.form-mail {
		width:100%;
		border:1px solid #000;		
	}
	.form-msg {
		width:100%;
		border:1px solid #000;		
	}

/*WIDTH AND HEIGHT*/

.mw-60 {
	max-width:60%;
}

.w-100 {
	width:100%;
}
.min-w-120 {
  min-width: 120px;
}
.h-100-px {
	height:100px;
}

/*BUTTONS*/

.btn:hover {
	cursor:pointer;
}

.btn-back {
	color: white;
  background-color: black;
	border: 1px solid #fff;	
  padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	min-width:100px;
}

.btn-white {
	color: black;
  background-color: white;
	border: 1px solid #000;	
  padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
}

.btn-white:hover {
	color: white;
  background-color: black;
}

.btn-std {
	color: #fff;
	background-color: #007bff;
	border: 1px solid #007bff;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	min-width:100px;	
}
.btn-danger {
	width:100px;
}

/*PRELOADER*/

.pre-div {
	width:100%; 
	height:100%; 
	z-index:1001; 
	background:white;
}

.pre-inner {
	width:100%; 
	height:100%;	
}

.pre-spinner {
	top:300px;
}

/*MARGIN*/

.f-margin {
	margin-left:-16px;
}

.mod-m {
  margin-bottom:15px;
}

.mt-10 {
  margin-top:10px;
}

.mt-20 {
  margin-top:20px;
}

.mt-40 {
  margin-top:40px;
}

.mt-60 {
  margin-top:60px;
}

.mt-100 {
  margin-top:100px;
}

.mb-0 {
	margin-bottom:0px;
}

.mb-30 {
  margin-bottom:30px;
}

.mb-60 {
  margin-bottom:60px;
}

.ico-m {
  margin-right:10px;
}

.item-wrap {
	margin: 10px !important;
}    

/*PADDING*/

.p-0 {
	padding:0px;
}

.p-15 {
	padding: 15px;
}

.p-20 {
	padding:20px;
}

.p-40 {
  padding:40px;
}

.p-l-0 {
	padding-left: 0px;
}

.p-l-6 {
	padding-left:6px;
}

.p-l-10 {
	padding-left:10px;
}

.p-l-25 {
	padding-left:25px;
}

.p-lr-input {
  padding-left:25px !important;
  padding-right:25px !important;
}

.form-button {
  color: white;
  background-color: black;
  padding: 10px 40px;
}

/*NAVIGATION*/

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 1);
}

.navbar-nav {
	font-family: 'Playfair Display', serif;
}

/*GALLERY FILTER*/

.filter-button {
  font-size: 1rem;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 30px;
}
.filter-button:hover {
  text-decoration:underline;
}
.gallery-product {
  margin-bottom: 30px;
  transition: all 0.4s ease-in-out;
}
.hide{
  display:none;
}
.closeup-div {
	width:130px;
	height:130px;
	overflow:hidden;
	box-sizing: border-box;
	border: 3px solid #fff;		
}
.closeup {
	cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;	
	box-sizing: border-box;	
	transform: scale(2.5,2.5);
	-webkit-transform: scale(2.5,2.5);
	-moz-transform: scale(2.5,2.5);
	-o-transform: scale(2.5,2.5);
}

.gallery-box {
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;	
}

#gallery-box {
	overflow: hidden;
}

.cl-shadow {
	border: 3px solid #CCC;
}

/*TABLE*/

.dataTables_length label {
	float: left;
}

.paging_simple_numbers, .paginate_button {
	margin:0px 5px;
	cursor: pointer;	
}

.dataTables_length select {
	cursor: pointer;
}

/*MEDIA QUERIES*/

@media (min-width: 676px) {
  .modal-dialog {
      max-width: 660px !important;
      margin: 1.75rem auto;
  }
	.form-mail {
		width:500px;
		border:1px solid #000;
		padding: 8px;
	}
	.form-msg {
		width:500px;
		color:#000;	
		border:1px solid #000;
		padding: 8px;
		min-height: 200px;
	}
	.form-mail::placeholder {
		color:#000;
	}
	.form-msg::placeholder {
		color:#000;	
	}	
}

@media (min-width: 960px) {
	.work-title {
		font-family: 'Playfair Display', serif;
		font-size: 1.8rem;
	}	
  .head-img {
    padding:40px;
		width:380px;
  }	
	.mt-por {
		margin-top:20px;
	}	
	.mb-0 {
		margin-bottom: 0px;
	}
  .navbar-brand {
    display:none;
  }
  .nav-link {
    padding:5px 50px 0px 50px !important;
    font-size: 20px;
    font-weight: 300;
  }
	.nav-link p {
		border-bottom: 1px solid #fff;
		color:#000;
	}
	.nav-link p:hover {
		border-bottom: 1px solid black;  
		color:#000;		
	}		
	.active p {
		border-bottom: 1px solid black;  
		color:#000;		
	}			
	.tab-button {
		font-size:0.9rem;
		text-transform: uppercase;
		padding-bottom:30px;
	}
	.tab-button:hover {
		border-bottom: 1px solid black;
	}	
	button.tab-button.active {
		border-bottom: 1px solid black;		
	}
	.w-750 {
		width:750px;
	}
	.p-l-22 {
		padding-left:22px;
	}	
}

@media (min-width: 1300px) {
	.c-table {
		max-width:80% !important;
	}
}