@charset "utf-8";
/* CSS Document *//*color scheme logoGreen #C5C12E, red #E73F0A blue #053752*/
/* screen xs(for phones <768px ) sm(for tablets >=768px ) md(for desktops  >=992px ) lg(for large desktops >=1200px )*/

/*****************Responsive typography starts https://www.sitepoint.com/build-responsive-type-scale-bootstrap/**************/
html, body{ 
margin: 0; 
}
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 18px;
  }
}

h1, .h1 {
  font-size: 2.48832rem;
}

h2, .h2 {
  font-size: 2.0736rem;
}

h3, .h3 {
  font-size: 1.728rem;
}

h4, .h4 {
  font-size: 1.44rem;
}

h5, .h5 {
  font-size: 1.2rem;
}

h6, .h6 {
  font-size: 1rem;
}


@media (min-width: 768px) {
  h1, .h1 {
    font-size: 2.48832rem;
  }

  h2, .h2 {
    font-size: 2.0736rem;
  }

  h3, .h3 {
    font-size: 1.728rem;
  }

  h4, .h4 {
    font-size: 1.44rem;
  }

  h5, .h5 {
    font-size: 1.2rem;
  }

  h6, .h6 {
    font-size: 1rem;
  }
}
/*****************Responsive typography ends *****************/

/********* Removing dotted lines around the links start ************/
	a, a:active, a:focus{

        outline: none; /* Works in Firefox, Chrome, IE8 and above */ 

    }
/********* Removing dotted lines around the links ends ************/	

/******  Index page styling starts *******/
body{
		font-family:"Open Sans",sans-serif;
		line-height:1.5rem;
		font-weight:400;
		background-color:#FFF;/* #F7F8F9;*/
  	 	position: relative; 
	}

.headerstyle {
	background-color:#F8FAFB;
	color:#666;
	text-align:center;
}

/****** Top most para currently serving ...para styling starts *****/	
.affix {
      top: 0;
      width: 100%;
      z-index: 9999 !important;
  }
  
.affix ~ .container-fluid {
     position: relative;
     top: 1.875rem /*30px*/;
  }   
  
.box {padding-left:0; padding-right:0;}

.style1{
	line-height:1.5;
	text-align:left;
	padding-left:2.857rem /*40px*/;
	letter-spacing:0.063rem/*1px*/;
	font-size:0.786rem/*11px*/;
	padding-top:0.357rem;
}

.style2{
	line-height:1.5;
	font-size:0.8rem/*16px*/;
	padding-top:0.357rem;
	margin:0;
	}

.color1{color:#666;}
/****** Top most para currently serving ...para styling ends *****/	

/**** style the navbar starts ****/

.navbar {
	position: fixed;
  	width:100%;
	background-color: rgba(255,255,255,0.3)/*transparent*/;
  	border: none;
  	z-index: 100;
  	transition: 0.3sec;
	font-size: 0.75rem/*12px*/ !important;
    line-height: 1.42857143 !important;
	margin-bottom:0rem;
	text-align:center;
	vertical-align:middle;
	color: white;
}


/***file:///C:/Users/sony/Desktop/transparent-to-solid-navbar/transparent-to-solid-navbar/dist/index.html- link to change color of navigation links****/
.navbar.solid {
  background-color: #FFF;
 /* transition: background-color 1s ease 0s;*/
  box-shadow: 0 0 0.286rem grey;
}

.navbar.solid .navbar-nav > li > a {
  color:#666;
  transition: color 1s ease 0s;
}

/***file:///C:/Users/sony/Desktop/transparent-to-solid-navbar/transparent-to-solid-navbar/dist/index.html- link to change color of navigation links ends****/

	.navbar-default .navbar-nav > li > a {
	  color: white;
  	/*  margin: 0.714rem 0.357rem 0.357rem 0.357rem;*/
	margin-top: 0.714rem;
	}
	
	.navbar-nav li a:hover,
    .navbar-nav li.active a {
      color: #f4511e/*#FFFFFF*/ !important;
      background-color: transparent  !important;
    }
    
    .navbar-default .navbar-toggle {
      border-color: transparent;
	  color: white;
    }

	#navbar ul li a.colorlinks {
		color:#666;
	}

    #hamburger .icon-bar {
      background: #f4511e;
    }
    
    #hamburger:hover,
    #hamburger.is-active {
      background: white !important;
    }
    
    #hamburger:hover .icon-bar,
    #hamburger.is-active .icon-bar {
      background: #F4511e !important;
    }
    
    #hamburger:focus {
      background: #F4511e;
	      }
    
    #hamburger:focus .icon-bar {
      background: #FFF;
    }

	.navbar.navbar-default {
	   border: none;
	}
	.navbar.navbar-default .navbar-collapse {
	  border: none;
	  box-shadow: none;
	}

	
