.glyphicon-menu-down:before{content:"\e259";}


/***********************************/
/********** GENERAL **********/
/***********************************/
*{
	font-family: 'Open Sans', sans-serif;
}

.fa {
    display: inline-block;
    font: FontAwesome!important;
}

html{
	overflow-x:hidden!important;
}

body{
	overflow-x:hidden!important;
}

p{
	font-size:14px;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:none!important;
}

a:focus{
	text-decoration:none!important;
}

a:active{
	text-decoration:none!important;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans', sans-serif!important;
}


@media (min-width: 1330px){
	.container {
		width: 95%!important;
	}
}


@media (max-width: 1329px){
	.container {
		width: 95%!important;
	}
}

/***********************************/
/************ HOME *************/
/***********************************/
.homePage{
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.2) 1%, rgba(3,3,3,0.2) 2%, rgba(49,49,49,0.09) 20%, rgba(126,126,126,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.2) 1%,rgba(3,3,3,0.2) 2%,rgba(49,49,49,0.09) 20%,rgba(126,126,126,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(0,0,0,0.2) 1%,rgba(3,3,3,0.2) 2%,rgba(49,49,49,0.09) 20%,rgba(126,126,126,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	min-height: 98.2vh;
	/*min-height:835px;*/
	padding:0;
	transition: all 0.75s ease-in-out;
}

.homePage .container{
	width:100%!important;
	padding:0;
}

.homePage .titleContainer{
	display: inline-block;
	max-width: 500px;
	float: left;
	position: absolute;
	top: 470px;
	left: 25%;
}

.homePage .titleContainer h1{
    font-size: 23px;
	color:#3b3b3b;
	font-weight: 300;
}

.homePage .titleContainer p{
	font-weight: 300;
	line-height: 24px;
	font-size: 13px;
	width: 95%;
}

.homePage .titleContainer div{
	padding:0;
	margin-top:25px;
}

.homePage .titleContainer div img{
	max-width:100%;
	margin-right:20px;
}

.homePage .titleContainer div img:first-child{
	padding-right: 17.5px;
	border-right: 1px solid grey;
}


/****************************************/
/*********** NAVIGATION ***********/
/****************************************/
.homePage .navigation{
	padding:0;
	position: fixed;
    z-index: 5;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 7px;
    padding-bottom: 7px;
	transition: all 0.75s ease-in-out;
}

.homePage #logoNGST{
	float:left;
}

.homePage #logoNGST img{
	width:100px;
	max-width:100%;
	height: 28px;
}


.c-menu {
	position: fixed;
	z-index: 200;
	background-color: #252525;
	transition: transform 0.75s ease-in-out;
}

.c-menu__items {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 30px;
	position:relative
}
.c-menu__link {
	position:relative
}
.c-menu__items #digitalHome {
	padding:0px 15px 4px 15px!important;
	line-height:1.1!important;
	position:relative;
	top:-2px;
	margin-left:10px
}
.c-menu__items #btlHome {
	padding:0px 15px 4px 15px!important;
	line-height:1.1!important;
	position:relative;
	top:-2px;
	margin-left:0px
}
.nohover:hover {
	color:#fff!important;
}
.c-menu__items #digitalHome span, .c-menu__items #btlHome span {
	font-size:11px!important;
	line-height: 22px;
}


/** Close button resets.*/
.c-menu__close {
	color: #fff;
	background-color: #252525;
	font-size: 14px;
	border: none;
	box-shadow: none;
	border-radius: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

/** Close button resets.**/
.c-menu__close:focus {
	outline: none;
}

/** Body states. **/
body.has-active-menu {
	overflow-x: hidden;
}

/** Mask component **/

.c-mask {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	background-color: #000;
	opacity: 0;
	transition: opacity 0.3s, width 0s 1s, height 0s 1s;
}

.c-mask.is-active {
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s;
}

.c-menu--slide-left,
.c-menu--slide-right,
.c-menu--push-left,
.c-menu--push-right {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

@media all and (min-width: 320px) {
	.c-menu--slide-left,
	.c-menu--slide-right,
	.c-menu--push-left,
	.c-menu--push-right {
	width: 357px;
	}
}

.c-menu--slide-left .c-menu__item,
.c-menu--slide-right .c-menu__item,
.c-menu--push-left .c-menu__item,
.c-menu--push-right .c-menu__item {
	display: block;
	text-align: center;
}

.c-menu--slide-left .c-menu__item:first-child,
.c-menu--slide-right .c-menu__item:first-child,
.c-menu--push-left .c-menu__item:first-child,
.c-menu--push-right .c-menu__item:first-child {
	border-top: none;
}

.c-menu--slide-left .c-menu__item:last-child,
.c-menu--slide-right .c-menu__item:last-child,
.c-menu--push-left .c-menu__item:last-child,
.c-menu--push-right .c-menu__item:last-child {
	border-bottom: none;
}

.c-menu--slide-left .c-menu__link,
.c-menu--slide-right .c-menu__link,
.c-menu--push-left .c-menu__link,
.c-menu--push-right .c-menu__link {
	display: block;
	padding: 10px 25px;
	color: #fff;
    text-align: left;
    margin-left: 30px;
    font-size: 16px;/*20px;*/
	text-decoration:none;
	transition: all 0.3s ease-in-out;
	font-weight: 300;
	letter-spacing: 0.7px;
}

.c-menu__link:hover{
	color:#34a8ff;
	transition: all 0.3s ease-in-out;
}

.c-menu--slide-left .c-menu__close,
.c-menu--slide-right .c-menu__close,
.c-menu--push-left .c-menu__close,
.c-menu--push-right .c-menu__close {
	display: block;
	padding: 12px 24px;
	width: 100%;
}

.c-menu--slide-right,
.c-menu--push-right {
	top: 0;
	right: 0;
	transform: translateX(100%);
	transition: transform 0.75s ease-in-out;
}

@media all and (min-width: 320px) {
	.c-menu--slide-right,
	.c-menu--push-right {
		transform: translateX(357px);
		transition: transform 0.45s ease-in-out;
		overflow:hidden;
	}
}

.c-menu--slide-right.is-active,
.c-menu--push-right.is-active {
	transform: translateX(0);
	transition: transform 0.75s ease-in-out;
	overflow:hidden;
}
.o-wrapper.has-push-left {
  transform: translateX(100%);
}

@media all and (min-width: 320px) {
	.o-wrapper.has-push-left {
	transform: translateX(357px);
	}
}

.o-wrapper.has-push-right {
	transform: translateX(-100%);
}

@media all and (min-width: 320px) {
	.o-wrapper.has-push-right {
		transform: translateX(-357px);
	}
}

.homePage{
	-webkit-transition: -webkit-transform 0.75s;
	transition: transform 0.75s;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.o-wrapper{
    float: right;
}

#o-wrapper button{
	opacity:1;
	background: transparent;
	border:none;
}

#o-wrapper button:focus{
	outline:none;
	border:none;
}

#o-wrapper button img{
	opacity:0.9;
	max-width:100%;
	width:24px;
}

#close{
	max-width:100%;
	width:24px;
}

