/*
 Theme Name:	Scire
 Theme URI:    http://www.sciremedia.com/
 Description:  Kowloonbay Child Theme
 Author:       Scire Media
 Template:     kowloonbay
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  kowloonbay-child
*/

@import 'styles/font.css';

/*@import 'sass/scire.min.css'; /*meterlo en el function
@import 'sass/scireMobile.min.css'; /*meterlo en el function*/


/*#video_bg {
	opacity: .17 !important;
}*/

/*antigua*/

/*.play_me { cursor:pointer; }
.play_me img { transition: all .2s ease-in-out; }
.play_me:hover img { transform: scale(1.1); }

html.home body>.container>header ul.multi-level-menu>li a:hover { color: #6ab5ff; }*/

/*main.padding-t-half { padding-top: 60px; }
main {
    background: url(../../uploads/2015/04/banner_bg.jpg) center 0 no-repeat;
    background-size: contain;
    border-top: 1px solid #ededed;
}*/

/*body>.container>header .header-wrapper { box-shadow: 0 0 0; }*/

/*body>.container>main>section .section-heading h2:after {
    height: 1px;
}*/

/*.v-centered-container {
    font-size: 14px;
}*/

/*h4 { font-weight: 800; }*/

/*header h1 a {
    display: block;
    position: relative;
    width: 206px;
    height: 48px;
    background: url(imagenes/scire_c.png) no-repeat;
    text-indent: -9999px;
}

.home header h1 a {
    background: url(imagenes/scire_b.png) no-repeat;
}

.home #click-menu .threeLines .line {
	background: white !important;
}

ul.multi-level-menu {
	font-size: 16px;
}*/

/*body>.container>main>section .section-heading p {
  color: #0c4c8e;
}*/

/*html.home body>.container>header {
    background: rgba(0,0,0,0);
}*/

/*body.home .forcefullwidth_wrapper_tp_banner {
    background-color: black;
}*/



/*body>.container>footer p.copyright, ul.social li a i, ul.social li a:after {
	color: rgb(207, 207, 207);
}*/

/*footer.home { background: none; }*/

/*h5 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 140%;
	text-transform: uppercase;
}*/







/*NUEVA LANDING PAGE*/




/*PRELOADING*/




/**  LOGO SCIRE   **/



/* Boton Scire-Scroll */
/*.scroll_container{
	display: flex;
	position: absolute;
	bottom: 0;
	width: 100%;
	flex-flow: column wrap;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 10px;
}

#scroll_tip {
  display: block;
  text-transform: uppercase;
  color: white;
  padding: 10px;
  border: 2px solid white;
  position: relative;
  width: 120px;
  background: rgba(0,0,0,0.1);
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  font-family: "Titillium Web", Sans-Serif;
  font-size: 17px;
  -webkit-animation: pulsate 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.5;
}
#scroll_arrow {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  width: 20px; height: 20px;
  transform: rotate(45deg);
  position: relative;
  display: block;
  -webkit-animation: pulsate 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.5;
}*/

/*
* Flash animation
*/
/*@-webkit-keyframes pulsate {
    0% {
        opacity: 0.1;
				/*transform: translate3d(0px, 0px, 0px);/
    }
    50% {
        opacity: 1.0;
				/*transform: translate3d(0px, -50px, 0px);/
    }
    100% {
        opacity: 0.1;
				/*transform: translate3d(0px, 0px, 0px);/
    }
}

@-webkit-keyframes flecha {
    0% {
        opacity: 0.1;
				/*transform: rotate(45deg);*/
				/*transform: translate3d(0px, 0px, 0px);/
				transform: translateY(0px);

    }
    50% {


				opacity: 1.0;
				transform: translateY(15px);
    }
    100% {
        opacity: 0.1;
				transform: translateY(0px);

				/*transform: rotate(45deg);*/

				/*transform: translate3d(0px, 0px, 0px);*/
    /*}
}*/

