body, html {height: 100%;}
body{font-family: 'Montserrat', sans-serif;}

.mp0{margin: 0px;}
/*.mb10{margin-bottom: 20px;}*/
.full{height: 100%;}
.mt20{margin-top: 40px;}

h1{font-size:4.2em; font-weight: 300; color: #fff;} /**/
h2{font-size:2.5em; color: #04287e; font-weight: 500; letter-spacing: 4px;}
h3{font-size:1.7em; color: #04287e; font-weight: 500; margin-top: 30px; letter-spacing: 4px;}
h4{font-size:1.2em; color:#404044;}
h5{font-size:1em; color:#04287e; font-weight: 700}
p{font-size: .9em; color: #5d5d5d; font-weight: 500;}
ul li{font-size: .9em; color: #5d5d5d; font-weight: 500;}
.ptitle{color:rgba(255,255,255,.8); font-size: 1.45em; margin-top: 5px;}
.titban{font-size:1.9em; color: #fff; font-weight: 400; margin: 0px;}
.titban2{font-size:3em; font-weight: 300; color: #fff; font-weight: 700; margin: 0px;}
.titban2 small{font-size:.7em; font-weight: 300; color: #fff; font-weight: 700;}
.mbmen{margin-bottom: -10px;}

.t3{font-weight: 300;}
.t4{font-weight: 400;}
.t5{font-weight: 500;}
.t6{font-weight: 600;}
.t7{font-weight: 700;} /**/

.h20{margin-top: 25%;}/**/
.btnborder{border-radius: 1rem !important; padding: 4px 20px; font-size: .9em; font-weight: 600; color: #fff;}
/*.w80{width: 80%; text-align: center; margin-left: 10%}
*/
/*.fleft{float: left;}
.fright{float: right;}*/

.inline{
    display: inline-flex;
}

.imgpro{height: 200px; margin-bottom: 20px;}
.twhite{color:#fff;}
.img2{margin-right: 10px; height: 60px; margin-top: -10px;}


/*.fyellow {background:#ffc000;}
.tyellow{color:#ffc000;}
.tgray{color:#414141;}
.tblack{color:#000;}
*/
.parallax{
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.nav{background: #404044; padding: 10px; color:#888888; font-size: 13px;  padding: 20px 10px;}
/*.nav:hover{background: #b8b8b8 !important; }*/
.f1 {background-image: url('../img/translighting.jpg'); height: 100%; padding-bottom: 100px; }
.f2{background: #fff;  padding: 100px 0px; height: auto;}
.f3{background: #fff;  padding: 100px 0px; height: auto;}
.f4 {background: #fff;  padding: 100px 0px; height: auto; }
.f5 {background-image: url('../img/ahorro.jpg'); height: auto;padding: 50px 0px; }
.footercopy{background: #04287e; padding: 30px 10px 50px 10px; color:#a2a2a2; font-size: .8em;}
.footercopy a{ color:#a2a2a2; margin-right: 10px; }
a:hover{
    text-decoration: none;
    color:#db7825;
}
.ahref a{color:#888888;}
.ahref a:hover{color:#b8b8b8;}
.ic1,.ic2,.ic3{cursor: pointer;}
.ic1{width: 50px; height: 50px; background-image: url('../img/icon_phone.png'); background-size: cover;}
.ic1:hover{ background-image: url('../img/phone_orange.png');}
.ic2{width: 50px; height: 50px; background-image: url('../img/icon_mail.png'); background-size: cover;}
.ic2:hover{ background-image: url('../img/mail_orange.png');}
.ic3{width: 50px; height: 50px; background-image: url('../img/icon_locator.png'); background-size: cover;}
.ic3:hover{ background-image: url('../img/locator_orange.png');}

.line{height: 5px; width: 55px; border:0px; margin-top: 0px; margin-bottom: 0px;}

.cardpro{background: #fff;}

.btn-orange {
    margin-top: 10px;
    color: #fff;
    background-color: #db7825;
    border-color: #db7825;
}

.btn-orange:hover {
	color: #fff;
	background-color: #04287e;
	border-color: #04287e;
}

.btn-orange.focus,
.btn-orange:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-orange.disabled,
.btn-orange:disabled {
    color: #fff;
    background-color: #db7825;
    border-color: #db7825;
}

.btn-orange:not(:disabled):not(.disabled).active,
.btn-orange:not(:disabled):not(.disabled):active,
.show>.btn-orange.dropdown-toggle {
	color: #fff;
	background-color: #db7825;
	border-color: #c69500
}

.btn-orange:not(:disabled):not(.disabled).active:focus,
.btn-orange:not(:disabled):not(.disabled):active:focus,
.show>.btn-orange.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.inputtxt,.inputtxt2{
    background: #f1f4fc;
    border: 0px solid #e1e1e1; 
    font-size: 0.9em; padding: 10px; width: 100%; color:#7e7e7f;
    font-weight: 500;
}

.lion{
    border-left: 4px solid #d37d2e;
    padding-left: 10px;
}

.linenos{
    border-bottom: 4px solid #04287e;
    margin-left: -40%;
    width: 80%;
}

.linpq{
   border-bottom: 4px solid #04287e;
    margin-left: -14%;
    width: 35%;
    margin-top: -30px;
    margin-bottom: 50px;
}

.linprod{
   border-bottom: 4px solid #04287e;
    width: 30%;
    margin-top: -30px;
    margin-bottom: 50px;
    margin-left: 80%;
}

.lincont{
    border-bottom: 4px solid #04287e;
    margin-left: -26%;
    width: 55%;
    margin-top: -30px;
    margin-bottom: 50px;
}
.txtcontact{vertical-align: bottom;}
.txttop{vertical-align: top;}

.btntop{width: 45px; height: 45px; background: url('../img/boton.png'); background-size: cover;
position: absolute; bottom: 70px; right: 70px; cursor: pointer;}
.btntop:hover{width: 45px; height: 45px; background: url('../img/botonh.png'); background-size: cover;
position: absolute; bottom: 70px; right: 70px;}

/*contact*/
/*.inputtxt{border: 1px solid #e1e1e1; font-size: 0.8em; padding: 4px; width: 100%; color:#666;}
.inputtxt2{border: 1px solid #e1e1e1; font-size: 0.8em; padding: 4px; width: 100%; color:#666;}
.alert{font-size: .8em; padding: 7px;}
#alertmail{display: none;}*/
/*contact*/

/*
@media (max-width: 1500px) {  
}

@media (max-width: 1300px) {     
}

@media (max-width: 500px) {  
}*/


/*navbar*/


.navbar{
    background: transparent;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    z-index: 9999;
    -webkit-transition:padding 2s ease;
    -moz-transition:padding 2s ease; 
    -o-transition:padding 2s ease;        
    transition: .3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);    
    
}
.nav-item a {
    color: #ffffff !important;
    font-size: .85em;
}
.affix a{
  font-size: .85em !important;  
}

.nav-item.active {
    border-bottom: 2px solid #fff;
}

.nav-item.active:hover {
   color:#d37d2e !important;
}

.nav-item a:hover {
    color:#d37d2e !important;
}

.nav-item{    
    margin-right: 20px;
    margin-left: 10px;
}

.affix {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    -webkit-transition: padding 0.2s linear;
    -moz-transition: padding 0.2s linear;
    -o-transition: padding 0.2s linear;
 /*   transition: padding 0.2s linear;*/
    background: #404044 !important;
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0px;
    border: 0px;
   transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86);    
}

.imgheader{
    height: 30px;
}


#contproducto{
    background: #fff;
    height: auto;
}

.fichaclose{
    position: absolute;
    right: -20px;
    top: -30px;
    color:#5d5d5d;
    cursor: pointer;
}

.fichaclose:hover{
   color: #04287e;
}
/*.imgprod{
    width: 250px;
}*/
.imgprodat {
    padding-top: 50px;
}

.carousel-indicators {   
    bottom: -50px;  
}

.carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(0,0,0,.2);
    border-radius: 15px;
    cursor: pointer;
}

.carousel-indicators .active {
    background-color: rgba(0,0,0,.5);
}

@media (max-width: 500px) {  
   .linpq,.linprod,.lincont,.linenos{display: none;}
   h1{font-size: 3em;}
   .h20{margin-top: 200px;}/**/
   .ahref { text-align: left !important;}
}