@font-face{font-family:mainFont;src:url(fonts/Montserrat-Light.woff)}
@font-face{font-family:secFont;src:url(fonts/Montserrat-UltraLight.woff)}
@font-face{font-family:thirdFont;src:url(fonts/Montserrat-ExtraBold.woff)}
label.error{color: #f00;font-size: 14px;}
p,a{font-family:mainFont}
h5{letter-spacing:15px;width:auto;margin:0 auto;font-family:mainFont;text-align:center}
.credits{clear:both;background-color:#f3f3f3}
.credits p{margin-bottom:0;padding:10px 15px;color:#4d4d4d;font-size:8px;text-align:center}
.btn{z-index:2;background-color:#18498b}
.btn:hover{background-color:#039be5;color:#fff}
.btn i{margin-left:30px}
.button-collapse{float:right}
.side-nav{width:320px;font-family:mainFont;text-align:center;padding:120px 0 0!important;background-color:#fff}
.side-nav a{letter-spacing:2px;color:#039be5;padding:1px;font-weight:700;height:auto}
.side-nav a:hover{background-color:transparent;color:#9fa1a1}
#sidenav-overlay{background-color:rgba(0,0,0,0.68)}
.side-nav .close{color:#d3d3d3;background-color:#3b3c40;position:absolute;top:0;right:0;margin-top:0;margin-right:0;width:50px}
.side-nav .close:hover{color:#fff;background-color:#535457}
.side-nav .close small{position:absolute;top:12px;right:26px;font-size:8px}
.divider{width:25%;margin:0 auto!important;background-color:#d3d3d3}
.side-nav .bottom{background-color:#3b3c40;position:absolute;bottom:60px;width:100%;height:160px;padding-top:40px}
.side-nav .bottom a{color:#d3d3d3;line-height:20px;letter-spacing:0}
.side-nav .bottom a:nth-child(1){padding-bottom:0}
.side-nav .bottom a:hover{color:#f3f3f3}
.top{z-index:3;position:fixed;width:100%;height:84px;background-color:#fff;padding:20px}
.top img{float:left;max-width:200px}
.top ul{float:right}
.top ul li{display:inline;width:50px;margin-top:20px}
.top ul li i{padding:0 0 0 20px;color:#3b3c40}
.top ul li i:hover{color:#81858d}
.top .button-collapse{position:relative}
.top .button-collapse small{position:absolute;top:18px;left:32px;color:#9fa1a1;font-size:8px}
.top .mail{border-right:1px solid #d4d4d4;padding-right:20px}
.top .phone{padding-left:0}
a:hover{color:#7cccf2}
.header-container{height:100vh;border-left:none;border-right:none;position:relative;background-color:rgba(0,0,0,0.5)}
.gif-bg{background-image:url();height:100vh;background-size:cover}
.video-container{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}
video{position:absolute;z-index:-1;opacity:.78;width:auto;height:100%}
.head-slider{z-index:1;background-repeat:no-repeat;height:100vh;width:100vw;position:absolute}
.head-slider .slider-text{color:#fff;width:60%;text-align:center;margin:0 auto;padding:45vh 0}
.head-slider .slider-text h4{letter-spacing:15px;width:auto;margin:0 auto;font-family:mainFont}
.second{height:300px;overflow:hidden;margin-bottom:0;height:400px}
.second .left{width:auto;height:400px}
.second .right{background:#fff;padding:100px 60px 80px;text-align:left}
.second .right h4{letter-spacing:15px;width:auto;margin:0 auto;font-family:mainFont}
.second .right .btn{float:left}
.second .right h5{text-align:left}
.third{position:relative;overflow:hidden;background-color:#173b6d;padding:40px 20px;height:110px}
.third h5{color:#f3f3f3}
.fourth{text-align:right;margin-bottom:0}
.fourth i{color:#fff;font-size:18px}
.fourth .m6{padding:0}
.fourth .left figure{height:80vh;background-image:url(img/home-prod-1.jpg);background-repeat:no-repeat;background-size:cover}
.fourth .left figure.effect-sadie h5{letter-spacing:5px;top:95%;padding:8px;color:#fff}
.fourth .right figure.effect-sadie h5{letter-spacing:2px;top:90%;padding:8px;color:#fff}
.fourth .right figure{height:40vh}
.fourth .right .top-div{height:40vh;background-image:url(img/home-prod-2.jpg);background-size:cover;background-repeat:no-repeat}
.fourth .right .bottom-div{height:40vh;background-image:url(img/home-prod-3.jpg);background-repeat:no-repeat;background-size:cover}
.grid{padding:0}
.grid figure{min-width:100%;margin:0;background:transparent;max-height:none}
.library-downloads{padding:104px 20px 20px;height:auto;background:#f3f3f3;margin-bottom:0}
.library-downloads .container{padding:20px 0}
.library-downloads .container h5{text-align:left;padding:20px}
.card-content p{font-size:12px!important;line-height:16px!important;height:40px}
.card-content .fa-angle-right{font-size:25px;color:#039be5}
.card{box-shadow:rgba(232,232,232,0.3) 0 0 40px inset,rgba(0,0,0,0.03) 0 4px 3px}
.nosotros{padding-top:160px;margin-bottom:0;height:500px}
.nosotros .slider-text{position:relative;text-align:center;margin:0 auto}
.nosotros .slider-text h5{text-align:center;margin:0 auto;padding:30vh 0;color:#d3d3d3}
.nosotros-dos{height:auto;margin-bottom:0}
.nosotros-dos .slider-text{padding:60px 0}
.nosotros-tres{height:320px;margin-bottom:0}
.nosotros-tres .right{background-color:#f3f3f3;padding:40px;text-align:left;height:320px}
.nosotros-cuatro{height:auto;margin-bottom:0;background:#039be5;padding:75px 20px;color:#fff}
.nosotros-cuatro p{margin-top:0}
.nosotros-cinco{margin-bottom:0}
.nosotros-cinco .left{background:#f3f3f3;height:500px;padding:20px}
.nosotros-cinco .right{background-image:url(img/nosotros-3.png);height:500px}
.nosotros{padding-top:160px;margin-bottom:0;height:500px}
.termoshield{padding-top:160px;height:500px;margin-bottom:0}
.termoshield .slider-text{position:relative;text-align:center;margin:0 auto}
.termoshield h5{text-align:center;margin:0 auto;padding:30vh 0;color:#d3d3d3}
.zero,.termoshield-second{padding:40px 20px}
.zero{background-color:#f9f9f9}
.termoshield-second img{width:100%;margin-top:40px}
.termoshield-third{background-color:#f9f9f9;margin:0 auto}
.termoshield-third .right{padding:20px}
.termoshield-third .left{padding:20px}
.termoshield-third img{width:90%;margin-top:20px}
.termoshield-third .container{text-align:center}
.termoshield-third .container .col{height:300px}
header{padding:40px 20px;text-align:center}
.termoshield-fourth .left{background-color:#3a649c;color:#fff;padding:40px 0}
.termoshield-fourth .right{background-image:url(img/contact-texture.png);padding:40px 20px}
.termoshield-fourth .right img{width:100%}
.termoshield-bottom{height:100px;text-align:center;background-image:url(img/contact-texture.png)}
.termoshield-bottom .container{position:absolute;width:100%}
.termoshield-bottom .container .btn{margin-top:30px}
.termoshield-bottom .container .btn:hover{background-color:#fff;color:#18498b}
.collapsible{border:none;box-shadow:none}
.collapsible h6:hover{color:#039be5}
.collapsible-header{color:#3a649c;padding:10px;background-color:#f9f9f9}
.collapsible-body{background-color:#f9f9f9;color:#3a649c}
.collapsible-body p{font-size:12px}
.vitroshade-second .container p{font-size:16px!important}
.vitroshade{padding-top:160px;height:500px;margin-bottom:0}
.vitroshade .slider-text{position:relative;text-align:center;margin:0 auto}
.vitroshade h5{text-align:center;margin:0 auto;padding:30vh 0;color:#d3d3d3}
.vitroshade-second{padding:40px 0}
.vitroshade-second .container{text-align:left}
.vitroshade-second .right img{width:100%}
.vitroshade-third{height:100px;text-align:center;background-image:url(img/contact-texture.png)}
.vitroshade-third .container{position:absolute;width:100%}
.vitroshade-third .container .btn{margin-top:30px}
.vitroshade-third .container .btn:hover{background-color:#fff;color:#18498b}
.templado-second .container p{line-height:28px}
.templado{padding-top:160px;height:500px;margin-bottom:0}
.templado .slider-text{position:relative;text-align:center;margin:0 auto}
.templado h5{text-align:center;margin:0 auto;padding:30vh 0;color:#d3d3d3}
.templado-second{padding:40px 0}
.templado-second .container{padding:40px 20px;width:85%}
.templado-second img{width:60%}
.templado-second .container{text-align:left}
.templado-third{height:100px;text-align:center;background-image:url(img/contact-texture.png)}
.templado-third .container{position:absolute;width:100%}
.templado-third .container .btn{margin-top:30px}
.templado-third .container .btn:hover{background-color:#fff;color:#18498b}
.fourth-alone{padding-top:84px}
.fourth-alone .left{padding:20px 20px 0}
.fourth-alone .right{padding:20px 20px 0 0}
.contacto{padding-top:160px;height:500px;margin-bottom:0}
.contacto .slider-text{position:relative;text-align:center;margin:0 auto}
.contacto h5{text-align:center;margin:0 auto;padding:30vh 0;color:#d3d3d3}
#particles-js{width:100%;background-color:#0089ec;background-image:url();background-size:cover;background-position:50% 50%;background-repeat:no-repeat;margin-bottom: 0;}
.map iframe{width:100%;display:block;pointer-events:none;position:relative}
.map iframe.clicked{pointer-events:auto}
.form{margin-bottom:20px}
#formContainer{position:absolute;left:0;right:0;margin-top:40px;background:transparent;padding:40px;width:450px}
#formContainer textarea{height:130px;background-color:#f3f3f3;border:none;margin-bottom:20px;padding:10px}
#Name,#Email,#Tel{background-color:#f3f3f3;border:none;padding:5px 10px;width:350px}
::-webkit-input-placeholder{color:#4d4d4d;font-family:mainFont;letter-spacing:5px}
:-moz-placeholder{color:#4d4d4d;font-family:mainFont;letter-spacing:5px;opacity:1}
::-moz-placeholder{color:#4d4d4d;font-family:mainFont;letter-spacing:5px;opacity:1}
:-ms-input-placeholder{color:#4d4d4d;font-family:mainFont;letter-spacing:5px}
#formContainer .btn{width:100%}
footer{clear:both;font-size:12px;padding:20px}
footer .right a{color:#575757}
footer .left ul{margin-top:0}
footer .left ul li{display:inline}
footer .left ul li:nth-child(1){padding-right:20px;border-right:1px solid #d4d4d4}
footer .left ul li:nth-child(2){padding-left:20px}