.c-menu__close{
    text-align: right;
    padding-right: 50px!important;
}

#homeLog{
    display: inline-block;
    float: left;
    margin-left: 30px;
	font-size: 20px;
	font-weight: 300;
    transform: translateY(-42px);
    margin-left: 55px;
    color: #fff;
}

#homeLog #selectedLang{
	color:#34a8ff;
}

#homeLang{
    display: inline-block;
    float: left;
    margin-left: 30px;
	font-size: 20px;
	font-weight: 300;
    transform: translateY(-42px);
    margin-left: 55px;
    color: #fff;
}

#homeLang #selectedLang{
	color:#34a8ff;
}
.direccion {
	margin-top:10px
}
.contactMenu a {
	color:#fff
}
.contactMenu a.active {
	color:#34a8ff
}
.socialMenu{
	margin-top:40px;/*70px;*/
	padding:0;
	border-bottom: 1px solid grey;
	width: 70%;
	margin-left: 53px;
	padding-bottom:15px;
}

.socialMenu img{
	max-width: 100%;
	height: 25px;
	margin-right: 48px;
}

#lastSocial{
	margin-right:0!important;
}

.contactMenu{
	padding-top: 40px;
	margin-left: 35px;
	color: #cbc9c9;
}

.contactMenu p{
	margin-bottom: 0;
	line-height: 20px;
	font-size: 13px;
}

/****************************************/
/******** TITULO PRINCIPAL********/
/****************************************/
@media (max-width: 320px){
	.socialMenu {
		width: 65%;
	}
	
	.socialMenu img {
		margin-right: 27px;
	}
}


/****************************************/
/******** TITULO PRINCIPAL********/
/****************************************/
.titleHomePage{
	text-align: right;
	margin-top: 120px;
	float: right;
	display: inline-block;
	transform: translateX(-320px);
}

.titleHomePage h1{
	color:#3b3b3b;
	font-size:36px;
    font-weight: 100;
}

.titleHomePage h2{
	padding-right:1px

}

.titleHomePage p{
	font-size: 22px;
	color: #3b3b3b;
	display:inline-block;
	margin-bottom: 0;
	font-weight:300;
}

.titleHomePage p span{
	font-size: 22px;
}

#digitalHome{
	display: inline-block;
	margin-bottom: 0;
	padding: 5px 15px;
	border: 0px solid #c6c6c6;
	border-radius: 4px;
	background-color:#c6c6c6;
}

#digitalHome span{
/*	color: #2b4f87;
	font-size:22px */
}

#btlHome{
	display: inline-block;
	margin-bottom: 0;
	padding: 5px 15px;
	border: 0px solid #d8359c;
	border-radius: 4px;
	background-color:#c6c6c6;
}

#btlHome span{
/*	color: #d8359c;
	font-size:22px*/
}


/******************************************/
/********** IMÁGENES 3D ************/
/******************************************/
.firstRowPictures{
	float: left;
	position: absolute;
	margin-left: -10%;
}

#imgHome-1{
	width: 620px;
	height: 478px;
	transform: rotate3d(-339,-106, -196,-292deg);
	border-bottom: 10px solid white;
	border-left: 9px solid #c1bebe;
	z-index: 2;
	position: relative;
	transition: all 7s ease-in-out;
}

#imgHome-2{
	width: 621px;
	height: 474px;
	left: -530px;
	top: 25px;
	transform: rotate3d(-339,-106, -204,-292deg);
	border-left: 9px solid #c1bebe;
	border-bottom: 7px solid white;
	box-shadow: 0px 34px 36px rgba(0, 0, 0, 0.15);
	z-index: 1;
	position: relative;
	transition: all 3s ease-in-out;
}

#imgHome-3 {
 	width: 621px;
	height: 474px;
	display: inline-block;
	margin-top: -380px;
	transform: rotate3d(-339,-106, -217,-296deg);
	border-left: 5px solid #c1bebe;
	border-bottom: 7px solid white;
	box-shadow: -14px 26px 25px rgba(0, 0, 0, 0.15);
	transition: all 5s ease-in-out;
	position: relative;
}

.secondRowPictures{
	float: left;
	right: -84%;
	position: relative;
	margin-top: -50px;
    margin-bottom: 250px;
}

#imgHome-4{
    width: 620px;
    height: 478px;
	transform: rotate3d(-234,-118, -180,-305deg);
    border-bottom: 10px solid white;
    border-left: 5px solid #c1bebe;
    z-index: 2;
    position: relative;
    box-shadow: -6px 6px 22px rgba(0, 0, 0, 0.45);
	margin-right: -53%;
	margin-top: -10%;
}

#imgHome-5{
	width: 621px;
    height: 436px;
    transform: rotate3d(-271,-106, -204,-307deg);
    border-left: 1px solid #c1bebe;
    border-bottom: 7px solid white;
    box-shadow: -15px 15px 36px rgba(0, 0, 0, 0.15);
    z-index: 1;
    position: relative;
	right: 800px;
	margin-top: 300px;
}

#imgHome-6 {
	width: 621px;
    height: 474px;
    transform: rotate3d(-383,-110, -265,-306deg);
    border-left: 5px solid #c1bebe;
    border-bottom: 7px solid white;
    box-shadow: -14px 26px 25px rgba(0, 0, 0, 0.15);
    position: relative;
	z-index:0;
	margin-top: 0%;
}

.thirdRowPictures{
    float: left;
    text-align: left;
    transform: translateX(-500px) translateY(-160px);
}

#imgHome-7{
    width: 621px;
    height: 436px;
    margin-top: -259px;
    transform: rotate3d(-395,-93, -261,-301deg);
    border-left: 1px solid #c1bebe;
    border-bottom: 7px solid white;
    box-shadow: -15px 15px 36px rgba(0, 0, 0, 0.15);
    z-index: 1;
    position: relative;
    float: left;
}

/*************************************************/
/******* HOVER BOTONES HOME *********/
/*************************************************/
.button {
    display: inline-block;
    border: none;
    background: none;
    color: inherit;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
	cursor:pointer;
}

.button:focus {
	outline: none;
}

.button--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background: #2b4f87;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
#btlHome.button--ujarak::before {
    background: #d8359c!important;
}

.button--ujarak.button--round-s::before {
	border-radius: 2px;
}
.button--ujarak.button--inverted::before {
	background: #2b4f87;
}

.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	border-radius: 2px;
}
.button--ujarak:hover {
	color: #fff;
	border-color: #37474f;
}
#digitalHome:hover span{
	color:#fff;
}
#btlHome:hover span{
	color:#fff;
}
.button--ujarak.button--inverted:hover {
	color: #37474F;
	border-color: #fff;
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.button--border-medium {
	border: 2px solid;
}


/*************************************************/
/******* HOVER SOCIALES MENU *********/
/*************************************************/
#facebookMenu{
    background: url(../img/icon-fcbk.png);
    max-width: 100%;
    height: 30px;
    margin-right: 43px;
    background-size: 70%;
    display: inline-block;
    width: 22px;
    background-repeat: no-repeat;
	transition: all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
}

