/*----------------navbar----------------*/
.navbar{
    background-color: #2d2926;
    border-bottom-style: solid;
    border-bottom-color:darkorange;
    border-bottom-width: 8px;
    /*padding: 20px;*/
    /*#A9A9A9 #2d2926*/
}
/*.navbar .navbar-collapse .nav-item a{
    color:white;
    font-weight: bold;
    font-size: 12px
}*/
.navbar .navbar-collapse .nav-item .nav-link{
    color:white;
}
.navbar .navbar-collapse .nav-item .nav-link:hover{
    color:darkorange;
    border-bottom-style: solid;
    border-bottom-color:white;
    border-bottom-width: 1px;
}
.navbar img{
    width:280px;
}
.navbar-brand {
  display: inline-block;
  padding-top: $navbar-brand-padding-y;
  padding-bottom: $navbar-brand-padding-y;
  margin-right: 5rem;
  @include font-size($navbar-brand-font-size);
  line-height: inherit;
  white-space: nowrap;

  @include hover-focus() {
    text-decoration: none;
  }
}

/*----------------SEGMENTOS----------------*/
/*#segmentos{
    background-color: darkorange;
    padding-top: 50px;
    padding-bottom: 50px;
}
#segmentos img{
    width: 8%;
    /*border-right-style:solid;
    border-right-color:#2d2926;
    border-right-width: 1px;*/
#segmentos2{
    background-color: darkorange;
    padding-top: 40px;
    padding-bottom: 40px;
}
#segmentos2 img{
    width: 35%;
}
#segmentos2 h5{
    padding-top: 10px;
}
#segmentos2 .linea{
    border-right-style: solid;
    border-right-color:#2d2926;
    border-right-width: 1px;
}
/*---------------carousel------------------*/
/*.carousel img{
    width: 800px
}*/

/*----------------FOOTER----------------*/
#footer{
    background-color: #2d2926;
    border-top-style: solid;
    border-top-color:darkorange;
    border-top-width: 8px;
    /*#A9A9A9 #2d2926*/
}

/*#footer .col-sm-2{
    padding-right:0px;
    padding-left: 0px;
}*/

#footer h4{
    color: white;
}
#footer h6{
    color: white;
}
#footer a{
    color: white;
    text-decoration: none;
}
#footer a:hover{
    color: white
}
#footer p{
    color: white;
    text-align:center;
    font-size: 18px;
}
#footer .footersecc1{
    border-right-style: solid;
    border-right-color:white;
    border-right-width: 2px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-right: 10px;
    padding-left: 10px;
}
#footer .footersecc1 h6{
    padding-bottom: 10px;
}

#footer .footersecc2{
    /*margin: 10px;*/
    border-right-style: solid;
    border-right-color:white;
    border-right-width: 2px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-right: 10px;
    padding-left: 10px;
}
#footer .footersecc2 p{
}

#footer .footersecc3{
    /*margin: 10px;*/
    margin-top: 10px;
    padding-right:10px;
    border-right-style: solid;
    border-right-color:black;
    border-right-width: 2px;
}
#footer .footersecc3 p{
    text-align: justify;
    font-size: 15px;
    padding-bottom: 5px;
}
#footer .footersecc4{
    /*margin: 10px;*/
    margin-top: 10px;
    padding-right:10px;
    border-right-style: solid;
    border-right-color:black;
    border-right-width: 2px;
}
#footer .footersecc4 p{
    text-align: justify;
    font-size: 15px;
    padding-bottom: 25px;
}

#footer .footersecc5{
    /*margin: 10px;*/
    /*margin-bottom: 10px;*/
    border-right-style: solid;
    border-right-color: white;
    border-right-width: 2px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-right: 10px;
    padding-left: 10px;
}


#footer .footersecc6{
    /*margin: 10px;*/
    /*margin-top: 15px;*/
    margin-top: 25px;
    margin-bottom: 25px;
    padding-right: 10px;
    padding-left: 10px;
}
.icon-btn a{
    color: #A9A9A9;
}
.icon-btn i{
    color: #A9A9A9;
}
[class^="icon-btn"] /*.icon-btn*/ {
	height: 40px;
	width: 40px;
	border: 0;
	color: #A9A9A9;
	cursor: pointer;
	font-size: 20px;
	line-height: 40px;
	transition: ease-in-out .3s;
	border-radius: 50px;
	/*margin-left: 10px;*/
	background-color:#fff;
}
#demo .carousel-inner img {
    width: 100%;
    height: 100%;
  }

.carousel-control-prev, .carousel-control-next i{
   font-size: 30px;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  /*top:400px;*/
  bottom: 0;
  z-index: 1;
  /*Use flex for alignment (1-3)*/
  display: flex; /* 1. allow flex styles*/
  align-items: center; /*2. vertically center contents*/
  justify-content: center; /*3. horizontally center contents*/
  width: $carousel-control-width;
  color:white;
  text-align: center;
  opacity: $carousel-control-opacity;
  @include transition($carousel-control-transition);

  /*Hover/focus state*/
  @include hover-focus() {
    color: $carousel-control-color;
    text-decoration: none;
    outline: 0;
    opacity:none;
  }
}
/*.carousel-control-prev{
    margin-left: 1550px;
}*/

#quienesSomos{
    background-color: #2d2926;
    padding-top: 0px;
    margin: 0;
    padding: 0;
    
}
#quienesSomos h5{
    color: white;
    margin: 30px;
    padding-right: 10px;
    border-right-style: solid;
    border-right-color:white;
    border-right-width: 2px;
    padding-left: 30px;
}
#quienesSomos h2{
    color: white;
    margin: 50px;
    font-family: 'Unna', serif;
}


