body{
  font: 15px/1.5 Arial, Helvetica,sans-serif;
  padding:0;
  margin:0;
  background-color: #ffffff;
 text-align: center;

}

/* Global */
.container{
  width:85%;
  margin-left:0px;
  overflow:hidden;
 
}

.dark{
  padding:10px;
  background: #35424a;
  color: #ffffff;
  margin-top:10px;
  margin-bottom:10px;

}
ul{
  margin:0;
  padding:0;
}

.button_1{
  height:35px;
 background: linear-gradient(#FF8C00,#800000);
  border:0;
  padding-left:20px;
  padding-right:20px;
  color: #ffffff;
font-size: 15px;
font-weight:bold;
}

.button_1:hover{
                       background: #ffffff;
                    color: #FF8C00;
			//background: linear-gradient(#FF8C00,#ffffff);//
			opacity: 0.8;
			transition: all ease-out 0.2s;
}



/* Header **/

header{

       border-top:#FF8C00 5px solid;
 /* background:#35424a; */
	 background:#000000;
 /*background: #FFFFFF;*/
  color: #ffffff;
  padding-top:0px;
 /*min-height:35px;*/
 max-height:113px;
/*font-weight:bold;*/
  border-bottom:#FF8C00 5px solid;
/*margin-bottom:30px;*/

}

header a{

  color: #ffffff;
  text-decoration:none;
  text-transform:0;
  font-size:15px;
 
}

header nav{

/*margin-top:20px;*/
/*border-top: 70px solid blue;*/
/* border-top: 5px solid orange;*/
/* border-bottom: 5px solid orange;*/
  float:left;
 width: 30%;
height: 165px;
padding-right: 17px;
padding-bottom: 10px;
padding-left: 0px;
/*padding-bottom: 38px;*/
margin-left:0px;
background: none;

}


header li article{

border-radius: 2px;
 display:inline-block;
width: 20%;
padding: 7px 7px 7px 7px 7px;
background: white;
padding-left: 55px;
color: #FF8C00;
padding-right:55px;
 margin-left: 1px;
font: 17px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid blue;*/
}

nav li article:hover {
  
  background: #9f79ee;
width: 22%;
padding: 7px 7px 7px 7px 7px;
padding-left: 52px;
padding-right: 52px;
  color: black;
/* font: 19px/1.5 AR DESTINE;*/
font: 17px Agency FB;
font-weight:bold;
/*border-top: 1px solid red;*/
/*border-bottom: 1px solid red;*/
/*border-left: 1px solid 9f79ee;*/
/*border-right: 1px solid #8a2be2;*/

}

/* Home- Dropdown5 */
/* Dropdown Button5 */
.dropbtn5 {
border-radius: 2px;
padding-left:5px;
color: #FF8C00;
margin-left:1px;
background-color: white;
font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
border-right:none;
border-left:none;
width: 190px;
height: 24px;
}
.dropdown5 {
border-radius: 2px;
    position: relative;
    display: inline-block;
 
}

/* Dropdown Content (Hidden by Default)5 */
.dropdown-content5 {
   padding: 8px 8px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 155px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  
}

/* Links inside the dropdown5 */
.dropdown-content5 a {
height:22px;
    color: white;
padding-left: 0px;
background:url('../Target5.png');
padding: 3px 3px;
    text-decoration: none;
 display: block;
/*display:inline-block;*/

border-top: 1px solid #eed5b7;
/*border-bottom: 1px solid #eed5b7;*/
  
}

/* Change color of dropdown links on hover5 */
.dropdown-content5 a:hover article{
 background:#9f79ee;

background:url('../Arrow5.png');
 text-align: right;
/* height:25px;*/
padding-left: 0px;
/*padding-top:5px;*/
padding-right: 0px;
 color: black;
/* font: 19px/1.5 AR DESTINE;*/
font: 15px Agency FB;
font-weight:bold;
margin-left: 0px;
/*border-top: 2px solid white;*/
/*border-bottom: 2px solid white;*/
/*border-left: 2px solid white;*/
/*border-right: 2px solid white;*/


}
/* Show the dropdown menu on hover5 */
.dropdown5:hover .dropdown-content5 {
padding:3px 3px;
padding-top: 0px;
  display:inline-block;
width: 90%;
height:48px;
text-align: right;
/* padding-bottom: 5px;*/
/*background: #8470ff;*/
background: #FF8C00;
/* opacity: 0.8;*/
padding-left: 0px;
color: black;
padding-right: 0px;

 margin-left: 0px;
font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
}
/* Change the background color of the dropdown button when the dropdown content is shown5 */
.dropdown5:hover .dropbtn5 {
border-radius: 2px;
  /* background-color: white;*/
 /*background:#000000;*/
 color: black;
  padding-right: 12px;
background:url('../test12-new10.png');
padding-left: 0px;


border-top: 1px solid #eed5b7;
/* font: 19px/1.5 AR DESTINE;*/
font: 16px Agency FB;
font-weight:bold;

}

/* Contact US- Dropdown6 */
/* Dropdown Button6 */
.dropbtn6 {
border-radius: 2px;
padding-left:5px;
color: #FF8C00;
margin-left:1px;
background-color: white;
font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
border-right:none;
border-left:none;
width: 190px;
height: 24px;
}
.dropdown6 {
border-radius: 2px;
    position: relative;
    display: inline-block;
 
}

/* Dropdown Content (Hidden by Default)6 */
.dropdown-content6 {
   padding: 8px 8px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 155px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  
}

/* Links inside the dropdow6 */
.dropdown-content6 a {
height:22px;
    color: white;
padding-left: 0px;
background:url('../Target5.png');
padding: 3px 3px;
    text-decoration: none;
 display: block;
/*display:inline-block;*/

border-top: 1px solid #eed5b7;
/*border-bottom: 1px solid #eed5b7;*/
  
}

/* Change color of dropdown links on hover6 */
.dropdown-content6 a:hover article{
 background:#9f79ee;

background:url('../Arrow5.png');
 text-align: right;
/* height:25px;*/
padding-left: 0px;
/*padding-top:5px;*/
padding-right: 0px;
 color: black;
/* font: 19px/1.5 AR DESTINE;*/
font: 15px Agency FB;
font-weight:bold;
margin-left: 0px;
/*border-top: 2px solid white;*/
/*border-bottom: 2px solid white;*/
/*border-left: 2px solid white;*/
/*border-right: 2px solid white;*/


}
/* Show the dropdown menu on hover6 */
.dropdown6:hover .dropdown-content6 {
padding:3px 3px;
padding-top: 0px;
  display:inline-block;
width: 90%;
height:48px;
text-align: right;
/* padding-bottom: 5px;*/
/*background: #8470ff;*/
background: #FF8C00;
/* opacity: 0.8;*/
padding-left: 0px;
color: black;
padding-right: 0px;

 margin-left: 0px;
font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
}
/* Change the background color of the dropdown button when the dropdown content is shown6 */
.dropdown6:hover .dropbtn6 {
border-radius: 2px;
  /* background-color: white;*/
 /*background:#000000;*/
 color: black;
  padding-right: 12px;
background:url('../test12-new10.png');
padding-left: 0px;

border-top: 1px solid #eed5b7;
/* font: 19px/1.5 AR DESTINE;*/
font: 16px Agency FB;
font-weight:bold;

}

/* Services - Dropdown2 */
/* Dropdown Button2 */
.dropbtn2 {
border-radius: 2px;
padding-left:5px;
color: #FF8C00;
margin-left:1px;
background-color: white;
font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
border-right:none;
border-left:none;
width: 190px;
height: 24px;
}
.dropdown2 {
border-radius: 2px;
    position: relative;
    display: inline-block;
 
}

/* Dropdown Content (Hidden by Default)2 */
.dropdown-content2 {
   padding: 8px 8px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 155px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  
}

/* Links inside the dropdown2 */
.dropdown-content2 a {
height:22px;
    color: white;
padding-left: 0px;
background:url('../Target5.png');
padding: 3px 3px;
    text-decoration: none;
 display: block;
/*display:inline-block;*/

border-top: 1px solid #eed5b7;
/*border-bottom: 1px solid #eed5b7;*/
  
}

/* Change color of dropdown links on hover2 */
.dropdown-content2 a:hover article{
 background:#9f79ee;

background:url('../Arrow5.png');
 text-align: right;
/* height:25px;*/
padding-left: 0px;
/*padding-top:5px;*/
padding-right: 0px;
 color: black;
/* font: 19px/1.5 AR DESTINE;*/
font: 15px Agency FB;
font-weight:bold;
margin-left: 0px;
/*border-top: 2px solid white;*/
/*border-bottom: 2px solid white;*/
/*border-left: 2px solid white;*/
/*border-right: 2px solid white;*/


}
/* Show the dropdown menu on hover2 */
.dropdown2:hover .dropdown-content2 {
padding:3px 3px;
padding-top: 0px;
  display:inline-block;
width: 90%;
height:48px;
text-align: right;
/* padding-bottom: 5px;*/
/*background: #8470ff;*/
background: #FF8C00;
/* opacity: 0.8;*/
padding-left: 0px;
color: black;
padding-right: 0px;

 margin-left: 0px;
font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
}
/* Change the background color of the dropdown button when the dropdown content is shown2 */
.dropdown2:hover .dropbtn2 {
border-radius: 2px;
  /* background-color: white;*/
 /*background:#000000;*/
 color: black;
  padding-right: 12px;
background:url('../test12-new10.png');
padding-left: 0px;


border-top: 1px solid #eed5b7;
/* font: 19px/1.5 AR DESTINE;*/
font: 16px Agency FB;
font-weight:bold;

}

/* About Us - Dropdown3*/

/* Dropdown Button3 */
.dropbtn3 {
border-radius: 2px;
padding-right:5px;
color: #FF8C00;
margin-left:1px;
background-color: white;
font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
border-right:none;
border-left:none;
width: 190px;
height: 23px;
}
.dropdown3 {
    position: relative;
    display: inline-block;
 
}

/* Dropdown Content (Hidden by Default)3 */
.dropdown-content3 {
 
   padding: 3px 3px 3px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 140px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  
}

/* Links inside the dropdown3 */
.dropdown-content3 a {
height:22px;
    color: white;
background:url('../Target5.png');
padding: 3px 3px 3px;
    text-decoration: none;
    text-align: right;
 display: block;
/*display:inline-block;*/
/*padding-left:5px;*/
border-top: 1px solid #eed5b7;
/*border-bottom: 1px solid #eed5b7;*/
  
}

/* Change color of dropdown links on hover3 */
.dropdown-content3 a:hover article{
background:url('../Arrow5.png');
/* background:#9f79ee;*/
/*height:14px;*/
/*margin-left: 40px;*/
/*padding:5px;*/
/*padding-right: 0px;*/
  color: black;
/* font: 19px/1.5 AR DESTINE;*/
font: 15px Agency FB;
font-weight:bold;


}
/* Show the dropdown menu on hover3 */
.dropdown3:hover .dropdown-content3 {
padding-left: 1px;
padding-top: 0px;
  display:inline-block;
width: 88%;
height:112px;
/* padding-top: 10px;*/
/*padding-bottom: 10px;*/
/*background: #8470ff;*/
background: #FF8C00;
/* opacity: 0.8;*/

 margin-right: 0px;
font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
}
/* Change the background color of the dropdown button when the dropdown content is shown3 */
.dropdown3:hover .dropbtn3 {
border-radius: 2px;
  /* background-color: white;*/
 /*background:#000000;*/
 color: black;
 background:url('../test12-new10.png');
padding-left: 0px;
/*padding-right: 50px;*/

border-top: 1px solid #eed5b7;
/* font: 19px/1.5 AR DESTINE;*/
font: 16px Agency FB;
font-weight:bold;

}

/* Careers- Dropdown4 */
/* Dropdown Button4 */
.dropbtn4 {
border-radius: 2px;
padding-left:5px;
color: #FF8C00;
margin-left:1px;
background-color: white;
font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
border-right:none;
border-left:none;
width: 190px;
height: 24px;
}
.dropdown4 {
    position: relative;
    display: inline-block;
 
}

/* Dropdown Content (Hidden by Default)4 */
.dropdown-content4 {
   padding: 0px 0px;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 155px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  
}

/* Links inside the dropdown4 */
.dropdown-content4 a {

padding-top:15px;
    color: white;
background:url('../Target5.png');
padding: 3px 3px 3px;
    text-decoration: none;
 display: block;
/*display:inline-block;*/
height:22px;
border-top: 1px solid #eed5b7;
/*border-bottom: 1px solid #eed5b7;*/
  
}

/* Change color of dropdown links on hover4 */
.dropdown-content4 a:hover article{

background:url('../Arrow5.png');
text-align: right;
/* background:#9f79ee;*/
/* margin-left: 40px;*/
/* height:25px;*/
padding-left: 0px;
/*padding-top:5px;*/
padding-right: 0px;
 color: black;
/* font: 19px/1.5 AR DESTINE;*/
font: 15px Agency FB;
font-weight:bold;

/*border-top: 2px solid white;*/
/*border-bottom: 2px solid white;*/
/*border-left: 2px solid white;*/
/*border-right: 2px solid white;*/

}
/* Show the dropdown menu on hover4 */
.dropdown4:hover .dropdown-content4 {

padding-bottom: 10px;
  display:inline-block;
width: 172px;
height:44px;
text-align: right;
 
/*background: #8470ff;*/
background: #FF8C00;
/* opacity: 0.8;*/
padding-left: 0px;
color: black;
padding-right: 0px;

font: 16px Agency FB;
font-weight:bold;
/*border-top: 1px solid #eed5b7;*/
/*border-bottom: 1px solid #eed5b7;*/
}
/* Change the background color of the dropdown button when the dropdown content is shown4 */
.dropdown4:hover .dropbtn4 {
border-radius: 2px;
  /* background-color: white;*/
 /*background:#000000;*/
 color: black;
background:url('../test12-new10.png');
padding-left: 0px;

padding-right: 9px;
border-top: 1px solid #eed5b7;
/* font: 19px/1.5 AR DESTINE;*/
font: 16px Agency FB;
font-weight:bold;

}


header #branding h1{
margin-top:25px;
 font-size:37px;
float:left;
 /* margin-left:0px;*/

}


