/* 
    Created on : Feb 26, 2014, 10:18:40 PM
    Author     : Elimo Designs
*/
body{
    font-family:helvetica;
    overflow-x:hidden;
    overflow-y:hidden;
}
#loading_main{
    position:fixed;
    background:black;
    height:100%;
    width:100%;
    left:0;
    top:0;
    z-index:998;
}
#loading_sub{
    position:absolute;
    width:906px;
    height:906px;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
#loading_bk{
    position:absolute;
    z-index: 0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    height:700px;
    width:700px;
}
#loading_gif{
    position:absolute;
    z-index:1;
    width:122px;
    height:120px;
    top:323px;
    left:320px;
    opacity:0.7;
}
#loading_text{
    position:absolute;
    z-index:1;
    width:122px;
    height:120px;
    top:450px;
    left:300px;
    color:white;
    font-family:"Century Gothic", arial;
    font-size:21pt;
    font-style:italic;
    color:rgba(255,255,255,0.7);
}
#percentage{
    position:absolute;
    z-index:3;
    width:50px;
    height:30px;
    top:485px;
    left:350px;
    color:white;
    font-family:"Century Gothic", arial;
    font-size:11pt;
    font-style:italic;
    color:rgba(255,255,255,0.7);
}
#loading_inst{
    position:absolute;
    font-family:"Century Gothic", arial;
    top:700px;
    width:100%;
    text-align:center;
    z-index:3;
    color:rgba(255,255,255,0.4);    
    font-size:14pt;
}

#wrapper{
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
}

#position_check{
    position:fixed;
    width:100%;
    top:700px;
    left:0;
    height:10px;
    color:red;
    background: transparent;
    z-index:999;
}

.head{  
    font-family:"Century Gothic", arial;
}

.about_text_head{
    color:rgb(179,179,179);
    font-size:21pt;
    font-style: italic;
}
.about_text{
    font-family:"Century Gothic", arial;
    color:rgb(204,204,204);
    font-size:10.4pt;
}

#prestige{
    position:absolute;
    left:0;
    top:0;
    height:1100px;
    width:100%;
    overflow:hidden;
    z-index:900;
}
#prestige_head{
    position:absolute;
    top:100px;
    width:25%;
    height:40px;
    right:0;
    text-align:left;
    font-size:22pt;  
    background-color:rgba(255,255,255,0.1);
    color:black;
    z-index:999;
    border-radius:3px;
    padding-left:10px;
}
#prestige_bk{
    position:absolute;
    background-color:rgb(0,0,0);
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:901;
}
#prestige_bk_main{
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index:902;
}
#image_prestige_bk{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    height:700px;
    width:700px;
}
#prestige_logo_img{
    position:absolute;
    height:280px;
    width:280px;
    top:420px;
    left:0;
    right:0;
    margin:auto;
}
#prestige_text{
    position:absolute;
    z-index:104;
    width:270px;
    height:150px;
    top:520px;
    left:190px;
    z-index:903;
}
.prestige_bp{
    position:absolute;
    width:1280px;
    height:750px;
    left:0;
    right:0;
    top:175px;
    margin:auto;
    z-index:903;
}
#prestige_bp3{
    opacity:0.4;
}