/******************styling navbar links ends**********/

/****************Responsive brand logo starts*********/
.navbar-brand {
  box-sizing: content-box;
  height: auto;
  margin-top: 0.357rem;
  padding-bottom:0rem;
  padding-top:0rem;
}

/*.logo { position:absolute; top: 0;}*/
.logo img {
width: 100% \9; /*Force IE10 and below to size SVG images correctly*/
max-width: 100%;
}

@media (max-width:1200px) { 
.logo img {
    width: 80% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 80% !important;
}
}

@media (max-width:480px) { 
.logo img {
    width: 70% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 70% !important;
}
}

@media (max-width:400px) { 
.logo img {
    width: 75% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 75%;
}
}

@media (max-width:385px) { 
.logo img {
    width: 70% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 70%;
}
}

@media (max-width:345px) { 
.logo img {
    width: 65% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 65%;
}
}

@media (max-width:335px) { 
.logo img {
    width: 60% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 60%;
}
}

@media (max-width:325px) { 
.logo img {
    width: 55% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 55%;
}
}

@media (max-width:315px) { 
.logo img {
    width: 50% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 50%;
}
}
/****************Responsive brand logo ends*********/

/**** style the navbar ends ****/

.main-heading{
	text-align:center;
	letter-spacing:0.3rem;
	font-weight:400;
	color:/*rgb(29,73,113)*/#053752;
	line-height:2.7rem;
	}
	
.sub-heading-1{
	font-weight:300;
	font-size:1.375rem/*22px*/;
	line-height:1.6;
	color:#053752;
	text-align:center;
		}
		
.zero{letter-spacing:0;}

/********************** change navbar breakpoint for better responsiveness starts default breaks at 786px, we changed breakpoint to 992px********/
         /*********************** code at https://silvawebdesigns.com/change-bootstrap-navbar-breakpoint*****************/
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 0.071rem solid transparent;
        box-shadow: inset 0 0.071rem 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 0.063rem;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 0.469rem/*7.5px*/;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 0.625rem/*10px*/;
        padding-bottom: 0.625rem/*10px*/;
    }
    .collapse.in{
  		display:block !important;
	}
}

/********************** change navbar breakpoint for better responsiveness ends********/

/******changing collaped navbar list color start https://jsfiddle.net/7gvg6mxp/  **/
@media (max-width: 992px) {
  .navbar-collapse
    {
        background-color:#F7F7F7;
    }
	.navbar-collapse ul li a
	{ color:#666 !important;}
}
/******changing collaped navbar list color ends**/


/******************************* Begining carousel fullscreen starts ***************************/
@media only screen and (min-width : 992px) {
#myCarousel .carousel-fullscreen,#myCarousel .carousel-inner,#myCarousel .carousel-inner .item {
    height: calc(100vh - 1.8em);
	height: -o-calc(100vh - 1.8em); /* opera */
	height: -webkit-calc(100vh - 1.8em); /* google, safari */
	height: -moz-calc(100vh - 1.8em); /* firefox */
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size:cover;
}
}

/*767px*/
@media only screen and (max-width : 992px) {

#myCarousel .carousel-fullscreen,#myCarousel .carousel-inner,#myCarousel .carousel-inner .item {
    height: 100vh;
	/*height: -o-100vh; /* opera */
	/*height: -webkit-100vh; /* google, safari */
	/*height: -moz-100vh; /* firefox */
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size:cover;
}

}
.carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}
/******************************* Begining carousel fullscreen ends ***************************/