#facebookMenu:hover{
    background: url(../img/icon-fcbk-hover.png);
    max-width: 100%;
    height: 30px;
    margin-right: 43px;
    background-size: 70%;
    display: inline-block;
    width: 22px;
    background-repeat: no-repeat;
	transition: all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
}


#twitterMenu{
	background: url(../img/icon-tw.png);
    max-width: 100%;
    height: 27px;
    margin-right: 43px;
    background-size: 90%;
    display: inline-block;
    width: 30px;
    background-repeat: no-repeat;
	transition: all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
}

#twitterMenu:hover{
	background: url(../img/icon-tw-hover.png);
    max-width: 100%;
    height: 27px;
    margin-right: 43px;
    background-size: 90%;
    display: inline-block;
    width: 30px;
    background-repeat: no-repeat;
	transition: all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
}

#linkedinMenu{
	background: url(../img/icon-linkedin.png);
    max-width: 100%;
    height: 28px;
    margin-right: 30px;
    background-size: 70%;
    display: inline-block;
    width: 38px;
    background-repeat: no-repeat;
	transition: all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
}

#linkedinMenu:hover{
	background: url(../img/icon-linkedin-hover.png);
    max-width: 100%;
    height: 28px;
    margin-right: 30px;
    background-size: 70%;
    display: inline-block;
    width: 38px;
    background-repeat: no-repeat;
	transition: all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
}

#bMenu{
	background: url(../img/icon-b.png);
    max-width: 100%;
    height: 30px;
    margin-right: 0;
    background-size: 100%;
    display: inline-block;
    width: 25px;
    background-repeat: no-repeat;
	transition: all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
}

#bMenu:hover{
	background: url(../img/icon-b-hover.png);
    max-width: 100%;
    height: 30px;
    margin-right: 0;
    background-size: 100%;
    display: inline-block;
    width: 25px;
    background-repeat: no-repeat;
	transition: all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
}


/********************************************************/
/************* RESPONSIVE HOME ***************/
/*******************************************************/

@media all and (max-width: 1275px) {
	#imgHome-5 {
		right: 200px;
		margin-top: -325px;
	}
	.secondRowPictures{
		margin-bottom: 150px;
	}
}


@media all and (max-width: 1180px) {
	.firstRowPictures {
		float: left;
		position: absolute;
		margin-left: -25%;
	}
	
	
}

@media all and (max-width: 1080px) {

	.secondRowPictures {
		float: left;
		right: -88%;
	}
	
	#imgHome-6 {
		right: 170px;	
	}
	
	#imgHome-5 {
		right: 144px;
		margin-top: -325px;
	}
}

@media all and (max-width: 1027px) {

	.titleHomePage {
		text-align: right;
		margin-top: 120px;
		float: right;
		display: inline-block;
		transform: translateX(-30px);
	}
	
	.firstRowPictures{
		margin-left: -41%;
	}
	
	#imgHome-5 {
		right: 75px;
		margin-top: -388px;
	}
	

}

@media all and (max-width: 915px) {
	.firstRowPictures {
		margin-left: -32%;
	}
	

		
}

@media all and (max-width: 857px) {
	#imgHome-6 {
		right: 61px;
		margin-right: -20px;
		margin-top: -54%;
	}
}

@media all and (max-width: 830px) {
	.firstRowPictures {
		margin-left: -44%;
	}
	
	.secondRowPictures {
		right: -92%;
	}
}

@media all and (max-width: 768px) {
	.homePage .navigation{
		background:rgba(255,255,255,0.7)!important;
	}

	
	.socialMenu{
		width:auto;
	}
	
	.firstRowPictures {
		margin-left: -10%;
		margin-top: -8%;
	}
	
		
	.containerHomePage{
		padding:0;
	}	
	
	.titleHomePage{
	    float: initial;
		display: block;
		top: 400px;
		position: relative;
		text-align: center;
		margin: auto;
		right: 0;
		left: 0;
		width: 100%;
		transform: translateX(0px);
	}
	
	.secondRowPictures{
	    margin-top: 420px;
		right: -45%;
		margin-bottom: 500px;
	}
	
	#imgHome-4 {
		width: 550px;
		height: 400px;
	}
	
	#imgHome-5 {
		right: 75px;
		margin-top: -428px;
	}
	
	.homePage .titleContainer {
		top: 1020px;
		left: 40px;
	}
	
	.thirdRowPictures {
		transform: translateX(-524px) translateY(-860px);
	}
}

@media all and (max-width: 736px){
	.c-menu--push-right.is-active{
		width: 100%;
	}
}



@media all and (max-width: 600px) {
	.firstRowPictures {
		margin-left: -27%;
		margin-top: -15%;
	}
}

@media all and (max-width: 500px) {
	.firstRowPictures {
		margin-left: -66%;
		margin-top: -15%;
	}
}

@media all and (max-width: 400px) {
	.firstRowPictures {
		margin-left: -87%;
		margin-top: -20%;
	}
}

@media all and (max-width: 310px) {

}

@media all and (max-width: 380px) {
	#twitterMenu {
		margin-right: 19px;
	}
	
	#twitterMenu:hover {
		margin-right: 19px;
	}
	
	#facebookMenu {
		margin-right: 21px;
	}
	
	#facebookMenu:hover {
		margin-right: 21px;
	}
	
	#linkedinMenu {
		margin-right: 20px;
	}
	
	#linkedinMenu:hover{
		margin-right: 20px;
	}
}


/*************************************************/
/********* SERVICIOS  DESKTOP **********/
/************************************************/

#servicios{
	display:block;
    width: 100vw;
}

#serviciosMobile{
	display:none;
}


.empresaPage{
    padding: 13px 0;
    position: relative;
    z-index: 4;
    margin-top: 15px;
	text-align:center;
}

.empresaPage h1{
	font-size:3.4em;
	padding-top:55px;
	padding-bottom:21px;
	letter-spacing: -0.06em;
	color:#429ec9;
	font-weight: 700;
	margin:0;
}
.empresaPage h2{
	font-size:1.7em;	
	line-height:1.5em;
	font-variant:small-caps;
	letter-spacing: 0.01em;
	color:#3985a8;
	font-weight: 500;
	margin:34px;
}

.empresaPage h3{
	font-size: 1.6em;
	line-height:1.6em;
	letter-spacing: 0.03em;
    color: #474747;
    font-weight: 400;
    margin: 34px;
}

.empresaPage p{
	font-size: 1.3em;
	letter-spacing: 0.01em;
    color: #335fa3;
    font-weight: 500;
    margin: 21px;
}

.empresaPage p img {
    margin: 45px 0;
    border: 1px solid rgba(0,0,0,0.25);
}