#purity{
    position:absolute;
    left:0;
    top:1100px;
    height:900px;
    width:100%;
    z-index:105;
    overflow:hidden;
    background-color:rgba(188, 228, 231,0.2);
}
#purity_bar{
    position:absolute;
    top:70px;
    height:45px;
    width:38%;
    background-color:rgb(206,226,231);
    border-radius:5px;
}
#purity_head{
    position:absolute;
    top:60px;
    left:39%;
    font-size:36pt;
    color:rgba(102,153,255,0.6);
    letter-spacing: 1px;
}
#purity_logo_img{
    position:absolute;
    height:300px;
    width:300px;
    top:200px;
    left:0;
    right:0;
    margin:auto;
    z-index:107;
}
#purity_text{
    position:absolute;
    z-index:107;
    width:270px;
    height:150px;
    top:370px;
    left:800px;
    right:0;
    margin:auto;
    z-index:903;
    font-family:"Century Gothic", arial;
    color:rgb(77,77,77);
    font-size:10.4pt;
}
#purity_text_head{
    font-size:21pt;
    font-style: italic;
}
#purity_bk1{
    position:absolute;
    top:1450px;    
    height:900px;
    width:100%;
    z-index:-1;
}
#purity_bk_water{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    max-width:1500px;
}
#particles {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow:hidden;
    z-index:108;
}
#particles-content {
    position: relative;
    width: 960px;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    top:250px;
    z-index:107;
}
.particle-wrapper { 
    position: absolute; 
    left: 480px; 
    top: 1471.9px; 
}
.particle { display: block }
.floating { position: relative }
.particle.four {
    width: 408px;
    height: 192px;
    background: transparent url("images/particles-four.png") no-repeat 0 0;
    z-index:108;
}
.particle.four.layer1 { background-position: -408px 0 }
.particle.four.layer2 { background-position: -204px 0 }
.particle.four.layer3 { background-position: 0 0 }
.particle.four.layer1.cyan { background-position: -408px 0 }
.particle.four.layer1.blue { background-position: -408px -192px }
.particle.four.layer1.green { background-position: -408px -384px }
.particle.four.layer1.magenta { background-position: -408px -576px }
.particle.four.layer1.orange { background-position: -408px -768px }
.particle.four.layer1.yellow { background-position: -408px -768px }
.particle.four.layer1.red { background-position: -408px -960px }
.particle.four.layer2.cyan { background-position: -204px 0 }
.particle.four.layer2.blue { background-position: -204px -192px }
.particle.four.layer2.green { background-position: -204px -384px }
.particle.four.layer2.magenta { background-position: -204px -576px }
.particle.four.layer2.orange { background-position: -204px -768px }
.particle.four.layer2.yellow { background-position: -204px -768px }
.particle.four.layer2.red { background-position: -204px -960px }
.particle.four.layer3.cyan { background-position: 0 0 }
.particle.four.layer3.blue { background-position: 0 -192px }
.particle.four.layer3.green { background-position: 0 -384px }
.particle.four.layer3.magenta { background-position: 0 -576px }
.particle.four.layer3.orange { background-position: 0 -768px }
.particle.four.layer3.yellow { background-position: 0 -768px }
.particle.four.layer3.red { background-position: 0 -960px }
.particle.four.layer1.intro { background-position: -408px -192px }
.particle.four.layer2.intro { background-position: -204px -192px }
.particle.four.layer3.intro { background-position: 0 -192px }
.particle.four.layer1.intro.medium {
    background-position: -207px -1237px;
    width: 102px;
    height: 78px;
}
.particle.four.layer2.intro.medium {
    background-position: -308px -1152px;
    width: 102px;
    height: 78px;
}
.particle.four.layer3.intro.medium {
    background-position: -207px -1152px;
    width: 102px;
    height: 78px;
}
.particle.four.layer1.intro.small {
    background-position: -308px -1276px;
    width: 51px;
    height: 49px;
}
.particle.four.layer2.intro.small {
    background-position: -360px -1237px;
    width: 51px;
    height: 49px;
}
.particle.four.layer3.intro.small {
    background-position: -308px -1237px;
    width: 51px;
    height: 49px;
}


#particles-content {
    position: relative;
    width: 960px;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
}

#precision{
    position:absolute;
    top:2000px;
    height:853px;
    left:0;
    width:100%;
    z-index:110;
    background:url('images/precision_bk.jpg') fixed center center no-repeat white;
    overflow:hidden;
}
#precision_head{
    position:absolute;
    top:100px;
    width:30%;
    height:40px;
    right:0;
    text-align:left;
    font-size:22pt;  
    background-color:rgba(107,125,135,0.1);
    color:black;
    z-index:999;
    border-radius:3px;
    padding-left:10px;
}
#precision_bk{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    width:1280px;    
    height:853px;
    z-index:4;
}
#precision_text{
    position:absolute;
    left:300px;
    top:180px;
    width:350px;
    height:130px;
    z-index:6;
}
#precision_top{
    position:absolute;
    z-index:6;
    left:709px;
    top:136.5px;
    width:566.4px;
    height:259.2px;
}
#precision_bottom{
    position:absolute;
    z-index:6;
    left:468.5px;
    top:339px;
    margin:auto;
    width:395px;
    height:521.6px;
}