/*** style for carousel **/
		
		#myCarousel .carousel-caption {
			color: white;
			bottom: 7%;
		}  
		
		#myCarousel .carousel-caption h4 {
			color: #fff !important;
			line-height:normal;
			word-spacing:0.25rem;
		}
		
/*** style for carousel ends **/

/*********** Our Associates style starts ********/

	    .add-padding{ padding:1.875rem;}
		#our-associates h5 { color:#053752; font-weight:500; line-height:1.875rem/*2.143em/*30px*/;}
		#our-associates {background-color:#FFF;}
		.para {
			font-size:16px;
			font-weight:normal;
			line-height:1.53rem;
			color:#666;
		}
				
		.circle-icon .glyphicon {
				background-color:#EEE;
				color:#E73F0A;
				padding: 1.125rem/*0.6rem/*18px*/;
				font-size: 2rem;
				border-radius: 50%;    
		}
		
/********* Our Associates style ends ********/

/*** services style ***/

		/* Remove border and add padding to thumbnails */
		
		.row.display-flex {
 			display: flex;
			flex-wrap: wrap;
		}
		
		.thumbnail {
			height: 100%;
			padding: 0 0 0.938rem 0 ;/*15px 0;*/
			border: none;
			border-radius: 0;
		}

		/* extra positioning */
		.thumbnail {
		  display: flex;
		  flex-direction: column;
		}
		
		.thumbnail .caption {
		  display: flex;
		  flex-direction: column;
		  justify-content: space-between;
		  height: 100%;
		}
		/* extra positioning ends */
		
		.thumbnail img , .eq img{
			width: 100%;
		}
		
		.thumbnail p {
			margin-top: 0.938rem; /*15px;*/
			color: #666;
			font-size:16px;
			text-align:left;
			margin-left:0.8rem;
			margin-right:0.8em;
			line-height:1.53rem;
			}
		
	/* Black buttons with extra padding and without rounded borders */
		.thumbnail .btn {
			color: #FFF;
			border-radius: 0;
			transition: .2s;
		}

	/* On hover, the color of .btn will transition to white with black text */
		.thumbnail .btn:hover, .thumbnail .btn:focus {
			border: 2px solid #d9534f;
			background-color: #fff;
			color: #053752;
			text-decoration:none;
		}
		
		.fullwidth
		{width:100%;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
		display:block;
		background-color:#E73F0A/*#053752*/;
		text-align:center; /*This will result in centering the link text, which is probably what you want -brianjohnsondesign.com*/
		line-height:2rem;
		color:#C5C12E/*d7d92b*/;
		font-size:15px;
			}
		
		.bg-grey {
			background-color: #f6f6f6;
		}
				
		.green-border{
		background:url(../img/greenline.png) center bottom no-repeat;
		padding:0 0 1.07rem 0;
		margin:0 0 1.43rem 0;
		}

	/*** services style  ends***/

/*** Loan products carousel style starts ****/
	#loanproducts {
			background-color: #FFF;
			padding: 3.125rem 0rem;/*50px 0px;*/
		}
		
		#loanproducts .carousel-control {
			 padding-top:10%;
			 width:1%;
		}
				
		#loanproducts .carousel-inner img {
				  margin: auto;
			}
		
		#loanproducts .carousel-control.right, #loanproducts .carousel-control.left {
					background-image: none;
					color: #E73F0A/*#f4511e*/;
			}
		
		#loanproducts .carousel-indicators li {
					border-color: #f4511e;
			}
				
		#loanproducts .carousel-indicators li.active {
					background-color: #f4511e;
			}
				
		.item h5 {
					font-size: 14px;
					line-height: 1.375rem;
					font-weight: 600;
					margin: 0.625rem 1.875rem;/*10px 30px;*/
					color:#053752;
			}
				
		.item span {
					font-style: normal;
			}
				
		#incircle {
					border-radius: 50%;
					border: 0.188rem solid #C5C12E/*d7d92b/*#053752*/;
					padding: 0.563rem/*9px*/; 
					width: 5.938rem/*95px*/;
					height: 5.938rem/*95px*/; 
			}
/**** Loan products carousel style ends ****/