header .highlight, header .current a{
  color: #ffffff;
  /*font-weight: bold;*/

}

/* Showcase2 */
#showcase2{
  min-height:580px;
  background:url('../img/galaxy.jpg') no-repeat 0 -0px;
  text-align:center;
  color:white;
 border-bottom:#FF8C00 6px solid;
}
#showcase2 h2{
  margin-top:42px;
  font-size:30px;
  margin-bottom:10px;
}

#showcase2 p{

  font-size:20px;
}

/* Showcase */
#showcase{
border-bottom:#FF8C00 6px solid;
margin-left:70px;
margin-right:70px;
padding-top: 400px;
  text-align:center;
  color:white;
  max-height:480px;
  background:url('../img/showcase.jpg') no-repeat 0 +0px;
  
}

#showcase h2{
 
  font-size:30px;
  margin-bottom:0px;
}

#showcase p{
  margin-top:50px;
  font-size:10px;
margin-auto;
}

/* Newsletter */
#newsletter{
  padding:15px;
  color: #ffffff;
  background:#35424a

}

#newsletter h1{
 margin-top:17px;
font-size:30px;
  float:left;
}

#newsletter form {
  float:right;
  margin-top:0px;
 margin-bottom:0px;

}

#newsletter input[type="email"]{
  padding:5px;
  height:25px;
  width:250px;

}