#product{
    position:absolute;
    background:url('images/product_bk.jpg') no-repeat center center fixed;
    background-size:100% 100%;
    top:2853px;
    left:0;
    height:900px;
    width:100%;
    z-index:111;
}
#product_head{
    position:absolute;
    text-align:center;
    top:120px;
    width:730px;
    left:5%;
    height:200px;    
    color:rgb(204,204,204);
    font-family:"Century Gothic", arial;
    font-size:30pt;
    font-style:italic;
}
#product_text{
    position:absolute;
    width:760px;
    top:240px;
    left:5%;    
    font-family:"Century Gothic", arial;
    color:rgba(204,204,204,0.8);
    font-size:16pt;
    text-align:justify;
}
#product_text_footer{
    position:absolute;
    width:100%;
    left:5%;
    text-align:left;
    top:700px;
    font-family:"Century Gothic", arial;
    color:rgba(204,204,204,0.9);
    font-size:16pt;
    font-style:italic;
}

#quality{
    position:absolute;
    top:3753px;
    height:678px;
    width:100%;
    left:0;
    overflow:hidden;
}
#quality_head{
    position:absolute;
    top:80px;
    width:22%;
    height:45px;
    left:0;
    text-align:right;
    font-size:24pt;  
    background-color:rgba(49,57,67,0.3);
    color:rgba(255,255,255,0.7);
    z-index:999;
    border-radius:3px;
    padding-right:10px;
}
#quality_sub{
    position:absolute;
    top:0;
    height:678px;
    width:1280px;
    left:0;
    right:0;
    margin:auto;
    overflow:hidden;
}
#quality_1{
    position:absolute;
    left:0;
    top:-42px;
    z-index:10;
}
#quality_2{
    position:absolute;
    left:299px;
    top:-42px;
    z-index:0;
}
.oranges{
    position:absolute;
    background:url('images/oranges.png') no-repeat;
    width:60px;
    height:100px;
}
#orange_1{
    background-position:center top;
    top:370px;
    left:400px;
    z-index:5;
}
#orange_2{
    background-position:center center;
    top:340px;
    left:370px;
    z-index:7;
}
#orange_3{    
    background-position:center bottom;
    top:385px;
    left:340px;
    z-index:6;
}
#orange_4{
    background-position:center center;
    top:340px;
    left:370px;
    z-index:4;
}
#orange_5{
    background-position:center center;
    top:340px;
    left:370px;
    z-index:9;
}
.quality_text{
    position:absolute;
    top:500px;
    font-family:"Century Gothic", arial;
    font-size:10pt;
    color:rgba(0,0,0,0.6);
    z-index:10;
}
.quality_text_head{
    font-size:21pt;
    font-style:italic;
}
#quality_text_left{
    left:250px;
    text-align:right;
}
#quality_text_right{
    left:800px;
}

