/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
@import url('../fonts/hinted-Gilroy.css');
@import url('../fonts/ProximaNova.css');
@import url('../fonts/BalooThambi2.css');
@import url('../fonts/PTSerif.css');
 



/*
	* Globals
*/
.navbar-light .navbar-brand,
.footer-brand .navbar-brand {
	font-family: 'PT Serif';
	font-weight: bold;
	font-size: 29px
}
		
/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
	color: #333;
	text-shadow: none; /* Prevent inheritance from `body` */
	background-color: #fff;
	border: .05rem solid #fff;
}

body>.container-fluid img {
	max-width: 100% !important;
	height: auto !important;
}

/*
 * Base structure
 */

html,
body {
	height: 100%;
}

html,
body,
p,
p span,
ol,
ul,
li,
li span {
	font-family: 'Baloo Thambi 2', cursive !important;
	font-size: 17px !important;
	font-weight: 100
}

body {
	padding-top: 63px;
}

h1,
h2,
h4,
h5,
h5,
h6 {
	font-family: 'Gilroy';
}

b, strong {
    font-weight: bold;
}

a,
.text-qmine {
	color: #538d22
}

.container-fluid {
    max-width: 1440px;
}

.layout-container {
	max-width: 100%;
}
.layout-column[class*="col-md-12"] {
	padding: 0;
}

.mih-100 {
	min-height: 100%;
}

.icon-32 {
    font-size: 32px;
}

.header_top {
	border-top: 3px solid #aad576;
	padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.cover-video {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	z-index: -1
}

#noticias .card {
	border-top: 6px solid #50514F;
}
.meta svg {
    display: inline-block;
    vertical-align: middle;
    fill: #000;
    width: 25px;
    height: 25px;
}
#noticias .read-more {
	display: flex !important;
    flex-flow: column;
    justify-content: center !important;
    align-items: center;
    height: 100%;	 
}
#noticias .read-more svg {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-bottom: 20px;
}
.meta span {
    font-weight: 700;
    color: #000;
    display: inline-block;
    margin: 0 10px;
}
#noticias .card-title {
    display: block;
    text-decoration: none;
}
#posts .card {
	border-bottom: 6px solid #aad576;	
}
#posts .list-group-item.active {
	background-color: #aad576;
    border-color: #aad576;
}
#posts .list-group-item.active > a {
	color: #fff!important;
}


/*
 * Cover
 */
.cover {
	padding: 0 1.5rem;
}
.cover .btn-lg {
	padding: .75rem 1.25rem;
	font-weight: 700;
}
.cover-color {
	background-color: rgba(0,0,0,0.5)
    
}
.cover-color * {
	z-index: 1
}
.cover .description {
	max-width: 800px
}

#product-evalmin>*,
#product-proymin>*,
#news>*{
	position: relative;
	z-index: 1
}

/*
 * Slider principal
 */
#carouselQMine {
	position: relative
}
#carouselQMine,
#carouselQMine .carousel-inner,
#carouselQMine .carousel-item,
#carouselQMine figure {
	height: 100%
}

#carouselQMine figure>img {
	position: absolute;
    width: initial !important;
    min-width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#carouselQMine .carousel-inner {
    position: initial;
    width: 100%;
}
#carouselQMine .carousel-item {
	width: 100%;
}

#carouselQMine figure::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
}

#carouselQMine  .carousel-caption h2 {
    color: #fff;
    max-width: 800px;
    font-size: 26px;
}
#carouselQMine .carousel-caption {
    top: 50%;
    left: 50%;
    bottom: inherit;
    right: inherit;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translate(-50%,-50%);
}
.carousel-control-prev,
.carousel-control-next {
	font-size: 35px;
	color: #aad576
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
	color: #aad576
}
.carousel-indicators .active {
	background-color: #aad576;
}


/*
 * Footer
 */
.mastfoot {
    position: relative;
    height: 70px;
}

p:empty {
	display: none;
}

svg #wheel {
    animation: scroll ease 2s infinite;
}

.navbar .navbar-toggler {
	outline: none
}

.btn-magic {
    color: #fff;
    border: 1px solid #328af1;
    background-color: transparent;
    -webkit-box-shadow: rgb(38, 142, 247) 0px 0px 10px 0px;
    -moz-box-shadow: rgb(38, 142, 247) 0px 0px 10px 0px;
    box-shadow: rgb(38, 142, 247) 0px 0px 10px 0px;
}

.btn-magic:hover,
.btn-magic:focus {
	background-color: #fff;
	color: #328af1
}