/***** CIUDAD ******/

	/*#ciudad{
  	display:flex;
		position: relative;
    box-shadow: 4px 4px 9px 1px #dcdcdc;
		background-color: #f8f8f8;
		width: 100vw;
		padding: 50px 0px 0px;
		height: 100vh;
	}*/

	/*#ciudadContainer {
	  height: 100% !important;
	  position: relative !important;
	  top: 0 !important;
	  left: 0 !important;
	  width: 100%;
		display: flex;
		flex-flow: row nowrap;
	}*/

	/*.ciudad-texto{
		position: relative;
		width: 15%;
		color: #000;
		text-align: left;
		float: left;
		/* margin-left: 2%; /
		margin-left: 5%;
		/* text-shadow: 0 1px 2px rgba(0,0,0,.6); /
	}*/

	/*.ciudad-img{
		position: relative;
    display: flex;
    width: 85%;
    height: auto;
	}

	#imgCiudad{
		width: 100%;
		height: 100%;
	align-self: center;
	}*/

	/*.texto-izq{
    position: absolute;
    top: 10%;
    left: 10%;
    z-index: 10;
    width: 25%;
    color: #000;
    text-align: left;
    /*text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}

	.texto-der{
    position: absolute;
    top: 10%;
    right: 15%;
    z-index: 10;
    width: 25%;
    color: #000;
    text-align: right;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}*/

/*@media only screen and (max-width: 1555px) {
	#ciudad{
		height: auto;
	}
	#ciudad .scrollmagic-pin-spacer{
		min-height: auto !important;
		height: auto;
	}
}*/


/*@media only screen and (max-width: 1024px){*/

	/*#ciudad{
		height: 100vh;
		display: block;
		position: relative;
	}
	#ciudadContainer{

		height: auto !important;
		width: 100% !important;
		flex-flow: column wrap !important;


	}*/

	/*.ciudad-texto{
		position: relative;
		width: 100%;
		color: #000;
		text-align: center;
		float: left;
		display: block;
		clear: both;
		margin-left: 0;
	}*/

	/*.ciudad-texto h2{
		font-size: 25px;
		line-height: 1.1;
	}

	#ciudad .descripcion{
		font-size: 15px;
    line-height: 17px;
    list-style-type: none;
	}

	.ciudad-img{
		position: relative;
		display: flex;
		width: 100%;
		float: left;
		height: auto;
	}

	#imgCiudad {
		width: 100%;
		margin: 10px auto;
		z-index: 1;
		right: 2%;
	}

}*/

/*********************** COMUNICACION CORPOTATICA Y DISEÑO GRAFICO **************************/

/*#diseno{
	display: flex;
	position: relative;
	clear: both;
	box-shadow: 4px 4px 9px 1px #dcdcdc;
}*/

/*#diseno img{
  width: 100%;
}*/

/*#diseno .texto-der{
	position: absolute;
	z-index: 10;
	width: 33%;
	color: #000;
	text-align: left;
	background-color: white;
	-ms-transform: skewX(33deg);
	-webkit-transform: skewX(33deg);
	transform: skewX(33deg);
	right: -9%;
	height: 100%;
	top: 0%;
	overflow: hidden;
}*/

#diseno h2{
	line-height: 1.1;
}

/*#diseno .container-texto-der{
	-ms-transform: skewX(-33deg);
	-webkit-transform: skewX(-33deg);
	transform: skewX(-33deg);
	width: 55%;
	position: absolute;
	left: 22%;
}*/

/*
#diseno .texto-der p {
	/*-ms-transform: skewX(-33deg);
	-webkit-transform: skewX(-33deg);
	transform: skewX(-33deg);/
	width: auto;
}*/


	/* Media QUERYS COMUNICACION CORPORATIVA Y DISEÑO  */

	@media only screen and (max-width: 1550px) and (min-width:1280px) {

		#diseno .diseno-container-texto{
			width: 68%;
			left: 4%;
		}

		ul.descripcion {
		padding-left: 20px;
		margin-left: 24%;
		}
	}
	@media only screen and (max-width: 1279px) and (min-width:1025px) {
		#diseno .diseno-container-texto{
			width: 68%;
			left: 4%;
		}
		#diseno h2{
			font-size: 20px;
		}
		ul.descripcion {
			padding-left: 20px;
			margin-left: 24%;
			font-size: 15px;
			line-height: initial;
		}
	}


	/** END MEDIA QUERY**/


/************************** END Comunicación Corporativa y Diseno *******************************/

/***************************** GAFAS *********************************/



	/** END MEDIA QUERY**/


/************************** END Gafas *******************************/

/***************************** GRAFICAS *********************************/





	/**** PORTATIL ****/



	/**** END PORTATIL ****/

/*******  PORTFOLIO VimeoGraphy  *********/

#trabajos{
 padding-top: 40px;
 background-color: #f8f8f8;
}

#trabajos.container-fluid{
	padding: 40px 0px 0px;
}
.vimeography-aloha{
	margin: 0 auto !important;
}
.vimeography-aloha .vimeography-thumbnails {
    margin: 0 auto;
    max-width: 100%;
    width: 100vw !important;
}
#vimeography-gallery-5.vimeography-aloha .vimeography-thumbnail-container {
     margin: 0px !important;
		 padding-right: 0;
		 padding-left: 0;
     width: 25% !important;
		 height: auto !important;
}