.empresaPage2{
	background-image: linear-gradient(to bottom right, #1c7980 0%, #2c3a57 100%);
	color: #fff;
    padding: 0px 0;
    position: relative;
    z-index: 4;
    margin-top: 0px;
	text-align:center;
}

.empresaPage2 h1{
	font-size:3.7em;
	padding-top:55px;
	padding-bottom:21px;
	letter-spacing: -0.06em;
	color:#474747;
	font-weight: 700;
	margin:0;
}
.empresaPage2 h2{
	font-size: 1.9em;
	line-height:1.6em;
	letter-spacing: 0.03em;
	color: #fff;
    /*color: #474747;*/
    font-weight: 200;
    margin: 55px 55px;
}

.empresaPage2 h3{
	font-size: 1.7em;
	line-height:1.6em;
	letter-spacing: 0.03em;
	color: #fff;
    /*color: #474747;*/
    font-weight: 500;
    margin: 55px 55px;
}

.empresaPage2 p{
	font-size: 1.3em;
	letter-spacing: 0.01em;
    color: #335fa3;
    font-weight: 500;
    margin: 34px 34px 55px 34px;
}

.empresaPage2 p img {
    margin: 45px 0;
    border: 1px solid rgba(0,0,0,0.25);
}

.servicesPage{
	padding:0;
    margin-top: 0px;
    position: relative;
    z-index: 4;
}

.servicesPage #firstServ h1{
	font-weight:300;
	color:#fff;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 0;
}

.servicesPage #secondServ h1{
	font-weight:300;
	color:#fff;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 0;
}

.servicesPage  #firstServ ul{
	padding-left: 0;
	color:#fff;
	padding-top: 30px;
	margin-bottom: 0;
}

.servicesPage  #secondServ ul{
	padding-left: 0;
	color:#fff;
	padding-top: 30px;
	margin-bottom: 0;
}

.servicesPage ul li{
    list-style: none;
	font-weight:400;
	padding-bottom:5px;
	font-size:14px;
}

.servicesPage .container{
	width: 100%!important;
	padding:0;
}

.servicesItem:first-child{
	background:#497c9d;
}

.servicesItem:nth-child(2){
	background:#548eb4;
}

.servicesItem:nth-child(3){
	background:#5ea0ca;
}

.servicesItem:nth-child(4){
	background:#69b2e1;
}

#firstServ{
	padding-left: 20px;
	padding-top: 52.5px;
	padding-bottom: 52.5px;
}

#secondServ{
	padding-left: 20px;
	padding-top: 53px;
	padding-bottom: 52px;
}

@media (max-width: 500px){
	.servicesItem{
		width:100%;
	}
}

.services-comPage{
	padding:0;
    margin-top: 0px;
    position: relative;
    z-index: 4;
}

.services-comPage #firstServ h1{
	font-weight:300;
	color:#fff;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 0;
}

.services-comPage #secondServ h1{
	font-weight:300;
	color:#666;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 0;
}

.services-comPage  #firstServ ul{
	padding-left: 0;
	color:#fff;
	padding-top: 30px;
	margin-bottom: 0;
}

.services-comPage  #secondServ ul{
	padding-left: 0;
	color:#666;
	padding-top: 30px;
	margin-bottom: 0;
}

.services-comPage ul li{
    list-style: none;
	font-weight:300;
	padding-bottom:5px;
	font-size:14px;
}

.services-comPage .container{
	width: 100%!important;
	padding:0;
}

.servicesItem:first-child{
	background:#2b4f87;
}

.servicesItem:nth-child(2){
	background:#406093;
}

.servicesItem:nth-child(3){
	background:#55729f;
}

.servicesItem:nth-child(4){
	background:#6a83ab;
}

#firstServ{
	padding-left: 20px;
	padding-top: 52.5px;
	padding-bottom: 52.5px;
}

#secondServ{
	padding-left: 20px;
	padding-top: 53px;
	padding-bottom: 52px;
}

@media (max-width: 500px){
	.servicesItem{
		width:100%;
	}
}

/**********************************************/
/********* SERVICIOS  MOBILE **********/
/*********************************************/
.projects.papasito, .btlprojects.papasito {
		display:block;
}
.projects.papasito2, .btlprojects.papasito2 {
		display:none!important
}
@media all and (max-width: 992px) {
	.projects .item .shadow, .btlprojects .itembtl .shadow {
		display:block!important
	}
	.projects .item, .btlprojects .itembtl {
		width:50%!important
	}
	.projects .item.fijardi, .btlprojects .itembtl.fijardi {
		width:100%!important;
	}
	 
	.projects .item.medio .imggde, .btlprojects .itembtl.medio .imggde {
		width:100%!important;
		height:auto!important;
		top:0px!important
	}
	.projects .item.cuarto .imggde, .btlprojects .itembtl.cuarto .imggde {
		top:-100px!important
	}
	.clientesPage .owl-carousel img{
		/*max-width:80%!important;*/
	}
	
	.projects.papasito, .btlprojects.papasito {
		display:none!important
	}
	.projects.papasito2, .btlprojects.papasito2 {
		display:block!important;
		width:100vw!important;
		margin-top:65px
	}
}
#clienteMobile {
	display:none
}
@media all and (max-width: 768px) {
	.owl-theme .owl-controls .owl-buttons .owl-prev {
		left:-22px!important
	}
	.owl-theme .owl-controls .owl-buttons .owl-next {
		right:-22px!important
	}
	#home {
		display:none
	}
	#clienteDesktop {
		display:none!important;
	}
	#clienteMobile {
		display:block!important
	}
	.clientesPage {
		height:auto!important
	}
	#serviciosDesktop, #servicios{
		display:none;
	}
	
	#serviciosMobile{
		display:block;
		margin-top:70px
	}
	.contactoPage {
		height:auto!important;
		background:#fff!important
	}
	.footerPage .redesFooter {
		width:100%!important
	}
	#contacto .container {
		width:100%!important;
		padding-left:0!important;
		padding-right:0!important;		
	}
	.contactoPage .contactoInside {
		width:100%!important;
		text-align:center!important;
		padding-left:0px!important;
		padding-right:0px!important
	}
	.contactoPage .contactoInside .contactoFirstColumn {
		padding-top:30px 0px!important;
		padding-top:30px 0px!important
	}
	
	.contactoPage .contactoInside .contactoSecondColumn {
		padding-top:30px 0px!important;
		padding-top:30px 0px!important;
		padding-left:20px!important;
		padding-right:20px!important
	}
	/*.projects .item.medio .imggde, .btlprojects .itembtl.medio .imggde {
		width:100%!important;
		height:auto!important;
	}*/
	
	.c-menu__link {
		text-align:left!important;
		padding:5px 20px!important;
	}
	li.c-menu__item {
		clear:both
	}
	.c-menu__items {
		margin-top:15px!important
	}
	.socialMenu {
		margin-top:30px!important;
		width:250px
	}
	.contactMenu {
		display:none!important
	}
	#digitalHome span, #btlHome span {
		font-size:14px;
	}
	.derbo {
		margin-top:-8px!important
	}
	
	
}
@media all and (max-width: 760px) {
	/*.projects .item.medio .imggde, .btlprojects .itembtl.medio .imggde {
		width:auto!important;
		height:auto!important;
	}
	.projects .item .imggde, .btlprojects .itembtl .imggde {
		width:auto!important;
		height:auto!important;
	}*/
}
@media all and (max-width: 640px) {
	.fijardi, #titleProductos {
		height:auto!important
	}
	#titleProductos > div {
		padding:0px 35px 0 35px!important;
		position:relative;
		z-index:6
	}
	#titleProductos > div > div {
		margin-bottom:0px!important;
		padding-bottom:20px!important
	}
	#titleProductos .nav-fillpath {
		position:relative!important;
		bottom:inherit!important;
		z-index:9;
		height:77px!important
	}
	
	.fijardi, #titleProyectos {
		height:auto!important
	}
	#titleProyectos > div {
		padding:0px 35px 0 35px!important;
		position:relative;
		z-index:6
	}
	#titleProyectos > div > div {
		margin-bottom:0px!important;
		padding-bottom:20px!important
	}
	#titleProyectos .nav-fillpath {
		position:relative!important;
		bottom:inherit!important;
		z-index:9;
		height:77px!important
	}
	
	.projects .item, .btlprojects .itembtl {
		width:100%!important
	}
	/*.projects .item .imggde, .btlprojects .itembtl .imggde {
		width:100%!important;
		height:auto!important;
	}
	.projects .item.medio .imggde, .btlprojects .itembtl.medio .imggde {
		width:100%!important;
		height:auto!important;
	}*/
	.contactoPage {
		padding-left:0!important;
		padding-right:0!important;
	}
	.contactoPage > .container {
		padding-bottom:0px!important
	}
	.contactoPage footer {
		position:relative!important;
		bottom:inherit!important;
	}
	.contactoSecondColumn {
		padding-left:15px!important;
		padding-right:15px!important;		
	}
}