.btn-gradient {
    color: #fff;
    border-radius: 4px !important;
    max-width: 275px;
    border-color: #F5921C;
    background-color: #F5921C;
    background-image: -webkit-linear-gradient(-269deg, #F5921C 0%, #249452 100%);
    background-image: -moz-linear-gradient(-269deg, #F5921C 0%, #249452 100%);
    background-image: linear-gradient(-269deg, #F5921C 0%, #249452 100%);
}
.btn-gradient:hover,
.btn-gradient:focus {
	border-color: #F5921C;
}

.bg-dark-gradient {
	background-color: #aad576;
	/*background: -webkit-linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
	background: -moz-linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
	background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
	background-blend-mode: multiply;*/
}

.scroll_down {
	position: absolute;
    width: 40px;
    margin-left: -20px;
    text-align: center;
    text-decoration: none !important
}

.scroll_down b {
    width: 25px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 15px;
    display: inline-block;
    position: relative;
}
.scroll_down b:before {
    display: block;
    content: '';
    height: 4px;
    width: 2px;
    background: #fff;
    left: 10px;
    top: 8px;
    position: absolute;
    animation: 2s ease 0s normal none infinite mouse-down;
    -webkit-animation: 2s ease 0s normal none infinite mouse-down;
}



.py-20 {
	padding-top: 2rem!important;
	padding-bottom: 2rem!important;
}
.py-50 {
	padding-top: 5rem!important;
	padding-bottom: 5rem!important;
}
.pt-50 {
	padding-top: 5rem!important;
}
.pb-50 {
	padding-bottom: 5rem!important;
}
.mt-50 {
	margin-top: 5rem!important;
}
.mb-50 {
	margin-bottom: 5rem!important;
}


.center-components {
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;	
}

.heading {
    font-size: 1.875rem;
    letter-spacing: -.02em;
    color: #22292f;
    margin-bottom: .75rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
}

.header-title {
    font-size: 1.875rem;
    letter-spacing: -.02em;
    margin-bottom: 1.5rem;
    color: #fff;
}

.gradient,
.gradient-gray,
.gradient-proymin {
    background-color: rgba(8,0,103,1);
    background-image: linear-gradient(0deg,rgba(0,7,88,.8),rgba(8,0,103,1));
    overflow: hidden;
    text-shadow: 0 2px 20px rgba(0,0,0,.16);
    position: relative;
    color: #fff;
}
.gradient::before {
    background: radial-gradient(rgba(101,0,117,1) 12.18%,rgba(85,15,100,0) 73.53%);
    height: 200%;
    right: -30%;
    top: 0;
    width: 100%;
}

/* Services */
.service-body,
.jumbo-portada {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    width: 100%;
    height: 100%;
    /*bottom: 0;*/
    padding: 10px
}
.jumbo-portada {
	position: relative !important;
	bottom: inherit;
	border-radius: 0;
	max-height: 350px
}
.service-body .card-title,
#noticias .card-title,
#posts .card-title {
	font-family: 'Proxima Nova Rg';
	font-size: 26px;
    font-weight: 300;
    line-height: 1
}
#servicios .card {
	background-color: cornsilk;
	border-radius: .25rem !important;
	overflow: auto
}
.jumbo-portada h1,
#servicios a {
	text-shadow: black 0.1em 0.1em 0.2em;
}
#servicios .card::before {
	display: block;
	content: '';
	position: absolute;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.9)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.service-body p {
	margin: 0!important;
	line-height: 1
}

/* News */
#noticias .card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.footer {
    background: #FA8219;
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.footer-section {
    padding: 17vh 8vw;
}

.footer-title {
    margin: 0;
    padding: 0;
    color: #fff;
}

.footer-item {
    width: 50%;
}