/* Boxes */
#boxes{
  
}

#boxes .box{
  float:right;
  text-align: center;
  width:30%;

}

#boxes .box img{
  width:90px;
padding: 40px 40px 40px;

 margin-auto;
}

/* Sidebar */
aside#sidebar{
  float:left;

  width:30%;
  margin-top:10px;
}

aside#sidebar .quote input, aside#sidebar .quote textarea{
  width:90%;
  padding:5px;
}

/* Main-col */
article#main-col{
  float:left;
  width:65%;
}

/* Services */
ul#services li{
  list-style: none;
  padding:20px;
  border: #cccccc solid 1px;
  margin-bottom:5px;
  background:#e6e6e6;
}


footer{
  padding:20px;
  margin-top:20px;
  color: #ffffff;
  background-color:#FF8C00;
  text-align: center;
 
}


/* Media Queries */
@media(max-width: 900px){
  header #branding,
  header nav,
  header nav li,
  #newsletter h1,
  #newsletter form,
  #boxes .box,
  article#main-col,
  aside#sidebar{
    float:none;
    text-align:center;
    width:100%;
  }

  header{
    padding-bottom:20px;
  }

  
  }

  #newsletter button, .quote button{
    display:block;
    width:100%;
  }

  #newsletter form input[type="email"], .quote input, .quote textarea{
    width:100%;
    margin-bottom:5px;
  }
}
