body{ font-family: 'Roboto', sans-serif !important; }
.bg-theme {
    background-color: #fc5a0a;
}
.bg-img { background-image:url(../assets/img/lineas-de-pintura-pmindustrias.jpg); }
.bg-img2 { background-image:url(../assets/img/banner-visitar-sitiowebv2.jpg); }
.text-color-pmi { color: #fc5a0a !important; }
.text-color-eyjm { color: #7A2482 !important; }
.text-color-eyjm-o { color: #ED7421 !important; }

.bannertop
{
  background-image:url(../assets/img/slider-landigpage.jpg);
  background-attachment: fixed;
  background-position: center top;
/*background-position-y: 4rem;*/
  background-repeat: no-repeat;
  background-size: cover;
}
.bannertopv3
{
  background-image:url(../assets/img/bg-about-eyjm.jpg);
  background-position: center bottom;
/*background-position-y: 4rem;*/
  background-repeat: no-repeat;
  background-size: cover;
}
.bannertopv2{
    background: -o-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(0, 0, 0, 0.8))), url("../assets/img/slider-landigpage.jpg");
    background: -moz-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(0, 0, 0, 0.8))), url("../assets/img/slider-landigpage.jpg");
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(0, 0, 0, 0.8))), url("../assets/img/slider-landigpage.jpg");
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url("../assets/img/slider-landigpage.jpg");
    background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-aboutv2{
    background: -o-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(0, 0, 0, 0.8))), url("../assets/img/slider-landigpage.jpg");
    background: -moz-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(0, 0, 0, 0.8))), url("../assets/img/slider-landigpage.jpg");
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(rgba(0, 0, 0, 0.8))), url("../assets/img/slider-landigpage.jpg");
background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.8)), url("../assets/img/slider-landigpage.jpg");
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.masthead {
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
}

.masthead .masthead-logo {
  height: 10rem;
}

.masthead .masthead-title {
  font-size: 3rem;
  line-height: 3rem;
  font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 900;
}

.masthead .masthead-subtitle {
  font-size: 1.25rem;
}

.masthead .masthead-scroll {
  position: absolute;
  bottom: 0em;
  left: 0;
  width: 100%;
  text-align: center;
}

.masthead .masthead-scroll .masthead-scroll-btn {
  display: inline-block;
  font-size: 1.5rem;
  height: 3.125rem;
  width: 3.125rem;
  line-height: 3.125rem;
  border-radius: 100%;
  border: 0.125rem;
  border-style: solid;
  border-color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  color: #fff;
}

.masthead .masthead-scroll .masthead-scroll-btn:hover {
  -webkit-transform: translateY(-0.25rem);
  transform: translateY(-0.25rem);
  border-color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}

.masthead .masthead-scroll .masthead-scroll-btn:active {
  -webkit-transform: none;
  transform: none;
}

@media (min-width: 992px) {
  .masthead {
    background-attachment: fixed;
  }
  .masthead .masthead-logo {
    height: 13rem;
  }
  .masthead .masthead-title {
    font-size: 5rem;
    line-height: 5rem;
  }
  .masthead .masthead-subtitle {
    font-size: 2rem;
  }
}

/*.masthead-full {
  padding: 10rem 0;
}*/

/*@media (min-width: 992px) {
  .masthead-full {
    padding: 0;
    height: 100vh;
    min-height: 35rem;
  }
}*/

.masthead-partial {
  padding: 13rem 0;
}
/* ------------------------------ Carousel Publimail -----------------------------*/

.carousel-item {
  /*height: 100vh;*/
    height: 600px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
}

.carousel-control-next, .carousel-control-prev {
    width: 8% !important;
}

