/*
/*
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

@import url('https://fonts.googleapis.com/css2?family=Muli:wght@700&family=Poppins:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Muli:wght@400&family=Poppins:wght@600&display=swap');
@font-face {
	font-family: "Hellix";
	src: url("assets/fonts/hellix/hellix-bold-webfont.woff") format("woff");

	}

.mobileSmall {
	display: inline;
}

/* Smartphone Portrait and Landscape */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.mobileSmall {
		height: 50%;
	}
}
#barra {
	z-index: 150 !important;
}

.botonesHome {
	padding: 12px 36px;
}
code.language-javascript, span.token.entity{
    background-color:#333333;

}
code.language-javascript{
   text-shadow: 0px 1px #aaa;
   color:white;
}

.iconos{
	width:60px;
}


span.token.operator{
    color:#CCC;
    background-color: transparent;
}
span.token.keyword{
    color: #59FFA0;
    background-color: transparent;
}
span.token.function{
    color: #B4ADEA;
     text-shadow: 0px 1px black;
    background-color: transparent;

}
span.token.number{
     text-shadow: 0px 1px black;
    background-color: transparent;

}
.dropdown-toggle, .nav-link{
	font-size: 18px !important;
}
@media only screen and (max-width: 600px) {


	#titulo {
		height: 80px;
	}
	#partners {
		height: 30px;
	}
	#partner {
		width: 100px !important;
		display: none;
	}
	#servicioscss {
		width: 150px !important;
	}
	#servicios {
		display: none !important;
	}
	#slidersmovil {
		display: block !important;
	}
	#imagen-hero {
		opacity: 1;
		top: -130px !important;
		height:600px;
		left:-20% !important;
		transform: rotate(90deg);
		z-index: -1500 !important;
	}
	#iniciosize {
		height: 550px !important;
	}
}

#mobileHide {
	display: none !important;
}

#nuestroprocesofoto {
	width: 65%;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: -15px;
}

#hideflex {
	display: none !important;
}

a.nav-link{
	font-weight:600;
}

h1,h2,h3,h4,h5,h6, h7{
	font-family: 'Hellix', Arial, sans-serif !important;
	
}


h1{
	color:black;
}
p {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size:18px !important;
}

c{
	font-style: oblique;
}

div{

	font-weight: 400;

}

.btn {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 17px;
}

.bg-primary-3 {
	background-color: #6C63FF !important;
}

.botonesHomeseccion2{
	width:100%;
	margin: 30px;
}


.blob {
	background-color: #505050 !important;
}

a {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
}
@media (max-width:480px) {
  .botonesHome {
    width: 50% !important;
    padding: 10px 15px;
    margin:5px;

  }
  .botonesHomediv{
    margin-top: 8vh;
    display: flex !important;
  }
}
@media (min-width: 600px) {
	#moon {
		height: 80% !important;
		margin-top: 40px;
	}
	#titulo {
		height: 150px;
	}

	#imagen-hero {
		opacity: 1;
		top: -220px !important;
		z-index: 999 !important;
	}
	#slidersmovil {
		display: none !important;
	}
	#servicios {
		display: block !important;
	}
	#mobileHide {
		display: block !important;
	}
	#hideflex {
		display: flex !important;
	}

}