body{
	font-family: 'PT Serif', serif;
  position: relative;
  font-size: 1rem;
  color: #222;
}

/* NAV EMAIL */
.div-email{
	background-color: white;
	color: #4F4F4F;
	height: 100px;
	margin-top: 210px;
}

.input-group{
	margin-top: -10px;
	margin-left: 100px;
}
/* END */

/* NAV PART */
.navbar{
	margin-top: 46px;
}

.navbar-toggler{
	border-color: white;
}

.img-center{
	margin-left: 60px;
	margin-right: 200px;
}

.collapse{
	margin-left: 17rem;
}

.nav-color{
	background-color: #4F4F4F;
	color: white;
	z-index: 20;
}

.logo{
	width: 150px;
  height: auto;
  position: absolute;
  z-index: 30;
	margin-top: -49px;
}

.menu-option{
	color: #bdbdbd;
}

a:hover{
	color: white;
}

.vl {
	border-left: 1px solid #d8d6d6;
	height: 60px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
	overflow-x: scroll;
	height: auto;
	max-height: 300px;
}

.no-exist-product{
	padding: 1.3rem 1.3rem 1.3rem 1.3rem;
}

.show-drop{
	height: auto !important;
}

.btn-home{
	visibility: hidden;
	position: absolute;
}
/* END */

/* First nav part */
.first-nav{
	background-color: white;
	color: #ccc;
	z-index: 10;
}

.text-first-nav{
	font-size: 1rem;
	color: #ccc;
}

.about-us{
	color: #ccc;
}

.text-user{
	margin-left: 150px;
}

.about-us{
	margin-right: 200px;
}

.phone{
	color: black;
}

.abou-us{
	color: #ccc;
}

.bag{
	color: black;
}

.input-group-text{
	background-color: transparent;
    border: 1px transparent;
    font-size: .7rem;
}

.form-control{
	border: 1px transparent;
	font-size: .7rem;
	border-bottom: 1px solid #ccc;
}

.fa-search{
	margin-bottom: 10px;
	margin-left: 10px;
}

.input-s{
	margin-bottom: 10px;
}

.fa-align-justify{
	color: white;
}
/* END */

/* End nav part */
.end-nav{
	margin-top: 102px;
	background-color: #ccc;
	color: #4F4F4F;
	z-index: 10;
}

.divition{
	margin-top: 15px;
}

.text-end-nav{
	font-size: .8rem;
	font-style: italic;
	margin-left: 100px;
  margin-right: 100px;
}

.img-end-nav{
	width: 25px;
	height: auto;
	margin-left: 22px
}
/* END */

