@charset "utf-8";

@font-face {
    font-family: 'Brandon Grotesque';
    src: local('Brandon Grotesque Medium'), local('BrandonGrotesque-Medium'),
      url('./fonts/BrandonGrotesque-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }


/* Fuente aviso de privacidad */
@font-face{
	font-family:MiryadPro;
	src:url(../fonts/MyriadPro-Regular.otf) format("opentype");
	}

/* Fuentes menu y texto general */

@font-face{
	font-family:ComfortaBold;
	src:url(../fonts/Comfortaa-Bold.ttf) format('truetype');
	}
@font-face{
	font-family:ComfortaLight;
	src:url(../fonts/Comfortaa-Light.ttf) format('truetype');
	}	
@font-face{
	font-family:ComfortaLight;
	src:url(../fonts/Comfortaa-Regular.ttf) format('truetype');
	}	
/* Fuente Servicios */
@font-face{
	font-family:ITCAvantGardeStd;
	src:url(../fonts/ITCAvantGardeStd-DemiCnObl.otf) format("opentype");
	}

	.noshow {
		display: none !important;
	  }

	
	#logoAviso {

		position: relative;
		height: 100px;
		width: 150px;
		background: url(../img/KOMColor.png)no-repeat;
		background-size: contain;
	 	 margin: auto;
	  }
	  

	#txtAconpleto {

		position: relative;
		width: 90%;
		height: 50%;
		margin: auto;
		top: 20px;
		padding-bottom: 30px;
	
	}
	
	#txtAconpleto h1{
	
		text-align: center;
		font-family:ComfortaBold;
		color: #3D3D3D;
		font-size: 1.3em;
		padding-top: 20px;
		padding-bottom: 15px;
	
	}
	
	#txtAconpleto h2{
	
		text-align: center;
		font-family:ComfortaBold;
		color: #3D3D3D;
		font-size: .9em;
		padding-top: 20px;
		padding-bottom: 15px;
	}
	
	#txtAconpleto h3{
	
		text-align: center;
		font-family:ComfortaBold;
		color: #3D3D3D;
		font-size: .8em;
		padding-top: 20px;
		padding-bottom: 15px;
		cursor: pointer;
	}
	
	#txtAconpleto p {
	
	  font-family: ComfortaLight;
	  font-size: .7em;
	  color: #5E5D5D;
	  width: 80%;
	  margin-top: 10px;
	  margin-left: 32px;
	  text-align: justify;
	  line-height: 16px;
	
	
	}
	
	#txtAconpleto ul {
	
	  font-family: ComfortaLight;
	  font-size: .7em;
	  color: #5E5D5D;
	  width: 80%;
	  margin-top: 10px;
	  margin-left: 32px;
	  text-align: justify;
	  line-height: 18px;
	
	
	}

	#dude {

		background: url(../img/dude.png)no-repeat;
		background-size: contain;
	    width: 100px;
    height: 200px;
    position: relative;
    float: right;
    /* left: 85%; */
    top: -30px;
    bottom: 0;
	  }

	  #cookies-bar {
		width: 100%;
		height: 80px;
		position: sticky;
		bottom: 0;
		background: #000;
		padding: 5px;
		display: flex;
		z-index: 20;
		justify-content: space-between;
	
	  }

	  #cookies-bar p {
			width: 60%;
		padding: 10px;
		font-size: 1rem;
		text-align: justify;
		margin-left: 2%;
		color: #fff;
		
	  }
	  

	  .cookies-btn {
		width: 15%;
		padding: 10px;
		margin-right: 2%;
		height: 45px;
	  }

	  .cookies-type {
		color: #fff;
		font-size: .8rem;
		text-align: left;
		line-height: 1rem;
	  }

	  .noshow {
		display: none !important;
	  }

	@media screen and (min-width: 991px){ 

	
		#dude {

			background: url(../img/dude.png)no-repeat;
			background-size: contain;
			width: 100px;
		height: 200px;
		position: sticky;
		float: right;
		/* left: 85%; */
		top: -30px;
		bottom: 0;
		  }
		  
		
	}

	#clientes1 {
		margin-top: 0px;
		
	}

	#clientes2 {
		margin-top: 0px;
		
		scale: 105%;
		margin-left: -1%;
	}

	#clientes3 {
		margin-top: 0px;
		
		scale: 107%;
		margin-left: -1%;
	}

	.showdesk {
		display:contents;
	}

	.showmob {
		display: none;
	}

	.about-img-small {
		top: -102px;
		width: 83%;
	}

	.tituloseccion {
		font-size: 3rem; margin-left:-3%
	}
	@media screen and (max-width: 991px){ 

		.contact-box  {
			padding: 20px 40px;
		}
		#cookies-bar {
		    width: 100%;
			height: 200px;
			position: sticky;
			bottom: 0;
			background: #000;
			padding: 5px;
			justify-content: center;
			align-items: center;
			display: block;
			z-index: 20;
		  }
	
		  #cookies-bar p {
			width: 90%;
    height: 104px;
    padding: 10px;
    font-size: .8rem;
    text-align: justify;
    margin-left: 2%;
		  }
	
		  .cookies-btn {
			width: 35%;
			padding: 10px;
			margin-right: 2%;
			height: 45px;
		  }

		  .noshow {
			display: none !important;
		  }
		.tituloseccion {
			font-size: 3rem; margin-left:5%
		}
		.about-img-small {
			top: -135px;
			width: 53% !important;
		}

		.showdesk {
			display: none;
		}

		.showmob {
			display: content;
		}

		#videoKOM {
			scale: 200%;
			margin: auto;
		}

		#loader-fade {
			display: flex;
			background-position-y: 50%;
			scale: 150%;
		}

		header {
			display: fixed;
		}

		.header-appear, .d-none {
			display: fixed;
		}

		.menu-btn {
			display: block;
		}
		#clientes1 {
			margin-top: 0px;
			width: 555px;
		}

		#clientes2 {
			margin-top: 0px;
			width: 555px;
			scale: 105%;
			margin-left: -2%;
		}

		#clientes3 {
			margin-top: 0px;
			width: 555px;
			scale: 107%;
			margin-left: -2%;
		}

		#contact {
			 padding-top: 0;
		}

		.direccion {
			padding-left: 1%;
			padding-right: 1%;
		}

		.logo {
			margin-left: -6%;
		}

		.about-img {
			width: auto;
		}
		
	 }
	
	  
	  #tiraaviso {
	    position: relative;
    margin: 0;
    padding: 0;
   
    bottom: 0;
    width: 105%;
    height: 20px;
    /* background-color: #000; */
    color: #000;
    top: -20px;
 
	  }
	  
	  #tiraaviso p {
	  
		font-size: .65em;
		text-align: center;
		padding-top: 10px;
		font-family: ComfortaLight;
	  }
	  
	  .twitter-custom {
		background: url(../img/tw-x.svg)no-repeat;
	  }

	  .twitter-custom::before {
		background: url(../img/tw-x.svg)no-repeat;
	  }


	  .yt-custom {
		background: url(../img/you.svg)no-repeat;
	  }

	  .yt-custom::before {
		background: url(../img/you.svg)no-repeat;
	  }


	  .under {
		border-bottom: 1px solid;
		padding-bottom: 7px;
		border-bottom: 1px solid white;
		padding-bottom: 5px;
		width: 85%;
	  }

	  .blue {
		color: #2cb5e5;
		opacity: 1;
		font-size: .9rem;
	  }
	  
	  .contact-box h5 {
		font-size: .7rem;
	  }  
	  @media screen and (max-width: 501px){ 
		.columnaocntacto {
			flex: 0 0 auto;
			width: 100%;
		}

	
	}