/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@import 'https://fonts.googleapis.com/css?family=Roboto';
@import 'https://fonts.googleapis.com/css?family=Pathway+Gothic+One';
@import 'https://fonts.googleapis.com/css?family=Exo';
@import 'https://fonts.googleapis.com/css?family=PT+Sans+Caption';
@import 'https://fonts.googleapis.com/css?family=Ubuntu';


@font-face {
    font-family: 'lobster-two-regular';
    src: url('fonts/LobsterTwo-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansation-regular';
    src: url('fonts/Sansation-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'journal';
    src: url('fonts/journal.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeosansLight';
    src: url('fonts/GeosansLight.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeosansLight-Oblique';
    src: url('fonts/GeosansLight-Oblique.ttf');
    font-weight: normal;
    font-style: normal;
}

/**
 * BASE
 *
 */

ul {
  margin-top: 8px;
}

li {
  margin-top: 6px;
  text-align: left;
}

.email {
  font-family: Pathway+Gothic+One!important;
}

.mytch-image-label {
  margin-top: 10px;
  text-align:center;
  font-size: 14px;
}

/**
 * Header
 *
 */

.mytch-page-title {
    color: #ffffff!important;
    text-shadow: 2px 2px #444444;
    font-size: 3.9em;
    font-weight: bold;
    letter-spacing: 3px;
}

.mytech-page-title-small {
  font-size: 3em!important;
  margin-bottom: 35px;
}


/*
* Footer
*/

.mytch-footer,
.mytch-footer-text,
.mytch-footer-text a{
   color: #ffffff; /*#cccccc;*/
}

.mytch-footer-text {
   font-size: 14px;
}


.mytch-footer-container {
  /*background-color: #6e8c9d;*/ /* #6e8c9d#527e94;*/ /*#77909e; */
  padding:20px;
}

.email-footer,
.email-footer:visited,
.email-footer:focus{
  color: #ffffff; /*#cccccc;*/
  text-decoration: none;
}

.email-footer:hover,
.email-footer:active
{
  text-decoration: underline;
  color: #ffffff; /*#cccccc;*/
}

/*
.email-footer:visited {
  text-decoration: underline!important;
  color: #cccccc!important;
}

.email-footer:active {
  text-decoration: underline!important;
  color: #cccccc!important;
}

.email-footer:focus {
  text-decoration: underline!important;
  color: #cccccc!important;
}

*/


/**
 * Inicio
 *
 */

.mytch-home-intro {
  margin-bottom: 26px!important;
  text-align: center;
}


.mytch-video-intro{
	margin-top: 100px!important;
}

.mytch-slogan {
  text-align: center;
  width:100%;
}

.mytch-slogan-logo {
	max-width: 720px;
 	padding: 20px;
 	background-color: rgba(255,255,255,0.8);
 	border-radius: 15px 15px 0 15px;
 	margin:auto;
}

.mytch-slogan-text {
  font-family: GeosansLight;/*Roboto;*/
  color: white !important;
  font-weight:100;
  font-size: 2.5em;
  margin:0px;
  margin-top: 0px;
  margin-left: 100px;
  margin-right: -50px;
  line-height: 45px;
  letter-spacing: -1px;
  background-color: rgba(78,140,169,1)!important;
  padding: 20px;
  border-radius: 0 15px 15px 15px;
}


.mytch-slogan-panel {
 text-align:center;
 padding-top: 220px;
 padding-bottom:170px;
 color: #69081d;
}

.mytch-home-panel {
  padding-left:50px;
  padding-right:50px;
}

.mytch-home-panel-osource {
	padding-right:50px;
}

.mytch-home-producto-title {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

.mytch-home-producto-descr {
  margin-top:0px;
  margin-bottom:2em;
  max-width:350px;
  margin:auto;
}

.mytch-home-servicio-descr {
    max-width:350px;
    margin:auto;
}

.mytch-more {
  font-family: Pathway+Gothic+One!important;
  font-size: 14px;
  font-weight:bold;
  text-align: center;
}

.mytch-home-title {
  font-size: 4em;
  margin-bottom: 1em;
}

.mytch-home-subtitle {
  font-size: 3em;
  margin-bottom: 0.5em;
}

/**
 * Efecto sobre la imagen
 *
 */
.mytch-container {
  position: relative;
  width: 100%;
}

.mytch-image {
  display: block;
  width: 100%;
  height: 100%;
}

.mytch-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 10px;
  transition: .5s ease;
}

.mytch-overlay-vision {
	background-color: #edab23;
}

.mytch-overlay-tuberias {
	background-color: #177a17;
}


.mytch-overlay-robobo {
	background-color: #349fd4;
}

.mytch-overlay-luminare {
	background-color: #dd2911;
}

.mytch-overlay-skipper {
	background-color: #ee7929;/*#1f2328;*/
}

.mytch-overlay-seniorphone {
	background-color: #012965;
}


.mytch-container:hover .mytch-overlay {
  height: 100%;
  opacity: 0.3;
  cursor: pointer;
}

.mytch-container:hover .mytch-text {
	visibility: visible;
}

.mytch-text:click {

}

.mytch-text {
  white-space: nowrap;
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  visibility: hidden;
}


/**
 * Servicios
 *
 */

.servicios-icon{
  color: #2b617d;
}

.servicios-icon-small{
  color: #2b617d;
}



.servicios-icon-container {
  float:left;
  width:10%;
}

.servicios-icon-text-container {
  float:left;
  width: 90%;
}

.servicios-title {
  color: #2b617d;
  font-size: 28px!important;
}

.servicios-ul {
  margin-top: 8px;
}

.servicios-ul li {
  margin-top: 6px;
  text-align: left;
}

.servicios-text {
  text-align: left;
  margin-bottom: 10px;
  margin-top: 10px;
}

.servicios-text-dest {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
}

.servicios-box1 {
  background-color: #2b617d;
  border-radius: 5px;
  padding: 10px;
  color: #eeeeee;
  font-size: 15px;
}

.servicios-box2 {
  background-color: #dbeaef;
  border-radius: 10px;
  padding: 10px;
  color: #555555;
  font-size: 14px;
}

/**
 * Casos de éxito
 *
 */

.mytch-cexito-subtitle {
  font-size: 4em;
  margin-bottom: 1em;
}

.mytch-cexito-descr {
  font-size: 1.15em;
  line-height: 1.3em;
  text-align: justify;
  max-width: 750px;
  margin: auto;
  color: #888888;
}


.mytch-producto-title {
    margin-bottom: 30px!important;
    border: solid #4e8ca9;
    border-width: 0 0 0 6px;
    padding-left: 0.5em;
}



.mytch-producto-title-small {
    margin-top: 5px!important;
    margin-bottom: 5px!important;
}


.mytch-divider {
	width: 90%;
    max-width: 650px;
    margin: 30px auto;
    border-top: 1px solid #4e8ca9;
    padding: 10px;
    text-align: center;
}

.mytch-anchor,
.mytch-divider a {
	text-decoration: none;
	color: #888888;
	cursor: default;
}

.mytch-anchor:hover {
	text-decoration:none;
	color: #888888;
}


/* video luminare */

.mytch-video-container {
  position: relative;
  width: 100%;
}

.mytch-video {
  display: block;
  width: 100%;
  height: 100%;
}

.mytch-video-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}

.mytch-video-overlay:hover {
	cursor: pointer;
}


#lumover:hover > #play {
   color: white;
}

/*
#container:hover > #cube { background-color: yellow; }
*/

.mytech-video-play:active {
	visibility: hidden;
}

.mytch-video-play {
  white-space: nowrap;
  color: #4468c0;
  font-size: 45px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  visibility: visible;

}

.mytch-video-play:hover {
  color: white;
  cursor: pointer;

}

/**
 * ONIZE
 *
 */

.mytch-onize-panel {
  background-color: #9a1a36;
  color: #ffffff;
  padding: 5px 5px 5px 20px;
  text-align: left;
  margin-bottom: 39px;
}


/***
 *
 * Colaboradores
 *
 */

.colaboradores-box {
  background-color: #e4edf2; /*#b9d0de; */
  box-shadow: 2px 2px 2px #82a2b5;
  padding: 10px;
  color: #22485b;
}


/*
*
* Contacto
*
*
*/

.mytch-contacto-title {
  margin-bottom: 70px!important;

}

/*
* Aviso cookies
*/

.coockie_banner p {
  font-size: 14px;
}

.butonDefecto, .BotonUno, .BotonDos, .BotonTres {
  margin-top: 10px!important;
  font-size: 12px!important;
}



@media (max-width: 960px) {

.mytch-video-intro{
	margin-top: -10px!important;
}

.mytch-slogan-logo {
 	padding: 20px;
 	background-color: rgba(255,255,255,0.8);
 	border-radius: 15px 15px 15px 15px;
 	margin:auto;
}

.mytch-slogan-text {
  font-family: GeosansLight;/*Roboto;*/
  color: #fffff; /*#111;#69081d;#4D4D4D;*/
  font-weight:100;
  /*text-shadow: 0px 0px #999;*/
  font-size: 1.6em;
  line-height: 28px;
  letter-spacing: -1px;
  max-width: 380px;
  margin:auto;
  background-color: #4e8ca9!important;
  padding: 20px;
  border-radius: 15px 15px 15px 15px;
}


.mytch-slogan-panel {
    padding-top: 165px;
    padding-bottom:165px;
    color: #69081d;
	opacity: 0.7;
}

.mytch-home-panel, .mytch-home-panel-osource {
  padding-left:0px;
  padding-right:0px;
}


.mytch-producto-descr {
  padding-top:0;
  padding-bottom: 30px;
  max-width:340px;
  margin: auto;
}

.mytch-home-producto-descr {
  padding-top:0px;
  padding-bottom:35px;
  max-width:350px;
  margin:auto;
}

.mytch-home-title {
  font-size: 3em;
  margin-bottom: 1em;
}

.mytch-cexito-subtitle {
  font-size: 3em;
  margin-bottom: 1em;
}
}


/****************************/
/** overwrite theme styles **/
/****************************/
/*
.tm-footer {
  position: absolute;
  bottom: 0;
  left:0;
  right:0;
  text-align: center;
  background: #22485c;
  padding: 20px;
}

.tm-footer + .mytch-home {
  position: relative!important;
  text-align: center;
  background: #22485c;
  padding: 20px!important;
}
*/


.tm-footer {
  position: relative;
  bottom: 0;
  text-align: center;
  background: #22485c;
  padding: 20px;
  margin-top: 20px;
}

.tm-totop-scroller {
  color: #ffffff; /*#737373;*/
  display:none!important;
}

.tm-footer .uk-panel + .uk-panel {
  margin-top: 25px;
}

.tm-block-main {
	overflow: auto;
}