/*** why us styling starts ***/

		@media (max-width: 767px) {
		  .container, .row {
			padding:0rem;
		  }
		 }  /****to get Recent Proposals completed in center on smaller screens***/
		
		#why-us {
			text-align: center;
			background-position:left-top;
			background-repeat: no-repeat;
			background-size: cover;
			padding: 0.625rem 0rem 0.625rem; /*10px 0px 10px;*/
		}
		
		.board{
			width:/* 75%*/100%;
			margin: 0rem auto;
			height: auto;
			/*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
		}
		
		.nav-tabs{
			border-color:transparent;
			border-bottom:none;
								}
		
		.board .nav-tabs {
			width:100%;
			position: relative;
			margin: 0.625rem auto;/*10px auto;*/
			margin-bottom: 0;
			border:0 none;
			box-sizing: content-box;
					}
		
		.nav-tabs > li {
			width: 33%;
					}
		
		.nav-tabs > li a{
		   width: 8.125rem/*130px*/;
		   height: 8.125rem/*130px*/;
		   margin: 1.25rem auto;/*20px auto;*/
		   border-radius: 100%;
		   padding: 0;
		   background:none;
		   outline:none;
		   			}
		
		.nav-tabs > li a:hover{
			background: transparent;
			border:0 none;
					}
		
		.nav-tabs > li.active a, li.active span.round-tabs.one,  li.active span.round-tabs.two,  li.active span.round-tabs.three{
			background: transparent/*#053752/*#f7bb32*/ !important;
		/*	color: #C5C12E;*/
		border-color:transparent !important;
					border:0 none;
						}
		
		span.round-tabs{
			width: 8.125rem/*130px*/;
			height: 8.125rem/*130px*/;
			line-height: 1.125rem/*18px*/;
			display: inline-block;
			border-radius: 100%;
			/*background: #053752/*#fff/*#cc2b3b*/
			z-index: 2;
			position: absolute;
			left: 0;
			text-align: center;
			font-size: 16px;
			border:0 none;
					}
		
		span.round-tabs.one{
			color:#000; 
			background:#C5C12E/*#E73F0A/*#053752/*#cc2b3b*/;
			padding:3.125rem 0.75rem/*50px 12px*/;
			opacity:0.7;
				}
		
		li.active span.round-tabs.one{
			background: #E73F0A/*#EEECE1/*#f7bb32*/ !important;
			color: #000/*#fff*/;
			padding:3.125rem 0.75rem/*50px 12px*/;
			opacity:0.7;
				}
		
		span.round-tabs.two{
			color:#000; 
			background:#C5C12E/*#E73F0A/*#053752/*#cc2b3b*/;
			padding:1.875rem 0.857rem/*30px 12px*/;
			opacity:0.7;
				}
		
		li.active span.round-tabs.two{
			background: #E73F0A/*#EEECE1/*#f7bb32*/ !important;
			color: #000/*#fff*/;
			padding:1.875rem 0.857rem/*30px 12px*/;
			opacity:0.7;
					}
		
		span.round-tabs.three{
			color:#000;
			background:#C5C12E /*#E73F0A/*#053752/*#cc2b3b*/;
			padding:2.5rem 0.75rem/*40px 12px*/;
			opacity:0.7;
					}
		
		li.active span.round-tabs.three{
		   background: #E73F0A/*#EEECE1/*#f7bb32*/ !important;
		   color: #000/*#fff*/;
		   padding:2.5rem 0.75rem/*40px 12px*/;
		   opacity:0.7;
					}
		
		.tab-content{
		}
		
		.tab-pane{
			position: relative;
			padding-top:/* 50px*/0rem;;
		}
		
		.vmr60 {
			margin: 3.75rem 0rem/*60px 0px */;
					}
					
		.tabs-cont{
			background:#FFF !important;
			border:0.188rem/*3px*/ solid #E73F0A/*#C5C12E/*#cc2b3b*/;
			padding:1.875rem 2.5rem/*30px 40px*/;
			margin-top:0rem;
			}
		
		.red-hd{
			font-size:1.875rem/*30px*/ !important;
			font-weight:400 !important;
			color:#E73F0A/*#cc2b3b*/ !important;
			line-height:normal;
		}
		
		.hd-bt-border{
			background:#fff url(../img/line.png) center bottom no-repeat;
			padding:0rem 0rem 1.875rem 0rem/*0px 0px 30px 0px*/;
			margin:0rem 0rem 1.875rem 0rem/*0px 0px 30px 0px*/;
		}
		
		.txt{
			/*color:#333333;*/
			font-size:16px;
			line-height:1.45rem;
			text-align:left;
		}
		
		.newspaper {
			-webkit-column-count: 2; /* Chrome, Safari, Opera */
			-moz-column-count: 2; /* Firefox */
			column-count: 2;
			-webkit-column-gap: 3.125rem/*50px*/; /* Chrome, Safari, Opera */
			-moz-column-gap: 3.125rem/*50px*/; /* Firefox */
			column-gap: 3.125rem/*50px*/;
		}
		
		.rcolor {
			color:#E73F0A;
		}

		#testimonials h4 {color:#333333;	font-size:18px;	line-height:1.45rem;}
		
		@media screen and (max-width: 768px) {
		.newspaper {
			-webkit-column-count: 1; /* Chrome, Safari, Opera */
			-moz-column-count: 1; /* Firefox */
			column-count: 1;
			/*-webkit-column-gap: 50px; /* Chrome, Safari, Opera */
			/*-moz-column-gap: 50px; /* Firefox */
			/*column-gap: 50px;*/
		}
		span.round-tabs{
			width: 7.143rem /*100px*/;
			height: 7.143rem/*100px*/;
			line-height: 1.286rem/*18px*/;
			display: inline-block;
			border-radius: 100%;
			/*background: #053752/*#fff/*#cc2b3b*/
			z-index: 2;
			position: absolute;
			left: 0;
			text-align: center;
			font-size: 14px;
			border:0 none;
					}
		span.round-tabs.one{
			padding:2.143rem 0.857rem/*30px 12px*/;
			}
		
		li.active span.round-tabs.one{
			padding:2.143rem 0.857rem/*30px 12px*/;
			}
		
		span.round-tabs.two{
			padding:1.071rem 0.429rem /*15px 6px*/;
			}
		
		li.active span.round-tabs.two{
			padding:1.071rem 0.429rem /*15px 6px*/;
			}
		
		span.round-tabs.three{
			padding:2.143rem 0.857rem/*30px 12px*/;
			}
		
		li.active span.round-tabs.three{
		   padding:2.143rem 0.857rem/*30px 12px*/;
			}
}

		@media screen and (max-width: 500px) {
			#menu1 a.btn {
				width: 100%;
				font-size:small;
			}
		}


