html, body, a, b, .base, .base-95, div, em, .foot, .form, h1, h2, h3, h4, h5, h6, img, .men, #nav, p, picture, .prim, #serv, table, td, .testm, th, tr, .wid	{
	font-family: Nunito;
}

/*above line- after body, its in alphabetical order*/

body	{
	background-color: black;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6	{
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6, p, p.form, td, th	{
	margin: 1em;
}

h1 	{
	color: black;
	font-size: 1.8em;
	margin-top: 0;
	line-height: 1.7em;
	margin-bottom: 0;
}

h2 	{
	color: black;
	font-size: 1.5em;
	margin-top: 0;
	line-height: 1.5em;

	margin-bottom: 0;

}

h3 	{
	color: white;
	font-size: 1.3em;
	line-height: 1.2em;
	margin-top: 1em;
	margin-bottom: 0.5em;

}

h4	{
	color: silver;
	font-size: 1.05em;
	font-weight: normal;
	text-align: left;
}

h5 	{
	color: white;
	font-size: 0.9em;
	font-weight: bold;
}

h6 	{
	color: silver;
	font-size: 0.9em;
	font-weight: lighter;
	line-height: 1.2em;
	margin: 0.1em;
	margin-bottom: 0.5em;
}


/*all the p types*/

p {
	color: silver;
	font-size: 1.2em;
	line-height: 1.8em;
}

p 	{
	margin: 0;
	margin-top: 1em;
	margin-bottom: 1em;
}

p.form {
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
}

p.foot {
	font-size: 0.8em;
	text-align: left;
	padding-right: 2em;
}



p.note {
	font-size: 0.8em;
	text-align: right;
	padding-right: 2em;
}


p.quote {
	font-size: 4vw;
	color: orange;
	font-family: Britannic bold;

}

p.tag {
	font-size: 0.9em;
	line-height: 0em;
	text-align: center;
        line-height: 1em;
}

p.test {
	color: silver;
	font-size: 1.5em;
	line-height: 1em;
}
/*Symbols*/

/*inr = ₹, space =  */

q	{
	quotes: "\201C" "\201D";
}


b 	{
	font-weight: bold;
}

i 	{
	font-style: italic;
}

clr-w {
	color: white;
}

clr-o {
	color: orange;
	font-size: 1em;
	margin: 0;
}

blockquote {
    font-family: Britannic;
    position: relative;
		  top: 0;
			left: -0.75em;
		width: 90%;
}

blockquote:before {
    font-family: Britannic;
		font-weight: bold;
    position: absolute;
    font-size: 6em;
    line-height: 0.5;
    top: 0;

    left: -0.5em;
    content: "\201C";
		color: orange;
}

blockquote:after {

}

hr.gray {
border: 1px solid #383838;
}

/*hyperlink types*/

a, a.tab, a.nine a.eight, a.foot	{
	color: orange;
	text-decoration: none;
}


a.logo	{
	font-size: 1.6em;
	line-height: 1em;
	margin: 0;
}

a.nine	{
	font-size: 0.9em;
	margin: 0;
}


a.eight 	{
	font-size: 0.8em;
	padding-bottom: 1em;
}

a.tab	{
	padding: 0.1em;
}

a.foot 	{
	font-size: 0.9em;
	margin: 0.5em;
	text-decoration: underline;
}


a.white	{
	color: white;

}

a:hover, a.nine:hover {
	text-decoration: underline;
}

a.tab:hover, a.logo, a.eight:hover, a.white:hover, a.fa {
	text-decoration: none;
}

a.silver{
	color: silver;
	text-decoration: none;
}

/* table elements */

table	{
	border-collapse: collapse;
	table-layout: fixed;
	text-align: center;
	height: 1em;
	width: 100%
}

th, td 	{
	font-weight: normal;
 	height: 2em;
	border-bottom: 2px solid #333333;
	padding: 0.3em;

}

td 	{
	border-bottom: 2px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

th:hover	{
	background-color: #383838;

}

td:hover	{
	background-color: none;

}

/*table ids*/

#bordr, #nav, #serv, #contact	{
	width: 100%;
}

#bordr	{
	table-layout: fixed;
}

#bordr th {
	border: 2px solid #333333;
	color: silver;
}

#index th {
	border: 2px solid #333333;
	color: silver;
}
#nav	{
	table-layout: auto;

}

#nav td	{
	border: 0;


}
#contact 	{
	background-color: white;
	border: 2px solid white;
	margin: auto;
	table-layout: fixed;
	hover: none;

}

#page 	{
	background-color: #383838;
	margin: auto;
	table-layout: fixed;

}

#serv 	{
	background-color: #383838;
	margin: auto;
	table-layout: fixed;

}

#serv th {
	vertical-align: top;
	padding: 0.5em;
}


/*all divs elements*/

.base, .foot, .prim, .sec, .testm, .wid	{
	width: 100%;
}

.base	{
	background-color: #1b1b1b;
	margin: 0;
	padding: 0;
}

.base-95	{

	margin: auto;
	padding: 0;
	width: 85%;
}

.base-50	{

	margin: auto;
	padding: 0;
	width: 50%;
}


.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.right	{
	text-align: right;
	margin:auto;
}

.foot 	{
	text-align: center;
	line-height: 1.7em;
	margin: auto;
}

.form {
	background-color: #383838;
	border-radius: 5px;
	margin: auto;
	width: 95%;
	padding: 0.3em;
}

.men	{
	background-color: black;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
}
.orange 	{
	background-color: #383838;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	border: 3px solid orange;
}
.prim 	{
	background-color: white;
	margin: 0;
}

.right 	{
	text-align: right;
	margin-right: 2;
}

.sec 	{
	background-color: silver;
	margin: 0;
}

.box 	{
	background-color: black;
	border: 1px solid silver;
	text-align: center;
	margin: auto;

}

.testm 	{
	background-color: #383838;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;

}

.wid 	{
	text-align: center;
	margin: auto;
}

.buy 	{
	text-align: right;

}

:target:before {
	content: "";
	display: block;
	height: 20px;
	margin-top: -20px;
	visibility: hidden;
}


/*image elements*/

img	{
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.img-client	{
	float: left;
	width: 300px;
	height: 300px;
	margin: 1em;
	padding-top: 7px;
}

/*form elements*/

input[type=text], select, textarea	{
	width: 100%;
	padding: 5px;
  border: 2px solid black;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
	color: black;
	background-color: white;
}

input[type=submit]	{
	background-color: dimgrey;
  color: orange;
  padding: 7px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover	{
	background-color: white;
}

.fa {
  padding: 8px;
  font-size: 50px;
  width: 30px;
  text-align: center;
  text-decoration: none;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #ffa500;
  color: white;
}

.fa-twitter {
  background: #ffa500;
  color: white;
}

.fa-google {
  background: #ffa500;
  color: white;
}

.fa-linkedin {
  background: #ffa500;
  color: white;
}

.fa-youtube {
  background: #ffa500;
  color: white;
}