@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400&display=swap');

html, body{margin:0;height:100%; padding:0; background-color: black; color:#999999;font-family: 'Raleway';
}


#netivation {
width:100%;
height:60px;
margin:0;
z-index:1;
position:fixed;
	display:inline-block;
border-bottom: 2px solid #5fbb46;
	background-color: black;
}

#netivation_inner {
width:952px;
height:60px;

text-align:center;	
margin:auto;

}


a:link {
  color: WHITE;
text-decoration: none;
}

/* visited link */
a:visited {
  color: WHITE;
text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #999999;
	text-decoration: none;
}

/* selected link */
a:active {
  color: #999999;
text-decoration: none;
}

 .qa {
        width: 20px;
        height: 20px;
        position: relative;
        display: inline-block;
       
    }
    .qa .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
  
    }
    .qa:hover .img-top {
        display: inline;
    }

 .contact {
        width: 20px;
        height: 20px;
        position: relative;
        display: inline-block;
       
    }
    .contact .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
  
    }
    .contact:hover .img-top {
        display: inline;
    }


#banner {
	background-color:#999999; 
	width:100%;
	height:35px;
	margin:0;
	top:60px; 
position:absolute;
	
}

#blank {
	background-color: black;  width:100%; height:auto;background-size: cover; background-position:center;text-align:center;border-bottom:10px #404040 solid;padding-bottom:200px;
}

#blank_frame{
	width:952px; text-align:left; margin:auto;padding-top:200px;height:auto;}


#main {
	background-color: black; background-image: url("../img/background_2.jpg"); width:100%; height:100%;background-size: cover; background-position:center;text-align:center;border-bottom:10px #404040 solid;
}


	
#main_frame{
	width:952px; text-align:center; margin:auto;padding-top:150px;padding-bottom:150px;height:77.5%; background-position:10% 50%; background-image: url("../img/ND0311.png");background-repeat:no-repeat; background-size:auto; }

@media (min-height: 200px) and (max-height: 500px) {#main_frame{background-image: url("../img/ND0311.png");background-repeat:no-repeat; width:952px; text-align:center; margin:auto;padding-top:100px; background-size:45%;background-position:center;}}
@media (min-height: 501px) and (max-height: 600px) {#main_frame{background-image: url("../img/ND0311.png");background-repeat:no-repeat; width:952px; text-align:center; margin:auto;padding-top:100px; background-size:50%;background-position:center;}}
@media (min-height: 601px) and (max-height: 700px) {#main_frame{background-image: url("../img/ND0311.png");background-repeat:no-repeat; width:952px; text-align:center; margin:auto;padding-top:100px; background-size:70%;background-position:center;}}
@media (min-height: 701px) and (max-height: 800px) {#main_frame{background-image: url("../img/ND0311.png");background-repeat:no-repeat; width:952px; text-align:center; margin:auto;padding-top:100px; background-size:80%;background-position:center;}}
@media (min-height: 1200px) and (max-height: 2800px) {#main_frame{background-image: url("../img/ND0311.png");background-repeat:no-repeat; width:952px; text-align:center; margin:auto;padding-top:150px; background-size:150%;background-position:center;}}


.p_1{ font-size:25px; margin-top:-5px;}

.p_2{ font-size:20px; margin-top:-5px;}

#main_product_0111 {
	background-color: black; background-image: url("../img/background_4.jpg"); width:100%; height:auto;background-size: cover; background-position:center;text-align:center;border-bottom:10px #404040 solid;
}
#main_product_0211 {
	background-color: black; background-image: url("../img/background_3.jpg"); width:100%; height:auto;background-size: cover; background-position:center;text-align:center;border-bottom:10px #404040 solid;
}

#main_product_0311 {
	background-color: black; background-image: url("../img/background_2.jpg"); width:100%; height:auto;background-size: cover; background-position:center;text-align:center;border-bottom:10px #404040 solid;
}
#main_product_0411 {
	background-color: black; background-image: url("../img/background_1.jpg"); width:100%; height:auto;background-size: cover; background-position:center;text-align:center;border-bottom:10px #404040 solid;
}

#product_main_frame{
	width:952px; text-align:center; margin:auto;padding-top:150px;height:auto; height:1500px; }


#product_sec_frame{width:892px; text-align:left;margin:auto;  height:1200px;  background-color:white; opacity: 1;padding-left:30px;padding-right:30px; padding-top:10px;}

#product_detail_frame{width:892px; text-align:left;margin:auto; height:1200px; opacity: 1}

#second {
	background-color: black; background-image: url("../img/background_1.jpg"); width:100%; height:100%;background-size: cover; background-position:center;text-align:center;border-bottom:10px #404040 solid;
}


#second_frame{
	width:952px; text-align:center; margin:auto;padding-top:120px;padding-bottom:250px;height:100%;background-position:20% ; background-image: url("../img/ND0411.png"); background-repeat:no-repeat;}


@media (min-height: 200px) and (max-height: 500px){#second_frame{width:952px; text-align:center; margin:auto;padding-top:50px;background-image: url("../img/ND0411.png");background-size:50%;background-position:center;}}
@media (min-height: 501px) and (max-height: 600px){#second_frame{width:952px; text-align:center; margin:auto;padding-top:50px;background-image: url("../img/ND0411.png");background-size:55%;background-position:center;}}
@media (min-height: 601px) and (max-height: 700px){#second_frame{width:952px; text-align:center; margin:auto;padding-top:50px;background-image: url("../img/ND0411.png");background-size:65%;background-position:center;}}
@media (min-height: 701px) and (max-height: 800px){#second_frame{width:952px; text-align:center; margin:auto;padding-top:50px;background-image: url("../img/ND0411.png");background-size:75%;background-position:center;}}
@media (min-height: 1700px) and (max-height: 2800px){#second_frame{width:952px; text-align:center; margin:auto;padding-top:150px;background-image: url("../img/ND0411.png");background-size:200%;background-position:center;}}

#third { background-image: url("../img/ND0111_ND0211.png"); background-size: 150px;
	  width:100%; height:750px;background-size: cover; background-position:center; margin:auto;border-bottom:10px #404040 solid;background-repeat:no-repeat; background-size:contain;
}
#third_frame_style{width:952px;margin:auto;height:100%;}

#third_frame_1{
	width:48%; text-align:center; margin:left; display:inline-block; padding-top:80px;height:90%;}

#third_frame_2{
	width:48%;  text-align:center; margin:right;display:inline-block;padding-top:80px;height:90%;}

#footer
{
	width:100%; height:440px; background-color:black; margin:0;bottom:0;  position:relative;
  flex-wrap: wrap;
}

#footer_inner{
	width:952px; 
height:440px;
padding-bottom:10px;
text-align:center;	
margin:auto;

}

hr {height:1px;border:none;color:#5fbb46;background-color:#5fbb46;}


h1 {color:#5fbb46; font-size:25px; }
h2 {color:white; font-size:15px;padding-top:5px;padding-bottom:5px; line-height: 150%;}
h3 {color:#999999; font-size:15px;padding-top:5px;padding-bottom:5px;line-height: 150%; }
h4 {color:black; font-size:20px;padding-top:5px;padding-bottom:5px; line-height: 150%;}
h5 {color:#5FBB46; font-size:20px;line-height: 1; text-align:left;line-height: 0;}
h6 {color:black; font-size:18px;line-height: 1;text-align:left;}