/*** why us styling ends ***/


/**************Recent Projects completed styling starts ***********/
#projects .carousel-content {
    color:black;
    display:flex;
    align-items:center;
}

#projects #text-carousel {
  width: 100%;
  height: auto;
  padding: 0.357rem/*5px*/;
  padding-top:1.429rem/*20px*/;
}

#projects .carousel-control.left, .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}

.carousel-control span.glyphicon {
    color: red;
}

.red {color:#E73F0A;}

#projects h5 {font-weight:bold;line-height:2rem;margin-top: 30px;font-size: 16px; letter-spacing:1px;; text-align:center;}

/**************Recent Projects completed styling ends ***********/

/**************** Footer starts *****************/
#footer a{
	font-size:13px;
	color:#333/*#053752/*#cdd021/*#CDD22A*/;
	text-decoration:none;
	}

#footer a:hover {
	color:#E73F0A !important; }
	
ul{
	list-style-type:none;
	}
#footer li{
	line-height:2rem;
}

.bg-darkgrey{background-color:#F2F2F2;}

h4 , h5 {line-height:0.429rem/*6px*/;}
#footer h6 {font-size:0.7rem;}

/*******               Home page css ends                 ***************/

/*******               About us page css starts                 ***************/

		#visionmission .container-fluid, #clientsassociates .container-fluid{
			  padding: 0rem 5.714rem/*0px 80px*/;
		  }
		  
		#tieup .container-fluid {
			padding-top:2.143rem/*30px*/;
			padding-bottom:2.143rem/*30px*/;
		}
				
		.bg-1{
			background-color:#ef7b57/*#053752*/;
		}
			
		.centercontent{
			color:#333;
			margin:1.5rem;
			font-weight:500;
			line-height:1.6;
			font-size: 17px; /*0.95rem;*/
			text-align:center;
		}
		
		.horizontal-center {
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		}
		
		.vertical-center {
			padding-top:12.857rem; /*250px;*/
		  	padding-bottom:7.143rem; /*100px;*/
		}
				
		.hd-bt-border-green{
		background:#fff url(../img/line.png) center bottom no-repeat;
		padding:0 0 1.429rem 0;
		margin:0 0 2.143rem 0;
		}
		
		.thumbnail2 {		
			padding: 0 0 0.143rem 0;
			border: none;
			border-radius: 0;
			background-color:#E73F0A; 
		}
		
		.thumbnail2 img {
			width: 100%;
			height: 100%;
			margin-bottom: 0.714rem; /*10px;*/
		}	
		
		.thumbnail2 p {
			color:#FFF;
			font-size:1.143rem; /*16px;*/
		}
		
		#testimonials p{
			color:#666;
			font-size:1.143rem; /*16px;*/
		}
		
		/*** style for carousel **/
		h3{
			word-spacing:0.25rem;
		}
		/*** style for carousel ends **/

		.mvpara1 {
			margin-left: 0;
			margin-right:0;
		}
		
		.cover {object-fit:cover;}
		