.serdesk{ display:block; }
.sermobile{ display:none }

@media all and (max-width: 768px) {
	.serdesk{ display:none !important; }
	.sermobile{ display:block !important; }
}


@media all and (max-width: 490px) {
	.serdesk{ display:none !important; }
	.sermobile{ display:block !important; }


	.projects .item.medio .imggde, .btlprojects .itembtl.medio .imggde {
		width:auto!important;
		height:100%!important;
	}
	.projects .item.cuarto .imggde, .btlprojects .itembtl.cuarto .imggde {
		top:0px!important
	}
	.redesFooter i {
		font-size:30px!important
	}
	.footerPage {
		padding-top:15px!important;
		padding-bottom:15px!important;
	}
}
@media all and (max-width: 400px) {
	.servicesPage {
		padding: 0;
		margin-top: -415px;
		position: relative;
		z-index: 4;
	}
	.empresaPage h1{ font-size: 34px;margin: 0px; }
	.empresaPage h2{ font-size: 34px;margin: 21px }
	.empresaPage h3{ font-size: 16px; line-height: 34px; margin: 21px;}
	.empresaPage p{font-size: 16px; line-height: 28px; margin: 0px;}
	.open  .submenu,
	.default.open .submenu {padding: 25px 40px;}
}
@media all and (max-width: 360px) {
	/*.projects .item .imggde, .btlprojects .itembtl .imggde {
		width:100%!important;
		height:auto!important;
	}
	.projects .item.medio .imggde, .btlprojects .itembtl.medio .imggde {
		width:auto!important;
		height:100%!important;
	}
	.projects .item.cuarto .imggde, .btlprojects .itembtl.cuarto .imggde {
		top:0px!important
	}*/


	.menuH.open {
		width:100%!important;
	}
	.c-menu__link {
		padding:10 15px!important;
		margin-left:0!important
	}
	.socialMenu {
		margin-left:15px!important
	}
}

#serviciosMobile ul li{
	padding:0;
}

.accordion {
 	width: 100%;
 	max-width: 100%;
	padding: 0;
}
 
 
/* Colores Accordion */

#eAccordion{
	background:#2b4f87;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    font-size: 30px;
}

#eSub{
    background: #2b4f87!important;
    padding-bottom: 25px;
}

#eSub li{
    color: #fff;
    font-size: 15px;
    border: none;
    padding-bottom: 7px;
}

#cAccordion{
	background:#406093;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    font-size: 30px;
}

#cSub{
    background: #406093!important;
    padding-bottom: 25px;
}

#cSub li{
    color: #fff;
    font-size: 15px;
    border: none;
    padding-bottom: 7px;
}

#tAccordion{
	background:#55729f;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    font-size: 30px;
	color:#fff;
}

#tSub{
    background: #55729f!important;
    padding-bottom: 25px;
}

#tSub li{
    color: #fff;
    font-size: 15px;
    border: none;
    padding-bottom: 7px;
}


#aAccordion{
	background:#6a83ab;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    font-size: 30px;
	color:#fff;
}

#aSub{
    background: #6a83ab!important;
    padding-bottom: 25px;
}

#aSub li{
    color: #fff;
    font-size: 15px;
    border: none;
    padding-bottom: 7px;
}

/* Ajustes Accordion */
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    padding: 0;
}

.accordion li:last-child .link {
	border-bottom: 0;
}


.accordion li.open .link {
	color: #fff;
}


.accordion li.default .submenu {display: block;}


/* Submenú */
 .submenu {
 	display: none;
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }

.submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
}

.submenu a:hover {
 	background: #b63b4d;
 	color: #FFF;
}

 
 
/* Flecha Accordion */
.accordion li  span img{
	width: 30px;
	float: right;
	position: absolute;
	top: 17px;
	transition: all 0.4s ease;
	right:40px;
}

.accordion li.open span img {
	-webkit-transform:  rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform:  rotate(180deg);
	transform:  rotate(180deg);
	width: 30px;
	float: right;
	position: absolute;
	top: 17px;
	transition: all 0.4s ease;
}
#eAccordion {
	position:relative
}
.accordion li  span {
	position:absolute;
	right:0px
}


/**********************************************/
/*************** CLIENTES *****************/
/*********************************************/

/*
.clientesPage{
	background:#fff;
	width:100vw;
	padding:0;
	margin:20px 0;
	position:relative;
	height:100vh
}
*/


.clientesPage{
 /* background: linear-gradient(
    to right, 
    #f7f7f7 0%, 
    #f7f7f7 50%, 
    #ffffff 50%, 
    #ffffff  100%
  );*/
	background:#fff;
	width:100vw;
/*	padding:20px 0 60px 0;*/
	/*padding:5px 0 60px 0;*/
	padding:65px 0 60px 0;
	/*margin:60px 0;*/
	position:relative;
	/*height:100vh*/
}

.clientesPage div{
	padding: 0;
}

.clientesPage h1{
	color:#3d3d3d;
	font-weight: 100;
	font-size: 38px;
    margin: auto;
    margin-bottom: 1px;
    margin-top: 40px;
	text-align:center;
}

/*.owl-carousel  .owl-wrapper{
	width:100%!important
}
*/
.owl-carousel {
    display: none;
    position: relative;
    width: 100%!important;
    -ms-touch-action: pan-y;
    margin: auto!important;
    text-align: center;
}

 .owl-carousel .owl-item {
 }

.owl-theme .owl-controls {
	z-index:200!important
}
.owl-carousel .owl-wrapper-outer {
	z-index:400!important
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    /* display: inline-block; */
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    /*background: #ffffff!important;
    filter: Alpha(Opacity=50);
    opacity: 0.5;*/
	height:52px
}

.clientesPage .owl-pagination{
	display:none;
}

.clientesPage .owl-carousel img{
	max-width:100%;
}

