a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body,header,nav,nav > *,section,footer,.foote,.foot,.trilo,.trilo > *,.gorod,.forma,.feedbak,.conta,.productCard{display:-webkit-flex;display:flex;}
.w100{width:100%;}.tac{text-align:center;}
body{min-height:100vh;flex-direction:column;align-items:stretch;background:#87b1a2;font-family:Ubu-L, Helvetica, Arial, sans-serif;}
header{height:160px;width:100%;position:fixed;z-index:3;align-items:center;justify-content:center;padding:20px 0;background:url(../img/header-bg.jpg) bottom left;background-color:#55a02b;}
header.seco, header.sec{height:60px;padding:10px 0;transition: .3s all;}
.fixed{position:fixed;}
.seco .logo,.sec .logo{height:60px;}
#toggler{position:fixed;z-index:4;width:100%;display:none;color:#fff;font-size:12px;font-weight:bold;height:50px;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.togg{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;height:30px;}
.iksen {width:30px;transition:.3s all ease;-webkit-transition:.3s all ease;}.iksen div:first-child{-webkit-transform:translateX(0) translateY(8px) rotate(45deg);transform:translateX(0) translateY(8px) rotate(45deg);}.iksen div:nth-child(even){opacity:0;}.iksen div:last-child{-webkit-transform: translateX(0) translateY(-8px) rotate(-45deg);  transform: translateX(0) translateY(-8px) rotate(-45deg);}
.togg div {width: 100%;height: 4px;background:#89df2a;border-radius:5px;margin:2px 0;transition:.3s all ease;-webkit-transition:.3s all ease;}
.headpod{position:fixed;height:4px;width:100%;top:200px;background:url(../img/header-bg1.png) top left;z-index:2;}
.headpod.seco, .headpod.sec{top:80px;}
.logo{padding-left:0;margin-left:0;}.formain{cursor:pointer;}
nav{flex:1 1 auto;max-width:1200px;color:#fff;font-family:Com-B;font-size:20px;user-select:none;align-items:center;justify-content:space-between;}
nav > *{margin:10px;padding:10px;flex-direction:column;justify-content:center;position:relative;}
nav a{color:#89df2a;text-shadow: 0 0 20px #1a4e05,0 0 10px #1a4e05;text-decoration:none;transition:.3s all ease;-webkit-transition:.3s all ease;}
nav span, nav a:hover{color:#86ff00;text-shadow: 0 0 20px #86ff00,0 0 10px #86ff00;}
nav.flexx{display:flex;flex-direction:column;height:auto;transition: .3s all;}
.nav-tel{padding:10px;color:#fff;background:#ffcf18;border-radius:10px;text-shadow:none;}
.nav-tel:hover{color:#fff;background:#ffcf18;border-radius:10px;text-shadow:none;}
.nav-eml{padding:10px;text-decoration:underline;}
.dropdwn{display:none;position:absolute;z-index:5;top:40px;background:#38630d;font-size:18px;padding:20px;}
.nav-nav > div:nth-child(3){border-bottom:1px dashed #74d41f;}
.dropdwn div,.dropdwn span{margin:10px;padding:10px}
.slider01, .slider02{padding:200px 0 0 0;position:relative;user-select:none;z-index:0;}
.slider02{padding:50px 0 0 0;}
.slider01 h2,.slider01 p, .slider02 h2,.slider02 p{position:absolute;z-index:2;}
.slider01 h2, .slider02 h2{font-size:50px;margin:10% 0 0 25%;font-family:Pac-R;color:#fff;text-indent:-50px;text-shadow: 0 0 20px #8d8d8d,0 0 2px #8d8d8d}
.slider01 p, .slider02 p{font-size:70px;margin:17% 0 0 30%;font-family:Pac-R;color:#fff;text-shadow: 0 0 20px #8d8d8d,0 0 2px #8d8d8d}
section{flex: 1 1 auto;padding:50px 100px;flex-direction:column;background-color:#ededed;background-size:cover;align-items:center;}
section.seco,section.sec{padding:150px 100px;}
main, article{max-width:1200px;width:100%;}
article{margin-top:20px;padding-top:20px;border-top:2px solid #c6c6c6;}
h1,h2,h3,h4,h5,h6{font-family:Com-B;color:#669c17;margin:0 0 20px 0;}
h1{font-size:28px;}h2{font-size:24px;}h3{font-size:20px;}h4,h5,h6{font-size:16px;}
main p, article p{margin:0 0 20px 0;line-height:20px;}
main li, article li{margin:0 0 10px 50px;list-style:disc;}
b, strong{font-family:Ubu-M;}
main a, article a{color:#11aee7;}main a:hover{color:#86ccf1;}
.ite-01,.ite-02,.ite-03{width:100%;height:60vh;}
.ite-01{background:#ccc;}.ite-02{background:#cbb;}.ite-03{background:#caa;}
.trilo{width:100%;min-height:200px;flex-wrap:wrap;}
.trilo > *{padding:10px 0;border-bottom:10px solid;flex: 25%;background-size:cover;flex-direction:column;align-items:center;justify-content:flex-start;color:#89df2a;text-decoration:none;font-family: Com-B;text-align:center;}
.tri-01{background:#409a1f;border-color:#3bcc28;}.tri-02{background:#3a8b1b;border-color:#38c026;}
.tri-03{background:#337c18;border-color:#35b524;}.tri-04{background:#2d6d15;border-color:#31a822;}
.trilo span{margin:10px;}
.ri-01,.ri-02,.ri-03,.ri-04{display:flex;height:25%;width:25%;background:#31a822;align-items:center;justify-content:center;}
.gorod{width:100%;align-items:flex-end;justify-content:center;border-bottom:1px #889a92 solid;background:#fff;padding:10px 0 0 0;}
.gorod img{width:100%;max-width:1000px;}
.conta{padding:0 0 50px 0;justify-content:center;}
.cont01{flex:1 1 auto; background:#fff;margin:10px;padding:10px 20px;border-radius:10px;border:1px solid #bdcab6;
-webkit-box-shadow: 0px 2px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 2px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 0px 2px 8px 0px rgba(34, 60, 80, 0.2);
}
.cont01 p,.cont01 h3{margin:7px 0;line-height:20px;}
.productCard{margin:20px 0;align-items:center;}
.productPic{height:250px;width:250px;margin:0 20px 0 0;text-align:center;background:#fff;}.productPic img{height:80%;padding:10% 0;background:#fff;}
.map{width:100%;background:#fff;}
.forma{flex-direction:column;align-items:center;width:80%;padding:50px 10% 0 10%;background:#fff;}
.feedbak{flex:1 1 auto;flex-direction:column;width:100%;max-width:1000px;}
.feedbak label{margin:10px 0 5px 0;}
.feedbak input,.feedbak textarea{padding:10px;border:1px #889a92 solid;}
.feedbak .btn {cursor:pointer;margin:20px;}
footer{width:100%;min-height:200px;background:#282828;align-items:center;justify-content:center;color:#999;}
footer p{font-size:14px;line-height:20px;}
.foote{flex:1 1 auto;max-width:1200px;align-items:center;justify-content:space-around;}
.foot{flex: 0 0 auto;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);-webkit-filter: grayscale(1);transition:.3s all ease;-webkit-transition:.3s all ease;}
.foot:hover{filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);-webkit-filter: grayscale(0);}
.foot:first-child,.foot:last-child{flex: 1 1 50%;align-items:center;flex-direction:column;}
.logo-f{height:85px;}.logo-rustek{height:49px;margin:5px 0;}

#lightbox, .lb-outerContainer, .lb-container{display:flex;display:-webkit-flex;align-items:center;flex-direction:column;justify-content:center;}
#lightbox{height:100%;top:auto!Important;}
.lb-container{min-width:20vw;background:#fff;padding:20px;border-radius:4px;}
.lb-nav{width:100%;}

@media screen and (max-width: 1400px) {
   .slider01 h2{font-size:40px;}
   .slider01 p{font-size:60px;}
}
@media screen and (max-width: 1160px) {
   nav{font-size:18px;}
}
@media screen and (max-width: 1080px) {
   nav{font-size:16px;}
}
@media screen and (max-width: 1020px) {
   nav{font-size:16px;}
}
@media screen and (max-width: 1000px) {
    header,header.seco,header.sec{height:auto;padding:25px 0;}.headpod{display:none;}nav{display:none;height:0;}.dropdwn{position:relative;top:10px;}nav{margin:20px 0 0 0;}
    .logo,.seco .logo,.sec .logo{height:80px;padding-left:10px;margin-left:10px;}#toggler{display:flex;align-items:center;justify-content:center;}
    section,section.seco,section.sec{padding:80px 30px 30px 30px;}.slider01{padding-top:50px;}
    .slider01 h2{margin:25% 0 0 25%;}
    .slider01 p{margin:50% 0 0 15%;font-size:40px;}
}
@media screen and (max-width: 800px) {
    .foot:first-child{order:10;}.logo-f{height:80px;}.conta,.foote{flex-direction:column;margin:10px 0;}.foot{margin:10px 0;}footer p{font-size:12px;}.logo-rustek{height:42px;}
    .tri-01,.tri-02,.tri-03,.tri-04{flex: 50%;}
}
@media screen and (max-width: 400px) {
    .productCard,.productInf{flex-direction:column;text-align:center;margin:0 0 20px 0;}.productPic{margin:20px 0;}
}