/*!
 * ESTILOS GENERALES
 */
body { font-family: 'Poppins', sans-serif!important; background: #f3f4f4!important; }

hr {
    border-color: #ffcc33!important;
    border-width: 2px;
    max-width: 50px;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

hr.gray{ border-color: #c8c8cb!important;  max-width: 100%;border-width: 1px; margin: 40px 0!important;}

hr.gray20-0{ border-color: #c8c8cb!important; max-width: 100%; width: 100%; border-width: 1px; margin: 20px 0!important;}

.mt58b20{ margin-top: 58px; margin-bottom: 20px;}
.mtb20{margin-top: 20px; margin-bottom: 20px;}
.ml40p{margin-left: 40%!important;}

.mt120{ margin-top: 120px;}
.mt110{ margin-top: 110px;}
.mt90{ margin-top: 90px;}
.mt90lx{ margin-top: 90px;}
.mt68{ margin-top: 68px;}
.mt65{ margin-top: 65px;}
.mt46{ margin-top: 46px;}
.mt35{ margin-top: 35px;}
.mt30{ margin-top: 30px;}
.mt30xs{ margin-top: 30px;}
.mt25{ margin-top: 25px;}
.mt20{ margin-top: 20px;}
.mt15{ margin-top: 15px;}
.mt10{ margin-top: 10px;}
.mt6{ margin-top: 6px;}
.mt5{ margin-top: 5px;}
.mt0{ margin-top: 0!important;}

.mb70{ margin-bottom: 70px!important;}
.mb50{ margin-bottom: 50px!important;}
.mb40{ margin-bottom: 40px!important;}
.mb30{ margin-bottom: 30px!important;}
.mb20{ margin-bottom: 20px!important;}
.mb0{ margin-bottom: 0px!important;}

.m20{margin: 20px;}

.pt25{ padding-top: 25px!important;}
.pt10{ padding-top: 10px!important;}
.pt0{ padding-top: 0!important;}
.pl30{padding-left: 30px;}
.pl20{ padding-left: 20px;}
.pt35{padding-top: 25px; }
.pt10{padding-top: 10px; }
.pt5rl0{ padding: 5px 0!important;}
.p10010{padding: 10px 0px 10px 10px;}
.pt10r10b10l35{padding: 10px 10px 10px 35px;}
.p00760 {padding: 0 0 76px 0;}   
.p00400 { padding: 0 0 40px 0;}
.p1000600 { padding: 100px 0 60px 0;}
.p25{padding: 25px;}
.p0{padding: 0!important;}

.relative{ position: relative;}
.absolute{position: absolute;}
.bg-white{background: #fff; color: #4d4f55!important;}
.bg-gray{background: #f3f4f4;}
.bg-yellow{background: #ffcc33;}
.bg-blue{background: #2f3192;}

.bb50{ border-bottom: 50px solid #fff;}
    
/*___ TIPOGRAFÍAS ___*/

a{color: #4c4f54;}
a:hover, a:focus{text-decoration: none!important; color:#000!important;}

a.tilter h1, a.tilter i {color: #fff;}
a.tilter h1:hover, a.tilter i:hover {color: #fff;}
.btn, .navbar-default, .navbar-default .navbar-header .navbar-brand, h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins', sans-serif!important;
}

.fa-1-5x { font-size: 1.2em; }

h1{font-size: 38px!important;}

h1.plataforma, h1.gabinetes{
    font-size: 74px!important;
    font-weight: 600;
}
h1.tecnologia{ background: url("../img/tecnologia.png") no-repeat 270px 0; line-height: 44px;}

h1.innovacion{ background: url("../img/inovacion.png") no-repeat 270px 0; line-height: 44px;}

h1.txt50{font-size: 50px;font-weight: 600;}

h3{ font-family: 'Poppins', sans-serif!important; font-size: 20px!important; font-weight: 600;-webkit-font-smoothing: antialiased;}

h4{ font-size: 18px; line-height: 24px; font-weight: 600; background: url(../img/underline.png) no-repeat 20px 26px;}

p{ -webkit-font-smoothing: antialiased!important;}

small{   
    margin-left: 10px;
    color: #4c4f54;
}

.fa-1-4{font-size: 1.4em!important;}

.upper{ text-transform: uppercase;}
.txt-left{text-align: left;}
.txt-center{text-align: center!important;}
.txt-right{ text-align: right!important;}

.bold{font-weight: 700; -webkit-font-smoothing: antialiased;}

 mark{ background-color: #ffcc33!important; padding: 0!important; color: #505050;}

.white{ color: #fff;}
.blue{color: #0084d0;}
.red{ color: #ea4245;}
.gray{ color: #4c4f54;}
.gray-l{color: #d2d3cb;}
small.gray-l{color: #d8d8d8;}
.yellow{ color: #ffcc33!important;}


header .header-content .header-content-inner p {
    color: #fff!important;
}

.opacity1{opacity: 1!important;}

/*________________
 * MENÚ NAVEGACIÓN *
 __________________*/

.inline{
        display: inline-block!important;
    padding: 25px 20px 0 20px!important;
    text-align: center;
    width: 30%;
    line-height: 0px!important;
}
.bt{border-top: 1px solid ##d8d8d8;}

.navbar{
   margin-bottom: 0px!important; 
}
.navbar-default{
    background: rgba(0, 0, 0, 0.9)!important;
}

.navbar-default .nav>li.active>a, .navbar-default .nav>li.active>a:focus, .nav li a:hover{
    color: #ffcc33!important;
}

.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
    color: #fff!important;
}
.navbar-default .navbar-toggle{
    border: 0!important;
    margin-right: 0!important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background-color: transparent!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: 0;
}

/*.dropdown-menu > li.kopie > a {
    padding-left:5px;
}*/
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
} 
.dropdown-menu {
    min-width: auto!important;
}

/*___ SLIDE ___*/

header .header-content .header-content-inner hr{
    border-color: #fff!important;
    border-width: 2px!important;
    max-width: 380px!important;
    margin: 5px 0!important;
}

header.title{
    min-height: 48%!important;
}

header.online{
    background-image: url(../img/header-online.jpg);
}
header.gabinetes{
    background-image: url(../img/header-gabinetes.jpg);
}

header.plataformas{
    background-image: url(../img/header-plataformas.jpg);
}

header.juegos{
    background-image: url(../img/headers/juegos.jpg);
    background-position: -111px 0px;
    min-height: 42%!important;
}

header.video-bingo{
    background-image: url(../img/hedaer-video-bingo.jpg);
    min-height: 42%!important;
}
header.contacto{
    background-image: url(../img/header-contacto.jpg);
}

section {
    padding: 60px 0!important;
}

section.juegos{
    padding: 40px 0!important;
}

/*___ Banners ___*/

.banner-online-a,
.banner-online-b{
    background: #999 url("../img/banner-a.jpg");
    padding: 70px 40px 20px;
     -webkit-clip-path: polygon(0 0, 0px 400%, 100% 0px, 0px 0);
    opacity: 1;
    height: 240px;
}

.banner-online-b {
    background: url("../img/banner-b.png") -38px 0;
}

.col-a .move,
.col-b .move,
.col-c .move{ 
    width:100%;
    color: #fff;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    color: #fff;
}

.col-a .move:hover,
.col-b .move:hover,
.col-c .move:hover{
	transform: translate(50px,0);
	-webkit-transform: translate(50px,0);
	-o-transform: translate(50px,0); 
	-moz-transform: translate(50px,0);
    color: #ffcc33!important;
}


.col-a,
.col-b,
.col-c{  
    background-position: top center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.col-a:hover,
.col-b:hover,
.col-c:hover{   
    background-position: top right; 
} 

.banner-online-a h1{ line-height: 0.90em; color: #fff;}
.icon{ color:#fff!important; text-align: right;}
.overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background: black;
    opacity: 0;
    color: white;
    -webkit-transition: opacity .5s;
    vertical-align: middle;
    text-align: center;   
}
.overlay:hover{
    opacity: .2;
    
}

#chartdiv {
  width: 100%;
  height: 500px;
}

/*.bg-gray{
    background: #f7f7f6;
}*/

ul.amarillo{
    list-style: none;
}
ul.amarillo li{
    display: inline;
    padding-left: 50px;
    font-weight: bold;
}

ul.amarillo li:before {
    content: "• ";
    font-size: 20px;
    color: #ffcc33; /* or whatever color you prefer */
}

.controls .left i, .controls .right i{color:#ffcc33; }

.carousel-indicators .active{
    background-color: #ffcc33!important;
}
.carousel-indicators li{
    background-color: #d2d3cb!important;
    border: 2px solid #fff;
}

.carousel-control{text-shadow: none;}


/*___ 5 columns ___*/

div.col-sm-7.five-three {
    width: 60% !important;
    }

div.col-sm-5.five-two {
      width: 40% !important;
    }

/*________________

/*  Buttons Efects 

 ____________________*/

.btn{ text-transform: none!important;}

.btn-video{
    background: #fff url("../img/btn-video.png") no-repeat;
    color: #4c4f54;
    font-weight: 600;
    margin: 20px 35%;
    padding-left: 50px;
}
.btn-video:hover{
    color: #000;
}
.btn-cerrar-modal{
    background: #ffcc33!important;
    border-radius: 0;
    border: 2px solid #fff;
     transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.btn-cerrar-modal:hover{
    background: #fff!important;
    border: 2px solid #ffcc33;
}

.btn-contact-xs{
    margin: 48px auto 0;
    background: transparent;
    padding: 14px 0;
    color: #4c4f54;
    cursor: pointer;
    display: block;
    position: relative;
    border: 2px solid #0084d0;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    
}
.btn-contact-xs:hover{
    color: #0084d0;
    border: 2px solid #fff;
    background: #0084d0;
}

.alert-success {
    color: #000!important;
    background-color: transparent!important;
    border-color: #ffcc33!important!important;
    font-weight: 600!important;
    border-radius: 0!important;
}



/*___ PLATAFORMAS ___*/

.sky7{
    /*top: -60px;*/
    top: 18px;
    right: 0%;
    height: 450px;
}
.mx002{
    /*top: -60px;*/
    top: -167px;
    right: 28%;
    height: 450px;
}

/*________________

/*  FORMS

 ____________________*/

.input-group{  display: block!important;}

.input-group .form-control,
.form-control{
    padding: 0!important;
    height: 40px!important;
    background: transparent!important;
    border: 0!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    box-shadow: none!important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    border-bottom: 1px solid #dadbdb!important;
    margin-bottom: 20px!important;
}
 .input-group textarea.form-control,
 textarea.form-control{
    height: auto!important;
    border: 1px solid #dadbdb!important;
    padding:10px!important;
}

/*___ MAPA & Slide ___*/

/* for testing only */
.item img {width: 100%; height: auto}
#wrapper { width: 100%; margin: 0 auto; }
#map_canvas { height: 500px; width:100%;}

.icon-trato, .icon-apertura, .icon-actividades{
   position: absolute;
   top: 50px;
    left: 40px;
}
.icon-apertura{
    left: 110px;
}
.icon-actividades{
    left: 180px;
}

.circle, .circle-active{
    background: #fff;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    text-align: center;
    padding-top: 7px;
    width: 55px;
    height: 55px;
}

.circle-active{
    background: #ffcc33;
}
.container.no-gutter {
	padding: 0px;
}
/*.container.no-gutter .row [class*='col-']:not(:first-child),
.container.no-gutter .row [class*='col-']:not(:last-child)
{
  padding-right: 0;
  padding-left: 0;
}
*/

.item {  border: none;}

.map h1{ color: #4c4f54;}

.carousel-control.right, .carousel-control.left{
    background-image: none!important; 
}
.map .carousel-control.right{ right: -50px!important; }

.map .carousel-control.left{ left: -58px!important;}

.map blockquote{ border-left: 0!important;}

.map .carousel-inner{
    border: 5px solid #fff;
    height: 320px;
}
.map .carousel-control{
   top: 50%!important; 
   text-shadow: none;
}
.info{
    width: 350px;
    position: absolute;
    z-index: 9;
    background: #f3f4f4;
    top: 34%;
}

.carousel-indicators {
    bottom: -46px!important;
}

.modal-content .carousel-caption{
    color: #000;
}

#carouselButtons {
    margin-left: 100px;
    position: absolute;
    bottom: 0px;
}


/* Isotope Transitions
------------------------------- */
#filters {
	margin:1%;
	padding:0;
	list-style:none;
    margin-top: 0;
    margin-bottom: 50px;
}

	#filters li {
		float:left;
	}
	
	#filters li span {
		display: block;
		padding:5px 20px;		
		text-decoration:none;
		color:#666;
		cursor: pointer;
	}
	
	#filters li span.active {
		background: #ffcc33;
		color:#4c4f54;
        font-weight: 600;
	}
     

.portfolio-modal{
    border-top: 2px solid #ffcc33;
}

#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 33.33333333%;
	    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 25px;
	display:none;
	float:left;
	overflow:hidden;
}

	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		background: #666;
		cursor:pointer;
	}

	.portfolio img {
		max-width:100%;
		position: relative;
		top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
	}
	
	.portfolio .label {
		position: absolute;
		width: 10%;
		height:32px;
		bottom:42px;
    -webkit-transition: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
        right: 48px;
	}

		.portfolio .label-bg {
			background: transparent;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
            opacity:0.5;
		}
	
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:0;
		}
			
    .portfolio .text-category {
        display:block;
        font-size:9px;
        text-align: center;
    }
	
	.portfolio:hover .label {
        bottom:30px;
        opacity: 1;
  }
	.portfolio:hover img {
    top:0px;
  }  



.portfolio-modal .close-modal {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: transparent;
    top: 5px;
    right: 25px;
    cursor: pointer;
    z-index: 999!important;
}

.portfolio-modal .close-modal:hover {
    opacity: .3
}

.portfolio-modal .close-modal .lr {
    height: 40px;
    width: 2px;
    margin-left: 35px;
    background-color: #ffcc33;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051;
}

.portfolio-modal .close-modal .lr .rl {
    height: 40px;
    width: 2px;
    background-color: #ffcc33;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052
}

.portfolio-modal .modal-backdrop {
    opacity: 0;
    display: none
}

.btn-game{
    background: transparent!important;
    color: #999;
    border: 0;
    padding: 5px 20px;
}
.selected {
    background-color: #28F!important;
}
  
.modal{
    top: 35%!important;
}

.modal-content{
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important;
    min-height: 100%!important;
}

.controls .right{ position: absolute; right: 6%; top: 50%;z-index: 9999999;}
.controls .left{ position: absolute; left: 6%; top: 50%;z-index: 9999999;}

ul.juegos li{list-style: none!important;border-bottom: 1px solid #e1e1e1;padding: 5px 0 5px 10px;border-left: 1px solid #e1e1e1;position: relative;line-height: 32px;}

ul.juegos li:before{
    color: #0084d0;
    font-family: 'Glyphter';
    font-style: normal;
    font-size: 30px;
    vertical-align: middle;
    position: absolute;
    top: 5px;
    left: -58px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
    width: 60px;
    padding-left: 12px;
}

ul.juegos li.cartones:before{
    content:'\0058';
}
ul.juegos li.bolas:before{
    content:'\0057';
}
ul.juegos li.bolasextra:before{
    content:'\0059';
}
ul.juegos li.premios:before{
    content:'\0055';
}
ul.juegos li.bonus:before{
    content:'\0056';
}
ul.juegos li.jackpot:before{
    content:'\0052';
}

.table-juegos>tbody>tr>td.noborder{
    border-bottom: 0;
}
.table>tbody>tr>td.icon{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    border-top: 0;
}
.table>tbody>tr>td.txt{
    vertical-align: middle;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 5px 5px 5px 20px;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    color: #333!important;
    text-align: left;
}

.trans--grow{
  -webkit-transition: width 1s ease-out; /* For Safari 3.1 to 6.0 */
  transition: width 1s  ease-out;
  width : 0%;
}
.grow{
  width:100%;
}


.border-right{ border-right: 2px solid #ffcc33!important;}

.blgray{border-left: 1px solid #999;}

.icon10f{ width: 36px!important;}

/*_______________

    * FOOTER *
 __________________*/

footer{ padding-top: 30px;}
footer p{ padding: 5px 0;}
footer p, footer section.post-footer ul li, footer section.post-footer a{ font-size: 13px; }
footer .social-media a i { 
    margin-bottom: 5px; 
    color: #4b4f53; 
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
}
footer .social-media a i:hover{ color: #0084d0!important;}

footer  a:hover{ color: #000!important;}

footer section.post-footer{
    background: #d8d8db;
    padding: 10px 0!important;
}

footer section.post-footer ul{
    list-style: none;
    margin: 0!important;
    padding: 0!important;
}
footer section.post-footer ul li{
    display: inline-block;
    padding: 0 10px;
    color: #4c4f54;
    font-weight: bold;
}

footer section.post-footer p{
    color: #4c4f54;
    margin: 0;
}
/*____________________

 * COL SIETE *
 ____________________*/

.col-md-7s {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
}

@media (min-width: 768px){
  .seven-cols .col-md-7s,
  .seven-cols .col-sm-7s,
  .seven-cols .col-lg-7s  {
    width: 100%;
    *width: 100%;
  }
}


@media (min-width: 992px) {
  .seven-cols .col-md-7s,
  .seven-cols .col-sm-7s,
  .seven-cols .col-lg-7s {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}


@media (min-width: 1200px) {
  .seven-cols .col-md-7s,
  .seven-cols .col-sm-7s,
  .seven-cols .col-lg-7s {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/*____________________

 * @MEDIA // MÓVILES *
 ____________________*/

/* Custom, iPhone Retina */ 
@media (min-width : 320px) {
    .tilter__caption{
        top: 5%!important;
    }
    .border-right{border-right:0!important;}
     /*___ PLATAFORMAS ___*/
    .sky7{
        top: 55px;
        right: 10%;
        height: 180px;
    }
    .mx002{
        top: -25px;
        right:14%;
        height: 180px;
    }
}

@media only screen and (min-width : 320px) {
    
    img.h58{ height: 58px;}
    img.h40{ height: 40px;}
    
    .mt30xs{ margin-top: 0px;}
    
    .navbar-default .nav>li>a, .navbar-default .nav>li>a:focus{
        text-align: center;
    }
    header .header-content .header-content-inner h1 {
        font-size: 40px!important;
    }
     h1.tecnologia {
        background: url(../img/tecnologia.png) no-repeat 200px 0;
    }
    h1.innovacion {
        background: url("../img/inovacion.png") no-repeat 200px 0;
    }
    .txt-centerxs{text-align: center;}
    .pl30 {
        padding-left: 0px;
    }
    .mt30xs{ margin-top: 30px!important;}
    /* Banners poligonales */
    .col-a, .col-b, .col-c{position: relative; display: block; float: left;height: 250px;width: 100%; margin-bottom: 20px; opacity: 1;}
    .col-a{background: url("../img/banner-a.jpg") no-repeat center;left: 0; z-index: 3; }
    .col-b{background: url("../img/banner-b.jpg") no-repeat center;}
    .col-c{background: url("../img/banner-c.jpg") no-repeat center;}  
    h1.plataforma, h1.gabinetes {
        font-size: 45px!important;
        font-weight: 600;
    }
    .col-a h1{text-align: center;}
    .info{
        width: 280px;
        position: relative;
        z-index: 9;
        background: #f3f4f4;
        margin: 10% 8%;
    }
    .map .carousel-inner {
        border: 0;
        height: 320px;
    }
    .map .carousel-control.left {
        left: -36px!important;
    }
    .map .carousel-control.right {
        right: -24px!important;
    }
    
    .carousel-inner .item h1{ text-align: center; }
    .carousel-inner .item i{
        background: #fff;
        padding: 18px 20px 8px 20px;
        border-radius: 50%;
    }
    .border-right{border-right:0!important;}
    
    ul.amarillo {
        padding: 0px;
    }
    
    ul.amarillo li{
        padding-left: 0px;
    }
    .mt60xs{margin-top: 60px;}
    
    section { padding: 40px 0!important; }
    
    .col-md-7s { width: 50%; }
    
    .mt90lx{ margin-top: 10px;}
    
    .container>.navbar-header{ margin-right: 0;  margin-left: 0;}
    
    .navbar-default .navbar-brand {
        padding: 10px!important;
      }
    
    .navbar{    min-height: 60px!important;}
    
    .navbar-header a.navbar-brand img{ height: 30px;}
    
    .navbar-toggle{margin-top: 15px;}
    .navbar-default {
        background: rgba(0, 0, 0, 0.9)!important;
    }
    .navbar-collapse{ background: #f7f7f6!important;}
 
    
    .navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
        color: #484848!important;
    }
    .navbar-default .nav>li>a, .navbar-default .nav>li{
        border-bottom: 0.100000000em solid #d8d8d8;
        border-width: thin;
    }
     .navbar-default .nav>li>a, .navbar-default .nav>li.nob {
         border-bottom: 0!important;
    }
    
    .navbar-default .navbar-nav>.open>a{
        background-color: #000!important;
        border-top: 1px solid #333;
    }
    header .header-content {
        padding: 70px 15px 10px 15px;
    }
    header.juegos .header-content{    padding: 100px 15px!important;}
    #portfoliolist .portfolio{width: 100%; }
    
     header.title {
        min-height: 35%!important;
    }
    header.gabinetes {
        min-height: 24%!important;
    }
    footer .social-media a i{ margin: 20px;}
    .tilter__caption{
        top: 5%;
    }
    .modal {
        top: 0%!important;
        z-index: 9999999;
    }
    #filters li span{
        padding: 5px 10px;
    }
    h1 {
        font-size: 28px!important;
    }
    .navbar-default .navbar-brand {
        display: inline;
        padding: 16px 0 16px!important;
    }
    .carousel-indicators {
        bottom: 0px!important;
    }
    footer .social-media a i{ margin: 20px 0;}
    
    /* controles modal xs*/ 
    .recuadro-control{
        height: 80px;
        border-bottom: 1px solid #ffcc33!important;
    }
    .portfolio-modal .close-modal {
        top: 18px;
        right: 38%;
    }
    .recuadro-control .controls .right{ position: absolute; right: 10%; top: 9%;z-index: 9999999;}
    .recuadro-control .controls .left{ position: absolute; left: 10%; top: 9%;z-index: 9999999;}
    
    /*___ PLATAFORMAS ___*/
    .sky7{
        top: 6px;
        right: 0;
        height: 180px;
    }
    .mx002{
        top: -74px;
        right: 0;
        height: 180px;
    }
    .btn-video{
        margin: 20px 20%;
    }
    .p00760 {
        padding: 0 0 0px 0;
    }
}
/* Extra Small Devices, Phones */ 
@media (min-width : 400px) {
    .p00760 {
        padding: 0 0 0px 0;
    }
    .mt30xs{ margin-top: 0px;}
    .mt20xs{ margin-top: 20px;}
     h1.tecnologia {
        background: url(../img/tecnologia.png) no-repeat 200px 0;
    }
    h1.innovacion {
        background: url("../img/inovacion.png") no-repeat 200px 0;
    }
    #filters li span{
        padding: 5px 10px;
    }
    .tilter__caption{
        top: 5%!important;
    }
    .info {
        width: 300px;
        position: relative;
        z-index: 9;
        background: #f3f4f4;
        margin: 10% 12%;
    }
    h1 {
        font-size: 28px!important;
    }
    
    footer .social-media a i{ margin: 20px 0;}
    
    .navbar-default .navbar-brand {
        display: inline;
        padding: 16px 0 16px!important;
    }
    header.gabinetes {
        min-height: 24%!important;
    }
    /*___ PLATAFORMAS ___*/
    .sky7{
        top: -4px;
        right: 4%;
        height: 180px;
    }
    .mx002{
        top: -90px;
        right:14%;
        height: 180px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    .p00760 {
        padding: 0 0 0px 0;
    }
    #filters li span{
        padding: 5px 8px;
    }
    header.gabinetes {
        min-height: 24%!important;
    }
    h1.tecnologia {
        background: url(../img/tecnologia.png) no-repeat 200px 0;
    }
    h1.innovacion {
        background: url("../img/inovacion.png") no-repeat 200px 0;
    }
    .txt-centerxs{text-align: center;}
    .pl30 {
        padding-left: 0px;
    }
    .modal {
        top: 10%!important;
    }
    footer .social-media a i{ margin-left: 20px;}
    
    .ml15x{ margin-left: 15px;}
    
     /* Banners poligonales */
    .col-a, .col-b, .col-c{position: relative; display: block; float: left;height: 250px;width: 100%; margin-bottom: 20px; opacity: 1;}
    .col-a{background: url("../img/banner-a.jpg") no-repeat center;left: 0; z-index: 3; }
    .col-b{background: url("../img/banner-b.jpg") no-repeat center;}
    .col-c{background: url("../img/banner-c.jpg") no-repeat center;}
    h1.plataforma, h1.gabinetes {
        font-size: 45px!important;
        font-weight: 600;
    }
    .col-a h1{text-align: center;}
    
    .map .carousel-inner {
        border: 0;
        height: 320px;
    }
    .carousel-inner .item h1{ text-align: center; }
    .border-right{border-right:0;}
    
    ul.amarillo {
        margin: 0px;
    }
    
    ul.amarillo li{
        padding-left: 0px;
    }
    .mt60xs{margin-top: 60px;}
    
    section { padding: 20px 0!important; }
    .col-md-7s { width: 50%; }
    
    .mt90lx{ margin-top: 10px;}
    .container>.navbar-header{ margin-right: 0;  margin-left: 0;}
    
    .navbar-default .navbar-brand {
        padding: 10px!important;
      }
    .navbar{    min-height: 60px!important;}
    .navbar-header a.navbar-brand img{ height: 30px;}
    .navbar-toggle{margin-top: 12px;}
    .navbar-default {
        background: rgba(0, 0, 0, 0.9)!important;
    }
    .navbar-default .navbar-nav>.dropdown{border-top: 1px solid #333; }
    .navbar-collapse{ background: rgba(0, 0, 0, 0.9)!important;}
    .navbar-default .navbar-nav>.open>a{
        background-color: #000!important;
        border-top: 1px solid #333;
    }
    header .header-content {
        padding: 160px 15px 10px 15px;
    }
    header.gabinetes .header-content {
        padding: 70px 15px 10px 15px;
    }
    header.juegos .header-content{    padding: 100px 15px!important;}
    #portfoliolist .portfolio{width: 100%; }
    
    header.title {
        min-height: 35%;
    }
    .info {
        width: 300px;
        position: relative;
        z-index: 9;
        background: #f3f4f4;
        margin: 10% 12.3%;
    }
    footer .social-media a i{ margin: 20px;}
    .navbar-default .navbar-brand {
        display: inline;
        padding: 16px 0 16px!important;
    }
    .carousel-indicators {
        bottom: 0px!important;
    }
    .border-right {
        border-right: 0!important;
    }
    /*___ PLATAFORMAS ___*/
    .sky7{
        top: -15px;
        right: 14%;
        height: 180px;
    }
    .mx002{
        top: -87px;
        right:14%;
        height: 180px;
    }

}
@media only screen and  (min-width: 598px){
    .border-right {
        border-right: 0!important;
    }
}
@media only screen and  (min-width: 599px){
    .tilter__caption{
        top: 5%!important;
    }
    .info {
        width: 400px;
        position: relative;
        z-index: 9;
        background: #f3f4f4;
        margin: 10% 15%;
    }
    .border-right {
        border-right: 0!important;
    }
}
@media only screen and (min-width: 699px){
    
    .info {
        width: 400px;
        position: relative;
        z-index: 9;
        background: #f3f4f4;
        margin: 10% 18%;
    }
    h1 {
        font-size: 35px!important;
    }
    header .header-content .header-content-inner h1 {
        font-size: 50px!important;
    }
    .txt-centerxs{text-align: center;}
   .mt30xs {
        margin-top: 0px!important;
    }
    .tilter__caption{
        top: 15%!important;
    }
    #filters li span{
        padding: 5px 20px;
    }
    .border-right {
        border-right: 0!important;
    }
}

@media only screen and (min-width: 700px){
    #portfoliolist .portfolio{width: 50%; }
    
    .border-right {
        border-right: 0!important;
    }
    h1.tecnologia {
        background: url(../img/tecnologia.png) no-repeat 270px 0;
    }
    h1.innovacion {
        background: url(../img/inovacion.png) no-repeat 268px 0;
    }
    .border-right {
        border-right: 0;
    }
}

@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
    padding: 19px 0 16px!important;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }
    
   .container>.navbar-header{ margin-right: 0;  margin-left: 0;}
  .navbar-default .navbar-brand {
        display: inline;
        padding: 16px 0 16px!important;
    }
     header.gabinetes .header-content {
        padding: 70px 15px 10px 15px;
    }
}

@media (min-width: 768px) {
    .navbar-default .navbar-brand {
        display: inline;
        padding: 24px 0 10px!important;
    }
    .modal {
        top: 10%!important;
        z-index: 9999999;
    }
    .tilter__caption{
        top: 14%!important;
    }
    .pl30 {
        padding-left: 0px;
    }
     header.gabinetes .header-content {
        padding: 70px 15px 10px 15px;
    }
    header.gabinetes {
    min-height: 35%!important;
}
    h1 {
        font-size: 38px!important;
    }
    header {
        min-height: 60%!important;
    }
    header.home {
        min-height: 75%!important;
    }
    header .header-content{
        top: 60%!important;
    }
    header.online .header-content {
    top: 65%!important;
    }
    header .header-content .header-content-inner h1 {
        font-size: 50px!important;
    }
    header .header-content .header-content-inner p{
        max-width: 100%!important;
        text-align: left;
        font-weight: 400;
        line-height: 1.285em;
        font-family: 'Poppins', sans-serif!important;
        -webkit-font-smoothing: antialiased;
        color: #fff;
    }
    .bg-primary {
        color: #4d4f55!important;
        background-color: #fff;
    }
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
      }
    #navbar {
        text-align: center;
    }
    .navbar-nav>li>a {
        padding-top: 34px;
        padding-bottom: 27px;
    }
    .navbar-collapse {
        background: transparent!important;
    } 
    .dropdown-menu{
        background-color: rgba(0, 0, 0, 0.6)!important;
        color: #fff!important;
    }
    .navbar-right .dropdown-menu{
        right: 0px!important;
    }
    .navbar-default .nav>li>a, .navbar-default .nav>li{
        border-bottom: 0!important;
        border-width: none;
    }
    .navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
        color: #fff!important;
    }
    .dropdown-menu>li>a{ color: #fff!important;}
    .dropdown-menu>li>a:hover{ color:#ffcc33!important; background: #000!important;}
    
    .dropdown .dropdown-menu>li.line{ border-bottom: 1px solid #868686!important;}
    
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
            background-color: #000!IMPORTANT;
    }
    .navbar-right li.dropdown{ background: url(../img/idioma.png) no-repeat 0px 30px; margin-left: 30px; padding-left: 12px!important;}
    
    /* Banners poligonales */
    
    .h296{ height: 296px;}
    .col-a, .col-b, .col-c{position: absolute;float: left;height: 280px;width: 34.333%;opacity: 1;}
    .col-a{background: url("../img/banner-a.jpg");left: 0; z-index: 3; -webkit-clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);}
    .col-b{background: url("../img/banner-b.jpg") no-repeat center;width:36.83333%; left: 30.333%; -webkit-clip-path: polygon(13% 0, 100% 0%, 86% 100%, 0% 100%); clip-path: polygon(13% 0, 100% 0%, 86% 100%, 0% 100%);}
    .col-c{background: url("../img/banner-c.jpg") no-repeat center;right: 0;width: 37.333%; z-index: 1; -webkit-clip-path: polygon(14% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(14% 0, 100% 0%, 100% 100%, 0% 100%);}
    
    h1.plataforma, h1.gabinetes {
        font-size: 74px!important;
        font-weight: 600;
    }
     .col-a h1{text-align: left;}
    
    
    .map .carousel-inner {
        border: 0;
        height: 265px;
    }
    
    .carousel-inner .item h1{ text-align: left; }
    .carousel-inner .item i{
        background: transparent;
        padding: 0;
        border-radius: 0;
    }
    
    
    ul.amarillo li{
        display: inline;
        padding-left: 50px;
        font-weight: bold;
    }
    .mt60xs{margin-top: 0px;}
    
    section {
        padding: 60px 0!important;
    }
    .col-md-7s {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
    .mt90lx{ margin-top: 90px;}
    .mt30xs{ margin-top: 0!important;}
   /* .container>.navbar-header{ margin-right: -15px;  margin-left: -15px;}*/
    
    header.juegos .header-content {
        padding: 10px!important;
    }
    .map .carousel-control.right{ right: -50px!important; }

    .map .carousel-control.left{ left: -58px!important;}
    
    footer .social-media a i{ margin: 0px;}
    .navbar-default .nav>li>a, .navbar-default .nav>li>a:focus{
        text-align: left;
    }
    .mlm24{margin-left: -12px!important;}
    
    .m20{margin: 20px 10px;}
    
    .border-right {
        border-right: 0!important;
    }
}  

@media (min-width: 768px){
    header .header-content .header-content-inner {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
    h1.tecnologia {
        background: url(../img/tecnologia.png) no-repeat 268px 0;
    }
    h1.innovacion {
        background: url(../img/inovacion.png) no-repeat 268px 0;
    }
    
}

@media only screen and (min-width: 768px){
    
    .navbar{
         position:fixed;
         width: 100%;
    }
    .info {
        width: 400px;
        position: relative;
        z-index: 9;
        background: #f3f4f4;
        margin: 10% 28%;
    }
    /*___ PLATAFORMAS ___*/
    .sky7{
        top: -373px;
        right: 0%;
        height: 450px;
    }
    .mx002{
        top: -74px;
        right: 0;
        height: 450px;
    }
}
@media all and (max-width: 800px) {
  #provinceInfo {
    width: 40%;
  }
   
}


@media only screen and (min-width: 900px){
    header.title {
        min-height: 48%!important;
    }
    .navbar-default {
        background: rgba(0, 0, 0, 0.9)!important;
    }
    .navbar-default .navbar-brand {
        padding:20px 15px!important;
    }
    .navbar-header a.navbar-brand img {
        height: 40px;
    }
        .navbar-collapse {
        background: transparent!important;
    }
    header .header-content {
        padding: 100px 15px;
    }
    #portfoliolist .portfolio{    width: 33.33333333%; }
    .info {
        width: 400px;
        position: relative;
        z-index: 9;
        background: #f3f4f4;
        margin: 10% 28%;
    }
    .pl30 {
        padding-left: 0px;
    }
    .tilter__caption{
        top: 0%!important;
    }
    
    .controls .right{ position: absolute; right: 6%; top: 50%;z-index: 9999999;}
    .controls .left{ position: absolute; left: 6%; top: 50%;z-index: 9999999;}
    
    .mlm24{margin-left: -12px!important;}
    .m20{margin: 20px 10px;}
    
    .cert2{margin-top: 30px;}
    
    .portfolio-modal .close-modal {
        right: 25px;
    }
    
}
@media only screen and (min-width: 991px){
    .info {
        width: 400px;
        position: relative;
        z-index: 9;
        background: #f3f4f4;
        margin: 10% 28%;
    }
    .border-right {
        border-right: 0;
    }
     .portfolio-modal .close-modal {
        right: 25px;
    }
}
@media only screen and (min-width: 992px){
    header .header-content .header-content-inner {
        width: 970px;
        margin-left: auto;
        margin-right: auto;
    }
    .info {
        width: 400px;
        position: absolute;
        z-index: 9;
        background: #f3f4f4;
        margin: 10% 0;
        left: 10%;
        top: 20%;
    }
    .modal {
        top: 10%!important;
    }
    h1.tecnologia {
        background: url(../img/tecnologia.png) no-repeat 270px 0;
    }
    h1.innovacion {
        background: url("../img/inovacion.png") no-repeat 270px 0;
    }
    .controls .right{ position: absolute; right: 6%; top: 50%;z-index: 9999999;}
    .controls .left{ position: absolute; left: 3%; top: 50%;z-index: 9999999;}
    
    .mlm24{margin-left: -12px!important;}
    .m20{margin: 20px 10px;}
    
    .border-right {
        border-right: 0!important;
    }
    .portfolio-modal .close-modal {
        position: absolute;
        width: 75px;
        height: 75px;
        background-color: transparent;
        top: 5px;
        right: 25px;
        cursor: pointer;
        z-index: 999!important;
    }
    
    .portfolio-modal .close-modal {
        right: 25px;
    }
    /*___ PLATAFORMAS ___*/
    .sky7{
        top: 18px;
        right: 0%;
        height: 450px;
    }
    .mx002{
        /*top: -60px;*/
        top: -167px;
        right: 28%;
        height: 450px;
    }
    
}
@media (min-width: 1099px){
    .mlm24{margin-left: -12px!important;}
    .m20{margin: 20px 10px;}
    .cert2{margin-top: 0px;}
    .info{
        width: 350px;
        position: absolute;
        z-index: 9;
        background: #f3f4f4;
        top: 30%;
        left: 14%;
        margin: 0;
    }
}

@media (min-width: 1199px){
    .mlm24{margin-left: -12px!important;}
    .m20{margin: 20px 15px;}
}

@media (min-width: 1200px){
    .p00760 {
        padding: 0 0 76px 0;
    }
    .cert2{margin-top: 0px;}
    
    .border-right {
        border-right: 2px solid #ffcc33!important;
    }
    .mt30xs{ margin-top: 30px;}
    
    .m20{margin: 20px 20px;}
    .mlm24{margin-left:  -24px!important;}
    
    .map .carousel-inner{
        height: 265px;
    }
    .navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
        color: #fff!important;
    }
    header .header-content .header-content-inner {
        width: 1170px;
        margin-left: auto;
        margin-right: auto;
    }
    #filters li span{
        padding: 5px 20px;
    }
    .txt-centerxs{text-align: left;}
    .info{
        width: 350px;
        position: absolute;
        z-index: 9;
        background: #f3f4f4;
        top: 30%;
        left: 14%;
        margin: 0;
    }
    .border-right{border-right: 1px solid #999;}
    .pl30 {
        padding-left: 30px;
    }
    .tilter{
        max-height: 415px;
    }
    .tilter__caption{
        top: 5%!important;
    }
    .modal {
        top: 10%!important;
    }
    h1.tecnologia {
        background: url(../img/tecnologia.png) no-repeat 270px 0;
    }
    h1.innovacion {
        background: url("../img/inovacion.png") no-repeat 270px 0;
    }
    .controls .right{ position: absolute; right: 6%; top: 50%;z-index: 9999999;}
    .controls .left{ position: absolute; left: 6%; top: 50%;z-index: 9999999;}
    .navbar-default .nav>li>a, .navbar-default .nav>li>a:focus{
        text-align: left;
    }
    .map .carousel-control.right{ right: -50px!important; }
    .map .carousel-control.left{ left: -58px!important;}
    .carousel-indicators {
        bottom: 0px!important;
    }
    .portfolio-modal .close-modal {
        position: absolute;
        width: 75px;
        height: 75px;
        background-color: transparent;
        top: 5px;
        right: 25px;
        cursor: pointer;
        z-index: 999!important;
    }
    .controls .right{ position: absolute; right: 6%; top: 50%;z-index: 9999999;}
    .controls .left{ position: absolute; left: 5%; top: 50%;z-index: 9999999;}
    
    /*___ PLATAFORMAS ___*/
    .sky7{
        top: 18px;
        right: 0%;
        height: 450px;
    }
    .mx002{
        /*top: -60px;*/
        top: -167px;
        right: 28%;
        height: 450px;
    }
    .btn-video{
        margin: 20px 34%;
    }

}