.owl-theme .owl-controls{
	display:block!important;
	position: absolute;
    top: 0;
    width: 100%;
	height:100%;
	margin-top:0
}

.clientesPage .itemClientes{
    /*width: 170px;/*20%;*/
    display:inline-block;
/*    padding-right: 10px;
    padding-left: 10px;*/
    padding-top: 55px;
	padding-bottom: 20px;
	vertical-align:middle;
	text-align:center;
	height:200px;
	float:left;
	width:33%

}
#clienteMobile .itemClientes{
	width:50%!important;
}
.clientesPage .itemClientes img{
	vertical-align:middle;
	text-align:center;
	opacity:0.8
	
}
/*.clientesPage .item > div {
	clear:both
}*/
a.prev {
	position: absolute;
	top: 0;
	margin-top:0px;
	display: block;
	outline: none;
	text-align: left;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
a.next {
	position: absolute;
	top: 0;
	display: block;
	outline: none;
	text-align: left;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

a.prev {
	left: 0;
	width:40px;
	height:40px;
}

a.next {
	right: 0;
	width:40px;
	height:40px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {
	top:50%!important;
	margin-top:-35px!important;
	width:50px;
	height:70px;
	padding:0;
	margin-bottom:0
}
#clienteMobile .owl-theme .owl-controls .owl-buttons .owl-prev, #clienteMobile .owl-theme .owl-controls .owl-buttons .owl-next {
	top:50%!important;
	margin-top:-35px!important
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
	left:-40px!important
}
.owl-theme .owl-controls .owl-buttons .owl-next {
	right:-40px!important
}

.clientesPage .owl-buttons {
	display:block;
	clear:both;
	position:absolute;
	height:100%;
	top:0;
	width:100%
}
.clientesPage .owl-buttons a {
	width: 50px;
	height: 70px;
	transform: translateY(0%)!important;
}

.clientesPage .owl-buttons .icon-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.clientesPage .owl-buttons a:before,
.clientesPage .owl-buttons a:after,
.clientesPage .owl-buttons .icon-wrap:before,
.clientesPage .owl-buttons .icon-wrap:after {
	position: absolute;
	left: 0%;
	width: 3px;
	height: 50%;
	background: #d2d2d2;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


.clientesPage .owl-buttons a.next:before,
.clientesPage .owl-buttons a.next:after,
.clientesPage .owl-buttons a.next .icon-wrap:before,
.clientesPage .owl-buttons a.next .icon-wrap:after {
	right:0;
	left:inherit
}



.clientesPage .owl-buttons .icon-wrap:before,
.clientesPage .owl-buttons .icon-wrap:after {
	z-index: 100;
	height: 0;
	background: #2b4f87;
	-webkit-transition: height 0.3s, -webkit-transform 0.3s;
	transition: height 0.3s, transform 0.3s;
}


.clientesPage .owl-buttons a:before,
.clientesPage .owl-buttons .icon-wrap:before {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-135deg);
	transform: translateX(-50%) rotate(-135deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.clientesPage .owl-buttons a.next:before,
.clientesPage .owl-buttons a.next .icon-wrap:before {
	-webkit-transform: translateX(-50%) rotate(135deg);
	transform: translateX(-50%) rotate(135deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.clientesPage .owl-buttons a:after,
.clientesPage .owl-buttons .icon-wrap:after {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.clientesPage .owl-buttons a.next:after,
.clientesPage .owl-buttons a.next .icon-wrap:after {
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	-webkit-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
}

.clientesPage .owl-buttons h3 {
	position: absolute;
	top: 50%;
	margin: 0;
	color: #d2d2d2;
	font-weight: 300;
	font-size: 0.85em;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.clientesPage .owl-buttons a.prev h3 {
	left: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.clientesPage .owl-buttons a.next h3 {
	right: 100%;
	text-align: right;
	-webkit-transform: translateY(-50%) translateX(50%);
	transform: translateY(-50%) translateX(50%);
}

.clientesPage .owl-buttons a:hover .icon-wrap::before,
.clientesPage .owl-buttons a:hover .icon-wrap::after {
	height: 50%;
}

.clientesPage .owl-buttons a:hover::before,
.clientesPage .owl-buttons a:hover .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(-125deg);
	transform: translateX(-50%) rotate(-125deg);
}

.clientesPage .owl-buttons a.next:hover::before,
.clientesPage .owl-buttons a.next:hover .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(125deg);
	transform: translateX(-50%) rotate(125deg);
}

.clientesPage .owl-buttons a:hover::after,
.clientesPage .owl-buttons a:hover .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(-55deg);
	transform: translateX(-50%) rotate(-55deg);
}

.clientesPage .owl-buttons a.next:hover::after,
.clientesPage .owl-buttons a.next:hover .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(55deg);
	transform: translateX(-50%) rotate(55deg);
}

.clientesPage .owl-buttons a:hover h3 {
	opacity: 1;
	-webkit-transform: translateY(-50%) translateX(0);
	transform: translateY(-50%) translateX(0);
}

/**********************************************/
/*************** NOSOTROS ***************/
/*********************************************/
.nosotrosPage2{
  

}


/**********************************************/
/*************** CONTACTO ***************/
/*********************************************/
.contactoPage{
  background: linear-gradient(
    to right, 
    #f3f3f3 0%, 
    #f3f3f3 50%, 
    #ffffff 50%, 
    #ffffff  100%
  );
  
  position:relative;

}
.contactoPage > .container {
	padding-bottom:0px;
}

.contactoPage footer {
	position:absolute;
	left:0;
	width:100%;
	bottom:0
}
.contactoPage .contactoInside{
    width: 55%;
    margin: auto;
    float: none;
}

.contactoPage .contactoInside h1{
	color: #3d3d3d;
	font-weight: 100;
	font-size: 38px;
	margin:0;
	padding-bottom: 15px;
}


.contactoPage .contactoInside .contactoFirstColumn{
	padding-top:50px;
	padding-bottom:50px;
}

.contactoPage .contactoInside .contactoFirstColumn .itemOficinas{
}

.contactoPage .contactoInside .contactoFirstColumn .itemOficinas h2{
	color:#3b3b3b;
	font-size: 17px;
	margin-bottom: 2px;
}

.contactoPage .contactoInside .contactoFirstColumn .itemOficinas p{
	font-size: 13px;
	font-weight: 300;
	margin-bottom: 0;
	line-height: 20px;
}

.contactoPage .contactoInside .contactoSecondColumn{
	padding-top:50px;
	padding-bottom:50px;
	padding-left: 50px;
	padding-right: 0;
}

.contactoPage .contactoInside .contactoSecondColumn form{
	margin-top: 23px;
}

.contactoPage .contactoInside .contactoSecondColumn form input[type=text]{

}
.contactoPage .contactoInside .contactoSecondColumn form input[type=sumbit]{

}

/**** INPUTS *****/
.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	max-width: 350px;
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	font-weight: 400;
	font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #3b3b3b;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #ddd;
	font-size: 150%;
}
.input--kohana {
	overflow: hidden;
	margin-bottom: 30px;
	width: 100%;
	background: #f7f7f7;
}

.input__field--kohana {
	width: 100%;
	background: transparent;
	padding-left: 3em;
	color: #3b3b3b;
}

.input__label--kohana {
	position: absolute;
	width: 100%;
	text-align: left;
	pointer-events: none;
	color: #D2D2D2;
	height:100%;
}

.input__label-content--kohana {
	display: inline-block;
	width: auto;
	-webkit-transform: translate3d(-1.75em, 0, 0);
	transform: translate3d(-1.75em, 0, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.icon--kohana {
	display: inline-block;
	margin-top: 0.9em;
	-webkit-transform: translate3d(-2em, 0, 0);
	transform: translate3d(-2em, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__field--kohana:focus + .input__label--kohana .input__label-content--kohana,
.input--filled .input__label-content--kohana {
	opacity: 0;
	-webkit-transform: translate3d(100px, 0, 0);
	transform: translate3d(100px, 0, 0);
}

.input__label-content--kohana,
.icon--kohana,
.input__field--kohana:focus + .input__label--kohana .input__label-content--kohana,
.input--filled .input__label-content--kohana {
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.input__field--kohana:focus + .input__label--kohana .icon--kohana,
.input--filled  .icon--kohana {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.input__label-content--kohana{
	font-size: 16px;
	font-weight: 300;
	color: rgb(61, 61, 61);
	padding-left: 0.5em;
}
.fa-lg{
	font-size:20px!important;
}
.fa-fw{
	padding-top: 0px!important;
	line-height: 0!important;
	margin-top: 20px!important;
}

#textareaContacto{
	height:108px;
}

/** Enviar **/
#enviarContacto{
	margin-bottom: 0;
	padding: 5px 15px;
	border: 1px solid #2b4f87;
	border-radius: 4px;
	text-transform:uppercase;
	font-size: 16px;
}
#enviarContacto span{
	color: #2b4f87;
}

.button {
    display: inline-block;
    border: none;
    background: none;
    color: inherit;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
	cursor:pointer;
}

.button:focus {
	outline: none;
}

.button--ujarak {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background: #2b4f87;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}


.button--ujarak.button--round-s::before {
	border-radius: 2px;
}
.button--ujarak.button--inverted::before {
	background: #2b4f87;
}

.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	border-radius: 2px;
}
.button--ujarak:hover {
	color: #fff;
	border-color: #37474f;
}
#enviarContacto:hover span{
	color:#fff;
}

.button--ujarak.button--inverted:hover {
	color: #37474F;
	border-color: #fff;
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.button--border-medium {
	border: 2px solid;
}

#textareaContacto{

}
.text #ins{

}
/**********************************************/
/**************** FOOTER *****************/
/*********************************************/
.footerPage{
  background: linear-gradient(
    to right, 
    #252525 0%, 
    #252525 50%, 
    #282828 50%, 
    #282828  100%
  );
    padding-top: 40px;
    padding-bottom: 40px;
}

.footerPage .redesFooter{
    width: 70%;
    float: none;
    margin: auto;
}

.footerPage .fFooter{
/*	background-image:url(../img/footer-fcbk.png);*/
	height:67px;
	background-repeat:no-repeat;
    background-position: center;
	background-size: 10%;
	transition: all 0.5s ease-in-out;
	font-size:50px;
	text-align:center
}
.footerPage a i {
	-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.footerPage a i {
	padding-top:9px;
	color:#fff
}
.footerPage a:hover i {
	color:#2b4f87 
}
.redesFooter > a > div {
	width:50%;
	float:left
}
.footerPage .tFooter{
	/*background-image:url(../img/footer-tw.png);*/
	height:67px;
	background-repeat:no-repeat;
    background-position: center;
	background-size: 20%;
	transition: all 0.5s ease-in-out;
	font-size:50px;
	text-align:center
}

.footerPage .lFooter{
	/*background-image:url(../img/footer-in.png);*/
	height:67px;
	background-repeat:no-repeat;
    background-position: center;
	background-size: 18%;
	transition: all 0.5s ease-in-out;
	font-size:50px;
	text-align:center
}

.footerPage .bFooter{
	/*background-image:url(../img/footer-b.png);*/
	height:67px;
	background-repeat:no-repeat;
    background-position: center;
	background-size: 17%;
	transition: all 0.5s ease-in-out;
	font-size:50px;
	text-align:center
}
.socialMenu a {
	width:20%;
	line-height:50px;
	height:50px;
	display:inline-block;
	text-align:center;
	float:left
}

.socialMenu a.fb {width:0%;}
.socialMenu a.tw {width:0%;}
.socialMenu a.lk {width:33%;}
.socialMenu a.bh {width:0%; margin-top:3px}
.socialMenu a.bl {width:33%;}


.socialMenu i {
	font-size:30px;
	text-align:center;
	color:#fff;
	line-height:50px
}
.socialMenu a:hover i{
	color:#34a8ff;
}

.footerPage .fFooter:hover{
	/*background-image:url(../img/footer-fcbk-hover.png);*/
	height:67px;
	background-repeat:no-repeat;
    background-position: center;
	background-size: 10%;
	transition: all 0.5s ease-in-out;
}

.footerPage .tFooter:hover{
	/*background-image:url(../img/footer-tw-hover.png);*/
	height:67px;
	background-repeat:no-repeat;
    background-position: center;
	background-size: 20%;
	transition: all 0.5s ease-in-out;
}

.footerPage .lFooter:hover{
	/*background-image:url(../img/footer-in-hover.png);*/
	height:67px;
	background-repeat:no-repeat;
    background-position: center;
	background-size: 18%;
	transition: all 0.5s ease-in-out;
}

.footerPage .bFooter:hover{
	/*background-image:url(../img/footer-b-hover.png);*/
	height:67px;
	background-repeat:no-repeat;
    background-position: center;
	background-size: 17%;
	transition: all 0.5s ease-in-out;
}



.hr {
	width: 30px;
	height: 3px;
	background: #fff;
	margin: 15px auto 15px auto;
	box-shadow: 1px 1px 2px #222;
}

body {
	font-smoothing: antialiased;
}

.table {
	display: table;
	height: 100%;
	width: 100%;
	margin-bottom:0;

}

.cell {
	display: table-cell;
	vertical-align: middle;
}

.containerMain {
	position: relative;
	z-index: 0;
	-webkit-transition: all 0.75s cubic-bezier(0.77, 0.06, 0.28, 0.85);
	transition: all 0.75s cubic-bezier(0.77, 0.06, 0.28, 0.85);
	padding:0;
	margin-top: -62px;
}
.containerMain.push {
	margin-left: -23%;
}

#menu-trigger {
	position: fixed;
	top: 21px;
	right: 34px;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(0.85);
    transform: scale(0.85);
}
#menu-trigger div {
    position: relative;
    display: block;
    height: 5px;
    margin-bottom: 6px;
    width: 50px;
	background: #fff;
    /*background: #585858;*/
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 5px;
}

#logoNGST .imglogo {
    width: 100px;
    max-width: 100%;
    height: 47px;
    background-image: url(../img/ngst-logo-blank.png);
    background-position: top center;
    background-repeat: no-repeat;
    
}

#logoNGST.scrolled .imglogo{
    background-image: url(../img/ngst-logo-color.png);
}

.scrolled.menu-trigger div {
	background: #585858 !important;
}



#menu-trigger:hover {
	cursor: pointer;
}

#menu-trigger.clicked div:nth-child(even) {
	opacity: 0;
}
#menu-trigger.clicked div:nth-child(1) {
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 12px;
    background: #fff;
}
#menu-trigger.clicked div:nth-child(3) {
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	top: -6px;
    background: #fff;
}
#menu-trigger.clicked:hover {
	position: fixed;
	top: 10px;
	right: 40px;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(0.85);
    transform: scale(0.85);
}
#menu-trigger.clicked:hover div {
}

