@charset "utf-8";
/* CSS Document */
 body 
{
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	 font-weight: 300;
	font-size: 20px;
    color:  #040293;
	 text-shadow: .15px .25px .35px #3C4BEE;
    
  }
.navbar-dark .navbar-brand {
  color: #fff;
	background-color: #3C4BEE;

}

.smartblinds 
{
	padding: 10PX;
    width: 225PX;
    height: 400px;
	position: relative;
    left: 35%;
       
}
.smartcurtains 
{
	padding: 10PX;
    width: 225PX;
    height: 400px;
	position: relative;
    left: 35%;
       
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
    background-color:#1527EA;
}

.navbar-dark .navbar-nav .nav-link {

    color: #FFF;
        background-color:  #3C4BEE;

}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus 
{
 
color: #FFF;
   background-color: #1527EA;
}
.bg-dark {
  /*background-color: #343a40 !important;*/
  background-color: #3C4BEE !important;
        color: #fff;

}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1527EA !important;
    color: #fff;
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
background-color:  #3C4BEE;
color: #fff;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
        background-color:  #3C4BEE;
color: #fff;
}




.navbar-dark .navbar-nav:hover
{background-color: #1527EA;}

.whitefont{color:white;}

.bluebg
{	background-color: #1527EA;
    color: #fff;
}
 .bluebg:hover 
{
    background-color: #3C4BEE;
    color: #fff;
}
.blueglow
{
border: 2px solid #1527EA;;
    border-radius: 4px;
    -webkit-box-shadow: 4px 3px 5px #3C4BEE;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 4px 3px 5px #3C4BEE;
}
.bgcoal{ 
    color: aquamarine;
    background-color: dimgrey;
        -webkit-box-shadow: 4px 3px 5px dimgrey;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 4px 3px 5px dimgrey;
		border: 2px solid dimgrey;

    

}
.bgcoal:hover{ background-color: #343a40 !important;
        -webkit-box-shadow: 4px 3px 5px #343a40;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 4px 3px 5px #343a40;
		border: 2px solid #343a40;
}

.homebotron {
	padding: 2rem 1rem;
	margin-bottom: 1rem;
	background-color: #D7DCEF;
	border: 2px solid #C5C9F4;
	border-radius: 4px;
	-webkit-box-shadow: 4px 3px 5px #B5BAF1;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 4px 3px 5px #B5BAF1;
}

@media (min-width: 576px) {
  .homebotron {
    padding: 4rem 2rem;
  }
}
.footbg
{	background-color: #3C4BEE; 
    color: #fff;
    border: 2px solid #3C4BEE;
/*    -webkit-box-shadow: 4px 3px 5px #3C4BEE;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 4px 3px 5px #3C4BEE;*/
    

}
 .footbg:hover 
{
    background-color: #1527EA;
    color: #fff;
        border: 2px solid #1527EA;
/*    -webkit-box-shadow: 4px 3px 5px #1527EA;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 4px 3px 5px #1527EA;*/
}