/*@media only screen and (max-width: 1024px) {
	#vimeography-gallery-4.vimeography-aloha .vimeography-thumbnail-container {
	     margin: 0px !important;
	     width: 50% !important;
	}
}*/
/*@media only screen and (max-width: 425px) {
	#vimeography-gallery-4.vimeography-aloha .vimeography-thumbnail-container {
	     margin: 0px !important;
	     width: 100% !important;
	}
}*/
@media only screen and (max-width: 1200px) {
	#vimeography-gallery-5.vimeography-aloha .vimeography-thumbnail-container {
	     margin: 0px !important;
	     width: 50% !important;
	}
}

@media only screen and (max-width: 500px) {
	#vimeography-gallery-5.vimeography-aloha .vimeography-thumbnail-container {
	     margin: 0px !important;
	     width: 100% !important;
	}
}

#vimeography-gallery-5.vimeography-aloha .vimeography-thumbnail-container a {
    width: 100% !important;
		height: auto;
}


#vimeography-gallery-5.vimeography-aloha .vimeography-thumbnail {
    height: auto;
    width: 100% !important;
}

#vimeography-gallery-5.vimeography-aloha .vimeography-thumbnail img {

    height: auto;
    width: 100vw !important;
    max-width: 100% !important;
    margin: 0 !important;
}


/***** END PORTFOLIO ******/

/***** LOGOS *****/



/*@media only screen and (max-width: 1024px){

	.container-logos{
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		justify-content: center;
	}
	.logo{
		width: 33%;
	}
	.logo2{
		width: 25%
	}

}*/

/***** END LOGOS ****/

/*************** EVENTOS **************/

/*.container-texto-izq{
	-ms-transform: skewX(33deg);
	-webkit-transform: skewX(33deg);
	transform: skewX(33deg);
	width: 55%;
	position: absolute;
	left: 22%;
}*/
/*#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo{

}*/

/*
#eventos img{
  width: 100%;
  float: right;
}*/


@media only screen and (max-width: 1279px) and (min-width:1025px) {
	#eventos .titulo{
		font-size: 25px;
		line-height: 1.1;
	}
	.container-texto-izq{
		left: 30%
	}

}

/*@media only screen and (max-width: 1024px) {




		#eventos > .row > #myCarousel2 > .texto-izq{
			position: relative;
			z-index: 10;
			width: 100%;
			color: #000;
			text-align: center;
			background-color: initial;
			-ms-transform: skewX(33deg);
			-webkit-transform: skewX(33deg);
			transform: initial;
			left: 0;
			height: 100%;
			top: 0;
			overflow: auto;
			}

			#eventos .container-texto-izq{
				-webkit-transform: skewX(-33deg) ;
				transform: initial ;
				position: relative ;
				margin: 0 auto ;
				left: initial ;
				width: 100% ;
				margin-bottom: 23px;
			}

			#eventos .titulo{
				font-size: 25px;
				line-height: 1.1;
			}

			#eventos .descripcion{
				width: 55%;
				margin: 0 auto;
			}
}*/

/***** END EVENTOS ******/

/******* FOOTER ********/

.footer-container{
	color: #F2F2F2 !important;
  font-family: "Titillium Web", Sans-Serif;
	padding: 30px !important;
}

/*.footerTexto h1{
	margin: 0 auto;
	font-size: 25px;
	color: #F2F2F2 !important;
}*/



#contactoF p{
	font-size: 12px;
}

.footer-container p{
	margin: 10px 0px;
	font-size: 12px;
	line-height: initial;
}
.footer-container .tlf{
	margin-top: -3px;
}


.footerTexto h4{
	color: #F2F2F2;
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 15px;
}


.footerTexto h4 a{
	color: #f2f2f2 !important;
	font-size: 13px;

}

.footerTexto h4 a:hover{
	color: #005fd4!important;
}

	#contactoF h4{
		font-size: 13px;
	}
	#contactoF h4 a{
    font-size: 13px;
		padding: 0;

color: #4f4f4f;
font-weight: 200;
font-family: "Titillium Web", Sans-Serif;

line-height: 1.5;

	}
	ul.social li a {
    display: inline-block;
    vertical-align: top;
    margin-left: -3px;
    width: 25px;
    height: 25px;
    font-size: 10px;
    position: relative;
    overflow: hidden;
}

