/* CREADO POR CEDRIC CORDOVA */
/* Configuración General */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Condensed&display=swap');


html,body {
padding-top		     : 30px;
height			     : 100%;
color			     : #2b2b2b;
font-family          : 'Roboto', sans-serif;
}

h1, h2, h3 {
font-family          : 'Roboto', sans-serif;
color                : #004696;

}

p{
font-size            : 16px;
padding              : 3px;
}

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 540px;
    padding: 10px;
}


.modal-content{
    width: 100%;

}

.modal-header{
    background: #004696;
    color: #fff;
}
.modal-header h4{
    color:#fff !important;
    font-size: 24px !important;
}
.modal-header .close{
 font-size: 36px;


}
.modal-content h3{
    text-align: center;
    font-weight: 700;
    font-size: 28px;
}
.modal-content h4{

    font-weight: 700;
    font-size: 20px;
    color:#004696;
}
.modal-content ul{
    margin-bottom: 40px;
}

.modal-body .carousel-indicators{

    bottom: -28px;
position: absolute;
}




.modal-body .carousel-indicators li {
background           : rgba (0, 0, 0, 0,);
border               : 2px solid #004696;
width                : 10px;
height               : 10px;
margin-left          : 5px;
text-indent          : -9999px;
display              : inline-block;
}

.modal-body .carousel-indicators .active {
background           : #004696;
border               : 1px solid #004696;
width                : 12px;
height               : 12px;

}

.modal-body .carousel-control i{

    margin-top: 75px;
    padding: 0px;
    color:#004696;
}

.img-cod11{
margin:40px 10px 10px 5px;
}

.btn-modal{	
background           : #004696;
margin-top           : 20px;
-webkit-border-radius: 10;
-moz-border-radius   : 10;
border-radius        : 10px;
font-family    	     : 'Roboto', sans-serif;   
color                : #ffffff;
font-size            : 18px;
padding              : 8px 20px 8px 20px;
text-decoration      : none;
text-align: center;
}
.btn-modal:hover {
background           : #333333;
text-decoration      : none;
font-family    		 : 'Roboto', sans-serif; 
color                : #ffffff;
}





.centrado{
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
}


.orbi-title{
border-bottom        : 6px solid;
border-top:0px;
border-image-source  : url("../img/subrayado.svg");
border-image-slice   : 30 fill;
padding-right        : 1ex;
width                : fit-content;
color                : #666;
line-height          :  2.5ex;
font-weight          : bold;
}

a:hover .orbi-title{
color                : #004696 !important;
transition		     : all 0.8s ease;
}

a:hover {
text-decoration      : none;
}

a:visited {
text-decoration      : none;
}


a:link{
text-decoration      : none;
}
.img-rounded {
border-radius        : 20px
}

.parrafo{
    color:#666;
    font-size: 1.3em;
    text-align: justify;
}

.imagentercio{
    float: left;
    width: 30%;
    height: 120px;
    margin: 10px;
    
}
.imagenmedio{
    float: left;
    width: 30%;
    height: 160px;
    margin:10px;
    
}

.textotercio{
    width:60%;
    float: left;
    text-align: justify;
}
.textotercio h4{
color:#004696;
    font-weight: bold;
    font-size: 1.5em;
}
.tercio h2{
font-weight: bold;
}

.tercio{
float: left;
max-height: 30%;
}

.iconoblanco{
    text-align: center;
    align-content: center;
}

.iconoblanco img{

    width: 50%;
    height: 120px;
    margin: 5px;
    text-align: center;
    align-content: center;
}

.contenido-centrado{
align-content: center;
padding: 0% 5% 1% 5%;

}

.boton, .boton:visited{
    background: #004696;
    color: white;
    font-size: 24px;
    padding: 10px 30px;
    border-radius: 20px;
    border:3px outset #666;
    margin:20px;

}

.boton:hover{
    background:#333;
    color: #fff;
}
.insignias{
float: left;
max-height: 120px; 
}


.gridder .gridder-list .promocion { 
   width: 100%; 
    min-height: 300px;
    max-height: 400px;


}
.gridder .gridder-list .promocion img{
  
    max-width: 338px;
    max-height: 400px;
}



.gridder .gridder-list .liquidacion { 
width: 254px;
    min-height: 250px;
    max-height: 300px;
 
}
.gridder .gridder-list .liquidacion img{
    max-width: 230px;
    max-height: 190px;
}




.gridder .gridder-list .equipo { 
   width: 335px; 
    min-height: 250px;
    max-height: 310px;
    padding: 5px;
 
}
.gridder .gridder-list .equipo img{
  
    max-width: 320px;
    max-height: 200px;
}