.carousel-item:nth-child(1) {
    background-image:url(../assets/img/slider-eyjm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.carousel-item:nth-child(2) {
    background-image:url(../assets/img/slider2-eyjm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.carousel-item:nth-child(3) {
    background-image:url(../assets/img/slider-eyjm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* ------------------------------ End Carousel Publimail -----------------------------*/

/*------------------------- informacion de contacto -------------------------------------*/

.contactinfo li i{
    color: #fc5a0a;
}
.hr-line { border-top: 1px solid rgba(255,255,255,.1) !important; }

.contactinfo a { color: #fff; }
.contactinfo a:hover, .contactinfo a:active, .contactinfo a:focus { color: #fc5a0a; text-decoration: none;}

/*------------------------- END informacion de contacto -------------------------------------*/
/*------------------------- FOOTER -------------------------------------*/

.footernever
{
    background-color: #000;
    bottom: 15px; top: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}

.copyright {
    color: #fff;
}
.publi {
    color: #fff !important;
}
.publi:hover {
    color: #fc5a0a !important;
    text-decoration: none;
}


/*------------------------- END FOOTER -------------------------------------*/

/*------------------------- FORMULARIO -------------------------------------*/
.btn-contacto{
    background-color: transparent!important;
    border-color: #fff !important;
    border: 2px solid #fff !important;
}
.btn-contacto:hover, .btn-contacto:active{
    background-color: #ED7421 !important;
    border-color: #ED7421 !important;
}
  .btncontactar:
 {
    padding: 10px;
    border: 2px solid #fff;
 }
 

  .btncontactar:hover
 {
    padding: 10px;
    background-color: #fff;
    color: #000;
 }
 
.input-group-text {
    color: #ffffff !important;
    background-color: #ED7421 !important;
    border: 1px solid #fc5a0a !important;
    width: 50px;
}


#form-1 {
    background-color: #efc42f;
    border: 1px solid #e1e1e1;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    
}


#idform input {

	    margin-bottom: 10px;
}

.g-recaptcha > div {
	margin: 10px auto !important;

}
/*------------------------- END FORMULARIO -------------------------------------*/


/*-------------- SIDEBAR CATALOGO --------------*/
*/.side-menu,.side-menu *{list-style:none;margin:0;padding:0;border:0;outline:0;text-decoration:none;background:0 0;line-height:1}.side-menu{position:fixed;z-index:999}.side-menu.-list-show .sm-list{position:relative;-webkit-transition:.4s all linear;-o-transition:.4s all linear;transition:.4s all linear}.side-menu.-list-show .sm-list .sm-item{position:inherit}.side-menu .sm-item{position:relative;-webkit-transition:.4s all linear;-o-transition:.4s all linear;transition:.4s all linear}.side-menu .sm-item a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.side-menu .sm-icon{text-align:center}.side-menu .sm-label{padding:0 5px}.side-menu.-shadow .sm-item a{-webkit-box-shadow:0 0 8px rgba(0,0,0,.5);box-shadow:0 0 8px rgba(0,0,0,.5)}.side-menu.-shadow.-list-show .sm-list{-webkit-box-shadow:0 0 8px rgba(0,0,0,.5);box-shadow:0 0 8px rgba(0,0,0,.5)}.side-menu.-shadow.-list-show .sm-list .sm-item a{-webkit-box-shadow:none;box-shadow:none}.side-menu.--center{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.side-menu.--top{top:0}.side-menu.--bottom{bottom:0}.side-menu.-right{right:0}.side-menu.-right.-list-show .sm-list .sm-item{right:auto!important}.side-menu.-right .sm-item.-visible,.side-menu.-right.-list-show .sm-list.-visible{right:auto!important}.side-menu.-right .sm-item:hover,.side-menu.-right.-list-show .sm-list:hover{right:0!important}.side-menu.-left{left:0}.side-menu.-left.-list-show .sm-list .sm-item{left:auto!important}.side-menu.-left .sm-list a{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.side-menu.-left .sm-label{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.side-menu.-left .sm-item.-visible,.side-menu.-left.-list-show .sm-list.-visible{left:auto!important}.side-menu.-left .sm-item:hover,.side-menu.-left.-list-show .sm-list:hover{left:0!important}.side-menu .sm-list .sm-item a{background:#212529}.side-menu .sm-list .sm-item a .sm-icon{color:#fff}.side-menu .sm-list .sm-item a .sm-label{color:#fff}.side-menu .sm-list .sm-item:hover a{background:#fc5a0a}@media print{.side-menu{display:none}}
#side-menu-1 {z-index:9;}#side-menu-1 .sm-icon, #side-menu-1 .sm-label {height:40px;line-height:40px;}#side-menu-1 .sm-icon {width:40px;font-size:24px;}#side-menu-1 .sm-label {font-size:16px;font-style:normal;font-weight:normal;}#side-menu-1.-right .sm-item {right: calc(-100% + 40px);}#side-menu-1.-left .sm-item {left: calc(-100% + 40px);}#side-menu-1 .sm-item a {border-color: #rgba(0,0,0,0.75);border-style: solid;}#side-menu-1.-left .sm-item a {border-width: 0 0 0 0;}#side-menu-1.-right .sm-item a {border-width: 0 0 0 0;}#side-menu-1 .sm-item {margin: 2px 0;}#side-menu-1 .sm-item:first-child {margin-top: 0;}#side-menu-1 .sm-item:last-child {margin-bottom: 0;} 


.sm-item { list-style: none; }
.sm-item a { text-decoration: none !important; }

.fa-beat { -webkit-animation: fa-beat 1s infinite linear; animation: fa-beat 1s infinite linear; }
.fa-beat:hover { -webkit-animation: fa-beat 1s none; animation: fa-beat 1s none; }
@-webkit-keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*-------------- END SIDEBAR CATALOGO --------------*/

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fc5a0a !important;
}

/*------------------------- FOOTER -------------------------------------*/

.footernever
{
    background-color: #000;
    bottom: 15px; top: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}

.copyright {
    color: #fff;
}
.publi {
    color: #fff !important;
}
.publi:hover {
    color: #fc5a0a !important;
    text-decoration: none;
}


/*------------------------- END FOOTER -------------------------------------*/

/*---------------------------- RESPONSIVE ------------------------*/
/* Responsive Celulares */
@media only screen and (min-width: 300px) and (max-width: 320px) {
	.h1 { font-size: 24px !important; }
	.h2 { font-size: 22px !important; }
	.h3 { font-size: 20px !important; }
	.h4{ font-size: 18px !important; }
	.h5 { font-size: 17px !important; }
	.title-slider { font-size: 19px !important; }
	.bg-text-slider { font-size: 12px !important; }
    .carousel-item { height: 170px; }
}

@media only screen and (min-width: 321px) and (max-width: 400px) {
	.h1 { font-size: 27px !important; }
	.h2 { font-size: 23px !important; }
	.h3 { font-size: 21px !important; }
	.h4{ font-size: 19px !important; }
	.h5 { font-size: 18px !important; }
	.title-slider { font-size: 19px !important; }
	.bg-text-slider { font-size: 12px !important; }
    .carousel-item { height: 280px; }
}

/* Responsive IPhone Plus 6/7/8 */
@media only screen and (min-width: 401px) and (max-width: 414px) {
	.h1 { font-size: 27px !important; }
	.h2 { font-size: 24px !important; }
	.h3 { font-size: 22px !important; }
	.h4{ font-size: 20px !important; }
	.h5 { font-size: 19px !important; }
	.title-slider { font-size: 22px !important; }
	.title-icon { font-size: 21px; }
	.bg-text-slider { font-size: 14px !important; }
    .carousel-item { height: 350px; }
}

/* Responsive Celulares */
@media only screen and (min-width: 415px) and (max-width: 767px) {
	.h1 { font-size: 28px !important; }
	.h2 { font-size: 25px !important; }
	.h3 { font-size: 22px !important; }
	.h4{ font-size: 20px !important; }
	.h5 { font-size: 16px !important; }
	.title-slider { font-size: 37px !important; }
	.bg-text-slider { font-size: 14px !important; }
    .carousel-item { height: 350px; }
}

/* Responsive Tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.h1 { font-size: 40px !important; }
	.h2 { font-size: 32px !important; }
	.h3 { font-size: 28px !important; }
	.h4{ font-size: 24px !important; }
	.h5 { font-size: 17px !important; }
	.title-slider { font-size: 50px !important; }
	.bg-text-slider { font-size: 14px !important; }
    .carousel-item { height: 350px; }
}

/* Responsive Laptops Pantalla Chica */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	.h1 { font-size: 42px !important; }
	.h2 { font-size: 34px !important; }
	.h3 { font-size: 28px !important; }
	.h4{ font-size: 25px !important; }
	.h5 { font-size: 18px !important; }
	.title-slider { font-size: 56px !important; }
	.bg-text-slider { font-size: 16px !important; }
}

/* Responsive Laptops Pantalla Mediana */
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
	.h1 { font-size: 44px !important; }
	.h2 { font-size: 34px !important; }
	.h3 { font-size: 29px !important; }
	.h4{ font-size: 25px !important; }
	.h5 { font-size: 19px !important; }
	.title-slider { font-size: 63px !important; }
	.bg-text-slider { font-size: 16px !important; }
}

/* Responsive Laptops Pantalla grande - Monitores 3000 */
@media only screen and (min-width: 1400px) {
	.h1 { font-size: 48px !important; }
	.h2 { font-size: 38px !important; }
	.h3 { font-size: 30px !important; }
	.h4{ font-size: 23px !important; }
	.h5 { font-size: 20px !important; }
	.title-slider { font-size: 74px !important; }
	.bg-text-slider { font-size: 18px !important; }
}
/*---------------------------- END RESPONSIVE ------------------------*/