.c-menu__link{
    display: block;
    padding: 10px 25px;
    color: #fff;
    text-align: left;
    margin-left: 30px;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    font-weight: 300;
    letter-spacing: 0.7px;
}

.menuH {
	position: fixed;
	top: 0px;
	right: -50%;
	width: 50%;
	height: 100vh;
	z-index: 98;
    background-color: #252525;
	-webkit-transition: all 0.75s cubic-bezier(.77,.06,.28,.85);
	transition: all 0.75s cubic-bezier(.77,.06,.28,.85);
}
.menuH.open {
	right: 0;
    width: 357px;
}

.menu-tint {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #3A539B;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all 0.75s cubic-bezier(.77,.06,.28,.85);
	transition: all 0.75s cubic-bezier(.77,.06,.28,.85);
}
.menu-tint.open {
	z-index: 97;
}

.navPrincipal{
    height: 48px;
	margin-bottom:34px;
    background: transparent;
    z-index: 1;

}
	
#logoNGST{
	float: left;
    padding-left: 40px;
    padding-top: 17px;
    padding-bottom: 17px;
    position: fixed;
	width: 100%;
	z-index: 95;
	transition:all 0.75s ease-in-out;
}

#logoNGST img{
    width: 100px;
    max-width: 100%;
    height: 28px;
}