.gridder .gridder-list .marca { 
    width: 200px; 
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gridder .gridder-list .marca img{
    max-height: 100px;
    max-width: 180px;
}

.gridder-show .logo-marca{ width: 250px;
background-color: white;
padding: 20px;
border-radius: 30px;
border:2px solid #038;
height: 250px;
border-radius: 30px;}

.gridder-show img{ 
background-color: white;
padding: 6px;

}
.gridder-show h1{

    font-size: 28px;
    font-weight: bold;
    padding: 0px 28px;
}

.fondo-municipal{
background:url(../img/mercados/municipal.jpg);
background-repeat:round; 
background-size: cover;
padding: 0px;
}
.fondo-sanitarias{
background:url(../img/mercados/sanitarias.jpg);
background-repeat:round; 
background-size: cover;
padding: 0px;
}
.fondo-minero{
background:url(../img/mercados/mineria.jpg);
background-repeat:round; 
background-size: cover;
padding: 0px;
}
.fondo-industrial{
background:url(../img/mercados/industrial.jpg);
background-repeat:round; 
background-size: cover;
padding: 0px;
}
.fondo-infraestructura{
background:url(../img/mercados/infraestructura.jpg);
background-repeat:round; 
background-size: cover;
padding: 0px;
}
.fondo-bomberil{
background:url(../img/mercados/bomberil.jpg);
background-repeat:round; 
background-size: cover;
padding: 0px;
}

.descripcion-liquidacion{

background: #fff;
width: 350px;
height: 60px;

}

.titulo-equipo{


    
padding: 0px;
float: left;
}

.titulo-equipo h1{
font-size: 18px;
font-weight: bold;
color: #004696;
margin: 0px;



}
.titulo-equipo p{
padding: 0px;
margin: 0px;  
color: #004696;
font-size: 12px;

}

.logo-equipo{
height: 44px;
float: right;
    padding: 0px;
    margin: 8px 0px 0px 0px;
}

.logo-equipo img{
width: 80px;
max-height: 40px;
}


.precio-equipo h3{
    background: #004696;
    color: white;
font-size: 18px;
    padding: 8px;
    text-align: center;
    margin: 4px 4px 4px 15px;
     float: left;
    width: auto;
height: 30px;
    border-radius: 10px;
}
.precio-equipo h3 small{
    color: white;
}

.precio-equipo p{
padding: 0px;
margin: 0px;
font-size: 10px;
    float: right;
display: inline;
    width: 115px;


}



.nombre-equipo{

position: absolute;
font-size: 12px;
background: #fff;
width: 320px;
height: 56px;
color: #666;

}
.nombre-equipo p{
    width: 236px;
    float: left;
margin-top: 10px;
}


.nombre-equipo img{ 
position: relative;
width: 80px;
height: 43px;
float: right;}



.titulo-mercado{
background:  linear-gradient(90deg, rgba(0,70,150,1) 0%, rgba(100,100,100,0.3) 70%);
height: 300px;
    padding-top: 200px;
    box-shadow: inset 0px -15px 15px 0px rgba(255,255,255,1);
}

.titulo-mercado img{
    float: left;
    margin: 10px;
}



.titulo-mercado h1{
    font-weight: 700;
    color: #fff;
}
.listaprincipal{
    color:#004696;
    font-weight: 700;
    font-size: 24px;
}

/* PRELOAD */
.main-preloader {
position             : fixed;
width                : 100%;
height               : 100%;
left                 : 0;
top                  : 0;
z-index              : 999999999;
background           : rgb(124,199,216);
background           : linear-gradient(180deg, rgba(35,35,35,1) 0%, rgba(0,70,150,1) 25%, rgba(0,70,150,1) 75%, rgba(35,35,35,1) 100%);

text-align           : center;

}

.main-preloader .main-preloader-inner {
position             : absolute;
top                  : 35%;
width                : 100%;

}

.main-preloader .preloader-percentage {
color                : #ffffff;
margin               : 25px;
font-family          : 'Roboto', sans-serif;

}

.main-preloader .preloader-percentage span {
display              : inline-block;
float                : center;
font-size            : 50px;

}

/* Configuración de Barra Navegación */
.navbar-default {
color	             : #2b2b2b;
text-transform       : uppercase;
background-color     : #FFF !important;
box-shadow           : 0px 2px 5px #999;
}

.navbar-nav a:hover, .navbar-nav a:active {
background-color     : #004696 !important;
color                : white !important;
text-transform       : uppercase;

border-radius        : 8px 8px 8px 8px;
-moz-border-radius   : 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
-webkit-transition   : all 0.8s ease;
transition		     : all 0.8s ease;
}

.navbar-brand{
margin-top           : 10px;
}

navbar-brand img a:hover { 
background-color     : #FFF !important;
}

sss{ 
height			     : 38px;
width			     : 140px;
}

nav .navbar-toggle {
margin			     : 20px 20px 20px 20px;

}

nav a {
font-size            : 16px;
padding-bottom       : 10px !important;
padding-top		     : 10px !important;
-webkit-transition   : all 0.8s ease;
transition		     : all 0.8s ease;
text-align           : left;
}

.navbar-collapse {
padding-top          : 15px; 
background-color     : #FFF !important;
}


nav.navbar.shrink {
min-height	         : 30px;
height	             : 60px;
-webkit-transition   : all 0.8s ease;
transition		     : all 0.8s ease;

}

nav.navbar.shrink img {
height: 22px;
-webkit-transition	 : all 0.8s ease;
transition			 : all 0.8s ease;
}

nav.navbar.shrink a {
font-size			 : 14px;
padding-bottom       : 8px !important;
padding-top		     : 8px !important;
}

nav.navbar.shrink .navbar-toggle {
margin				 : 8px 8px 8px 0;
padding				 : 4px 5px;
}

.navbar-collapse img  {
height				 : 24px;
width				 : 24px;
margin-right		 : 8px;
margin-left			 : -13px;
}

nav.navbar.shrink .navbar-collapse  img  {
height		         : 16px;
width				 : 18px;
margin-right		 : 4px;
margin-left			 : -10px;
}

.linkecommerce a {
background           : #004696 !important;
color                : white !important;
font-size            : 13px !important;
height               : 40px;
margin-top           : 0px;

border-radius        : 8px 8px 8px 8px;
-moz-border-radius   : 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
}

.linkecommerce img{
height			     : 30px !important ; 
padding              : 0px;
margin               : -5px 10px 0px 0px;
}
nav.navbar.shrink .navbar-collapse .linkecommerce{
height			     : 25px !important ; 
padding              : 0px 0px 0px 0px;
margin-top           : -4px !important;
}

nav.navbar.shrink .navbar-collapse .linkecommerce a {
height			     : 35px !important ; 
margin-top           : 4px !important;
padding-bottom       : 2px !important; 
font-size            : 11px !important;
}

/* Home Page Carousel */

header.carousel {
height				 : 75%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
height				 : 100%;
}

header.carousel .fill {
width				 : 100%;
height				 : 100%;
background-position	 : center;
background-size		 : cover;
}

.carousel-control i{
margin-top           : 160px;
margin-bottom        : 160px;  
}

.carousel-control:hover{
color                : #004696;
-webkit-transition	 : all 0.5s ease;
transition			 : all 0.5s ease;
}

header.carousel h1{
font-size            : 4rem;
color                : #fff;
font-family          : 'Roboto', sans-serif;
text-shadow          : 2px 2px 3px #333, 2px -2px 3px #333, -2px 2px 3px #333, -2px -2px 0 #333, 2px 0px 3px #333, 0px 2px 3px #433, -2px 0px 3px #333, 0px -2px 3px #333;
}

header.carousel a{
text-decoration      : none;
}

header.carousel h3{
color                : #fff;
font-family          : 'Roboto', sans-serif;
text-shadow          : 2px 2px 3px #333, 2px -2px 3px #333, -2px 2px 3px #333, -2px -2px 0 #333, 2px 0px 3px #333, 0px 2px 3px #433, -2px 0px 3px #333, 0px -2px 3px #333;
font-size            : 2rem;
}

.row{
margin-top: 25px;
}


/*Principal Banner*/
.principalbanner{
background-color     : #004696;
padding              : 10px
}

.principalbanner .col-md-4 img{
display              : block;
margin-left          : auto;
margin-right         : auto;
padding              : 8px;
}

.principalbanner .col-md-2 img{
display              : block;
margin-left          : auto;
margin-right         : auto;
padding              : 6px;
}

.principalbanner .col-md-6 p{
color                : #fff;
font-size            : 14px;
margin               : 4px;
padding              : 2px;   
}

.principalbanner .col-md-2 p{
color                : #fff;
font-size            : 12px;
margin               : 4px 2px;
padding              : 0px;
text-align           : center;
}

.mercado{
border-radius        : 23px 23px 23px 23px;
-moz-border-radius   : 23px 23px 23px 23px;
-webkit-border-radius: 23px 23px 23px 23px;
border               : 1px solid #004696;
min-height: 10%;
}

#imunicipal:hover {
content              : url(../img/iconos/municipal.svg);    
}

