@font-face {
  font-family: 'bijol-font-2';
  src: url('bijol-font-2.eot?96889093');
  src: url('bijol-font-2.eot?96889093#iefix') format('embedded-opentype'),
       url('bijol-font-2.woff2?96889093') format('woff2'),
       url('bijol-font-2.woff?96889093') format('woff'),
       url('bijol-font-2.ttf?96889093') format('truetype'),
       url('bijol-font-2.svg?96889093#bijol-font-2') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'bijol-font-2';
    src: url('bijol-font-2.svg?96889093#bijol-font-2') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "bijol-font-2";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cancel:before { content: '\e800'; } /* '' */
.icon-left-open-big:before { content: '\e801'; } /* '' */
.icon-right-open-big:before { content: '\e802'; } /* '' */
.icon-menu:before { content: '\e803'; } /* '' */
.icon-location:before { content: '\e804'; } /* '' */
.icon-plus:before { content: '\e805'; } /* '' */
.icon-file-pdf:before { content: '\e806'; } /* '' */
.icon-ok-circled:before { content: '\e807'; } /* '' */
.icon-cancel-1:before { content: '\e808'; } /* '' */
.icon-right-open:before { content: '\e809'; } /* '' */
.icon-spin1:before { content: '\e827'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


#maxBG{z-index:0;width:100%;top:0;left:0;position:fixed;background:#333;height:100%;color:#222;font-size:200px;line-height:220px;font-weight:700}
#maxBG img{background:#333}
#max2 {z-index:1;width:100%;height:100%;position:relative}
.maxFO{width:100%;float:left;background:rgba(51,51,51,0.8)}

.wr1{position:relative;max-width:94%;margin:0 auto}
.wr2{position:relative;max-width:1300px;margin:0 auto}
.wr3{position:relative;max-width:100%;margin:0 auto}
.he1{padding:50px 0 0 0;position:relative}
.he1 h1{z-index:10;overflow:hidden}
.he1 img{float:right;z-index:10;width:100%;height:auto;margin:0}
.he1 span{position:absolute;top:-9999em;right:0}
.logo{width:10%;float:left;margin:0}
.ban1{width:14%;float:left;margin:0 0 0 2%}

.bigBan2{width:50%;float:left}
.bigBan2 img{width:100%;float:left}


.h20{font-size:40px;line-height:45px;color:#fff;margin:10px 0 50px 0;text-transform:uppercase;font-family:'Archivo Black', sans-serif;}
.h21{font-size:37px;line-height:42px;color:#FFF100;font-weight:300;margin:10px 0 30px 0;text-transform:uppercase}
.h31{color:#fff;font-size:25px;line-height:45px;padding:20px 0;margin:0;font-family:'Archivo Black', sans-serif}

.ul1 li{padding:0;margin:7px 0 0 20px;list-style-type:disc;list-style-position:outside}

.se1{float:left;width:100%;margin:40px 0 0 0;padding:20px 0 0 0}
.ar1{float:left;width:100%;margin:0}
.ar5{float:left;width:70%}
.ar6{float:right;width:20%}

#na2 {width:100%;float:right;margin:0;text-transform:uppercase;text-align:right;position:relative}
#na2 ul{margin:0}
#na2 li{display:inline;font-size:17px;font-weight:400}
#na2 a:link,#na2 a:visited{color:#fff;padding:8px 12px 0 12px}
#na2 a:hover{color:#FFF100}
#na2 .on1 a:visited,#na2 .on1 a:link,#na2 .on1 a:hover{color:#FFF100;text-decoration:none;font-weight:700}

#na2p{position:absolute;text-align:left;top:0;left:0;display:none;z-index:999;text-transform:uppercase;font-weight:400}
#na2p ul{padding:3px 0;background:rgba(0,0,0,0.7);margin:0 0 20px 0;float:left}
#na2p li{display:block;margin:0;padding:8px 10px;font-size:16px}
#na2p .a0 a:visited,#na2p .a0 a:link,#na2p .a0 a:hover{color:#eee}
#na2p .a1 a:visited,#na2p .a1 a:link,#na2p .a1 a:hover{color:#FFF100}
#na3{display:none}

/*alert*/
.alert1{position:absolute;top:200px;z-index:9999;left:0}
.alert1 a:link,.alert1 a:visited{float:left;font-size:45px;line-height:50px;font-weight:300;background:#FFCC00;color:#000;padding:40px;border-radius:10px; -webkit-border-radius:10px}
.alert1 a:hover{background:#333;color:#fff}
/*alert*/

/*bread crumb*/
#nag{float:left;margin:50px 0 0 0;color:#ccc}
#nag a:link,#nag a:visited{font-weight:300;display:inline;color:#ccc;padding:8px;margin:0;text-decoration:none}
#nag a:hover{text-decoration:underline}
/*bread crumb*/

.na2Box{width:70%;float:right;margin:50px 0 0 0;position:relative}
.sBubble {z-index:999;padding: 8px;background:#FFCC00;position:absolute;top:40px;right:10px;border-radius:5px;-webkit-border-radius:5px}
.sBubble a:link,.sBubble a:visited{font-size:18px;color:#333;text-decoration:none}
.sBubble a:hover{color:#000}
.sBubble:before {position: absolute;top:-12px;left:170px;content:'';display:block;border-left:12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #FFCC00}


.euprojekt h4{color:#FFCC00;text-transform:uppercase;font-size:20px;line-height:22px;font-weight:700;margin:20px 0 0 0;padding:10px 0;float:left;width:100%}

/*intro*/
.introBOX1{width:100%;float:left}
.introBOX1 li{width:33.33%;float:left}
.introBOX1 li{margin:0 0 180px 0}
.introBOX1 li:nth-child(1),.introBOX1 li:nth-child(2),.introBOX1 li:nth-child(3){margin-top:120px}

.svgintro1{width:325px;height:190px;margin:0 auto}
.H2intro {color:#fff;font-size:18px;line-height:20px;font-weight:700;position:absolute;bottom:8px;left:10px}
.svgintro1 svg{width:57%;height:auto;float:left;padding:0;margin:0}
.svgintro1 div{width:43%;height:100%;float:right;position:relative}
.path1:hover {stroke-dashoffset: 1000;animation: dash 10s linear forwards;}
.svgintro1:hover .path1 {fill-opacity:0;stroke-dasharray: 1;stroke-dashoffset: 200;animation: dash1 20s linear forwards;}
@keyframes dash1 {to {stroke-dashoffset:0}}

.introBox2{width:100%;float:left;background:rgba(51,51,51,0.95)}
.introBox2L{width:40%;float:left}
.introBox2R{width:40%;float:right}
.introBox2pad{padding:160px 0}
.introBox2pad div{width:27%;float:left}
.introBox2pad span{width:65%;float:right}

.introBox2pad img{width:100%;float:left}
.introBox2pad b{font-size:20px;font-weight:700;padding:0 0 20px 0}
.introBox2pad a{width:100%;float:left}

.introBox21{width:100%;float:left;background:rgba(255,204,0,0.95)}/**/
.introBox21 b{width:100%;float:left;color:#333;font-size:80px;line-height:80px;font-weight:300;padding:80px 0;text-align:center;text-transform:uppercase;font-family:'Archivo Black', sans-serif}


.introBox3L{width:49%;float:left;background:rgba(51,51,51,0.95)}
.introBox3R{width:49%;float:right;background:rgba(51,51,51,0.95)}
.introBox3pad{margin:0 0 80px 0}
.introBox3pad div{width:27%;float:left}
.introBox3pad span{width:65%;float:right}
.introBox3pad img{width:100%;float:left}
.introBox3pad b{font-size:20px;font-weight:700;padding:0 0 20px 0}
.introBox3pad a{width:90%;padding:5% 5%;float:left}

.introBox3 li{float:left;width:25%;margin:0;position:relative;background:#000;overflow:hidden}
.introBox3 img{float:left;width:100%;margin:0;padding:0;opacity:0.9;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s}
.introBox3 li:hover img {opacity:1;-moz-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3);}
.introBox3 span{position:absolute;top:0;left:0;background:#FFCC00;color:#000;padding:10px;font-size:18px;font-weight:700}
.introBox3 div{position:absolute;bottom:0;left:0;color:#fff;padding:50% 3% 30px 3%;font-size:18px;font-weight:700;width:94%}
.introBox3 b{width:100%;float:left;font-size:25px;text-transform:uppercase}
.introBox3 i{font-style:normal;font-weight:400}
.grad1{background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );}



.introBox4{width:33%;float:left}



.introBWS{width:100%;float:left;background:rgba(255,204,0,0.8)}
.introBWS a{width:100%;float:left}
.introBWSban1{width:70%;float:left}
.introBWSban1 img{width:100%;float:left}
.introBWSban2{width:16%;float:left;padding:2%;font-size:30px;line-height:35px;color:#333}

/*intro*/

.foIntro{position:absolute;bottom:20px;right:3%;color:#eee;z-index:2;font-size:15px}
.foNormal1{float:left;width:50%;color:#eee;padding:20px 0;text-align:left;z-index:2;font-size:15px}
.foNormal2{float:right;width:50%;color:#eee;padding:20px 0;text-align:right;z-index:2;font-size:15px}
.foNormal2 i{font-size:17px;background:#C91019;padding:4px;margin:0 5px 0 0;border-radius:3px;-webkit-border-radius:3px}
.foIntro a:visited,.foIntro a:link,.foNormal a:visited,.foNormal a:link{color:#eee;text-decoration:none}
.foIntro a:hover,.foNormal a:hover{color:#eee;text-decoration:underline}

.si{float:left;text-align:left;width:100%}
.si1 a:visited,.si1 a:link{text-transform:uppercase;width:99%;float:left;font-weight:700;color:#fff;padding:1% 1%}
.si1 a:hover{background:#000}
.si2 a:visited,.si2 a:link{font-weight:400;color:#fff;width:95%;float:left;padding:0.5% 0 0.5% 5%}
.si2 a:hover{background:#000}
.si3 a:visited,.si3 a:link{font-weight:400;color:#fff;width:90%;float:left;padding:0.5% 0 0.5% 10%}
.si3 a:hover{background:#000}
.si4 a:visited,.si4 a:link{font-weight:400;color:#fff;width:85%;float:left;padding:0.5% 0 0.5% 15%}
.si4 a:hover{background:#000}

/*prod meni*/
.ulProd1pad{margin:50px 0}
.ulProd1{width:100%;float:left}
.ulProd1 li{width:30%;float:left;position:relative;margin:0 0 5% 0;background:#333;overflow:hidden}
.ulProd1 li:nth-child(3n+1){margin:0 5% 0 0;clear:left}
.ulProd1 li:nth-child(3n+3){margin:0 0 0 5%}
.ulProd1 img{width:100%;float:left;opacity:0.9;-moz-transition: all 1s;-webkit-transition: all 1s;transition: all 1s;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.ulProd1 b{position:absolute;bottom:0;left:0;width:96%;text-align:center;padding:30% 2% 8px 2%;color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );}
.ulProd1 li:hover img{-webkit-filter: blur(2px);filter: blur(2px);opacity:1;-moz-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3);}

.ulProd2pad{margin:50px 0}
.ulProd2{width:100%;float:left}
.ulProd2 li{width:24.24%;float:left;position:relative;margin:0 0 1% 1%;background:#333}
.ulProd2 li:nth-child(4n+1){margin:0;clear:left}
.ulProd2 img{width:100%;float:left;opacity:0.9;-moz-transition: all 1s;-webkit-transition: all 1s;transition: all 1s;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.ulProd2L{width:100%;float:left}
.ulProd2R{width:100%;float:left;background:#333;padding:30px 0 35px 0;text-align:center;position:relative}
.ulProd2R b{width:92%;padding:0 4%;float:left;padding:0 0 22px 0;color:#fff;font-size:20px;text-transform:uppercase;font-weight:700}
.ulProd2R span{width:92%;padding:0 4%;float:left;color:#ccc;font-size:16px;line-height:22px}
.ulProd2R i{position:absolute;bottom:5px;right:3px;color:#eee}
/*prod meni*/

/*more link*/
.infoUl{width:100%;float:left;margin:50px 0}
.infoB{text-transform:uppercase;font-family:'Archivo Black', sans-serif;float:left;padding:20px 0}
.infoUl li{float:left}
.infoUl a:visited,.infoUl a:link{float:left;color:#fff;padding:20px;margin:0 0 0 20px;border:3px solid #eee}
.infoUl a:hover{background:#000;border:3px solid #FFF100}
/*more link*/

/*pdf link*/
.infoPDF{width:100%;float:left;margin:50px 0}
.infoB2{text-transform:uppercase;font-family:'Archivo Black', sans-serif;float:left;padding:30px 0 0 0}
.infoPDF li{float:left}
.infoPDF i{float:left;font-size:50px}
.infoPDF a:visited,.infoPDF a:link{float:left;color:#fff;padding:20px 10px;margin:0 0 0 20px}
.infoPDF a:hover{background:#000;color:#FFF100}
/*pdf link*/

/*Representation*/
.repreUl{width:100%;float:left;margin:60px 0}
.repreUl li{width:20%;float:left}
.repreUl img{width:100%;padding:0 0 30% 0;float:left;opacity:0.7;-moz-transition: all 1s;-webkit-transition: all 1s;transition: all 1s;}
.repreUl li:hover img{opacity:1}
.repreUl li:nth-child(5n+1){clear:both}
/*Representation*/

/*konatkt*/
.email3 a:link,.email3 a:visited{padding:1px 3px;color:#fff;text-decoration:underline}
.email3 a:hover{background:#000;text-decoration:none;}

.wh3{width:25%;float:left;padding:2px 0 15px;border-top:1px solid #666}
.wh4{width:73%;float:right;padding:2px 0 10px 2%;border-top:1px solid #666}

.prol1{width:96%;float:left;padding:2%;background:#333;color:#fff;margin:40px 0;font-size:20px}
.infoPDF2{width:100%;float:left;margin:50px 0}
.infoB22{text-transform:uppercase;font-family:'Archivo Black', sans-serif;float:left}
.infoPDF2 li{float:left}
.infoPDF2 a:visited,.infoPDF2 a:link{float:left;color:#fff;padding:20px 10px;margin:0;font-size:50px}
.infoPDF2 a:hover{background:#000;color:#FFF100}

.cert1{width:100%;float:left;margin:50px 0}
.cert1 img{width:100%;float:left}

.ulCON{width:100%;float:left}
.ulCON li{width:24.24%;float:left;position:relative;margin:0 0 1% 1%;background:#333}
.ulCON li:nth-child(4n+1){margin:0 0 1% 0;clear:left}
.ulCON img{width:100%;float:left;opacity:0.9;-moz-transition: all 1s;-webkit-transition: all 1s;transition: all 1s;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.ulCONL{width:100%;float:left}
.ulCONR{width:100%;float:left;background:#333;padding:30px 0 35px 0;text-align:center;position:relative}
.ulCONR b{font-weight:700}




.tab1Box{float:left;width:100%;padding:15px 0}
.tab1A{width:25%;float:left;padding:5px 0;border-top:1px solid #666}
.tab1B{width:25%;float:left;padding:5px 0;border-top:1px solid #666}
.tab1C{width:25%;float:left;padding:5px 0;border-top:1px solid #666}
.tab1D{width:25%;float:left;padding:5px 0;border-top:1px solid #666}
.tab1Clear{clear:left}

.link1L{width:49%;float:left}
.link1R{width:49%;float:right}

.link1 a:visited,.link1 a:link{color:#000;width:100%;float:left;background:#FFCC00;font-size:20px;font-weight:700;padding:20px 0;text-align:center}
.link1 a:hover{background:#333333;color:#FFCC00}

.rezDeliBox{float:left;width:92%;padding:4%;background:#FFCC00;color:#000;margin:0 0 30px 0;font-size:25px;line-height:35px}
.rezDeliBox a:visited,.rezDeliBox a:link{color:#000}
.rezDeliBox a:hover{background:#333;color:#FFCC00}
/*konatkt*/


.zasL{float:left;width:70%}
.zasR{float:left;width:30%}
.zasR img{float:left;width:100%}

.email1 a:visited,.email1 a:link{color:#fff;padding:2px 3px;margin:0 0 0 0;text-decoration:underline}
.email1 a:hover{background:#000}
.email1 i{color:#FFF100}

.prodList{width:100%;float:left;margin:40px 0}
.prodList li{width:18%;margin:1%;padding:0 0 1% 0;float:left;text-align:center;background:#333} 
.prodList img{width:100%;float:left} 
.prodList b{width:100%;float:left;padding:20px 0 5px 0;text-transform:uppercase;font-family:'Archivo Black', sans-serif;}

.NaMooBox {float:left;width:94%;padding:3%;background:#FFCC00;margin:40px 0}
.NaMooBox li{float:left;width:12.5%;margin:0;position:relative;background:#000}
.NaMooBox li:first-child{float:left;width:25%;margin:0;background:#000}
.NaMooBox img{float:left;width:100%;margin:0;padding:0;}
.NaMooBox i{font-size:50px;position:absolute;top:5%;left:5%;color:#FFCC00;opacity:0;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.NaMooBox a:link,.NaMooBox a:visited,.NaMooBox a:hover{position:relative;float:left;margin:0;text-decoration:none;}
.NaMooBox li img {-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.NaMooBox li:hover img {-moz-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3);}
.NaMooBox li:hover i {opacity:1;-moz-transform:scale(2);-webkit-transform:scale(2);transform:scale(2);}
.NaMooBox div{position:relative;overflow:hidden}

.NaMooBox2{float:left;width:100%;padding:0%;background:none;margin:40px 0}
.NaMooBox2 li{float:left;width:33.333%;margin:0;position:relative;background:#000}
.NaMooBox2 li:first-child{float:left;width:33.333%;margin:0;background:#000}

.NaMooBox3{float:left;width:100%;padding:0%;background:none;margin:40px 0}
.NaMooBox3 li{float:left;width:100%;margin:0;position:relative;background:#000}

/*video*/
.videoBox{float:left;width:49%;margin:0 1% 1% 0}
.videoWrapper{position: relative;padding-bottom: 56.25%;padding-top: 25px}
.videoWrapper object,.videoWrapper iframe,.videoWrapper embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
/*video*/

#zemljevid{float:left;width:100%;height:550px;background:#333;margin:40px 0}
#vransko{float:left;width:100%;height:550px;background:#333;margin:40px 0}
#vranskostroji{float:left;width:100%;height:550px;background:#333;margin:40px 0}
/*form*/
#form1{float:left;text-align:left}
#form1_on,#form1_off{border:0}


#form1 .inp1{font-family: 'Roboto Condensed', sans-serif;line-height:18px;font-size:16px;color:#333;background:#fff;float:left;width:100%;border:0;margin:3px 0;padding:8px 1%;box-sizing: border-box}
#form1 textarea{	font-family: 'Roboto Condensed', sans-serif;line-height:18px;font-size:18px;color:#333;background:#fff;float:left;width:100%;border:0;margin:3px 0;padding:8px 1%;height:150px;box-sizing: border-box}
#form1 select{	        font-family: 'Roboto Condensed', sans-serif;line-height:18px;font-size:18px;color:#333;background:#fff;float:left;width:100%;border:0;margin:3px 0;padding:8px 1%;box-sizing: border-box}


#form1 input[type=submit]{font-size:18px;color:#fff;background:none;border:3px solid #fff;margin:20px 0 0 0;padding:8px 20px;cursor:pointer}
#form1 input[type=submit]:hover{color:#FFF100;background:#000;border:3px solid #FFF100}
#form1_off{display:none;font-size:22px;line-height:32px;background:#FFCC00;color:#000;padding:2%;width:96%}
#form1::-webkit-input-placeholder {color:#333}
#form1:-moz-placeholder {color:#333}
#form1::-moz-placeholder {color:#333}
#form1:-ms-input-placeholder {color:#333}

#form1 i{font-size:22px;width:5%;float:left}
#form1 a:link,#form1 a:visited{color:#fff;text-decoration:underline}
#form1 a:hover{color:#fff}
#form1 span{width:95%;float:right}

#form1 .rez2{font-family: 'Roboto Condensed', sans-serif;line-height:18px;font-size:16px;color:#333;background:#fff;float:left;width:10%;border:0;margin:3px 0.5% 3px 0;padding:8px 1%;text-align:center;box-sizing: border-box}
#form1 .rez1{font-family: 'Roboto Condensed', sans-serif;line-height:18px;font-size:16px;color:#333;background:#fff;float:left;width:29.3%;border:0;margin:3px 0.5% 3px 0;padding:8px 1%;box-sizing: border-box}
#form1 .rez2B{line-height:18px;font-size:16px;color:#fff;float:left;width:10%;margin:3px 0.5% 0 0;padding:8px 2% 8px 0;box-sizing: border-box}
#form1 .rez1B{line-height:18px;font-size:16px;color:#fff;float:left;width:29.3%;margin:3px 0.5% 0 0;padding:8px 2% 8px 0;box-sizing: border-box}
#chkCBox{display:none}

/*form*/

/*novice*/
.newsBox li{float:left;width:25%;margin:0;position:relative;background:#000;overflow:hidden}
.newsBox img{float:left;width:100%;margin:0;padding:0;opacity:0.9;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s}
.newsBox li:hover img {opacity:1;-moz-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3);}
.newsBox div{position:absolute;bottom:0;left:0;color:#fff;padding:50% 3% 30px 3%;font-size:18px;font-weight:700;width:94%}
.newsBox b{width:100%;float:left;font-size:25px;text-transform:uppercase}
.newsBox i{font-style:normal;font-weight:400}
.grad1{background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );}

#nav1 {width:100%;float:left;margin:20px 0 30px 0;padding:0;font-size:20px;font-weight:700}
#nav1 li{float:left;padding:0;margin:12px 4px}
#nav1 a:link,#nav1 a:visited{color:#ccc;padding:6px 8px;margin:0;text-decoration:none;border:1px solid #ccc}
#nav1 a:hover{color:#fff;background:#000}
#nav1 .on a:link,#nav1 .on a:visited,#nav1 .on a:hover{background:#FFCC00;color:#000;border:1px solid #FFCC00}

/*.newsBoxView img{max-width:100%;padding:0;margin:0}*/
.newsBoxView p{padding:1% 0}
.newsBoxView li{padding:0;margin:0 0 5px 20px;list-style-type:disc;list-style-position:outside}
.newsBoxViewDate{color:#999;line-height:23px;margin:0 0 30px 0;padding:0;font-weight:300;width:100%;float:left}

.newsBoxView a:link,.newsBoxView a:visited{color:#fff;text-decoration:underline;padding:2px 4px}
.newsBoxView a:hover{color:#FFF100;background:#333;text-decoration:none}


.small{width:20%;padding:0;margin:0}
.big{max-width:100%;padding:0;margin:0}
.nright{width:30%;float:right;padding:0 0 10px 2%}
.nleft{width:30%;float:left;padding:0 2% 10px 0}
figure{padding:0;margin:0}
figure img{width:100%;padding:0;margin:0}
/*novice*/

/*fairs*/
.fairsL{width:48%;float:left}
.fairsR{width:48%;float:right}
.fairsL b,.fairsR b{color:#FFCC00;text-transform:uppercase;font-size:20px;line-height:22px;font-weight:700;margin:10px 0 0 0;padding:10px 0;border-top:1px solid #666;float:left;width:100%}
.fairsL span,.fairsR span{float:left;width:95%;margin:0 0 15px 5%}
.fairsL i,.fairsR i{font-weight:400;font-style:normal}
/*fairs*/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/



html{height:100%;min-height:100%}
body{height:100%;font-family: 'Roboto Condensed', sans-serif;font-weight:400;color:#fff;font-size:18px;line-height:25px;font-weight:300;margin:0;padding:0;background:#343636}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
h1{color:#000;font-size:12px;line-height:12px;margin:0;padding:0}
h2{color:#333;font-size:18px;font-weight:100;margin:0;padding:0}
h3{color:#000;font-size:16px;line-height:16px;font-weight:100;margin:0;padding:0}
h4{color:#666;font-size:14px;font-weight:100;margin:0;padding:0}
body,a,p,ul,li,form,fieldset,blockquote,.clear{margin:0;padding:0}
img{border:0}
ul{list-style:none}
li{background-image:none}
a:link,a:visited{color:#fff;text-decoration:none}
a:hover{color:#fff}
.clear,.clear2{clear:both;display:block}
.cf:before,.cf:after{content:'';display:table}
.cf:after{clear:both}


#SideNav {height:100%;position:fixed;background:#FFCC00;z-index:3;top:0;left:0;overflow-x:hidden;transition:0.5s}
#SideNavClose {position: absolute;top:5px;right:5px;font-size:36px;color:#000;cursor:pointer}
#SideNavOpen {font-size:36px;color:#fff;cursor:pointer;display:none}
#SideNav ul {width:100%;padding:40px 0 0 0}
.SideNavOn{width:50%;opacity:1}
.SideNavOff{width:0;opacity:0}
#SideNav li{display:block;float:left;width:100%;font-size:15px;word-wrap:break-word}

@media (max-width:1450px){
	.na2Box{width:100%;float:right;margin:20px 0 0 0;position:relative}
}

@media (max-width:1366px){
	.he1{margin:0}
	.introBOX1 li:nth-child(1),.introBOX1 li:nth-child(2),.introBOX1 li:nth-child(3){margin:80px 0 100px}
}

@media (max-width:1300px){
	.wr1{position:relative;max-width:94%;margin:0 auto}
	.wr2{position:relative;max-width:94%;margin:0 auto}
}

@media (max-width:1280px){
	.introBOX1 li:nth-child(1),.introBOX1 li:nth-child(2),.introBOX1 li:nth-child(3){margin:80px 0 80px}
	.logo{width:12%;float:left;margin:0}

	.svgintro1{width:280px;height:164px;margin:0 auto}
}

@media (max-width:1070px){
	.introBOX1 li:nth-child(1),.introBOX1 li:nth-child(2),.introBOX1 li:nth-child(3){margin:100px 0 90px}
	.ban1{width:13%;float:left;margin:0 0 0 2%}

	#na2 li{display:inline;font-size:16px;font-weight:400}
	.wr1{position:relative;max-width:98%;margin:0 auto}
	.wr2{position:relative;max-width:98%;margin:0 auto}


}


@media (max-width:800px){

	.introBOX1 li{width:50%;float:left}
	.introBOX1 li:nth-child(1),.introBOX1 li:nth-child(2),.introBOX1 li:nth-child(3){margin:65px 0}
	.introBOX1 li:nth-child(4),.introBOX1 li:nth-child(5),.introBOX1 li:nth-child(6){margin:65px 0}


	#SideNavOpen{display:block}
	.o2 a:visited,.o2 a:link,.o2 a:hover{text-transform:uppercase;font-size:20px;line-height:22px;font-weight:700;border-bottom:1px dotted #FFF100;color:#000;display:block;padding:15px 3%;margin:2px 0;text-decoration:none}
	.o1 a:visited,.o1 a:link,.o1 a:hover{text-transform:uppercase;font-size:20px;line-height:22px;font-weight:400;border-bottom:1px dotted #FFF100;color:#000;display:block;padding:15px 3%;margin:2px 0;text-decoration:none}
	.a0 a:visited,.a0 a:link,.a0 a:hover{margin:0;font-size:18px;width:86%;border:none;padding:15px 7%;font-weight:300;color:#000}
	.a1 a:visited,.a1 a:link,.a1 a:hover{margin:0;font-size:18px;width:86%;border:none;padding:15px 7%;font-weight:700;color:#000}
	.b0 a:visited,.b0 a:link,.b0 a:hover{margin:0;font-size:18px;width:86%;border:none;padding:10px 7%;font-weight:700;color:#000}
	.b1 a:visited,.b1 a:link,.b1 a:hover{margin:0;font-size:18px;width:86%;border:none;padding:10px 7%;font-weight:300;color:#000}
	.c0 a:visited,.c0 a:link,.c0 a:hover{margin:0;font-size:18px;width:88%;border:none;padding:10px 1% 10px 11%;font-weight:300;color:#000}
	.c1 a:visited,.c1 a:link,.c1 a:hover{margin:0;font-size:18px;width:88%;border:none;padding:10px 1% 10px 11%;font-weight:700;color:#000}
		
	.c00 a:visited,.c00 a:link,.c00 a:hover{margin:0;font-size:18px;width:88%;border:none;padding:10px 1% 10px 11%;font-weight:300;color:#000}
	.c11 a:visited,.c11 a:link,.c11 a:hover{margin:0;font-size:18px;width:88%;border:none;padding:10px 1% 10px 11%;font-weight:700;color:#000}

	.d0 a:visited,.d0 a:link,.d0 a:hover{margin:0;font-size:18px;width:83%;border:none;padding:10px 1% 10px 16%;font-weight:300;color:#000}
	.d1 a:visited,.d1 a:link,.d1 a:hover{margin:0;font-size:18px;width:83%;border:none;padding:10px 1% 10px 16%;font-weight:700;color:#000}
	
	
	
	.ban1{width:20%;float:right;margin:0}
	.logo{width:20%;float:right;margin:10px 2% 0 2%}
	.he1{padding:30px 0 0 0;position:relative}



	#na2,#na3,.sBubble{display:none}

	.introBox2pad{padding:60px 0}
	.introBox3 li{width:50%;}


	.ulProd2 li{width:32.5%;float:left;position:relative;margin:0 0 1% 1%;background:#333}
	.ulProd2 li:nth-child(4n+1){margin:0 0 1% 1%;clear:none}
	.ulProd2 li:nth-child(3n+1){margin:0;clear:left}

	.NaMooBox li{float:left;width:25%;margin:0;position:relative;background:#000}
	.NaMooBox li:first-child{float:left;width:50%;margin:0;background:#000}
	.NaMooBox li:nth-child(6){clear:left}

	.cert1 img{width:30%;float:left}
	.infoPDF2 li{float:left;width:100%}

	.repreUl li{width:25%;float:left}
	.repreUl li:nth-child(5n+1){clear:none}
	.repreUl li:nth-child(4n+1){clear:both}

	.newsBox li{float:left;width:33.33%;margin:0;position:relative;background:#000;overflow:hidden}

	.ar5{float:left;width:100%}
	.ar6{float:right;width:100%;margin:40px 0 0 0}

	.NaMooBox2 li{float:left;width:50%;margin:0;position:relative;background:#000}
	.NaMooBox2 li:first-child{float:left;width:50%;margin:0;background:#000}



}


@media (max-width:600px){



	.wr1{position:relative;max-width:96%;margin:0 auto}
	.wr2{position:relative;max-width:96%;margin:0 auto}
	.SideNavOn{width:95%;opacity:1}

	.introBOX1 li{width:100%;float:left}
	.introBOX1 li:nth-child(1),.introBOX1 li:nth-child(2),.introBOX1 li:nth-child(3){margin:30px 0}
	.introBOX1 li:nth-child(4),.introBOX1 li:nth-child(5),.introBOX1 li:nth-child(6){margin:30px 0}


	.ban1{width:30%;float:right;margin:0}
	.logo{width:40%;float:right;margin:0 2% 0 2%}
	.he1{padding:30px 0 0 0;position:relative}

	.bigBan2{width:100%;float:left}
	.bigBan2 img{width:100%;float:left}


	.wh3{width:100%;float:left;padding:10px 0 0;border-top:1px solid #666;font-weight:400}
	.wh4{width:100%;float:right;padding:2px 0 10px 0;border-top:0}


	.introBox2L,.introBox2R{width:96%;float:left;margin:0 2%}
	
	.cert1 img{width:50%;float:left}

	.introBox3 li{width:50%}
	.ulProd2 li{width:49.5%;float:left;position:relative;margin:0 0 1% 0;background:#333}
	.ulProd2 li:nth-child(4n+1){margin:0 0 1% 0;clear:none}
	.ulProd2 li:nth-child(3n+1){margin:0 0 1% 0;clear:none}
	.ulProd2 li:nth-child(2n+1){margin:0 1% 1% 0;clear:left}

	.ulProd1 li{width:49.5%;float:left;position:relative;margin:0 0 1% 0;background:#333;overflow:hidden}
	.ulProd1 li:nth-child(4n+1){margin:0 0 1% 0;clear:none}
	.ulProd1 li:nth-child(3n+1){margin:0 0 1% 0;clear:none}
	.ulProd1 li:nth-child(2n+1){margin:0 1% 1% 0;clear:left}

	.NaMooBox li{float:left;width:50%;margin:0;position:relative;background:#000}
	.NaMooBox li:first-child{float:left;width:50%;margin:0;background:#000}
	.NaMooBox li:nth-child(6){clear:none}

	.repreUl li{width:50%;float:left}
	.repreUl li:nth-child(5n+1){clear:none}
	.repreUl li:nth-child(4n+1){clear:none}
	.repreUl li:nth-child(2n+1){clear:both}

	.infoUl li{width:100%}
	.infoUl a:visited,.infoUl a:link{float:left;color:#fff;padding:20px;margin:0 10px 10px 0;border:3px solid #eee}
	.infoUl a:hover{background:#000;border:3px solid #FFF100}

	.zasL{float:left;width:100%}
	.zasR{float:left;width:100%}
	.zasR img{float:left;width:100%}

	#form1 i{font-size:22px;width:10%;float:left}
	#form1 span{width:90%;float:right}

	.fairsL{width:100%;float:left}
	.fairsR{width:100%;float:right;margin:50px 0 0 0}

	.introBox3L{width:100%;float:left;background:rgba(51,51,51,0.95)}
	.introBox3R{width:100%;float:right;background:rgba(51,51,51,0.95)}
	
	.introBox4{width:100%;float:left;margin:0 0 50px 0}

	.introBWSban1{width:100%;float:left}
	.introBWSban2{width:100%;float:left}

	.ulCON{width:100%;float:left}
	.ulCON li{width:100%;float:left;position:relative;margin:0 0 1% 0;background:#333}

	.h20{font-size:25px;line-height:30px;color:#fff;margin:10px 0 40px 0;text-transform:uppercase;font-family:'Archivo Black', sans-serif;}
	/*xxxxxxxxxxxxxxxxxxxxx*/
	.nright{width:50%;float:right;padding:0 0 2% 2%}
	.nleft{width:50%;float:left;padding:0 2% 2% 0}

	.newsBox li{width:50%;float:left;margin:0 0 0.6% 0}


	.newsBoxL{width:100%;float:left}
	.newsBoxR{width:100%;float:right;color:#666;padding:1%;margin:0 0 20px 0}
	.newsBoxL img{float:left;width:100%;padding:0}
	.small{width:100%;padding:0;margin:10px 0}
	.big{max-width:100%;padding:0;margin:10px 0}
	.nright{width:100%;float:right;padding:10px 0}
	.nleft{width:100%;float:left;padding:10px 0}

	.alert1 a:link,.alert1 a:visited{float:left;font-size:25px;line-height:30px;font-weight:700;background:#E91E63;color:#fff;padding:20px;border-radius:10px; -webkit-border-radius:10px}
	.alert1 a:hover{background:#333}

	.videoBox{float:left;width:100%;margin:0 0 1% 0}
}