@import url(https://fonts.googleapis.com/css?family=Oranienbaum&display=swap);
@import url(https://fonts.googleapis.com/css?family=Inconsolata&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400&display=swap);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300&display=swap);
@import url(https://fonts.googleapis.com/css?family=Courier+Prime:400,700&display=swap);

body, html {
  height: 100%;
  margin: 0;
}

body {
  position: relative;
  overflow-x: hidden;
}
:root{
--main-font-name:'Lato', sans-serif;/* storing name values in variable */
--main-header-name:'Courier Prime', monospace;
--main-hire-name:'Oranienbaum', serif;
--white-color:#FFFFFF;

--main-navfont-name:'Inconsolata', monospace;
--main-nav-activeHover-color:#F4BB49;

--sectionHead-medium-fontSize:55px;
--section-head-fontSize:45px;
--sectionHead-medius-marginTop:15%;
--subSection-desc-fontSize:35px;
--subsection-medium-fontSize:30px;/* var() for padding-left also // #data4 margin-bottom */
--subsection-tab-fontSize:27px;
--section-head-marginTop:25px;
--sectionHead-desc-color:#c7c3c3;

/*------footer----------*/

	--container4-height:130px;
	--container4-marginTop:3%;
	--container4-bgColor:#eb5509;
	--container4-color:#FFF;
	--container4-fontSize:25px;
	--container4-paddingTop:30px;
	--container4-paddingbottom:30px;
	--container4-padding:15px;
}


#container
{

	background-image:url(../img/bgimgvedis.jpg);
	 background-size:cover;
	background-repeat:no-repeat;
   
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  color:#000000;
}

.nav-tabs li a {
    color: var(--white-color);
  }
  .navbar {
    font-family:var(--main-header-name);
    margin-bottom: 0;
    background-color: #223162;
    font-size: 20px !important;
    font-weight:bold;
    letter-spacing: 4px;
    opacity: 0.9;
    color:var(--white-color);
  }
  .navbar ul li
  {
  	text-align: center;
  	color:var(--white-color);
  }
  .navbar li a, .navbar .navbar-brand { 
    color: #d5d5d5 !important;
  }
  .navbar-nav li a:hover {
    color: var(--main-nav-activeHover-color) !important;
  }
  .navbar-nav li.active a {
    color:  var(--main-nav-activeHover-color)!important;
    background-color: #29292c !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
  }
  .open .dropdown-toggle {
    color: #fff;
    background-color: #555 !important;
  }

#hire
{
	font-size:64px; 
	color:#c7c3c3;
	text-align: center;
	font-family: var(--main-hire-name); 
	background: none;
	margin-top:5%;
}
@media(max-width:992px)
{
	#hire 
	{
		font-size:var(--sectionHead-medium-fontSize);
		margin-top:10%;
	}
}
@media(max-width:768px)
{
	#hire
	{
		font-size:var(--sectionHead-medium-fontSize);
		margin-top:var(--sectionHead-medius-marginTop);
	}
}
@media(max-width:420px)
{
	#hire
	{
		font-size:var(--section-head-fontSize);
		margin-top:var(--sectionHead-medius-marginTop);
	}
	
}
@media(max-width:375px)
{
	#hire
	{
		margin-top:17%;
	}
	
}

#hire1
{
	font-size:var(--subSection-desc-fontSize);
	color:var(--sectionHead-desc-color);
	text-align: center; 
	font-family: var(--main-font-name);
	margin-top:var(--section-head-marginTop);
	font-weight:300;
	font-style:normal;
}
#hire2
{
    font-size:var(--subSection-desc-fontSize);
    color:var(--sectionHead-desc-color);
    text-align: center; 
    font-family: var(--main-font-name);
	font-weight:300;
	font-style:normal;
}
@media(max-width:992px)
{
	#hire1 
	{
		font-size:var(--subsection-medium-fontSize);
	}
	#hire2 
	{
		font-size:var(--subsection-medium-fontSize);
	}
}
@media(max-width:768px)
{
	#hire1
	{
		font-size:var(--subsection-tab-fontSize);
	}
	#hire2 
	{
		font-size:var(--subsection-tab-fontSize);
	}
}
@media(max-width:420px)
{
	#hire1
	{
		font-size:var(--subsection-tab-fontSize);
	}
	#hire2
	{
	
		font-size:var(--subsection-tab-fontSize);
	}
}
#tech
{
	font-size:var(--section-head-fontSize); 
	color:var(--sectionHead-desc-color);
	text-align: center;
	font-family:var(--main-header-name); 
	background: none; 
	margin-top:var(--section-head-marginTop);
	font-weight:bold;
}
@media(max-width:768px)
{
	#tech
	{
		font-size:var(--subSection-desc-fontSize);
	}
	
}
#tech2
{
	font-size:var(--subsection-medium-fontSize);
	color:var(--sectionHead-desc-color);
	text-align: center;
	font-family: var(--main-font-name);
	margin-top:var(--section-head-marginTop);
	font-weight:300;
	font-style:normal;
}
@media(max-width:768px)
{
	#tech2
	{
		font-size:var(--subsection-tab-fontSize);
	}
	
}
@media(max-width:414px)
{
	#tech2
	{
		font-size:var(--subsection-tab-fontSize);
	}
}
#data1
{
	font-size:var(--section-head-fontSize); 
	color:var(--sectionHead-desc-color);
	text-align: center;
	font-family:var(--main-header-name);
	background: none; 
	margin-top:var(--section-head-marginTop);
	font-weight:bold;
}
@media(max-width:768px)
{
	#data1
	{
		font-size:var(--subSection-desc-fontSize);
	}
	
}
#data3
{
	font-size:var(--subsection-medium-fontSize); 
	color:var(--sectionHead-desc-color);
	text-align: center; 
	background: none; 
	margin-top:var(--section-head-marginTop);
	font-family: var(--main-font-name);
	font-weight:300;
	font-style:normal;
}
@media(max-width:768px)
{
	#data3
	{
		font-size:var(--subsection-tab-fontSize);
	}
	
}
#data4
{
	font-size:var(--section-head-fontSize); 
	color:var(--sectionHead-desc-color);
	text-align: center;
	font-family: var(--main-header-name);
	background: none; 
	margin-top:var(--section-head-marginTop);
	margin-bottom:var(--subsection-medium-fontSize);
	font-weight:bold;
}
@media(max-width:768px)
{
	#data4
	{
		font-size:var(--subSection-desc-fontSize);
	}
	
}
@media(max-width:414px)
{
	#data3
	{
		font-size:var(--subsection-tab-fontSize);
	}
	#data4
	{
		font-size:var(--subSection-desc-fontSize);
	}
	
}

#contact
{

   font-family:var(--main-font-name);;
   font-size:var(--subSection-desc-fontSize);
   color:#000;
   text-align: center; 
   padding:40px;	
}
@media(max-width:414px)
{
	#contact
	{
		font-size:var(--subsection-medium-fontSize);
	}
	
}
#btnctn a 
{
	text-decoration: none; 
	color:var(--white-color);
}
#btn
{
	width:200px; 
	margin-bottom: 50px;
}

:root 
{
	--container4-height:130px;
	--container4-marginTop:3%;
	--container4-bgColor:#eb5509;
	--container4-color:#FFF;
	--container4-fontSize:25px;
	--container4-paddingTop:45px;
}
#container4
{
	 min-height:var(--container4-height);
	 /*margin-top:var(--container4-marginTop);*/
	 background-color:var(--container4-bgColor);
     font-size:var(--container4-fontSize);
     text-align: center;
}
.Footertext{
	 color:var(--container4-color); 
     font-family: var(--main-desc-name);
     padding:var(--container4-padding);
}

@media(min-width:1024px)
{
	#container4
{
	 min-height:var(--container4-height);
	 padding-top:var(--container4-paddingTop);
	 background-color:var(--container4-bgColor);
     font-size:var(--container4-fontSize);
     text-align: center;
     padding-bottom:var(--container4-paddingbottom);
}
}
.footerDetails{
	padding:var(--container4-padding);
}
.companyDetails{
  text-align: right;
  max-height:210px;
  width:50%;
}
.followUs{
  text-align: left;
  max-height:210px;
  width:50%;
  border-left:1px solid #fdfdfd;
}
.addressHead{
	font-size:25px;
	font-weight:300;
	color:#fdfdfd;
}
.ouraddress{
  font-size: 16px;
  padding-right: 20px;
  padding-top: 3px;
  color:#fdfdfd;
  font-weight: 400;
  text-align: right;
}
.followUs a { 
  color:#fdfdfd;
  font-weight: 500;
  text-decoration: underline;
}

.footerBtn2{
  padding-left: 20px;
  padding-top: 3px;
  width:100%;
  text-align: left;
  color:#fdfdfd;
  font-size: 16px;
  border:none;
  outline: none;
  font-weight: 400;
}