@import url(https://fonts.googleapis.com/css?family=Oranienbaum&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400&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{
/* storing name values in variable */
--container-bgcolor:#000000;
--logo-height:505px;
--logo-width:504px;

--main-header-name:'Oranienbaum', serif;
--main-desc-name:'Lato', sans-serif;
--main-navfont-name:'Courier Prime', monospace;
--main-vedis-font-size:30px;
--main-vedis-lineHeight:45px;
--main-desc-fontSize:86px;
--main-desc-lineHeight:86px;

--nav-activeHover-color:#F4BB49;
--nav-color:#FFFFFF;
--nav-font-size:20px;

/*1st container variables*/

   --section-heading-fontSize:50px;
   --subSection-desc-fontSize:30px;
   --intersection-space:30px;
   --interPart-space:5%;
   --sectionHead-tab-fontSize:45px;
   --subSections-fontSize:22px;
   
   --expert2-tab-padding:2%;

	--unique2-tab-padding:1%;
	--unique3-fontSize:30px;
	--unique3-lineHeight:100%;
	--unique3-tab-Lineheight:30px;
	
	
/*2nd conatner variables*/

    --Global-fontColor:#FFFFFF;
    --subSection-tab-fontSize:27px;
    --subSection-fontSize:35px;
    --value-fontSize:64px;
	--value-tab-fontSize:55px;
	--value2-paddingBottom:10px;
	--section-fontSize:50px;
	--section-tab-fontSize:45px;
	--section-mobile-fontSize:42px;	
	--subsection-padding-LeftRight:5%;

/* ----start container3---- */
    --container3-marginTop:3%;
    
    --btn2-width:35%;
	--btn2-height:60px;
	--btn2-fontSize:25px;
	--btn2-borderRadius:20px;
	--btn2-color:#F13C20;
	--btn2-hover-bgColor:#F13C20;
	--btn2-hover-color:#FFFFFF;
	--btn-tab-fontsize:25px;
	--btn-width:40%;
	--btn-tab-width:45%;
	
	--btn-mobile-fontsize:22px;
	--btn-mobile-width:95%;
	--btn-mobile-marginTop:2%;

/*------container4----------*/

	--container4-height:130px;
	--container4-marginTop:3%;
	--container4-bgColor:#eb5509;
	--container4-color:#FFF;
	--container4-fontSize:25px;
	--container4-paddingTop:30px;
	--container4-paddingbottom:30px;
	--container4-padding:15px;
   /*------------------icon img-------------------*/
  	--iconImg-height:25px;
  	--iconImg-width:25px;
  	--iconImg-marginRight:10px;
  	--iconImgColor:#F4BB49;

}
#container
{
	background-image:url(../img/bgimgvedis3.jpg);
	background-size:cover;
	background-repeat:no-repeat;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  color:var(--container-bgcolor);/*black color*/
}
#mainrow 
{
	margin-top:7%;
}
@media(max-width:834px)
{
	#mainrow 
	{
		margin-top:10%;
	}
}
@media(max-width:575px)
{
	#mainrow 
	{
		margin-top:15%;
	}
}
@media(max-width:375px)
{
	#mainrow 
	{
		margin-top:25%;
	}
}
.nav-tabs li a {
    color: var(--nav-color);
  }
  .navbar {
    font-family:var(--main-navfont-name);
    margin-bottom: 0;
    background-color: #223162;
    font-size:var(--nav-font-size);
    font-weight:bold;
    letter-spacing: 4px;
    opacity: 0.9;
    color:var(--nav-color);
    padding:10px 0 10px 0;
  }
  #toogleIcon{
  	margin-left:15px;
  }
  .navbar ul li
  {
  	text-align: center;
  	color:var(--nav-color);
  }
  .navbar li a, .navbar .navbar-brand { 
    color: #d5d5d5 !important ;/*nav links*/
  }
  .navbar-nav li a:hover {
    color:var(--nav-activeHover-color)!important;/*tab hover */
  }
  .navbar-nav li.active a {
    color:var(--nav-activeHover-color) !important ;
    background-color: #29292c !important ;/*nav active*/
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
  	margin-left:15px;
  }
  .open .dropdown-toggle {
    color: #fff;
    background-color: #555 !important ;/* toggle bg nav*/
  }
  #row1 
  {
  	max-width:1200px;
  	min-width:920px;
  	margin:auto;
  }
#row1 #desc 
{
	font-size:var(--main-desc-fontSize);
	font-family:var(--main-header-name);
	line-height:var(--main-desc-lineHeight);
}

#row1 #logo img
{  
	
	height:calc(0.85*var(--logo-height));
	width:calc(0.85*var(--logo-width));;
    float:right;
}