#degradation_gradient{
    position:absolute;
    top:4411px;
    left:0;
    width:100%;
    height:20px;
    z-index:999;
}
#degradation{
    position:absolute;
    background:url('images/plastic_bk.png') repeat white fixed center center;
    top:4431px;    
    height:1600px;
    width:100%;
    overflow:hidden;
    z-index:-2;
}
#degradation_sub{
    position:absolute;
    width:1280px;
    height:1500px;
    left:0;
    right:0;
    top:0;
    margin:auto;    
    z-index:-1;
}
#plastic_head{
    position:absolute;
    left:0;
    right:0;
    top:50px;
    margin:auto;
    width:100%;
    z-index:1;
    text-align:center;
    font-size:22pt;
    font-family:"Century Gothic", arial;
}
#plastic_head_2{
    color:rgb(118,168,185);
    font-size:26pt;
}
.plastic_main_desc{
    display:none;
    position:absolute;
    top:200px;
    font-family:"Century Gothic", arial;
    width:13%;
    height:200px;
}
#plastic_left_main{
    left:0;
    text-align:left;
}
#plastic_right_main{
    right:15px;
    text-align:right;
}
.plastic_img{
    position:absolute;
    top:-5px;  
    width:100%;
    height:100px;
    font-size:65pt;
    text-align:center;
    vertical-align: text-top;
    color:red;
    font-family:"Century Gothic", arial;
}
#plastic_right_img img{
    position:absolute;
    top:5px;
    left:50px;
    height:90px;
    width:95px;
}
.plastic_center{
    position:absolute;
    top:100px;
    height:39px;
    width:100%;
    font-size:18pt;
    border-radius:3px;
    padding-top:1px;
}
#plastic_left_center{
    background-color:rgba(0,0,0,0.2);
    color:rgba(0,0,0,0.8);
    padding-left:10px;
}
#plastic_right_center{
    background-color:rgba(118,168,185,0.5);
    color:rgba(0,0,0,0.8);
    padding-right:20px;
}
.plastic_bottom{
    position:absolute;
    top:140px;
    width:100%;
}
#plastic_left_bottom{
    padding-left:10px;
}
#plastic_right_bottom{
    
}
.plastic_main{
    position:absolute;
    height:220px;
    width:180px;
    top:0px;
    overflow:hidden;
}
#plastic_black_main{
    left:240px;
}
#plastic_blue_main{
    left:900px;
}
.plastic{
    position:absolute;
    height:1800px;
    width:180px;
    top:-40px;
    left:0;
    z-index:3;
}
#degradation_mud{
    position:absolute;
    background:url('images/dustbin_bk.png') no-repeat;
    background-size:1274px 424px;
    top:980px;
    left:0px;
    width:1280px;
    height:420px;
    z-index:0;
}
.dustbin_main{
    position:absolute;
    top:1050px;
    width:200px;
    height:250px;
    overflow:hidden;
}
#dustbin_left{
    left:190px;
}
#dustbin_right{
    left:880px;
}
#dustbin_left_back, #dustbin_right_back{
    position:absolute;
    z-index:2;
}
#dustbin_left_front, #dustbin_right_front{
    position:absolute;
    z-index:4;
    top:-245px;
}
#plant_main{
    position:absolute;
    height:178px;
    width:272px;
    top:1075px;
    left:862px;
    z-index:5;
    overflow:hidden;
}
#plant{
    position:absolute;
    top:190px;
}
#degradation_footer{
    position:absolute;
    top:1420px;
    width:100%;
    text-align:center;
    left:0;
    right:0;
    margin:auto;
    font-family:"Century Gothic", arial;
    font-size:13pt;
    color:rgba(0,0,0,0.9);
}

#future{
    position:absolute;
    top:5931px;
    height:900px;
    width:100%;
    overflow:hidden;
    z-index:100;
}
#future_head{
    position:absolute;
    top:180px;
    width:22%;
    height:45px;
    left:0;
    text-align:right;
    font-size:24pt;  
    background-color:rgba(49,57,67,0.3);
    color:rgba(255,255,255,0.7);
    z-index:999;
    border-radius:3px;
    padding-right:10px;
}
#future_bk{
    position:absolute;
    width:1440px;
    height:900px;
    left:0;
    right:0;
    margin:auto;
}
#future_text{
    position:absolute;
    width:100%;
    top:500px;
    padding:30px;
    left:880px;
    width:300px;
    height:300px;
    background-color:rgba(0,0,0,0.4);
    font-family:"Century Gothic", arial;
    color:rgba(255,255,255,0.8);
    border-radius:5px;
    z-index:4;
}
.future_img{
    position:absolute;
    left:0;
}
#dev_back{
    top:0px;
    z-index:1;
}
#dev_mid{
    top:100px;
    z-index:2;
}
#dev_top{
    top:200px;
    z-index:3;
}

