/*
* Style tweaks
* --------------------------------------------------
*/

/*
 * Custom styles
 */
.navbar-brand {
    font-size: 24px;
}

.navbar-container {

}

.navbar.navbar-fixed-top.fixed-theme {
    background-color: #ffffff;
   
    box-shadow: 0 0 5px rgba(0,0,0,.8);
}

.navbar-brand.fixed-theme {
    font-size: 18px;
}

.navbar-container.fixed-theme {
    padding: 0;
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.8s;
    -webkit-transition:  0.8s;
}
/*navbar*/
.bg
{/*
     background-image: url(../assets/logo/wood.jpg);*/
    background-color:#ffffff;
    height: auto;
    width: auto;
}
.imagebg
{
   color: white;
background-color: rgba(0,0,0,0.10);
    padding-left: 30px;
   }

.example-sidenav-content {
padding-top: 20px;
 
}
.nav li a:hover
{
    
color:#ed1451;
    background-color:#feca0a;
}
.nav li a:active
{
    
color:#ed1451;
    background-color:#feca0a;
}
 a:visited
{
    
color:white;
    background-color:#ed1451;
}
.nav li a:focus
{
    
color:#ed1451;
    background-color:#feca0a;
}
.mdc-toolbar {
     
  height: auto;
    background-color:transparent;
    overflow: visible;
    border: none;
    }
.bg1
{
    text-align: center;
    background-color:#96261a;
}
.bg2
{
    background-color:white;
}
a:hover
{
    color:#ed1451;
    background-color:#feca0a;

}
a:focus,a:active {
   outline: none !important;
    color:#ed1451;
    background-color:#feca0a;
}

ul li a:active
{
color: #ed1451;
    background-color:#feca0a;
}

.hov
{
   background-color:#feca0a;
}
.none:-moz-focus-inner 
{
    
    outline: none;
    border: 0;
   text-align: right;
}

.mat-sidenav{
    -webkit-overflow-scrolling:touch;
}
h2,h3,h4
{   
    text-align: center;
}


.example-sidenav {
  padding: 20px;
    background-color:rgba(0,0,0,0.70);
}
  .demo-toolbar-icon {
    padding: 0 5px;
      color: brown;
  }

  .demo-fill-remaining {
    flex: 1 1 auto;
  }

#box
{
    border-radius: 20px;
     border:0px solid #ccc;
    height:35px;
    width:800px;
    font-size:14pt;
    outline: none;
    text-align: center;
}
.btn
{
    background-color:transparent;
    color:red;
    border:0;
    border-radius:20px;
    height:30px;
    outline: none;
}
.btn-up {
    color: #fff;
    /* background-color: #337ab7; */
    border-color: #2e6da4;
}
.inside
{
    border-radius: 20px;
     border:1px solid #ccc;
    display:inline-block;
}

.example-card1 {

  width:250px;
}

.example-header-image {
    
background-color: darkgray;
  background-size: cover;
}

md-card
{
    background-color: darkgray;
    background-position: 0px 0px, 10px 10px;
    background-size: 20px 20px;
}
md-grid-tile {
  background: lightblue;
}



.app-toolbar-filler {
  flex: 1 1 auto;
}
md-sidenav-layout.m2app-dark {
  background: black;
}
.app-content {
  padding: 20px;
}
.app-content md-card {
  margin: 20px;
}
.app-sidenav {
  padding: 50px;
  min-width: 100px;
}
.app-content md-checkbox {
  margin: 10px;
}

.app-toolbar-menu {
  padding: 0 14px 0 14px;
  color: white;
}
.app-icon-button {
    
    outline: none;
  box-shadow: none;
  user-select: none;
  background: none;
  border: none;
  cursor: pointer;
  filter: none;
  font-weight: normal;
  height: auto;
  line-height: inherit;
  }
.app-action {
  display: inline-block;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.app-input-icon {
  font-size: 16px;
}
.app-list {
  border: 1px solid rgba(0,0,0,0.12);
  width: 350px;
  margin: 20px;
}

.valign
{
    color: white;
    align-items: center;
    vertical-align:text-bottom;
    color: white;
   padding-left: 140px;
}
.mapmarg
{
   
  padding: 1em;
}
.mapsize
{
   
    max-width: 100%;
    height: 220px;
    width: 350px;
   
    
}

.white-color
{
    text-align: center;
    color:white;
}

a{
    color: #ed1451;
}
.linkseen
{
    color:white;

    padding: inherit;
}
  



.liststyle
{
    list-style:none;
    
}
.copyfooter
{
    background-color: black;
    
   
}
.bottomfooter
{
    margin: auto;
  
    font-family:"Charlemagne Std";
font-size: 20px;
    color: white;
    text-align: center;
}

.nav li a
{
    border-radius: 5px;
    font-weight: 550;
    font-family: "Rockwell", sans-serif;
    font-size: 20px;
    padding: 1px 12px;
}

.model3
{
    height: 300px;
    float: right;
}

@media (min-width: 768px)
{
     .storebox
{
    top: -100px;
   padding-top:200px;
}
.storebox .model1
{
    
   padding-left:50px;
    height: 80px;
    width: auto;
    float: left;
}
   
    
    .about .content
{
   
    font-family: "Roboto-Light",sans-serif;
    color: black;
    font-weight:500 bold;
     width:auto;
    margin:0 auto;
    text-align:left;
   
}
    
.about .buycontent
{
   
    font-family: "Roboto-Light";
    color: black;
    font-weight:500 bold;
     width:500px;
    margin:0 auto;
    text-align:left;
   
}
     .navbar-nav
{
    text-transform: uppercase;
  
    padding-top: 50px;
float: right;
display: inline!important;
     line-height:50px;
    vertical-align: middle;

}

.logo
{
   padding-left: 25px;
   height:auto; 
    width:220px;
    float: left;
}
    .navbar
    {
       float: right;
        text-align: right;
    }
    
    

        
    .model8
{
    
   margin-top: -90px;
    float:left;
}
 
}
@media (max-width:768px)
{


    .container
    {
        width: 100%;
    }
     .left
    {
        padding-left: 50px;
    }
    .right
    {
        padding-top: 20px;
    }
        .model1
{
   
    height: 80px;
    float: left;
}
    .storebox
{
    top: -100px;
   padding-top:200px;
    padding-left: 50px;
}
    .about .content
{
   
    font-family: "Roboto-Light";
    color: black;
    font-weight:500 bold;
     width:auto;
    margin:0 auto;
    text-align:left;
   
}
    
    .about .buycontent
{
   
    font-family: "Roboto-Light";
    color: black;
    font-weight:500 bold;
     width:auto;
    text-align:left;
   
}
.navbar-nav
{
text-transform: uppercase;
float: left;
display: inline!important;

}
.icon-bar{
    background-color:#ed1451;
}    
.logo
{
  
   height:auto; 
    width:200px;
    float: left;
}
    .no-margin     
    {
    }
    button .navbar-toggle
    {
        padding-left: 50px;
    }
}
.navbar-header button
{
    
    background-color:#feca0a;
}


.affix {
      top: 0;
      width: 100%;
  }


.model6
{
    height: 325px;
	margin-top:30px;
    float: right;
}

.model5
{
    height: 300px;
    float: left;
}