#isanitarias:hover {
content              : url(../img/iconos/sanitarias.svg);    
}

#iindustrial:hover {
content              : url(../img/iconos/industrial.svg);    
}

#imineria:hover {
content              : url(../img/iconos/mineria.svg);    
}

#iinfraestructura:hover {
content              : url(../img/iconos/infraestructura.svg);    
}

#ibombero:hover {
content              : url(../img/iconos/bomberil.svg);    
}

.mercado:hover{
background-color     : #FFF;
border-radius        : 23px 23px 23px 23px;
-moz-border-radius   : 23px 23px 23px 23px;
-webkit-border-radius: 23px 23px 23px 23px;
border               : 1px solid #999;
-webkit-transition   : all 1.2s ease;
transition		     : all 1.2s ease;
}

.mercado:hover h3{
color                : #004696;
} 

.mercado:hover p{
color                : #004696;
} 

.principalbanner h2{
color                : #fff;
padding              : 0px;
margin-top           : 6px;
font-size            : 16px;
}

.principalbanner h3{
color                : #fff;
font-size            : 18px;
text-align           : center;
margin               : 0px;
}

.img-portfolio {
margin-bottom        : 30px;
}

.img-hover:hover {
opacity              : 0.6;
-webkit-transition	 : all 0.8s ease;
transition			 : all 0.8s ease;
}