/* TITLE PART */
.photo{
	margin-top: 100px;
  background-image: url('../assets/img/landing/principal.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 600px;
}

.content-initial{
	margin-top: 250px;
	padding-left: 250px;
}

.initial-title{
	font-size: 3rem;
	color: white;
}

.second-title{
	font-size: 1.3rem;
	color: white;
}

.btn-dama{
	width: 20%;
	border-color: white;
	color: white;
}
/* END */

/* NEWS PART */
.news{
	margin-top: 70px;
  background-image: url('../assets/img/landing/negro.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
	min-height: 850px;
	margin-bottom: 80px;
}

.fa-chevron-circle-left{
	font-size: 2rem;
}

.fa-chevron-circle-right{
	font-size: 2rem;
}

.clock-left{
	margin-left: 200px;
  margin-right: 200px;
  margin-top: -100px;
}

.news-title{
	margin-top: 100px;
	color:white;
	font-size: 3rem;
}

.container-clock{
	margin-right: -100px;
}

.card-news{
	background-color: transparent;
}

.div-content-name-product{
	max-height: 50px;
	height: 50px;
}

.div-content-details-product{
	max-height: 100px;
	height: 100px;
	overflow: auto;
}

.img-clocks{
	width: 150px;
}

.name-clock-single{
	font-size: 1.3rem;
	color: #212121;
	margin-bottom: 2px;
  margin-top: 15px;
}

.btn-details{
	color: white;
	border-color: white;
}

.description-clock{
	font-size: 1rem;
  color: white;
  text-align: justify;
  overflow-y: hidden;
  height: 10rem;
  margin-bottom: 60px;
	transition: 5s;
}

.description-clock:hover{
	overflow-y: auto;
	padding: 1rem 1rem 1rem 1rem;
	transition: 5s;
}

.clocks{
	max-width: 250px;
	max-height: 150px;
}
/* END */

/* MARCAS PART */
.marca{
	width: 150px !important;
	height: auto;
}
.marcas{
	width: 150px !important;
	height: auto;
	margin-left: 70px;
}
/* END */

/* CLIENT PART */
.comments-client{
	padding: 1rem 9rem 9rem 9rem;
}

.client-title{
	font-size: 3rem;
}

.client{
	font-size: 1.5rem;
}

.date{
	font-size: .7rem;
	color: #333333;
}

.text-client{
	text-align: justify;
}

.checked {
	color: black;
}

.disable{
	color: #333333;
}
/* END */

/* SUBSCRIBE PART */
.subscribe{
	width: 100%;
	background-color: #4F4F4F;
	color: #ffffff;
	height: 230px;
}

.subscibe-right{
	padding: 1rem 1rem 1rem 13rem;
	margin-top:20px;
}

.buy{
	font-size: 1.5rem;
}

.div-buy{
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.subscibe-left{
	border-left: 1px solid #ffffff;
	padding: 1rem 13rem 1rem 1rem;
	margin-top: 20px;
}

.btn-subscribe{
	color: #ffffff;
	border: 1px solid #ffffff;
	width: 30%;
	margin-bottom: 50px;
}
/* END */

/* -------- FOOTER -------- #4F4F4F */
footer {
	margin-top: -5px;
	background: white;
	color:black;
}

footer h4 {
	padding: 30px 0 0;
}

footer p {
	line-height: 29px;
}

footer a:link, footer a:visited, footer a:hover, footer a:active {
	color: white;
}

.security{
	font-size: 2rem;
	height: 100px;;
}

.footer-shop{
	padding: 3rem;
}

.sertificates-left{
	margin-left: 0rem;
}

.security-buy{
	width: 30px;
}

.sertificates-left{
	border-left: 1px solid #333333;
	padding: 0rem 0rem 0rem 3rem;
}

.sertificates-right{
	border-right: 1px solid #333333;
	padding: 3rem 3rem 3rem 3rem;
}

.methods{
	font-family: 1rem !important;
}

.img-footer{
	width: 80px;
	height: auto;
	margin-left: 20px;
}

.img-methods{
	width: 80px;
	height: auto;
	margin-left: 50px;
}

/* Barra scroll */
::-webkit-scrollbar{
	width: 13px;
}

::-webkit-scrollbar-track{
	background-color: #fff;
}

::-webkit-scrollbar-thumb{
	background-color: #4F4F4F;
	border: solid 3px #fff;
	border-radius: 10px;
}

::-webkit-scrollbar-corner{
	background-color: transparent
}

@media(max-width: 1100px){
	.clock-left{
		margin-left: 50px;
	}

	.container-clock{
		margin-right: -50px;
	}

	.subscribe {
    height: 215px;
	}

	.subscibe-right{
		padding: 1rem 1rem 1rem 12rem;
	}
	
	.subscibe-left{
		border-left: 1px solid #ffffff;
		padding: 1rem 12rem 1rem 1rem;
	}

	.sertificates-left{
		margin-left: 0px;
	}
}

@media(max-width: 1366px){
	.collapse{
		margin-left: 14rem;
	}
}

@media(max-width: 1024px){
	.collapse{
		margin-left: 9rem;
	}
}

@media(max-height: 800px){
	.marca{
		width: 100px;
		height: auto;
	}

	.marcas{
		width: 100px !important;
		height: auto;
		margin-left: 0px;
	}
}

@media(max-width: 736px){
	.sertificates-left{
		margin-left: 40px;
	}

	.div-bottom-description-product{
		margin-bottom: 50px;
	}
}

@media(max-width: 667px){
	.sertificates-left{
		margin-left: 11px;
	}
}

@media(max-width: 568px){
	.img-footer{
		width: 47px;
	}

	.img-methods{
		width: 50px;
	}
}

@media(max-width: 1200px){
	.collapse{
		margin-left: 0px;
	}
}

@media(max-width: 990px){
	.btn-home{
		visibility: visible;
		position: static;
	}

	.btn-end{
		margin-bottom: 40px;
	}

	.img-center{
		visibility: hidden;
	}

	.text-first-nav{
		font-size: 10px;
	}

	.search-nav{
		visibility: visible;
	}

	.end-nav{
		margin-top: 92px;
	}

	.input-s{
		visibility: hidden;
	}

	.text-end-nav{
		margin-left:  0px; 
    margin-right: 0px;
	}

	.first-nav{
		display: none;	
	}

	.navbar{
		margin-top: 0px;
	}

	.collapse{
		margin-left: 0rem;
	}

	.end-nav{
		display: none;
	}

	.news-title{
		font-size: 1.5rem;
		margin-top: 150px;
	}

	.clock-left{
		margin-left: 10px;
	}

	.comments-client{
		padding: 1rem 3rem 1rem 1rem;
	}

	.photo{
		margin-top: 45px;
	}

	.container-clock{
		margin-right: -10px;
	}

	.img-clocks{
		width: 100%;
		height: auto;
		margin-left: 120px;
	}
	
	.exist{
		padding: 1rem 1rem 1rem 1rem !important
	}

	.cantidad{
		font-size: .7rem;
	}

	.tab button{
		margin-right: 10rem;
	}

	.div-buy{
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.sertificates-right{
		padding: 0rem 0rem 0rem 0rem;
	}

	.img-footer{
		margin-top: 20px;
		width: 50px;
	}

	.sertificates-left{
		border-left: white;
		padding: 0rem 0rem 0rem 0rem;
	}

	.sertificates-right{
		border-right: white;
	}

	.img-methods{
		width: 60px;
    margin-left: 15px;
	}

	.phone-response{
		margin-top: -200px;
	}

	.img-center{
		visibility: hidden;
	}

	.card-img-top{
		margin-right: 100px;
	}

	.container-products{
		margin-top: 0px;
	}
}

@media(max-width: 800px){
	.subscibe-right {
    padding: 1rem 1rem 1rem 1rem;
	}

	.subscibe-left {
    padding: 1rem 1rem 1rem 1rem;
	}

	.clocks {
    max-width: 200px;
	}

	.photo{
		margin-top: 10px;
		height: auto;
	}

	.clock-left{
		margin-left: 0px;
    margin-right: 0px;
	}

	.img-clock{
		margin-left: 120px;
	}
}

/* Product style part */
.card{
	border: none;
	margin-top: 100px;
}

.card-content{
	padding-right: 6rem;
}

.img-clock{
	width: 80%;
	height: auto;
	-webkit-box-shadow: 3px 3px 19px -1px rgba(33,33,33,0.64);
	-moz-box-shadow: 3px 3px 19px -1px rgba(33,33,33,0.64);
	box-shadow: 3px 3px 19px -1px rgba(33,33,33,0.64);
}

.id{
	font-size: .7rem;
	color: #333333;
}

.name-clock{
	font-size: 1rem;
	color: white;
	height: 50px;
	max-height: 50px;
}

.details-clock{
	font-size: 1.3rem;
	color: #333333;
}

.price{
	color: #333333;
}

.price-tot{
	color: black;
}

.trans-clock{
	color: #333333;
}

.exist{
	padding: 1rem 10rem 1rem 1rem;
}

.quantity{
	width: 50px;
}

.quantity::-webkit-input-placeholder {
  text-align: center;
}

.icon-clock{
	color: #333333;
	font-size: 2rem;
}

/* Style the tab */
.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
	background-color: #ccc;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	margin-right: 10rem;
  text-align: center;
  color: white;
}

/* Change background color of buttons on hover */
.tab{
	background-color: transparent;
	border-color: transparent;
	border-bottom: 1px solid #cccccc;
}

.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #4F4F4F;
}

/* Style the tab content */
.tab-separate{
	margin-top: 70px;
}

.tabcontent {
	display: none;
	padding: 6px 52px;
	border: 1px solid #ccc;
	border-top: none;
}

.table-product{
	margin-top: 20px;
}

.title-table{
	background: #d8d6d6;
}

/* Modal register part */
.logo-register{
	width: 70px;
}

.modal-header{
	color: white;
	background-color: #4F4F4F;
}

.btn-register{
	background-color: #4F4F4F;
	border-color: #4F4F4F;
}

.btn-register:hover{
	background-color: gray;
	border-color: gray;
}

.container-products{
	margin-top: 100px;
	margin-bottom: 100px;		
}

@media(max-width: 750px){
	.card{
		align-items: center;
	}

	.card-content{
		padding-right: 0rem; 
	}
}

.line-bottom{
	border: none;
}