.cajared {
	border:1px solid #fff;
	border-radius: 40px;
	color:#fff;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:22px;
	display:block;
	float:left
}
.cajared:hover {
	background:#fff;
	color:#2b4f87
}
.cajared i {
	display:block;
	line-height:40px
}
.cajared i.fa-linkedin {
	margin-top:-2px
}
a.flech {
	border:1px solid #fff;
	border-radius: 40px;
	color:#fff;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:28px;
	display:block;
	float:left;
	z-index: 1000;
}

a.flech:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

a.flech .icon-wrap {
	position: relative;
	display: block;
	margin: 10% 0 0 10%;
	width: 80%;
	height: 80%;
}

a.flech .icon-wrap {
	-webkit-transform: rotate(0deg)!important;
	transform: rotate(0deg)!important;
}

a.flech .icon-wrap:before,
a.flech .icon-wrap:after {
	position: absolute;
	left: 28%;
	width: 3px;
	height: 50%;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

a.flech .icon-wrap:before {
	-webkit-transform: translateX(-50%) rotate(30deg);
	transform: translateX(-50%) rotate(30deg);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

a.flech .icon-wrap:after {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-30deg);
	transform: translateX(-50%) rotate(-30deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}


a.flech:hover:before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

a.flech:hover .icon-wrap:before,
a.flech:hover .icon-wrap:after {
	background: #2b4f87;
}

.btlprojects a.flech:hover .icon-wrap:before,
.btlprojects a.flech:hover .icon-wrap:after {
	background: #d8359c!important;
}




a.flech:hover .icon-wrap:before {
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

a.flech:hover .icon-wrap:after {
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
}

.topcito {
	width:50px;
	height:50px;
	position:absolute;
	top:-48px
}

.topcito{
	top: -77px;
	height:52px;
}

.topcito_serv_com{
	top:-53px;
	height:52px;
}

section#btl, section#Productos {
	position:relative
}

.derbo { float:right; margin-top:-3px}
.derbo .button--ujarak.active span { color:#fff; }
.button--ujarak.active span { color:#000; }

#Productos .button--ujarak.active {
	color:#fff!important;
	background:#2b4f87!important;
	line-height:1.1!important;	
}

#btl .button--ujarak.active {
	color:#fff!important;
	background:#d8359c!important;
	line-height:1.1!important;	
}



body .containerMain .table .cell {
	overflow-x:hidden!important;
}


/********************************/
/*			 VIDEO				*/
/********************************/


	.content-video {
		width: 100vw;
		height: 100vh;
		position: absolute;
		overflow: hidden;
	}
	.content-video-int-hover {
		width: 100vw;
		height: 100vh;
		position: absolute;
		overflow: hidden;
		background-image:url('../img/gridtile.png');
	}
	video { 
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		transform: translateX(-50%) translateY(-50%);
		background: url('https://www.ngsoluciones.com/web2018/src/background-video_2.jpg') no-repeat;
		background-size: cover;
		transition: 1s opacity;
	}

    .txt-home-center{ text-align: center; z-index: 500; position: absolute; width: 100%; height: 100vh; left: 0; top: 0;	}
	.txt-home-center-int{ 
		text-align: center;
		z-index: 500;
		position: absolute;
		width: 900px;
		height: 250px;
		left: 50%;
		margin-left: -450px;
		top: 40%;
	}
	
	.punto{ width: 100%; text-align: center; bottom: 25px; position: absolute;}
	.punto a i{ color:#FFF; font-size:42px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
	.punto a:hover i{ font-size:54px;}
	
	.txt-home-center-int h2{ 
		color: #FFF;
		font-size: 70px;
		text-transform: uppercase;
		font-weight: bold;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
		letter-spacing: 10px;
	}
	.txt-home-center-int h3{ 
		color: #FFF;
		font-size: 29px;
		text-transform: uppercase;
		font-weight: 100;
		margin: 10px 0;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
		letter-spacing: .21em;
	}

	@media screen and (max-width: 768px) {
	  html { background: url('https://www.ngsoluciones.com/web2018/src/background-video_2.jpg') #000 no-repeat center center fixed; }
	  .content-video,
	  .txt-home-center,	
	  #bgvid { display: none; }
	  #logoNGST .imglogo { background-image: url(../img/ngst-logo-color.png) !important;}
	  .menu-trigger div { background: #585858 !important;}
	}

	@media (max-width: 881px) {
		.txt-home-center-int { width: 600px;height: auto;margin-left: -300px;margin-top: -130px;}
		.txt-home-center-int h2{font-size: 50px;}
		.txt-home-center-int h3{font-size: 30px;}
	}
	
	@media (max-width: 620px) {
		.txt-home-center-int { width: 460px; height: auto; margin-left: -230px; margin-top: -120px; }
		.txt-home-center-int h2{ font-size: 60px; }
		.txt-home-center-int h3{ font-size: 20px; }
	}
	@media (max-width: 481px) {
		.txt-home-center-int { width: 300px; height: auto; margin-left: -150px;    margin-top: -80px; }
		.txt-home-center-int h2{font-size: 45px;}
		.txt-home-center-int h3{font-size: 15px;}
	}