@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=Courier+Prime:400,700&display=swap);
@charset "utf-8";
/* CSS Document */
body, html {
  height: 100%;
  margin: 0;
}

body {
  position: relative;
  overflow-x: hidden;
}
:root{
	--main-font-name:'Lato', sans-serif;
	--main-contact-name:'Oranienbaum', serif;
	--main-adcnt-name:jacob;
	--main-address1-name:'Source Sans Pro', sans-serif;
	--main-navfont-name:'Courier Prime', monospace;
	--nav-hoverActive-color:#F4BB49;
	--color-white:#FFFFFF;
	--color-black:#000;
	
	--subSection-desc-paddingLeft:90px;
	
	--sectionHead-tab-fontSize:55px;
	--Subsection-desc-fontSize:35px;
	--Subsection-desc-tab-fontSize:27px;
	--Sections-desc-marginPadding:20px;
	--navSection-head-fontSize:20px;
	--section-head-fontSize:30px;
	/*------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/bgimgvedis2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
    position: relative;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    color:var(--color-black);
}

@media(min-width:1900px)
{
	#contact1
	{
		padding-left:var(--subSection-desc-paddingLeft);
		padding-right:var(--subSection-desc-paddingLeft);
	}
	#contact2
	{
		padding-left:var(--subSection-desc-paddingLeft);
		padding-right:var(--subSection-desc-paddingLeft);
	}
}
.nav-tabs li a {
    color:var(--color-white);
  }
  .navbar {
    font-family:var(--main-navfont-name);
    margin-bottom: 0;
    background-color: #223162;
    font-size: var(--navSection-head-fontSize) !important;
    font-weight:bold;
    letter-spacing: 4px;
    opacity: 0.9;
    color:var(--color-white);
  }
  .navbar ul li
  {
  	text-align: center;
  	color:var(--color-white);
  }
  .navbar li a, .navbar .navbar-brand { 
    color: #d5d5d5 !important;
  }
  .navbar-nav li a:hover {
    color:var(--nav-hoverActive-color) !important;
  }
  .navbar-nav li.active a {
    color:var(--nav-hoverActive-color) !important; 
    background-color: #29292c !important;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
  }
  .open .dropdown-toggle {
    color:var(--color-white);
    background-color: #555 !important;
  }


#row1
{
	 position:absolute; 
	 top:50px; 
	 width:100%; "
}
.no-padding
{
	padding-left:0px;
	padding-right:0px;
}
#contact
{
	font-size:60px; 
	color:var(--color-white);
	font-family:var(--main-contact-name);
	text-align:center;
	color:var(--color-black);
	margin-top:5%;
}
@media(max-width:992px)
{
	#contact
	{
		font-size:var(--sectionHead-tab-fontSize);
		margin-top:8%;
	}
}
@media(max-width:768px)
{
	#contact
	{
		font-size:var(--sectionHead-tab-fontSize);
		margin-top:12%;
	}
}
@media(max-width:414px)
{
	#contact
	{
		margin-top:16%;
	}
}
@media(max-width:375px)
{
	#contact
	{
		margin-top:18%;
	}
}
#contact1
{
	font-family: var(--main-font-name);
	font-size:var(--Subsection-desc-fontSize);
	color:var(--color-white); 
	text-align: center;
	color:var(--color-black);
	font-weight:300;
	font-style: normal;
	margin-top:var(--Sections-desc-marginPadding);
}
#contact2
{
	font-family: var(--main-font-name);
	font-size:var(--Subsection-desc-fontSize);
	color:var(--color-white);
	text-align:center;
	color:var(--color-black);
	font-weight:300;
	font-style: normal;
	margin-top:var(--Sections-desc-marginPadding);
}

@media(max-width:768px)
{
	#contact1
	{
		font-size:var(--Subsection-desc-tab-fontSize);
	}
	#contact2 
	{
		font-size:var(--Subsection-desc-tab-fontSize);
	}
}

#address
{
	 font-family:var(--main-font-name);
	 font-size:var(--section-head-fontSize);
	 padding-top:40px; 
	 text-align: center;
	 color:var(--color-black);
     font-weight:300;
     font-style:normal;
}

@media(max-width:768px)
{
	#address
	{
		font-size:var(--Subsection-desc-tab-fontSize);
	}
}
 #address #p1
 {
 	margin:0px;
 	padding:0px;
 }
  #address #p2
 {
	font-weight:bold;
 }
 
 #address img
 {
 	height:28px;
 	width:28px;
	margin-bottom:2%;
	margin-right:2%;
 }

#address1
{
	font-family: var(--main-address1-name);
	font-size:var(--section-head-fontSize);
	color:var(--color-black);
	text-align: center;
	margin-top:var(--Sections-desc-marginPadding);
}
@media(max-width:768px)
{
	#address1
	{
		font-size:24px;
	}
}


#contactform
{
	font-family:var(--main-adcnt-name);
	font-size:var(--section-head-fontSize);
	color:var(--color-white);
	padding-left:30px;
	padding-top:var(--Sections-desc-marginPadding);
}

#formgroup
{
	box-shadow: 3px 3px 3px 3px #2f2f30;
	
}
#uname
{
	 font-size:var(--navSection-head-fontSize); 
	 color:var(--color-black);
	 background: none;
}
#pwd
{
	font-size:var(--navSection-head-fontSize); 
	color:var(--color-black);
	background: none;
}
#comment
{
	font-size:var(--navSection-head-fontSize); 
	color:var(--color-black);
	background: none;
}
#btnsbmt
{
	width:200px;
}
#homebtn
{
	width:200px; 
	height:150px; 
	background-color: #ff622e; 
	color:var(--color-white);
	font-size:var(--navSection-head-fontSize);
	margin-bottom:var(--Sections-desc-marginPadding);
	border:none;
}
.form-control
{
   background:none;  
   border:none;
   border-bottom:1px solid #CCC;
   color:var(--color-white);
   font-size:var(--Subsection-desc-tab-fontSize);
}

#phptag 
{
	 font-size:18px; 
	 color:#006400; 
	 text-align: center;
	 margin-top:var(--Sections-desc-marginPadding);
	 margin-bottom:var(--Sections-desc-marginPadding);
	 font-size:var(--navSection-head-fontSize);
}
#jsmsg
{
	 color:#FF0000; 
	 text-align: center; 
	 margin-top:var(--Sections-desc-marginPadding);
	 margin-bottom:var(--Sections-desc-marginPadding);
	 font-size:var(--navSection-head-fontSize);
	 padding-left:var(--Sections-desc-marginPadding);
}

: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);
     text-align:center;
}

@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: 18px;
  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;
}