@font-face {
    font-family: opensans;
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: logo_font;
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: logo_description_font;
    src: url(../fonts/OpenSans-Regular.ttf);
}

body {
    font-family: opensans;
    overflow: hidden;
    background: black;
    color:white;
    text-decoration:none;
    cursor: default;
}

.scrollable_panel {
    padding-top:50px;
    padding-bottom:10px;
}

.navbar {
    border: 0px;
    padding:0px;
    margin:0px;
    background: #d70148;
}

.navbar a{
  color:#ffffff;
  text-decoration:none;
  cursor: pointer;
}

.navbar-brand {
    padding: 0px;
  }

 .logo-box{
     display: inline-flex;
     flex-direction: column;
     margin-top:5px;
     margin-right:20px; 
     margin-left:10px;
     text-decoration:none;
     cursor: pointer;
 } 

.logo-name{
    font-family: logo_font;
    color:hsl(138, 100%, 50%);
    font-size: x-large;
 }
 .logo-description{
    font-family: logo_description_font; 
    padding-left:40px; 
    color:#0009ff;
    font-size: smaller;
 }  

 .navbar-toggle {
     border:1px solid hsl(138, 100%, 50%);;
 }
 .navbar-toggle .icon-bar {
     background-color:hsl(138, 100%, 50%);;
}

.nav li a:hover {
    text-decoration: none;
    background-color:#f95d6a;
}



#home {
    background: hsl(28,100%,52%);
    height: 100vh;
}

#products {
    background: hsl(184,65%,49%);
}

#services {
    background:#9b59b6;
}

#contact_us {
    background: #d70148;
    padding-bottom: 30px;
}

.grid_view {
    display: flex;
    flex-wrap: wrap;
}

.grid_view_item{
    padding-top:15px; 
}


.grid_view_item h3{
    color:#d70148;
    text-shadow: 0 0 3px rgb(255, 0, 0);
    background: rgba(17, 255, 0, 0.7);
}

.grid_view_item .w3-button{
    background-color:#222222 ;
    color:#d70148;
    font-size: large;
    text-decoration:none;
    margin:20px;
}

.grid_view_item .w3-button:hover{
    background-color:#d70148 !important;
    color:white !important;
}

.img-bg{
    max-width: 100%;
    max-height:auto;
    width:100%;
    height:100%;
}


#contact_us h2{
    color:#d8ff00;
}

#contact_us .contact-item{
    color:#00ff4c;
    text-decoration:none;
    cursor: pointer;
}


#contact_us .social-icon{
    margin-left:50px;
    margin-top:100px;
}


#contact_us .social-icon{
   font-size: xx-large;
}

#contact_us .social-icon .fa-facebook{
    color:#4267b2;
 }

 #contact_us .social-icon .fa-google-plus{
    color:#ffffff;
 }

 #contact_us .social-icon .fa-twitter{
    color:#1da1f2;
 }

 #request_callback {
     color:black;
     padding-bottom:30px;
 }

#id_request_callback_button {
    margin-bottom:30px;
}