::-webkit-scrollbar {  
    width: 10px;
}  
::-webkit-scrollbar-track {
    opacity:0;  
    background-color:#1c1c1f;
    border-left: 0px solid #ccc;  
}  
::-webkit-scrollbar-thumb {  
    background-color: #3e3e40;  
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #3e3e40;  
}
:-moz-placeholder { /* Firefox 18- */
   color:#9D9D9D;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#9D9D9D;  
}



body {
      
      color:#fff;
      background-color:#3F3E45;
    }
    a  { color:#0000FF; }
    a:visited { color:#800080; }
    a:hover { color:#008000; }
    a:active { color:#FF0000; }


.texts {
font-family: 'Open Sans', sans-serif;
text-align:center;
letter-spacing:0px;
}



.circle {
	border-radius: 50%;
	/* width and height can be anything, as long as they're equal */
}

.shadowed {
  box-shadow: 0 50px 201px 360px #3F3E45;
}

#logo_image {
    width: 90px;
	height: 90px;
    background-color:#FFB74D; 
    background-image:url('/studier/emner/matnat/ifi/IN1060/studentprosjekter/prosjekter-2016/LCD%20D4%20pin%20to%20digital%20pin%205/test/images/logo.png');
    background-size: 50px 39px;
    background-repeat: no-repeat;
    background-position: center; 

}

#logo_header {
width:320px;
height:90px;
position:absolute;
left:50%;
background-color;
top:100px;
margin-left:-400px;
}

#brand_name {
    height:110px;
    width:220px;
    left:80px;
    position:absolute;
    font-size:42px;
    top:-40px;
    text-shadow: 0px 2px 3px #555;
}

#brand_slogan {
    width:220px;
    left:80px;
    position:absolute;
    font-size:15px;
    color:#000;
    letter-spacing:-1px;
    top:40px;
    opacity:0.4;
    color:#fff;
}

#img_header {
    background-image:url('/studier/emner/matnat/ifi/IN1060/studentprosjekter/prosjekter-2016/LCD%20D4%20pin%20to%20digital%20pin%205/test/images/.png');
    width:100%;
    height:700px;
    position:absolute;
    z-index:-1;
    left:0px;
    top:0px;
    padding:0;
    margin:0;
}

#selection_menu {
    position:absolute;
    letter-spacing:-1px;
    width:400px;
    left:50%;
    margin-left:150px;
    height:20px;
    top:120px;
    text-shadow: 1px 2px 3px #000;
    cursor:default;
}

#ABOUT_p {
    position:absolute;
    left:0px;
    opacity:0.5;
    transition: 0.3s ease;
}
    #ABOUT_p:hover {
        transition: 0.3s ease;
        opacity:1;
    }

#REGISTER_p {
    position:absolute;
    left:98px;
    opacity:0.5;
    transition: 0.3s ease;
}
    #REGISTER_p:hover {
        transition: 0.3s ease;
        opacity:1;
    }

#SIGNIN_p {
    position:absolute;
    left:212px;
    opacity:0.5;
    transition: 0.3s ease;
}
    #SIGNIN_p:hover {
        transition: 0.3s ease;
        opacity:1;
    }

#CONTACT_p {
    position:absolute;
    left:312px;
    opacity:0.5;
    transition: 0.3s ease;
}
    #CONTACT_p:hover {
        transition: 0.3s ease;
        opacity:1;
    }

#gradient {
    width:100%;
    height:100px;
    position:absolute;
    top:700px;
    left:0px;
    padding:0;
    margin:0;
}

#slogan {
    height:135px;
    width:100%;
    left:0px;
    position:absolute;
    font-size:34px;
    top:300px;
    text-shadow: 0px 2px 3px #555;
    padding:0;
    margin:0;
}

#cirlce1 {
width:250px;
height:250px;
background-color:#FFB74D;

position:absolute;
top:600px;
left:50%;
margin-left:-125px;

    background-image:url('/studier/emner/matnat/ifi/IN1060/studentprosjekter/prosjekter-2016/LCD%20D4%20pin%20to%20digital%20pin%205/test/images/system1.png');
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: center; 
}
#cirlce2 {
width:250px;
height:250px;
background-color:#FFB74D;