ul.social li a i, ul.social li a:after {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 15px;
    line-height: 24px;
    background-color: transparent;
    -webkit-transition: top .2s ease;
    -moz-transition: top .2s ease;
    transition: top .2s ease;
}

ul.social li a i {

    box-shadow: inset 0 0 0 1px #727272;
}

/********  MEDIA QUERYS  **********/

@media only screen and (max-width: 767px) {

	.footerTexto .col-content h1{
		font-size: 15px;
	}

	.footerTexto .col-content h4{
		font-size: 8px;

	}

	.footerTexto .col-content p{
		font-size: 10px;
	}

}



/************************ END FOOTER ****************************/



#pc > .textoPcMobile{
display: none;
}

.image-ux-mobile{
    display: block;

    max-width: 100%;
    /* height: auto; */
    width: 100%;
opacity:1;

    /* margin: auto; */
}


#pc1-mobile,#pc2-mobile,#pc5-mobile,#pc4-mobile,#pc3-mobile,#pc6-mobile{
height: 100%;
position: absolute;;
width: 100vw;
top:0;
left:0;
padding: 8% 21%;

}

.bot > .scrm-hi-image{
height: 100%;
     position: absolute;
    width: 100%;
    top: 0 ;
    left: 0 ;
		visibility: hidden;


}

.bot{
display: none;
}

/*.lang-item{

  width: 50% !important;
    display: inline-block;
    position: absolute;
		bottom: 0;
    float: left;
    text-align: center;
}*/

/*#responsive-menu-pro-item-1464-es{
	left: 0;
}


#responsive-menu-pro-item-1464-en{
	right: 0;
	border-left: 2px solid black;
}*/


/*
.header-wrapper{
	display: flex;
    position: fixed !important;
    background-color: #00377a;
    top: 0;
		transition: top 0.2s ease-in-out;
    width: 100%;
    padding: 25px 0px;
    height: auto !important;
    flex-direction: row;
}*/

.descargaPdf{


	padding: 12px;
	border-radius: 5px;
	width: auto !important;
}

	.descargaPdf > a{
		color: #f2f2f2 !important;
	font-size: 12px;
	font-weight: 400;
}
.descargaPdf > a:hover{
color: #005fd4 !important;
}

	.descargaPdf > a > img{
		width: 24px;
	}




/*
.nav-up {
    top: -250px;
}

#responsive-menu-pro-button
{
	display: block;
    position: absolute !important;
}

#responsive-menu-pro-container{
	display: block;
	position: relative !important;
	background: none !important;
}

#responsive-menu-pro-wrapper{
	background: none !important;
    display: flex;
    position: relative;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    align-self: center;

}

#responsive-menu-pro{
	background: none !important;
    display: flex;
    position: relative;
    flex-direction: row;
    justify-content: space-around;

}

/*.responsive-menu-pro-item{
	width: auto;
}
#responsive-menu-pro > li{
	text-align: center;

}*/

#responsive-menu-pro-wrapper{
	display: flex;
	flex-direction: column;
    position: relative;
    height: 100%;
}

#responsive-menu-pro-title{
	position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

#responsive-menu-pro-title-image{
	width: 70%;
}

.idiomas{

	position: relative;
    width: 30%;
    display: flex;
    flex-direction: row;
    text-align: center;
		font-size: 12px;


}

.idiomas > li > a{


		font-size: 12px !important;


}

/*button#responsive-menu-pro-button .responsive-menu-pro-inner::before{

}*/

.is-active .responsive-menu-pro-inner::before{
top: 0px !important;
}

/*// .vimeography-scire
//   .vimeography-thumbnail-container
//     a
//       span
//         left: 0 !important
//

// left: 0 !important
// padding: 0
// height: 100% !important
// width: 100% !important
// background-color: rgba(0,0,0,0.5)
// z-index: 2*/
.vimeography-aloha .vimeography-thumbnail-container span{
	left: 0 !important;
	padding: 10px;
	height: auto !important;
	width: 100% !important;
	background-color: rgba(0,0,0,0.5);
}
/*
button:active
	.responsive-menu-pro-inner::before
		top: 1px !important
button:focus
	.responsive-menu-pro-inner::before
		top: 1px !important*/

button:focus {outline:0; }
.vimeography-thumbnail-container:focus{
	outline:0;
}

/*
.responsive-menu-pro-item-link{
	background: none !important;
	border: none !important;
}*/


/************/


/*
#vimeography-gallery-7.vimeography-scire .vimeography-thumbnail-container-mobile {
    margin: 0px !important;
    width: 50% !important;
    padding: 6px;
}*/