#row2 #vedis
{
	
	font-family:var(--main-desc-name); 
	font-size:var(--main-vedis-font-size); 
	line-height:var(--main-vedis-lineHeight); 
	text-align:left;
	color:#404040;/*desc color code*/
	margin-top:2.8%;
	margin-bottom:var(--intersection-space);
}
#row2 #vedis b 
{
	color:#000000;
}
@media(max-width:834px)/*ipad */
{ 
	#row1
	{
		max-width:800px;
		min-width:710px;
	}

	#row1 #desc 
	{
		padding-top:3%;
		font-size: 68px;
		line-height: 70px;
	}
	#row1 #logo img
	{
    	/*margin-top: 5%;*/
    	height:calc(0.65*var(--logo-height));
		width:calc(0.65*var(--logo-width));;
	}
	#row2 #vedis 
	{
		font-size:24px;
		line-height:36px;
	}
}

@media(max-width:575px)
{
	#row1
	{
		max-width:575px;
		min-width:415px;
	}
	#row1 #desc
	{
		padding-left:8%;
		margin:0px;
	}
	#row1 #logo 
	{
		padding-left:8%;
		margin:0px;
	}
	#row1 #logo img
	{
		float:none;
	}
}

@media(max-width:414px)
{
	
	#row1
	{
		max-width:414px;
		min-width:375px;
	}
	#row1 #desc
	{
		padding-left:1%;
	}
	#row1 #logo 
	{
		padding-left:1%;
	}
	#row1 #logo img
	{
		float:none;
		padding-top:2%;
		padding-bottom:2%;
	}
}
@media(max-width:375px)
{
	#row1
	{
		max-width:375px;
		min-width:360px;
	}
	#row1 #desc
	{
		padding-left:1%;
	}
		#row1 #logo 
	{
		padding-left:1%;
	}
	#row1 #logo img
	{
		float:none;
	}
	
}

#row3 #expert
{
	text-align:center; 
	font-size:var(--section-heading-fontSize);
	margin-top:var(--expert-margin-top); 
	margin-bottom:var(--expert-margin-bottom);
	font-family: var(--main-header-name);
}
#expert2
{
	text-align:left;
	font-size:var(--subSection-desc-fontSize);
	font-family: var(--main-desc-name);
	font-weight:300;
	font-style:normal;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:2%;
}


@media(max-width:834px)
{
	#row3 #expert 
	{
		font-size:var(--sectionHead-tab-fontSize);
	}
	#expert2 
	{
		font-size:var(--subSections-fontSize);
		padding:var(--expert2-tab-padding);
	}

	
}
@media(max-width:575px)
{
	#expert2{
		padding:0 20px 0 20px;
	}
}
@media(max-width:375px)
{
	#row3 #expert 
	{
		font-size:44px;
	}
}

#unique
{
	 text-align:center;
	 font-size:var(--section-heading-fontSize); 
	 margin-top:var(--intersection-space);
	 font-family: var(--main-header-name);
}

#unique2
{
	 text-align:left; 
	 margin-top:var(--unique2-marginTop);
	 font-size:var(--subSection-desc-fontSize);
	 font-family:var(--main-desc-name);
	 font-weight:300;
	 font-style:normal;
	 padding-left:5%;
	 padding-right:5%;
	 margin-bottom:var(--interPart-space);
}
#unique3
{
	margin-top:var(--unique3-marginTop);
	font-size:var(--unique3-fontSize);
	font-family: var(--main-desc-name);
	text-align:left;
	line-height:var(--unique3-lineHeight);
	font-style:normal;
	font-weight:400;
	padding:0%;
	margin:0%;
	
}
@media(min-width:1900px)
{
	#unique3 
	{
		padding-left:5%;
	}
}
@media(max-width:834px)
{
	#unique 
	{
		font-size:var(--sectionHead-tab-fontSize);
		margin-top:var(--unique-tab-marginTop);
	}
	#unique2 
	{
		font-size:var(--subSections-fontSize);
		padding:var(--unique2-tab-padding);
	}
	#unique3 
	{
		font-size:var(--subSections-fontSize);
		padding-left:8%;;
		line-height:var(--unique3-tab-Lineheight);
	}
	
}
@media(max-width:575px)
{
	#unique2 
	{
		font-size:var(--subSections-fontSize);
		padding:0 20px 0 20px;
		/*padding:var(--unique2-tab-padding);*/
	}
	#unique3 
	{
		padding-left:10%;
		padding-right:5%;
	}
}
@media(max-width:360px)
{
	#unique3
	{
		text-align:left;
	}
}
/******** 2nd container ***********/

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

#row4
{
	position:absolute;
	top:50px; 
	width:100%;
}

#value
{
	font-size:var(--value-fontSize); 
	color:var(--Global-fontColor);
	font-family: var(--main-header-name); 
	text-align:center;
	width:100%;
	margin-top:var(--interPart-space);
}
@media(max-width:834px)
{
	#value 
	{
	font-size:var(--value-tab-fontSize);
	}
}

#value2
{
	font-size:var(--subSection-fontSize); 
	color:var(--Global-fontColor);
	font-family: var(--main-desc-name);
	text-align:center;
	padding-bottom:var(--value2-paddingBottom);
	font-weight: 300;
	font-style:normal;
	padding-left:var(--subsection-padding-LeftRight);
	padding-right:var(--subsection-padding-LeftRight);
	width:100%;
}

