/*-----------------------------Estilos GENERALES------------------------*/
* {
	font-family: "Circular-Std", sans-serif;
}

body {
	height: 100vh;
}

.no-padding [class*="col-"] {
	padding: 0;
}

.no-marging [class*="col-"] {
	margin: 0;
}

.row_2 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/*----------------------padding-------------------------*/
.p-t-110 {
	padding: 120px 0 0 0;
}

/*------------------------Fonts-----------------------*/
@font-face {
	font-family: "Mightype-Sans";
	src: url("../fonts/Mightype/Mightype-Sans");
	src: url("../fonts/Mightype/Mightype-Sans?#iefix") format("embedded-opentype"),
		url("../fonts/Mightype/Mightype-Sans.woff") format("woff"),
		url("../fonts/Mightype/Mightype-Sans.woff2") format("woff2"),
		url("../fonts/Mightype/Mightype-Sans.ttf") format("truetype"),
		url("../fonts/Mightype/Mightype-Sans.svg#Mightype-Sans") format("svg");
}

@font-face {
	font-family: "Circular-Std";
	src: url("../fonts/Circular/CircularStd-Book.eot");
	src: url("../fonts/Circular/CircularStd-Book.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Circular/CircularStd-Book.woff2") format("woff2"),
		url("../fonts/Circular/CircularStd-Book.woff") format("woff"),
		url("../fonts/Circular/CircularStd-Book.ttf") format("truetype"),
		url("../fonts/Circular/CircularStd-Book.svg#Circular Std") format("svg");
}

@font-face {
	font-family: 'icomoon';
	src: url("../fonts/icomoon/icomoon.eot?-ws5wru");
	src: url("../fonts/icomoon/icomoon.eot?#iefix-ws5wru") format("embedded-opentype"),
		url("../fonts/icomoon/icomoon.woff?-ws5wru") format("woff"),
		url("../fonts/icomoon/icomoon.ttf?-ws5wru") format("truetype"),
		url("../fonts/icomoon/icomoon.svg?-ws5wru#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

/*----------------------------------fuentes----------------------------------------*/
.mightype {
	font-family: "Mightype-Sans", sans-serif;
}

.circular {
	font-family: "Circular-Std", sans-serif;
}

.spacing-1 {
	letter-spacing: 1pt;
}

.spacing-5 {
	letter-spacing: 5pt;
}

.spacing-10 {
	letter-spacing: 10pt;
}

.spacing-30 {
	letter-spacing: 30pt;
}

.f-z- {
	font-size: 102px;
}

.fz-80 {
	font-size: 100pt;
}

/*-----------------------------Texto Justificado----------------------------*/
.justify {
	text-align: justify;
}

/*----------------------Colores--------------------*/
.white {
	color: white !important;
}

.black {
	color: black !important;
}

/*----------------------Tamaño Imegenes----------------------------------*/
.h-img-100 {
	height: 100px;
}

.h-img-50 {
	height: 50px;
}

.w-img-100 {
	width: 100px;
}

/*-------------------------Boton Subir-----------------------------------*/
[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	/*speak: none;*/
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-up2:before {
	content: "\e601";
}

.ir-arriba {
	display: none;
	padding: 10px;
	background: #9FC03B;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 2;
	border-radius: 20%;
}
/*-----------Botón con movimiento------------*/
.notify {
	padding: 20px;
	background-color: white;
	background-image: url("https://mezcalkoch.com/images/premios/muertos.svg");
	cursor: pointer;
	position: fixed;
	bottom: 70px;
	right: 20px;
	z-index: 2;
	border-radius: 20%;
}

.vibrar {
	-webkit-animation: tiembla 2s infinite;
}

@-webkit-keyframes tiembla {
	0% {
		-webkit-transform: rotateZ(-5deg);
	}

	50% {
		-webkit-transform: rotateZ(0deg) scale(.8);
	}

	100% {
		-webkit-transform: rotateZ(5deg);
	}
}

/*-----------------------ESTILOS MENU----------------------*/
img#logo,
img#logo_2 {
	width: 110px;
}

.icono {
	height: 40px;
}

nav a {
	color: #000000;
	text-decoration: none;
	font-weight: 300;
	margin-right: 10px;
	font-family: "Mightype-Sans", sans-serif;
	font-size: 28px;
}

.navbar {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*TRANSLATE*/
.translate0 {
	position: fixed;
	top: 58px;
	right: 90px;
	z-index: 1031;
}

.btn-trans {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #000000e6;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/*-----------------------ESTILOS MAIN-----------------------*/
main {
	position: relative;
	top: 120px;
}

/*-----------------------ESTILOS FOOTER----------------------*/
.footer-right p,
.footer_middle p {
	font-family: montserrat;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.5);
}

ul.footer_list {
	list-style: none;
	padding-left: 0px;
}

ul.footer_list li {
	color: rgba(0, 0, 0, 0.5);
	line-height: 1.6;
	font-weight: 500;
}

ul.footer_list li.phone {
	font-size: 22px;
	color: rgba(0, 0, 0, 1);
}

.marcas {
	height: 50px;
}

.footer_trust_top {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

/*Iconos redes sociales*/
.circular--square {
	border-radius: 50%;
}

.fa-img {

	height: 20px;
}

/*.fa-img:hover{
  background-color: rgb(255, 255, 255);
}*/
.fa-a {
	text-decoration: none;

}

/*-----------------------ESTILOS KOCH----------------------*/
header {
	position: relative;
	background-color: black;
	height: 500px;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}

header video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

header .container {
	position: relative;
	z-index: 2;
}

header .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.5;
	z-index: 1;
}

.frase {
	width: 30%;
}
.bg-cat{
	background-color: #F4E7D7;
	background-image: url("https://mezcalkoch.com/images/catalogo/pulquero.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100vh;
}
#mock_cat{
	left: 45%;
}
/*-----------------------------------------PREMIOS-----------------------------------------*/
.awards {
	background-color: #212529;
	/*background-image: url("../images/recursos/cardboard2.png");
	background-repeat: repeat;*/
	padding: 30px;

}

.awards-img {
	width: 140px;
}

/*-----------------------ESTILOS CULTURA----------------------*/

/*-----------------------ESTILOS EXPRESIONES----------------------*/
.s_s_b{
	background: url("../images/recursos/bg-001.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 75px;
	
}
.que{
	height: 30px;
}
/*Carrusel*/
.control-prev-icon{
	background-image: url("../images/recursos/prev.svg");
}
.control-next-icon{
	background-image: url("../images/recursos/next.svg");
}
.control-next-icon, .control-prev-icon {
	display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}
.title{
	color: #000;
}
.frase{
	width: 30%;
}
.navbar{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
/*-----------------------ESTILOS LEGADO----------------------*/

/*-----------------------ESTILOS OAXACA----------------------*/

/*-----------------------ESTILOS CONTACTO----------------------*/

/*---------RESPONSIVE-----------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 992px) and (max-width: 1090px) {
	.translate0 {
		top: 90px;
		right: 90px;
	}

}
@media only screen and (min-width: 350px) and (max-width: 991px) {
	main{
		top: 50px;
	}
	.p-t-110 {
		padding: 60px 0 0 0;
	}
	.frase {
		width: 85%;
	}
	.img-cat{
		max-width: 100%;
		height: auto;
	}
	#mock_cat{
		width: 50vw;
		Left: 50%;
	}
}
@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	.footer_main {
	  padding: 0px 0px 50px 0px;
	}
  }