body {
	/*background: white;*/
	font-size:16px;
	line-height: 22px;
	color: black;
	word-wrap:break-word !important;
    overflow:no-display;
    font-family: 'Quicksand', sans-serif;
    /*display:inline;*/
	margin: 0px;
	padding: 0px;
    width:100%;    
    overflow-x:hidden;
   
}
.divalign p {
    color:white;
    font-weight:bold;
}
.top-right-menu {text-align:right; float:right; padding:0px 0; }
.top-right-menu a {color:#fff; font-size:13px; font-weight:500;text-transform: uppercase;}
 
.top-right-menu a:hover a:hover {color:#8a7ad3;border:solid; border-color:white}
.hed_colo_font_div{margin-top:8px; float:left;}
.theme-color2 {margin:0;   display:inline-block; list-style:none; }
.theme-color2 span {font-size:13px; font-weight:500;}
.theme-color2 li {margin:0; display:inline-block;}
.theme-color2 li a {margin:0 2px; padding:0; color:#3e3e3e; width:12px; height:12px; display:inline-block;  }
.theme-color2 li a.red {background-color:#ff6009;}
.theme-color2 li a.blue {background-color:#1f92f5;}
.theme-color2 li a.dblue {background-color:#2c328a;}
.theme-color2 li a.gray {background-color:#989898;}
.theme-color2 li a.green {background-color:#00a088;}
.theme-swatch{float:left; margin-left:10px;}

div {
    background-size:100% 70px;
}

.hed_colo_font_div ul li a {
    border:solid; border-color:white; border-width:0.5px;
}
.hed_colo_font_div ul li a:hover {
    border:solid; border-color:white; border-width:0.5px;
}
.top-header {
   
    background-color:#1f92f5;
    height:40px;
    width:100%;
    
}
.addd {
    color:#121212; background-color:rgba(225, 160, 23, 0.7);
    height:400px;
}
.tblcss {
    width: 100%;
  height: 300px;
  display: block;
  position: relative;
}
   .tblcss::before{
   
   content: "";
  background: url(img/s3.jpg);

  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
   
     
    }
   
  
i {
    color:#1a1593;
    margin-right:5%;
}
i:hover {
    color:white;
}
#container {
	margin: 0 auto;
}
 
.aa nav {
	margin: 8px 0;
   font-size:15px;
	/*background-color: white;*/
}
.aa nav ul {
	padding: 0;
    margin: 0;
	list-style: none;
	position: relative;
    
	}	
.aa nav ul li {
	display:inline-block;
    /*MENU BUTTON BACK COLOR*/
	
	}
.aa nav a {
	display:block;
	padding:0 10px;	
	color:black;
	line-height: 40px;	
	text-decoration:none;
   
}
   
.aa nav a:hover { 
	/*background-color: #333;*/ 
    color:blue;
    text-decoration:none;
}
.aa nav ul ul {
	display: none;
	position: absolute; 
     
	top: 40px; 	
}	

.aa nav ul li:hover > ul {
	display:inherit;
   z-index: 10000;
   font-size:4px;
    text-decoration:none;
}	
.aa nav ul ul li {
	width:230px;
	float:none;
	display:list-item;
	position: relative;
    border:solid;
    border-color:#39a2d7;
    border-width:0.5px;
    border-radius:10px;
    background-color:white;
}

.aa nav ul ul li:hover {
	/*border: 1px solid black;*/
    background-color:#fcba32;
    color:black;
}

.productbox {
    box-shadow:2px 2px 2px #050000;
    border-radius:10px;
    background-color:white;
      /*border:solid;*/
    /*border-color:black;*/  
    /*color:#4c85bb*/
}
.productbox1 {
    
    border-radius:10px;
    display:inline-block;
     overflow:visible;
    margin-top:-5%;
    margin-right:-10%;
    border:solid;
    border-color:white;    
    float:right;
    
}

.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: white;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  background-color: gray;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

    .topnav .active {
        color:#0f1b65;
        background-color:lightblue;
    }
.aa nav ul .active {
  color:#1282ee;
}


@font-face {
  font-family: myFirstFont;
  src: url(css/EurostileBQ-Extended.otf);
  font-weight: bold;
  
}
.topnav {
  display: none;
  
}
.divalign {
    padding-left: 5%;
    padding-right:0%;
    padding-bottom:20px;
    padding-top:50px;
    width:100%;
     background-color:#bdd3fb;
    grid-column-align:center;
    
   
}
.logo {
    /*border-radius: 20px; 
    box-shadow: 1px 1px 1px #030303;*/     
    height: 70px;
    width:20%;
}

/*Profile DropDown*/
.dropbtn {
   
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {

  position: relative;
  display: none;
 
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
 
}
.dropdown-content a {
    display: block;
  color: green;
  padding: 12px 10px;
  text-decoration: none;
  
    width:100%;
}

.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown:hover .dropdown-content{
  display: block;
 
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
.footL {
    text-align:left;
    margin-left:2%;
    font-size: 12px;
}
.footR {
     text-align:right;
    font-size: 15px;

}
@media screen and (min-width: 768px) and (max-width: 991px){
    .aa nav ul {
        display:none;
    }
    .footL {
    text-align:center;
    margin-left:0px;
   
}
.footR {
     text-align:center;
}
    .dropdown {
        display:block;
        margin-top:-25px;
    }
    .logo {
        margin:auto;
        width:50%;    
    }

    .top-right-menu {
        float:left;
    }
    .center {
        margin:auto;
        width:70%;
    }
    .topnav {
        display:inline-block;
        padding-top:10px;
        margin:auto;       
       width:50%;
      
    }
    .icon {
        margin-top:10px;
    }
  .aa nav ul a {
    text-align:center;
    display: block;
  }
  .divalign {
    margin-left: 0%;   
    margin-right:5%;
    overflow-x:no-display;
    width:99%;
    padding-bottom:20px;
    padding-top:50px;
}
}

@media screen and (min-width: 600px) and (max-width: 700px){
    .aa nav ul {
        display:none;
    }
    .topnav {
        display: block;
       margin:0px;
       padding:0px;
    }

    .footL {
    text-align:center;
    margin-left:0px;
   
}
.footR {
     text-align:center;
}

     .logo {
        margin:auto;
        width:100%;    
    }
  .aa nav ul a {
    text-align:center;
    display: block;
  }
  .divalign {
    margin-left: 0%;   
    margin-right:5%;
    overflow-x:no-display;
    width:99%;
    padding-bottom:20px;
    padding-top:50px;
}
}

@media screen and (max-width: 600px){
    .aa nav ul {
        display:none;
    }
    .topnav {
        display: block;
       margin:0px;
       padding:0px;
    }

    .footL {
    text-align:center;
    margin-left:0px;
   
}
.footR {
     text-align:center;
}


     .logo {
        margin:auto;
        width:100%;    
    }
  .aa nav ul a {
    text-align:center;
    display: block;
  }
  .divalign {
    margin-left: 0%;   
    margin-right:5%;
    overflow-x:no-display;
    width:99%;
    padding-bottom:20px;
    padding-top:50px;
}
}

/*@media screen and (max-width: 600px) {
    nav ul {
        position: relative;
    }

        nav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        nav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }
}*/