.footer-item.left {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.footer-trade {
    height: 50%;
    background-color: #1f1f1f;
}

.footer-contact,
.footer-follow,
.footer-trade {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: flex;
    flex-direction: column;
}

.footer-contact {
    height: 50%;
    background-color: #232323;
}

.footer-copyright {
    background-color: #000;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 15px;
    letter-spacing: .05em;
    font-size: 12px;
    line-height: 20px;
}
.default-content-inner .footer p,
.footer .default-content-inner p,
.footer .text {
    color: #fff;
}
.footer-title {
    margin: 0;
    padding: 0;
    color: #fff;
}
.footer .highlight {
    color: #2f815c;
}
.footer-follow {
    height: 100%;
    background-color: #1c1c1c;
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.contact-signup input[type=email],
.contact-signup input[type=text],
.contact-signup textarea,
.newsletter-signup input[type=email] {
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none;
    -ms-appareance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: calc(100% - 120px);
    height: 60px;
    padding: 0 30px;
    color: #fff;
}

.contact-signup input[type=email],
.contact-signup input[type=text] {
    width: 100%;
}

.footer-newsletter input[type=email],
.footer-newsletter input[type=text],
.footer-newsletter textarea {
    background-color: #fff;
    color: #444
}
.footer-newsletter textarea {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 78px
}
.contacto-flex {
    display: -ms-flexbox;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    flex-flow: row nowrap;
}
.footer-newsletter input[type=submit] {
    background-image: url('../img/send-mail.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    background-color: #ddd;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 120px;
}
.footer-newsletter input[type=submit] {
    background-color: #50514F;
}

.footer-copyright-item:after {
    content: " |";
    margin: 0 .5em;
}



/*slider swiper*/
.swiper-container {
	height: 100vh;
	width: 100%;
	position: relative
}
.swiper-container .swiper-slide {
	width: 100% !important;
	height: 100% !important;
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	align-content: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.swiper-container .swiper-slide::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3)
}
.swiper-container .swiper-slide > *{
	position: relative;
	z-index: 2;
	text-align: center
}
.swiper-container .caption h2 {
	color: #fff;
	max-width: 800px;
	font-size: 26px
}

/* Custom button WhatsApp */
#btn-whats {
	background-color: #4dc247;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 45px;
    height: 45px;
    width: 61px;
    border: 0;
    border-top-left-radius: 3px;
    overflow: visible;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out
}
#btn-whats:hover {
    position: fixed;
    z-index: 2000;
    right: 0;
    bottom: 0;
    display: flex;
    padding: 10px;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto;
    width: 330px;
    justify-content: space-evenly;
    justify-items: end;
    align-items: center;
    border-radius: 2px;
    color: #ffffff;
    text-decoration: none;
    background-color: #4dc247;
    box-shadow: 0 2px 33px 0 rgba(0, 0, 0, 0.19);
}
#btn-whats i {
    grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
#btn-whats .num-p {
    margin: 0;
    font-size: 12px;
    display: none
}
#btn-whats .num-n {
    grid-column-start: 1;
    font-size: 18px;
    margin: 0;
    display: none
}
#btn-whats .num-p,
#btn-whats .num-n {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#btn-whats:hover .num-p,
#btn-whats:hover .num-n {
	display: block
}

:root {
    --swiper-theme-color: #aad576;
}


@media (max-width: 767px) {
	.footer {
	    display: inherit!important;
	}
	.footer-item {
	    width: 100%;
	}
	.footer-section {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.footer-trade {
	    padding-top: 60px;
	    padding-bottom: 35px;
	}
	.footer-contact,
	.footer-follow {
	    padding-top: 35px;
	    padding-bottom: 35px;
	}
	.footer-contact p {
	    margin-bottom: 0;
	}
}

@media (min-width: 768px) {
	#product-evalmin,
	#product-proymin {
		position: relative
	}
	#product-evalmin:after,
	#product-proymin:after {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-image: url('../img/proymin.png');
	    background-repeat: no-repeat;
	    /* background-size: 2000px auto; */
	    background-position: center;
	    mix-blend-mode: luminosity;
	    opacity: .2;
	}
	#product-evalmin:after {
		background-image: url('../img/grid.png')
	}
	#product-proymin:after {
		background-position: top center
	}
	#product-evalmin:before,
	#product-proymin:before {
		display: block;
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-image: url('../img/texture-mining.png');
	    background-repeat: repeat-x;
	    background-size: 400px auto;
	    background-position: center bottom;
	    z-index: 1;
	}
	#product-evalmin:before {
		background-image: url('../img/texture-mining-qmine.png');
	}
	#product-proymin:before {
		display: none
	}
	#news {
		position: relative
	}
	#news:after {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-image: url('../img/grid.png');
	    background-repeat: no-repeat;
	    /*background-size: cover;*/
	    background-position: center;
	    mix-blend-mode: luminosity;
	    opacity: .2;
	}
	.header-title {
	    font-size: 1.875rem;
	    margin-bottom: 1.25rem;
	}
}

@media (min-width: 992px) {
	.header-title {
	    font-size: 2.25rem;
	}
}

@keyframes mouse-down {
	0% {
		height: 4px;
	}
	50% {
		height: 12px;
	}
	100% {
		height: 4px;
	}
}