/*#quienesSomos img{
    padding-top: 0px;
}*/

.marcas img{
    text-align: center;
}

@keyframes slide{
    0%{left: 0%;}
    10%{left: -100%;}
    20%{left: -100%;}
    30%{left: -200%;}
    40%{left: -200%;}
    50%{left: -300%;}
    60%{left: -300%;}
    70%{left: -400%;}
    80%{left: -400%;}
}

.slider{
    padding-top: 60px;
    padding-bottom: 60px;
    margin-left: 380px;
    margin-right: 380px;
}
.slider figure{
    position:relative;
    width:500%;
    margin:0px;
    left:0px;
    text-align:left;
    animation: slide 40s linear infinite;
}
.slider figure img{
    float:left;
    width:5%;
    height:50%;
    padding-right: 50px;
}
/*.slider figure img{
    float:left;
    width:5%;
    height:50%;
    padding-right: 50px;
}*/

/*#servicios .servicios1{
    background-color: darkorange;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 400px;
    padding-right: 200px;
}*/
#servicios .servicios1{
    background-color: darkorange;
}
#servicios .servicios2{
    background-color: #2d2926;
    color: white;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 0px;
}

#catalogos{
    padding-top: 40px;
    padding-bottom: 40px;
}
#catalogos .cat a{
    color: darkorange;
    font-size: 18px;
}
#catalogos .list a{
    color: white;
}
#catalogos .list i{
    font-size: 20px;
}
#catalogos a:hover{
    text-decoration: none;
}


#catalogos ol,ul{list-style:none;}

#catalogos .cf:after {
	content: "";
	display: block;
	clear: both;
}
#catalogos img{
    width: 90%;
}

#catalogos li{
  width: 20.33333%;
  float: left;
  margin: 1%;
}

#catalogos .btn{
  margin: 20px 0;
  text-align: center;
}

@keyframes zoom-in {
  0% {
   transform: scale(.1);
  }
  100% {
    transform: none;
  }
}

#catalogos .animate {
  animation: .8s zoom-in;
}
#catalagos .card .list-group .list-group-item{
    background-color: #2d2926;
}

#catalogo1 .modal-body .embed{
    width:300px;
    height:550px; 
}
#catalogo2 .modal-body .embed{
    width:300px;
    height:550px; 
}
#catalogo3 .modal-body .embed{
    width:300px;
    height:550px; 
}
#catalogo4 .modal-body .embed{
    width:300px;
    height:550px; 
}
#catalogo5 .modal-body .embed{
    width:300px;
    height:550px; 
}
#catalogo6 .modal-body .embed{
    width:300px;
    height:550px; 
}
#catalogo1 a{
    color: darkorange;
    text-decoration: none;
}
#catalogo2 a{
    color:darkorange;
    text-decoration: none;
}
#catalogo3 a{
    color:darkorange;
    text-decoration: none;
}
#catalogo4 a{
    color:darkorange;
    text-decoration: none;
}
#catalogo5 a{
    color:darkorange;
    text-decoration: none;
}
#catalogo6 a{
    color:darkorange;
    text-decoration: none;
}


#formulario .formulario1{
    background-color: darkorange;
    color: black;
}
#formulario .formulario1 h4{
    font-size: 30px;   
}
#formulario .formulario1 p{
    font-size: 18px;
}
#formulario .formulario1 .iframeMapa{
    width:350px; 
    height:150px;
}
#formulario .formulario2{
    background-color: #2d2926;
    color: white;
    padding-top: 50px;
    padding: 50px 10px 50px 20px;
}
#formulario .formulario2 h5{
    padding-top: 30px;
    padding-bottom: 20px;
}
/*#formulario .formulario2 .formEnvianosMensaje{
    padding: 50px 100px 0px 100px;
}*/
#formulario .formulario2 .formEnvianosMensaje .form-control{
    margin-bottom: 20px;
}
#mapa1 .modal-body .iframeMapa{
    width: 600px;
    height: 450px;
}
#mapa2 .modal-body .iframeMapa{
    width: 600px;
    height: 450px;
}
#mapa3 .modal-body .iframeMapa{
    width: 600px;
    height: 450px;
}


#proyectos{
    background-color: #fff;
    /*padding-top: 40px;
    padding-bottom: 40px;*/
}
#proyectos h2{
    padding-bottom: 50px
}
#proyectos h4{
    padding-top: 20px;
    padding-bottom: 20px
}
.demo2 .carousel-inner img {
    width: 100%;
    height: 100%;
  }
/*.example {
  padding: 20px;
  color: white;
}*/


.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}
.tx1{
    width:10px;
	height:20px;
	font-size:12px;
	margin:10px;
}


.float2{
	position:fixed;
	width:60px;
	height:60px;
	margin:20px;
	bottom:20px;
	right:100px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float2:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.tx2{
    width:10px;
	height:20px;
	font-size:12px;
	margin:10px;
}

.float3{
	position:fixed;
	width:60px;
	height:60px;
	margin:102px;
	bottom:-62px;
	right:100px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float3:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.tx3{
    width:10px;
	height:20px;
	font-size:12px;
	margin:10px;
}

.my-float{
	margin-top:16px;
}

.my-float2{
	margin-top:16px;
}

.my-float3{
	margin-top:16px;
}