@media(max-width:834px)
{
	#value2 
	{
	font-size:var(--subSection-tab-fontSize);
	}
}

#computer
{
	font-family:var(--main-header-name);
	font-size:var(--section-fontSize);
	color:var(--Global-fontColor);
	text-align: left;
}
#computer2
{
	 font-family: var(--main-desc-name);
	 font-size:var(--subSection-fontSize);
	 color:var(--Global-fontColor);
	 font-weight:300;
	 font-style:normal;
}
#computer2 p 
{
	padding-top:15px;
}
@media(max-width:834px)
{
	#computer 
	{
	font-size:var(--section-tab-fontSize);
	}
	#computer2 
	{
		font-size:var(--subSection-tab-fontSize);
	}
}

#finance
{
	font-family:var(--main-header-name);
	font-size:var(--section-fontSize);
	color:var(--Global-fontColor);
}
#finance2
{
	 font-family:var(--main-desc-name);
	 font-size:var(--subSection-fontSize);
	 color:var(--Global-fontColor);
	 font-weight:300;
	 font-style:normal;
	 margin-bottom:var(--intersection-space);
}
#finance2 p 
{
	padding-top:15px;
}
@media(max-width:834px)
{
	#finance 
	{
	font-size:var(--section-tab-fontSize);
	}
	#finance2 
	{
		font-size:var(--subSection-tab-fontSize);
	}
}
 @media(max-width:414px)
{
	#finance 
	{
	font-size:var(--section-mobile-fontSize);
	}

}
#data
{
	 font-family:var(--main-header-name);
	 font-size:var(--section-fontSize);
	 color:var(--Global-fontColor);
}
#data2
{
	 font-family:jacob;
	 font-family: var(--main-desc-name);
	 font-size:var(--subSection-fontSize);
	 color:var(--Global-fontColor);
	 font-weight:300;
	 font-style: normal;
	 margin-bottom:var(--intersection-space);

}
@media(max-width:834px)
{
	#data 
	{
	font-size:var(--section-tab-fontSize);
	}
	#data2 
	{
		font-size:var(--subSection-tab-fontSize);
	}
}

 @media(max-width:414px)
{
	#data 
	{
	font-size:38px;
	}

}

#container3 
{
	margin-top:var(--container3-marginTop);
}
#btn1 
{
	text-align:center;
}
#btn2 
{
	border:2px solid #F13C20;
	width:var(--btn2-width);
	height:var(--btn2-height);
	font-size:var(--btn2-fontSize);
	font-family:var(--main-navfont-name);
	border-radius:var(--btn2-borderRadius); 
	color:var(--btn2-color);
}
#btn2:hover 
{
	background-color:var(--btn2-hover-bgColor);
	color:var(--btn2-hover-color);
} 
#btn3 
{
	border:2px solid #F13C20;
	width:var(--btn2-width);
	height:var(--btn2-height);
	font-size:var(--btn2-fontSize);
	font-family:var(--main-navfont-name);
	border-radius:var(--btn2-borderRadius); 
	color:var(--btn2-color);
}
#btn3:hover 
{
	background-color:var(--btn2-hover-bgColor);
	color:var(--btn2-hover-color);
} 

@media(max-width:992px)
{
	#btn2 
	{
		font-size:var(--btn-tab-fontsize);
		width:var(--btn-width);
	}
	#btn3
	{
		font-size:var(--btn-tab-fontsize);
		width:var(--btn-width);
	}
}
@media(max-width:834px)
{
	#btn2 
	{
		font-size:var(--btn-tab-fontsize);
		width:var(--btn-tab-width);
	}
	#btn3
	{
		font-size:var(--btn-tab-fontsize);
		width:var(--btn-tab-width);
	}
}
@media(max-width:768px)
{
	#btn2 
	{
		font-size:var(--btn-tab-fontsize);
		width:var(--btn-tab-width);
	}
	#btn3
	{
		font-size:var(--btn-tab-fontsize);
		width:var(--btn-tab-width);
	}
}
@media(max-width:470px)
{
	#btn2 
	{
		font-size:var(--btn-mobile-fontsize);
		width:var(--btn-mobile-width);
		font-weight:bold;
	}
	#btn3
	{
		font-size:var(--btn-mobile-fontsize);
		width:var(--btn-mobile-width);
		margin-top:var(--btn-mobile-marginTop);
		font-weight:bold;
	}
}
: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;
}
.wrapper{
	position:fixed;
	bottom:50px;
	right:20px;
	max-width:345px;
	width:100%;
	background:#fdfdfd;
	border-radius:8px;
	padding:15px 25px 22px;
	z-index: 1;
}
.acceptbtn{
	width:100%;
	color:#fdfdfd;
	background-color:#eb5509;
	border-radius:4px;
	border:none;
	padding:8px 0; 
}
.iconImg{
	height:var(--iconImg-height);
	width:var(--iconImg-width);
	margin-right:var(--iconImg-marginRight);
	color:var(--iconImgColor);
}