@media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
    }
	.vertical-center {
			padding-top:1rem; /*250px;*/
		  	padding-bottom:1rem; /*100px;*/
		}
	.horizontal-center {
		  display: block;
		  margin-left: 0;
		  margin-right: 0;
		}
	#visionmission .container-fluid, #clientsassociates .container-fluid{
			  padding: 0px 0px;
		  }
	.col-sm-6 {
        text-align: center;
 		letter-spacing: 0.071rem/*1px*/;
    }
}

@media screen and (max-width: 992px) {
	.thumbnail2 {
		width:50%;
		display:block;
		margin-left:auto;
		margin-right:auto;
		  }
}

@media screen and (max-width: 400px) {
	.thumbnail2 {
		width:100%;
				  }
}

/*******               About us page css ends                 ***************/

/******* career page stying starts *****/

/*i {
  border: solid white;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 6px;
}*/

.style3 {
	color:#FFF;
	font-weight:600;
	line-height:normal;
}

.color2{
	color:#FFF;
}

.color3 {
	color:#C5C12E;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

td { font-size:1.07rem/*15px*/;}

.opening p{ font-size:1.07rem/*15px*/;}

#loc{
	background-image:url(../img/work-791218_1920.jpg);
	background-size: 100% auto;
	background-repeat:no-repeat;
	padding:1.57rem/*50px*/;
	/*https://dev.to/skhmt/horizontally-and-vertically-centering-in-css-2248*/
		display: flex;
		justify-content: center;
		align-items: center;
	}

/*https://code-boxx.com/responsive-css-squares-rectangles*/
  
   #recB {
        background: #053752;
        width: 60vw;
        height: 30vh;
		padding: 1rem;
	
      }
	@media (max-width:600px){
		#recB {width:95vw; height:38vh;}
	}

#rect-grey {
	height:auto;
	background:#F6F6F6;
}

.rect-grey:before {
    content: "";
    display: block;
    padding-top: 10%;
}

#curropening .container-fluid{
			  padding: 0rem 5.71rem/*80px*/;
		  }
		  
h2{margin:0; padding:0;}

/******* Career page stying ends *****/

/*********   Contact Us page styling starts  *********/

.HW {
	height:600px;
	width:100%;
}

.img-responsive{margin:0 auto;}

.up{
	margin-bottom:-2.14rem/*30px*/;
}

.head{
	font-family:'Lora', sans-serif;
	color:#E73F0A;
	font-style:italic;
}

		
#contact-us .container-fluid img{
			max-width:100%;
			height:auto;
			}

/*********   Contact Us page styling ends  *********/
			
			
/****************** services page styling starts  **************/

.heading{
	font-family:'Lora', sans-serif;
	color:/*#E73F0A*/#053752;
	font-style:italic;
	font-size:1.2rem/*20px*/;
	text-align:center;
	/*margin-top:4rem/*64px*//*;*/
	line-height:normal;
	padding: 8% 0;  /* to vertical align in the div */
	}