position:absolute;
top:600px;
left:50%;
margin-left:155px;

    background-image:url('/studier/emner/matnat/ifi/IN1060/studentprosjekter/prosjekter-2016/LCD%20D4%20pin%20to%20digital%20pin%205/test/images/logotype111.png');
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: center; 
}
#cirlce3 {
width:250px;
height:250px;
background-color:#FFB74D;

position:absolute;
top:600px;
left:50%;
margin-left:-405px;

    background-image:url('/studier/emner/matnat/ifi/IN1060/studentprosjekter/prosjekter-2016/LCD%20D4%20pin%20to%20digital%20pin%205/test/images/monitor7.png');
    background-size: 64px 64px;
    background-repeat: no-repeat;
    background-position: center; 
}

#circle1_text {
    width:250px;
    height:300px;
    position:absolute;
    top:850px;
    left:50%;
    margin-left:-125px;
}

.downloadBTN {
    background-color:transparent;
    transition: 0.3s ease;
    width:150px;
    height:50px;
    border:2px solid #FFB74D;
    border-radius:100px 100px 100px 100px;
    position:absolute;
    top:1150px;
    left:50%;
}
    .downloadBTN:hover {
        transition: 0.3s ease;
        background-color:#FFB74D;
    }

#circle1_download {
    margin-left:-75px;
}

#circle2_text {
    width:250px;
    height:300px;
    position:absolute;
    top:850px;
    left:50%;
    margin-left:155px;
}

#circle2_download {
    margin-left:203px;
}

#circle3_text {
    width:250px;
    height:300px;
    position:absolute;
    top:850px;
    left:50%;
    margin-left:-405px;
}

#circle3_download {
    margin-left:-357px;
}




#introduction {
padding:0;
margin:0;
width:100%;
position:absolute;
left:0px;
top:1250px;
height:400px;
background-color:#38373d;
}



#iphoneshell {
    position:absolute;
    width:414px;
    height:881px;
    background-image:url('/studier/emner/matnat/ifi/IN1060/studentprosjekter/prosjekter-2016/LCD%20D4%20pin%20to%20digital%20pin%205/test/images/shell.png');
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: center; 
    top:1600px;
    left:50%;
    margin-left:-507px;
}

#samsungshell {
    position:absolute;
    width:471px;
    height:908px;
    background-image:url('/studier/emner/matnat/ifi/IN1060/studentprosjekter/prosjekter-2016/LCD%20D4%20pin%20to%20digital%20pin%205/test/images/shell2.png');
    background-size: 340px;
    background-repeat: no-repeat;
    background-position: center; 
    top:1600px;
    left:50%;
    margin-left:70px;
}

#video_demo {
    position:absolute;
    top:1813px;
    left:50%;
    margin-left:-427px;
    width:257px;
}

#video_demo2 {
    position:absolute;
    top:1768px;
    left:50%;
    margin-left:147px;
    width:320px;
}





#register_flate {
position:absolute;
margin:0;
padding:0;
top:2450px;
left:0px;
width:100%;
height:400px;
background-color:#3F3E45;
overflow:hidden;
transition: 0.3s ease;
}

#registerSTART {
    cursor:default;
}
#finalTimeText {
    font-size:30px;
    top:300px;
    position:absolute;
    left:50%;
    width:0px;
    margin:-200px;
    margin-top:0;
    overflow:hidden;
    transition: 0.3s ease;
}
#downloadBTN_register {
    background-color:transparent;
    transition: 0.3s ease;
    width:150px;
    height:50px;
    border:2px solid #FFB74D;
    border-radius:100px 100px 100px 100px;
    position:absolute;
    top:300px;
    left:50%;
    margin-left:-75px;
}
    #downloadBTN_register:hover {
        transition: 0.3s ease;
        background-color:#FFB74D;
    }

.inputID {
    font-family: 'Open Sans', sans-serif;
    text-align:center;
    letter-spacing:0px;
    width:400px;
    background-color:#38373d;
    border:none;
    height:50px;
    font-size:20px;
    position:absolute;
    left:50%;
    margin-left:-200px;
    color:#FFB74D;
    transition: 0.3s ease;
    
}



#contact_flate {
position:absolute;
margin:0;
padding:0;
top:2850px;
left:0px;
width:100%;
height:200px;
background-color:#38373d;
transition: 0.3s ease;
}