#granules{
    position:absolute;
    background:url('images/plastic_bk.png');
    top:6831px;
    width:100%;
    background-size:1280px 800px;
    height:970px;
    left:0;
}
#granules_box_main{
    position:absolute;
    top:75px;
    height:700px;
    width:1200px;
    left:0;
    right:0;
    margin:auto;
}
#granules_box_left{
    position:absolute;
    left:0;
    height:100%;
    width:500px;
}
#granules_left_img{
    position:absolute;
    max-height:600px;
    max-width:500px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    box-shadow:-0px 0px 20px 14px rgba(0,0,0,0.6);
}
#granules_box_right{
    position:absolute;
    right:0;
    height:650px;
    width:650px;
}
#granules_head{
    position:absolute;
    width:100%;
    top:40px;
    text-align:center;
    font-size:22pt;
    font-family:"Century Gothic", arial;
}
#granules_head span{
    color:rgb(118,168,185);
    font-size:26pt;
}
#granules_desc{
    position:absolute;
    top:175px;
    width:90%;
    left:5%;
    font-size:12pt;
    font-family:"Century Gothic", arial;
    text-align:center;
}
#granules_right_img_box{
    position:absolute;
    top:400px;
    height:200px;
    width:100%;
    text-align:center;
}
#granules_right_img_2{
    margin:0 20px 0 20px;
}
.granules_right_img{
    position:relative;
    display:inline-block;
    height:200px;
}
.granules_right_img_active{
    box-shadow:0 0 5px 8px rgb(118,168,185);
}

#products_desc_head{
    position:absolute;
    width:100%;
    bottom:20px;
    text-align:center;
    color:rgb(118,168,185);
    font-size:28pt;
    font-family:"Century Gothic";
}

#products_desc{
    position:absolute;
    top:7800px;
    width:100%;
    height:500px;
}
#products_desc_bk{
    position:absolute;
    width:2000px;
    height:468px;
    top:0px;
    left:0;
    right:0;
    margin:auto;
}
#products_desc_text{
    position:absolute;
    left:20px;
    top:40px;
    width:500px;
    text-align:center;
    font-size:13pt;
    font-family:"Century Gothic", arial;
    background-color:rgba(0,0,0,0.4);
    font-family:"Century Gothic", arial;
    color:rgba(255,255,255,0.8);
    border-radius:5px;
    padding:15px 10px 15px 10px;
    z-index:10;
}
#products_desc_people{
    position:absolute;
    right:30px;
    top:0px;
}
#products_desc_sketch_main {
    position: absolute;
    top: 280px;
    right: 700px;
    height:188px;
    overflow:hidden;
}
#products_desc_laptop{
    position:absolute;
    top:100px;
    right:500px;
    z-index:100;
}

#contact{
    position:absolute;
    top:8459px;
    width:100%;
    background-size:1280px 800px;
    max-height:940px;
    left:0;
}
#contact_bk{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
    max-width:1640px;
    width:100%;
    max-height:970px;
}
#shutter_open{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    max-width:1640px;
    max-height:970px;
    z-index:1;
}
#shutter_main{
    position:absolute;
    left:0;
    width:67.9878%;
    z-index:2;
    overflow:hidden;
}
#shutter{
    position:absolute;
    height:100%;
    width:100%;
    z-index:3;
}
#map-canvas{
    position:absolute;
    z-index:0;
}
#contact_form_box{
    position:absolute;
    font-family:"Century Gothic", arial;
    z-index:10;
    height:370px;
    background-color:rgba(0,0,0,0.3);
    padding:40px 10px 0 0;
}
.contact_form tr{
    height:40px;
    vertical-align: central;
}
.label{
    text-align:right;
    color:rgba(255,255,255,0.6);
}
.form_input{
    line-height: 27px;
    height:27px;
    border:none;
    background-color:rgb(230,231,232);
    border-radius: 5px;
   font-family:"Century Gothic", arial;
}
.form_input_message{
    resize:none;
    margin-left:5px;
    border:none;
    background-color:rgb(230,231,232);
    border-radius:5px;
    font-family:arial;
    height:100px;
    width:220px;
}
#clear_form, #submit_message{
    position:relative;
    display:inline-block;
    background-color:black;
    color:white;
    height:24px;
    width: 80px;
    border-radius:5px;
    border:1px solid black;
}
#check{
    position:absolute;
    text-align:center;
    left:0;
    right:0;
    margin:auto;
    color:rgba(255,255,255,0.6);
}
#address{
    position:absolute;
    font-family:"Century Gothic", arial;
    z-index:10;
    color:rgb(0,175,253);
    text-align:center;
    width:300px;
}