.sub-heading-2{
	color:#E73F0A;
	font-family:'Lora', sans-serif;
	font-style:italic;
	line-height:1.2rem;
}

.form-group label{
	font-size: 1rem ;
	font-weight:400;
	color:#FFF;}

form .line {
	margin-bottom:0rem;
}

.form-group input , .form-control
{ border-radius: 0;}

.form-group input[type=number] {
    -moz-appearance: textfield;
}
.form-group input[type=number]::-webkit-inner-spin-button, 
.form-group input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
   margin: 0; 
}

.custom-body .panel-body {
         font-size:1rem;
		 }
		 
.custom-products {
	font-size:1rem;
	}

.styleform {
	background-color:#053752;
	padding-left:1.25rem/*20px*/;
	padding-right:1.25rem/*20px*/;
	padding-bottom:0.313rem/*5px*/;
	color:#e8e8e8;
	font-family:calibri;
	}

.Formtitle {
	color:#C5C12E;
	display:inline;
}
.centerleft {
	display: flex;
  	flex-flow: row wrap;
  	justify-content: center;
}

/****************** services page styling ends  **************/

/************* Whatisnew page styling starts *************/
.title {
	text-align:center;
	font-weight:bold;
	font-size:24px;
	text-decoration:underline;
	color:#045b8f;
}

/*i {
	  border: solid black;
	  border-width: 0 3px 3px 0;
	  display: inline-block;
	  padding: 3px;
	}*/
	
.title2 {
	margin-left: 18rem/*250px*/;
	margin-right: 18rem/*250px*/;
	text-align: justify;
	font-weight:bold;
	font-size:18px;
}
.tablestyle1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tdstyle {
	font-size: 12px;
	color: #CCC;
	text-align: center;
}
.tablestyle2 {
	border: solid 1px #e3e3e3;
	background-color: #fff;
	font-family: Calibri, Helvetica, sans-serif;
    font-size: 14px;
	line-height: 140%;
}

#whatisnew .navbar {
	background-color: #FFF;
}

.Descrip {
	margin-left:1rem/*35px*/;
	margin-right:1rem/*35px*/;
	text-align: justify;
	font-size:17px;
}

.linkBnU {
	text-decoration:underline;
	font-weight:bold;
	}

/* unvisited link */
.lineBnU a:link {
  color: red;
}

/* visited link */
.lineBnU a:visited {
  color: blue;
}

/* mouse over link */
.lineBnU a:hover {
  color: blue;
}

/*
selected link */
.lineBnU a:active {
  color: blue;
}


@media screen and (max-width: 992px) {
	.title2 {
	margin-left:  1rem;
	margin-right: 1rem;
	}

	.Descrip {
	margin-left:1rem/*35px*/;
	margin-right:1rem/*35px*/;
	text-align: justify;
	font-size:17px;
	}
}
/**********responsible table starts *********/

@media (max-width: 767px) {
  .table-wrap table,
  .table-wrap thead,
  .table-wrap tbody,
  .table-wrap th,
  .table-wrap td,
  .table-wrap tr {
    display: block;
  }
  .table-wrap thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table-wrap td {
    border: none;
    border-bottom: 0.071rem solid #eee;
    position: relative;
    padding-left: 1.5%!important;
    white-space: normal;
    text-align: left;
  }
  .table-wrap td:before {
    position: absolute;
    top: 0.571rem/*8px*/;
    left: 1.071rem/*15px*/;
    width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
  .table-wrap td:first-child {
    padding-top: 1.214rem/*17px*/;
  }
  .table-wrap td:last-child {
    padding-bottom: 1.143rem/*16px*/;
  }
  .table-wrap td:first-child:before {
    top: 1.214rem/*17px*/;
  }
  .table-wrap td:before {
    content: attr(data-title);
  }
  .table tbody tr {
    border-top: 0.071rem solid #ddd;
  }
  .table tbody tr td {
    border: none;
  }
}

/*@media (min-width: 768px) {
  .table thead tr th,
  .table tbody tr td {
    padding: 15px 20px;
  }
}
/**********responsible table ends *********/
/************* Whatisnew page styling ends *************/