@import url('https://fonts.googleapis.com/css?family=Roboto|Suez+One');
*{margin:0;padding:0;outline:none}
*{box-sizing:border-box}
body, html{width:100%;height:100%}
body{font-family:Trebuchet MS, Helvetica}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent}
.image--cover{object-fit:cover}
a img{border:none}
a:hover img{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
a, input, textarea, a:hover img, .logo, .divMenuToggle:hover .tSH, .divMenuToggle:hover .tSWH, .iLogin:focus, .iPass:focus, .iSubAutho:hover{transition-timing-function:ease-in-out;transition-duration:0.5s}
.clearfix:after{content:"";display:block;clear:both}
.container{max-width:980px;margin:0 auto}
header{width:100%;padding:0;background:transparent;float:left;position:fixed;z-index:999}
.dPadTopHead{padding-top:70px;background:url(../img/back/promalp.jpg) #3A4A56 center center fixed;background-blend-mode:multiply;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.logo{float:left;width:30%;font-size:1.1em;color:#f00;cursor:pointer}
.logo a{color:#f00;text-decoration:none}
.logo:hover, .logo a:hover{color:#FF4D4D}
.logo span{font-size:1.7em;line-height:45px;margin-left:5px;font-family: 'Suez One', serif}
.about{float:right;width:69%;padding:0 0 0 10px}
.dPhone a, .dPhone2 a, .dPhone3 a{text-decoration:none;font-size:1em;color:#E7E7E7;font-weight:bold}
.dPhone a, .dPhone3 a{line-height:25px;margin-left:22px}
.dPhone2{display:none;width:65%;float:right;text-align:center}
.dPhone3{display:none}
.dPhone a:hover, .dPhone2 a:hover, .dPhone3 a:hover{color:#b0b0b0}
.divMenuToggle{display:none;float:left;width:33%;padding:0 10px;cursor:pointer}
.divMenuToggle:hover .tSH{background:#b0b0b0}
.divMenuToggle:hover .tSWH{color:#b0b0b0}
.divSpanMenu{float:left;margin-top:1px;width:15px}
.tSH{display:block;height:2px;margin:3px 0;background:#FFF}
.tSWH{color:#FFF}
.ulMenu{width:480px;display:block;float:right;line-height:50px;font-size:16px}
.ulMenu li{display:block;float:left;list-style-type:none}
.ulMenu li:not(:last-child){margin-right:23px}
.ulMenu li a{display:block;padding:0;color:#FFF;text-decoration:none}
.ulMenu li:hover a{color:#b0b0b0;transition-timing-function:ease-in-out;   transition-duration:0.2s}
.dMenuF{float:left;padding:10px 5px}
.ulMenuF li{list-style-type:none;font-size:16px}
.ulMenuF li a{color:#FFF;text-decoration:none}
.ulMenuF li:hover a{color:#b0b0b0;transition-timing-function:ease-in-out;  transition-duration:0.2s}
.fixed{z-index:5000;background:rgb(255,255,255,0.9);border-bottom:1px solid silver}
.fixed .dPhone a, .fixed .about .dPhone2 a, .fixed .dPhone3 a, .fixed .about a, .fixed .divMenuToggle .tSWH{color:#343434}
.fixed .dPhone a:hover, .fixed .about .dPhone2 a:hover, .fixed .dPhone3 a:hover{color:#f00}
.fixed .divMenuToggle:hover .tSWH{color:#7c7c7c}
.fixed .divMenuToggle .tSH{background:#343434}
.fixed .divMenuToggle:hover .tSH{background:#7c7c7c}
.fixed .about a:hover{color:#7c7c7c}
#top{width:100%;height:800px;padding-top:250px;background-image:url(../img/back/promalp.jpg);background-repeat:no-repeat;background-blend-mode:multiply;background-color:#3A4A56;background-size:cover;text-align:center;color:#fff}
#top h1{font-size:70px}
#top h1 span{font-size:0.4em}
#services{background:#fff;padding:70px 0}
#services img{float:left;margin-right:2%;margin-left:5px;width:20%;height:100px}
#services h2{font-weight:lighter;color:#a3a0ad;margin:0 5px 20px 5px;font-size:35px}
#services h3{margin:-3px 5px 8px 5px;color:#7d7d7d;font-size:21px;font-weight:bold}
#services h3 a{text-decoration:none;color:#7d7d7d}
#services h3 a:hover{color:#15120C}
#services p{font-family:Arimo, Helvetica, sans-serif;color:#4a4a4a;font-size:16px;margin:0 5px 30px 5px}
#materials{background-image:url(../img/back/promalp-net.jpg);background-blend-mode:multiply;background-color:#747274;background-size:cover;background-attachment:fixed;height:900px;padding:150px 0 0 0;width:100%;text-align:center;color:#fff}
#materials h2{font-size:64px;line-height:40px}
#materials h2 span{color:#ccc;font-size:0.4em}
#materials h3{font-size:36px;padding-top:18px;font-weight:lighter}
#materials h3 a{color:#fff;text-decoration:none}
#materials h3 a:hover{color:#C4C4C4}
#materials .container div:nth-child(even), #materials .container div:nth-child(odd){overflow:hidden;width:45%;margin:50px 10px}
#materials .container div:nth-child(even){float:left}
#materials .container div:nth-child(odd){float:right}
#materials img{background:rgb(127,127,128,0.5);padding:5px;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-webkit-transition:all 1s ease-out}
#materials a:hover img{-moz-opacity:1;-khtml-opacity:1;opacity:1}
#materials img:hover{padding:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
#contacts{width:100%;padding:90px 0 130px;background:#f4f4f4}
#contacts h2{font-size:48px;text-align:center;color:#4f4f4f}
#form{width:50%;margin:15px auto}
#form p{color:#F00;font-size:17px;font-weight:bold}
#form label{color:#505050;cursor:pointer;font-size:27px}
#form label span{color:#e87e7e}
#form input, #form textarea{margin-bottom:10px;width:100%;padding:10px 2%; border-radius:7px;border:2px solid silver;font-size:17px;color:#4a4a4a}
#form textarea{font-size:19px}
#form input:focus, #form textarea:focus{border-color:#333}
#form .btn{width:250px;border:1px solid #D24B36;border-radius:5px;padding:5px 9px;font-size:21px;background:#E15A45;color:#fff;cursor:pointer}
#form .btn:hover{background-color:#c15443}
.js-thank-you .sResult{color:blue;font:17px Trebuchet MS, Helvetica;font-weight:bold}
.overlay{position:fixed;width:100%;height:100vh;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:9999;display:none}
.popup{position:absolute;max-width:500px;min-width:300px;height:180px;left:50%;top:50%;transform:translate(-50%, -50%);padding:40px;background-color:#FFF}
.close-popup{position:absolute;top:15px;right:15px;width:23px;height:23px;cursor:pointer}
.close-popup:before{content: '';background-color:#000;position:absolute;height:1px;width:31px;top:11px;left:-4px;transform:rotate(-45deg)}
.close-popup:after{content: '';background-color:#000;position:absolute;height:1px;width:31px;top:11px;transform:rotate(45deg);left:-4px}
.dText{background:url(../img/back/rgb-11-19-39-08.png);padding:0 5px 10px}
.dText h1{font-weight:lighter;font-size:35px;color:silver;padding:12px 0 7px;text-align:center}
.dText .dH2{border-top:1px solid #41495D;border-bottom:1px solid #41495D;margin-bottom:8px}
.dText h2, .h2Gal{font-weight:lighter;font-size:21px;color:#CDCDCD}
.dText h2{line-height:35px;padding:5px}
.h2Gal a{color:#CDCDCD;text-decoration:none;line-height:0;padding:0 5px}
.h2Gal a:hover{color:#30374A}
.dText h3{font-size:18px;color:#E4E4E4;padding:7px 0 4px}
.dTextImg{overflow:hidden}
.dTextImg img{-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;-webkit-transition:all 1s ease-out}
.dTextImg img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
.dText p, .dText span, .dText ul{font-family:Arimo, Helvetica, sans-serif;font-size:16px;color:#fff;padding-bottom:7px}
.dText ul{list-style-type:decimal;margin-left:25px}
.dText a{color:#fff}
.dText a:hover{color:silver;text-decoration:none}
.dText table th{background:#D8D8D8}
.dText table tr{background:#F3F3F3}
.dText table tr p{color:#000;text-align:center}
.dPriPp, .dPriTit, .dPriOrd, .dPriUnit, .dPriPri{float:left;padding:0 5px;border:1px solid rgb(0,7,27,0.3)}
.dPriPp{width:3%;text-align:right}
.dPriTit{width:55%}
.dPriOrd{width:20%}
.dPriUnit, .dPriPri{text-align:center}
.dPriUnit{width:9%}
.dPriPri{width:13%}
.popup-link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;flex-wrap:wrap}
.popup-link img{margin:1px 3px;width:230px;height:230px}
.popup-link a{line-height:15px}
footer{background:#2A2A2A;min-height:240px}
.dLogoF{min-height:90px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;padding:5px 10px}
.sLogoF{font-size:45px;margin-left:5px;font-family: 'Suez One', serif}
.sLogoF a{text-decoration:none;color:#f00}
.sLogoF a:hover{color:#9D0000}
.dMenuAuthoF{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;padding:5px 10px}
.dAutho{margin-bottom:35px}
.iLogin, .iPass{background:#DDD;outline:none;border:none;font:14px Verdana, sans-serif;width:95px;height:35px;padding:0 5px;text-align:center}
.iLogin:focus, .iPass:focus{background:#FFF}
.iPass{margin-left:-2px}
.iSubAutho{cursor:pointer;outline:none;border:none;border-radius:0 3px 3px 0;font:14px Verdana, sans-serif;width: 72px;height:35px;margin-left:-4px;color:#FFF;background:#9D0000;text-align:center}
.iSubAutho:hover{background:#FF9458}
.pHello{font:28px Roboto-Thin, sans-serif;text-align:right}
.pHello a{text-decoration: none;color:#FFF}
.pHello a:hover{color:#0F0}
@media screen and (max-width: 1024px){
#top{height:700px;background-image:url(../img/back/promalp_1024.jpg);background-repeat:no-repeat;background-blend-mode:multiply;background-color:#3A4A56;background-size:cover}
#materials{background-image:url(../img/back/promalp-net_1024.jpg);background-blend-mode:multiply;background-color:#747274;background-size:cover;background-attachment:fixed}}
@media screen and (max-width: 768px){
#top{background-image:url(../img/back/promalp_768.jpg);background-repeat:no-repeat;background-blend-mode:multiply;background-color:#3A4A56;background-size:cover}
#materials{background-image:url(../img/back/promalp-net_768.jpg);background-blend-mode:multiply;background-color:#747274;background-size:cover;background-attachment:fixed}}
@media screen and (max-width: 736px){
#top{height:400px;padding-top:100px;background-image:url(../img/back/promalp_736.jpg);background-repeat:no-repeat;background-blend-mode:multiply;background-color:#3A4A56;background-size:cover}
#top h1{font-size:60px}
#materials{background-image:url(../img/back/promalp-net_736.jpg);background-blend-mode:multiply;background-color:#747274;background-size:cover;background-attachment:fixed}}
@media all and (orientation: portrait){
#top{height:670px;padding-top:280px;background-image: url(../img/back/promalp_412.jpg);background-repeat:no-repeat;background-blend-mode:multiply;background-color:#3A4A56;background-size:cover}
#materials{height:1100px;padding:90px 0;background-image:url(../img/back/promalp-net_412.jpg);background-blend-mode:multiply;background-color:#747274;background-size:cover;background-attachment:fixed}}
@media (width: 768px) and (orientation: portrait){
#top{height:950px;padding-top:280px;background-image:url(../img/back/promalp_768portrait.jpg);background-repeat:no-repeat;background-blend-mode:multiply;background-color:#3A4A56;background-size:cover}}
@media screen and (max-width: 900px){
#form{width:60%}}
@media screen and (max-width: 800px){
#form{width:70%}
.dPriOrd{text-align:center}}
@media screen and (max-width: 700px){
.logo{width:100%;font-size:1.1em;text-align:center}
.about{float:left;width:100%;text-align:center;padding:0 5px}
.ulMenu{float:none;width:500px;margin:-15px auto 0}
.ulMenu li:not(:last-child){margin-right:5%}
.dPhone{display:none}
.dPhone3{display:block;text-align:center}
.dPhone3 a{margin-left:0}
#services img{width:25%}
#materials h3{font-size:30px;padding-bottom:35px}
#form{width:80%}
.dPadTopHead{padding-top:94px}}
@media screen and (max-width: 600px){
#top h1{font-size: 51px}
.dPriPp, .dPriTit, .dPriOrd, .dPriUnit, .dPriPri{padding:0 2px}
.dPriPp{padding:0 3px 0 0;width:4%}
.dPriPri{width:15%}
.dPriTit{width:52%}}
@media screen and (max-width: 560px){
#top h1{font-size:46px}
#services img{float:none;width:100%;height:180px;margin:0}
#services h3{margin:5px}
#materials .container div:nth-child(even), #materials .container div:nth-child(odd){float:none;width:95%;margin:0 auto}
#materials h2{font-size:48px;line-height:40px;padding-bottom:15px}
#form{width:90%}
.divMenuToggle{display:inline-block}
.ulMenu{display:none;width:100%;position:absolute;z-index:999;margin-top:20px;text-align:left}
.ulMenu li{float:none;padding:0 10px;line-height:31px;border:1px solid rgb(231,231,231,0.5);background:rgb(50,58,79,0.9)}
.ulMenu li:not(:last-child){margin-right:0}
.ulMenu li:hover{background:rgb(30,39,59,0.9)}
.fixed .about a{color:rgb(255,255,255,1)}
.ulMenu li:hover a{color:rgb(255,255,255,0.8)}}
@media screen and (max-width: 450px){
#top h1{font-size:43px}
#form{width:95%}
.dPadTopHead{padding-top:70px}
.about{padding:0}
.dPhone2{display:block;margin-top:1px}
.dPhone3{display:none}
nav{position:relative;width:100%}
.dPriPri{width:17%}
.dPriTit{width:50%}}
@media screen and (max-width: 400px){
#top h1{font-size:34px}}
@media screen and (max-width: 380px){
#top h1{font-size:31px}
#services h2{margin-bottom:15px;font-size:2.0em}
.dPriPp{display:none}
.dPriUnit{width:11%}
.dPriOrd{width:19%}
.dPriPri{width:20%}
.dPriTit{width:50%}}
@media screen and (max-width: 350px){
.logo a{color:green}}