@font-face {
  font-family: 'gothic';
  src: url('../fonts/gothic.ttf');
}

html body *{font-family:'Ubuntu',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

html, body{height: 100%;}

.page{min-height:100%;height:100%;margin:0 auto -115px;}

*:hover{transition:all 0.2s ease 0s;}
*:after,*:before{font-family:'FontAwesome';}

/*header*/

header{transition:.2s all .0s ease;position: fixed;width: 100%;top: 0;left: 0;z-index: 99999;}
header *{transition:.2s all .0s ease;}
header .header-container, .blq-win > div, .content-blq{max-width: 1200px;display: block;margin: auto;}

header.affix{width:100%;background:#140923;z-index:99999;top:0px;transition:.2s all .0s ease;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
header.affix h1.logo{width: 95px;padding: 0;float: left;margin: 6px 10px;}
header.affix .navbar, .sections header.affix .navbar{margin: 10px 0;border:0;}

h1.logo{display: inline-block; margin:0;padding: 10px;}
h1.logo a{display: block;margin: auto;}
h1.logo img{display:block;width:100%;}
h1.logo img.logo-sections{display:none}

header .navbar{float: right;}
header .navbar a{text-transform: uppercase;}

.bg-header{position: relative;max-height: 550px;overflow: hidden;}
.bg-header img{display: block;width: 100%;}

.blq-text{width: 100%;float: left;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);text-align: center;z-index: 1;}
.blq-text span{color: #fff;text-transform: uppercase;display: block;font-size: 2.5em;font-weight: bold;}
.blq-text span:last-child{text-transform: none;font-weight: 300;}

.blq-win{float:left;width:100%;position: relative;text-align: center;margin-top: -5%;text-transform:none;}
.blq-win .item{display:inline-block;width: 16.5%; background:#9a1820;border:2px solid #ddd;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);position: relative;border-radius: 100%;overflow: hidden}
.blq-win .item:not(:last-child){margin-right: 3.3%;}
.blq-win .item *{transition: all .2s ease 0s;}
.blq-win .item a{font-size: 1em;margin: 0;}
.blq-win .item span{color: #fff;font-weight: bold;line-height: 1;text-transform: uppercase;}
.blq-win .item a > div{left:50%;position:absolute;bottom:20%;transform:translate(-50%,0);width: 100%;}
.blq-win .item a > div > div{display: inline-block;}
/*.blq-win .item a > div:after{content:"\f085";display:block;color:#fff;font-size:2em;padding-left: 5px;}*/
.blq-win .item div span{display: block;text-align: left;}
.blq-win .item div span:last-child{font-weight: 300;text-transform:none;}
.blq-win .item img{width: 100%;display: block}
.blq-win .item .item-img{overflow:hidden;float:left;margin-bottom:-114px;}

header .navbar a.btn-home{display: block;}
body.home header .navbar a.btn-home{display:none;}

.cont{padding:30px 0;float:left;width: 100%;}
.cont h3{color:#3d1b68;font-weight:bold;float:left;font-size:2em;font-family:'Ubuntu',sans-serif;}
.cont h3.fa-check:before{margin-right:10px;color:#9a1820;}

.blq-img img{display:block;width:100%;border: 3px solid #ddd;}

.tesrc .cont .blq-container{text-align: center;}
.tesrc .cont .blq-container > span{text-align: left;float: left;width: 100%;}
.tesrc .cont .blq-container .txt-red{font-weight: bold;color:#9a1820;}

.fx-tesrc {
  background: url("../images/bg-tesrc.jpg");
  background-size: 100%;
  background-repeat: repeat;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-animation: zoomin 50s ease-in infinite;
  animation: zoomin 50s ease-in infinite;
  /*transition: all .5s ease-in-out;*/
  overflow: hidden;
  height: 100%;
  min-height: 150px;
}

@-webkit-keyframes zoomin {
  0% {-webkit-transform: scale(1);}
  50% {-webkit-transform: scale(1.5);}
  100% {-webkit-transform: scale(1);}
}

@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
}

/*sections*/

body.sections .bg-header{max-height:300px;overflow: hidden;}
body.sections .bg-header:before{border-right:2000px solid transparent;border-left:2000px solid transparent;border-bottom:100px solid white;content:"";position:absolute;left:50%;transform:translate(-50%,0);bottom:-50px;z-index: 1;}

body.sections h3{float: left; width: 100%;  text-align: center; color:#9a1820;margin: 0;color:#9a1820;margin-bottom: 15px;}
body.sections h3 span{color:#3d1b68;}
body.sections .subtitle{float: left;width: 100%;text-align: center;position: relative;}
body.sections .subtitle:before{content:"";height: 1px; width: 100%;position: absolute;left: 0; top: 50%; transform: translate(0,-50%);background: #ddd;z-index: -1;}
body.sections h4{font-weight:bold;color:#131314;display:inline-block;padding:10px;background: #fff;}
body.sections.tesrc .blq-container{text-align: left;}
body.sections.tesrc .blq-container span{float: none;}
body.sections .brand-title{float: left;color:#131313;font-weight: 500;width: 100%;font-size: 1.8em;margin:15px 0;line-height: 1;}
body.sections .brand-subtitle{font-weight:bold;text-transform:uppercase;color:#9a1820;}
body.sections .cont > div, body.sections.paneles .cont div{float: left;}

body.sections.plantas .cont > div:first-child{display: block; margin: auto;float: none;overflow: hidden;}

body.sections.break .cont,
body.sections.plantas .cont,
body.sections.baterias .cont
{min-height: auto;}

body.sections.contacto input.btn.btn-success.btn-send{background:#9a1820;border:0;float: right;}
body.sections.contacto input.btn.btn-success.btn-send:hover,
body.sections.contacto input.btn.btn-success.btn-send:active,
body.sections.contacto input.btn.btn-success.btn-send:focus
{background: #FF0000;border:0;}

body.sections.galeria .cont > div{margin-bottom: 30px;}
body.sections.galeria .cont > div > div{position: relative;overflow: hidden;}

.tabla-img,
body.sections.baterias .tabla-img
{display:block;float:none;margin:0 auto;}

body.sections.baterias .subtitle{margin: 40px 0;}

.cdp{display: block;width: 100px !important;}

.linea-interactiva > div{margin-bottom: 25px;}

a.item-img-hover{transform:scale(1);float: left;border-radius: 100%;overflow: hidden}
.item:hover a.item-img-hover{transform:scale(1.2);}

body.sections.break .cont .blq-img > div{overflow: hidden;position: relative;}
.cont div .tit-img{position:absolute;left:50%;bottom:0;transform:translate(-50%,0);color:#fff;opacity:.8;font-size:1.4em;background:#9a1820;width:100%;padding:0 10px;height:50px;text-align:center;line-height:50px;font-size:1em;text-transform:uppercase;transition: all.2s ease 0s;}
.cont div:hover .tit-img{bottom: -50px;transition: all.2s ease 0s;}
/*footer*/

footer{background:#140923;padding:10px 0 10px 0;color:#fff;border-top:10px solid #341a58;float: left; width:100%;}
footer .container{text-align:center;}
footer .container *:hover{color:#fff;text-decoration:none;}
footer .container .contact span a.fa{font-family:'Ubuntu',sans-serif;}
footer .container *:before{font-family:'FontAwesome';}
footer .container .fa-envelope:before,footer .fa-mail-forward:before{margin-right:5px;}
footer .container .fa-mail-forward:before{display:inline-block;float:none;font-size:1.4em;margin-left:10px;vertical-align:middle;}
footer .container .fa-facebook-square:before,footer .fa-twitter-square:before{font-size:2em;}
footer .container span.copy{color:#dddddd;float:left;font-size:0.8em;margin:10px 0 0;text-align:center;width:100%;}
footer .container h3{color:#ffffff;font-size:1.4em;margin:0;}
footer .container .social{float:right;}
footer .container .social a:focus{outline:0 none;text-decoration:none;}
footer .container .social ul{padding:0;margin:0;display:inline-block;float:none;}
footer .container .social ul li{float:left;margin:0 10px;}
footer .container .social ul li a{color:#ffffff;}
footer .container .social ul li a:hover{color:#9a1820 !important;}
footer .container .social li a span{display:block;font-size:0.8em;}
footer .container .policy{float:left;width:100%;text-align:center;font-size:0.8em;border-bottom:1px solid #01223f;padding:10px 0;font-weight:500;}
footer .container .telph {float: left;}
footer .container .telph span{float:left;width:100%;text-align: left;font-family: 'Ubuntu', sans-serif;}
footer .container .telph .fa-volume-control-phone:before{transform:rotate(-40deg);display:inline-block;vertical-align:middle;font-size:1.2em;margin-right: 5px;color: #fd8110;}
footer .container .telph > span:first-child{color:#6b00ff;font-size:1.6em;}
footer .container .telph > span:nth-child(2){font-size: 1.2em;margin-bottom: 15px;}
footer .container .telph > a{color: #fff;font-size: 1.2em;}
footer .blq-mails{float:left;text-align:left;margin: 10px 0;}
footer .blq-mails a{float: left;width: 100%;color:#fff;}
footer .blq-mails span{font-size:1.2em;color:#6000ff;}