.sucursal a{
background           : #004696;
border-radius        : 10px !important;
margin               : 4px;
font-size            : 20px;
color                : white;
}

/* contacto */
.mapa{
margin               : 0px;
padding              : 0px 0px 0px 23px;
height               : 480px;   
}

.nav li a:hover{
background           : #4b4b4b;
border-radius        : 10px;
color                : white;
}

.nav li a .active{
border               : 2px solid #f0f; 
}
.direccion{
 padding             : 8px;
border-radius        : 10px;
background           : rgb(0,70,150);
background           : linear-gradient(90deg, rgba(0,70,150,1) 47%, rgba(124,199,216,1) 100%);
}
.direccion p{
padding              : 2px;
margin               : 2px;
font-size            : 14px;
color                : white;
}

.direccion i{
margin-right         : 10px;
}

.direccion h3{
padding              : 0px;
margin               : 0px;
color                : white;
}

.direccion a{
color                : white;
}

.blanco{
height               : 200px;
}

/*profile*/
.perfil{
width                : 340px;
padding              : 6px;
margin               : 5px;
border-radius        : 10px;
background           : #004696;
color                : white;
float                : left;
}


.btn-cot{
background: rgb(68,68,68);
background: linear-gradient(180deg, rgba(68,68,68,1) 0%, rgba(120,120,120,1) 100%);
border:2px solid #333;
border-radius        : 10px;
padding              : 10px;
margin               :  10px 0px;
color                : black;
}
.btn-cot h2{
color                : white;
font-size            : 32px;
margin               : 5px 12px;
    text-decoration: none;
}
.btn-cot h2:link{
    text-decoration: none;
}
.cotizacion{
background           :  rgba(255,255,255,.7);
border-radius        : 10px;
padding              : 15px;
color                : #4b4b4b;
font-family          : "Roboto", sans-serif;
font-size            : 18px;
}

.cotizacion label{
margin               : 0px;
padding              : 0px;
}

.btn-form{
background-image     : url(../img/contacto.jpg);
border-radius        : 10px;
padding              : 10px;
margin               :  10px 0px;
color                : white;
}
.btn-form h2{
color                : white;
font-size            : 28px;
margin               : 5px 10px;
}

.formulario{
background           :  rgba(255,255,255,.7);
border-radius        : 10px;
padding              : 15px;
color                : #4b4b4b;
font-family          : "Roboto", sans-serif;
font-size            : 18px;
}

.formulario label{
margin               : 0px;
padding              : 0px;
}

.perfil small{
color                :#bbb;
font-size            : 11px;
}

.avatar{

float                : left;
max-width            : 33%;
max-height           : 109px;
margin               : 4px;


}
.datoscontacto{
padding              : 2px;
height               : 100%;
}

.datosiconos{
    
text-align           : center;
}
.datosiconos a{
color                : white;
margin               : 6px;
}

/* PARALLAX SLIDER*/

#clients-carousel  {
margin-top           : 15px;
text-align           : center;

}
#clients-carousel .carousel-inner {
display              : inline-block;
width                : 80%;
min-width            : 280px;
height               : 410px;
}

.carousel-inner blockquote {
border-left          : 0 none;
margin               : 0px;
padding              : 0px; 
text-align           : center;
width: 100%;
}

.carousel-inner blockquote p {
font-size            : 12px;
}

#clients-carousel .carousel-inner img {
margin               : 5px;
padding              : 0px;

}

#clients-carousel .carousel-indicators {
margin               : auto 0;
margin-left          : -100px;
margin-top           : 0px;
margin-bottom        : 0px;
}

#clients-carousel .item {
border-radius        : 10px;

min-height           : 35px;
height               : auto;
min-width            : 280px;
margin               : 0px;
}

#clients-carousel a {
color                : #FFF;
font-size            : 24px;
padding              : 2px 20px;
border-radius        : 20px;
margin               : 0px;
background-color     : #004696;
}

#clients-carousel a:hover{
text-decoration      : none;
color                : #7cc7d8;
}

#clients-carousel .carousel-indicators li {
background           : rgba (0, 0, 0, 0,);
border               : 2px solid #004696;
width                : 16px;
height               : 16px;
margin-left          : 5px;
text-indent          : -9999px;
display              : inline-block;
}

#clients-carousel .carousel-indicators .active {
background           : #004696;
border               : 1px solid #004696;
width                : 18px;
height               : 18px;

}

#clients-carousel h4{
margin               : 0px;
}

#clients-carousel h2{
font-size            : 26px;
}

#clients-carousel .carousel-indicators {
margin-top           : 0px;
width                : 200px;   
}





/* PARALLAX */
.parallax { 
height               : fill-content;
background-attachment: fixed;
background-position  : center;
background-repeat    : no-repeat;
background-size      : cover;
padding              : 20px;
color: white;
}
.parallax h2{
    font-size: 35px;
}
.parallax h2, .parallax h3{
color: white;
font-weight: bold;
margin: 10px 10px 0px 10px;
}
.parallax p{
 color: white;
font-weight: bold;

}
.apparallax {
margin               : auto;
min-height           : 485px;
max-height           : 620px;
min-width            : 280px;
max-width            : 750px;
background-color     : rgba(255, 252, 255, 0.7);
-webkit-border-radius: 20px;
-moz-border-radius   : 20px;
border-radius        : 20px;
padding              : 5px;
color: #333;
}
.apparallax p, .apparallax h2{
    color: #333;
}



/* 404 Page Styles */
.error-404{
font-size			 : 150px;
color                : #004696;
text-align           : center;
}

.btn-primary{	
background           : #004696;
border               : 2px solid #fff;
color                : #fff;
font-size            : 18px;
}

/* Footer Styles */
footer {
color                : #FFF;
background           : rgb(124,199,216);
background           : linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(0,70,150,1) 3%, rgba(0,70,150,1) 65%, rgba(40,40,40,1) 100%);
padding              : 16px;

}

footer p {
font-size            : 14px;
padding              : 0px;
margin               : 4px;
}

.branding{
float                : left;
min-width            : 360px;
width: 50%;
}
.img-branding{
 
float                : left;
margin               : 5px 15px 20px 10px;
max-width            : 100px;
}
.text-branding{
max-width            : 600px;
   
}
.inversores{
float                : right;
height               : 120px;
margin-right         : 80px; 

    
}
.inversor{
float                : left;
max-width            : 90px;
margin               : 5px;
text-align           : center;
}
.inversor p{
font-size            : 12px;
}
.inversor img{
height               : 60px;
}

.copyright p{
font-size            : 14px;
color                :#aaa;
margin               : 10px;
}



.well{
background-image     : url(../img/inicio/well.jpg);
background-position  : center;
background-origin    : border-box; 
color                : #fff;
-webkit-border-radius: 20px;
-moz-border-radius   : 20px;
border-radius        : 20px;
font-size            : 18px;
}

.well a{
font-size            : 18px;
}
	
.well p{
font-family    		 : 'Roboto Condensed', sans-serif;   
font-size            : 22px;
color                : white;
text-shadow          : 1px 2px #004696; 
}

.well .btn {
background           : #004696;
margin-top           : 30px;
-webkit-border-radius: 28;
border               : 2px solid #FFF;
-moz-border-radius   : 28;
border-radius        : 28px;
font-family    	     : 'Roboto Condensed', sans-serif;   
color                : #ffffff;
font-size            : 20px;
padding              : 10px 20px 10px 20px;
text-decoration      : none;
}

.well .btn:hover {
background           : #333333;
text-decoration      : none;
font-family    		 : 'Roboto Condensed', sans-serif;   
}