@import url(https://fonts.googleapis.com/css?family=Montserrat);





#msform {

text-align: center;

position: relative;

margin-top: 30px;
z-index: 2:
}



#msform fieldset {

background: white;

border: 0 none;

border-radius: 0px;

box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);

padding: 20px 30px;

box-sizing: border-box;

width: 80%;

margin: 0 10%;

position: relative;



/*stacking fieldsets above each other*/

position: relative;

}



/*Hide all except first fieldset*/

#msform fieldset:not(:first-of-type) {

display: none;

}



/*inputs*/

#msform input, #msform textarea {

padding: 15px;

border: 1px solid #ccc;

border-radius: 0px;

margin-bottom: 10px;

width: 100%;

box-sizing: border-box;

font-family: montserrat;

color: #2C3E50;

font-size: 13px;

}



#msform input:focus, #msform textarea:focus {

-moz-box-shadow: none !important;

-webkit-box-shadow: none !important;

box-shadow: none !important;

border: 1px solid #116a07;

outline-width: 0;

transition: All 0.5s ease-in;

-webkit-transition: All 0.5s ease-in;

-moz-transition: All 0.5s ease-in;

-o-transition: All 0.5s ease-in;

}



/*buttons*/

#msform .action-button {

width: 100px;

background: #116a07;

font-weight: bold;

color: white;

border: 0 none;

border-radius: 25px;

cursor: pointer;

padding: 10px 5px;

margin: 10px 5px;

}



#msform .action-button:hover, #msform .action-button:focus {

box-shadow: 0 0 0 2px white, 0 0 0 3px #116a07;

}



#msform .action-button-previous {

width: 100px;

background: #C5C5F1;

font-weight: bold;

color: white;

border: 0 none;

border-radius: 25px;

cursor: pointer;

padding: 10px 5px;

margin: 10px 5px;

}



#msform .action-button-previous:hover, #msform .action-button-previous:focus {

box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;

}



/*headings*/

.fs-title {

font-size: 18px;

text-transform: uppercase;

color: #2C3E50;

margin-bottom: 10px;

letter-spacing: 2px;

font-weight: bold;

}



.fs-subtitle {

font-weight: normal;

font-size: 13px;

color: #666;

margin-bottom: 20px;

}



/*progressbar*/

#progressbar {

margin-bottom: 30px;

overflow: hidden;

/*CSS counters to number the steps*/

counter-reset: step;

}



#progressbar li {

list-style-type: none;

color: white;

text-transform: uppercase;

font-size: 9px;

width: 32%;

float: left;

position: relative;

letter-spacing: 1px;

}



#progressbar li:before {

content: counter(step);

counter-increment: step;

width: 24px;

height: 24px;

line-height: 26px;

display: block;

font-size: 12px;

color: #333;

background: white;

border-radius: 25px;

margin: 0 auto 10px auto;

}



/*progressbar connectors*/

#progressbar li:after {

content: '';

width: 100%;

height: 2px;

background: white;

position: absolute;

left: -50%;

top: 9px;

z-index: -1; /*put it behind the numbers*/

}



#progressbar li:first-child:after {

/*connector not needed before the first step*/

content: none;

}



/*marking active/completed steps green*/

/*The number of the step and the connector before it = green*/

#progressbar li.active:before, #progressbar li.active:after {

background: #116a07;

color: white;

}





/* Not relevant to this form */

.dme_link {

margin-top: 30px;

text-align: center;

}

.dme_link a {

background: #FFF;

font-weight: bold;

color: #116a07;

border: 0 none;

border-radius: 25px;

cursor: pointer;

padding: 5px 25px;

font-size: 12px;

}



.dme_link a:hover, .dme_link a:focus {

background: #C5C5F1;

text-decoration: none;

}

#msform input, #msform textarea{

margin-bottom:4px;

}

#msform .error{

color:#a94442;

text-align:left;

}
.tab-content {
    border: 1px solid #107102;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color:#107102;
    color:#fff;
    border-color: #107102 #107102 #107102;
}
.nav-tabs li  .nav-tabs li .nav-link:hover, .nav-tabs li .nav-link:focus {
    background: #fff;
    border-bottom: none;
    border-left: 1px solid #107102;
    border-right: 1px solid #107102;
    border-top: 3px solid #107102;
    color: #107102;
}
.nav-tabs li .nav-link, .nav-tabs li .nav-link:hover {
    background: #f7f7f7;
    border-bottom: none;
    border-left: 1px solid #107102;
    border-right: 1px solid #107102;
    border-top: 1px solid #107102;
    color: #107102;
}

.service-items .read-more-cont{
	display: none;
}
.service-items .btn {
    font-size: 16px;
    background-color: transparent;
    border: 1px solid #555555;
    color: #555555;
    padding: 8px 15px;
    cursor: pointer;
}
.porthead{
	background-color: #0F7001;
    padding: 6px;
    color: #fff;
}
.left-pic{
	padding: 32% !important;
}
.box-footer {
	list-style: none;
	margin-left: -35px;
	margin-top: -15px;
 
}
.disclosure{
	display: block;
    width: 100%;
}
.office-map{
	padding:4px;
}
.rtecenter{
	font-size: 11px;
}

/* .service-items .item-inner h3{
	font-size: 20px;
	color:#000000;
	margin-bottom: 30px;
	position: relative;
}
.service-items .item-inner h3::before{
  content: '';
  height: 1px;
  width: 80px;
  background-color: #000000;
  position: absolute;
  left:0;
  bottom:-10px;
}

.service-items .item-inner p{
	color:#555555;
	font-size: 16px;
	margin:0 0 30px;
} */

.consultationform{
    padding: 2rem;
    color: #fff;
    border-radius: 5px;
}
.popup-box{
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top:0;
	background-color: rgba(0,0,0,0.5);
	z-index: 500;
	visibility: hidden;
	opacity:0;
	transition: all 0.5s ease-in-out;
}
.popup-box.open{
  visibility: visible;
	opacity:1;	
}
.popup-box .popup-content{
	background-color: #ffffff;
	width: 600px;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	border-radius: 8px;
}

.popup-box .popup-header{
	padding: 15px 40px 15px 15px;
	border-bottom: 1px solid #dddddd;
}
/* .popup-box .popup-header h3{
	margin:0;
	color:#E91E63;
	font-size: 20px;
} */
.popup-box .popup-header .popup-close-icon{
	position: absolute;
    height: 30px;
    width: 30px;
    text-align: center;
    color: #555555;
    font-size: 28px;
    line-height: 30px;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
.popup-box .popup-body{
	padding: 15px;
	max-height: 300px;
	overflow-y: auto;
}
.popup-box .popup-body img{
	width: 100%;
	display: block;
	margin-top: 15px;
}
.popup-box .popup-body p{
	font-size: 16px;
	color:#555555;
	margin:0 0 15px;
}
.popup-box .popup-footer{
	padding: 15px;
	border-top:1px solid #dddddd;
	text-align: right;
}
.popup-box .popup-footer .btn{
	padding: 8px 15px;
	border:1px solid #555555;
	color:#555555;
	font-size: 16px;
	background-color: transparent;
	cursor: pointer;
	border-radius: 4px;
}
.popup-box .popup-footer .btn:focus{
	outline: none;
}
div.dataTables_wrapper {
    overflow-x: scroll;
}


.capbox-inner {
	/*font: bold 11px arial, sans-serif;*/
	color: #000000;

	}

#CaptchaDiv {
	font: bold 17px verdana, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

	.home-notice{
		/* border-top: 15px solid #107102; */
		padding: 15px 0px 0px 10px;
		background-color:#107102;
		color:#ffffff;

	}
	.home-notice h4{
		font-size: 17px;
		text-align: center;
		color:#ffffff;
		font-weight: 300;
		/*animation: blink 5s linear infinite;*/
		
	}
	.home-notice p {
  text-align: center;
  font-size: 18px;
  /* margin-top: 10px; */
  color:#ffffff;
  animation: blink 5s linear infinite;
}
	.fa-check
		{
    color: green;
	}

	.bg-white{
	    padding:1rem;
	    
	}
	

@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.form-style-4.form-style-4-border-green .form-control {
        border-color: #0F7001!important;
        color: #0F7001!important;;
    }
    .form-style-4.form-style-4-border-green .form-label {
        color: #0F7001!important;
    }
    .btn-green{
       background: #0F7001!important; 
       color:#fff;
    }
/*responsive*/

@media(max-width: 767px){
	.services .service-items .item{
	  flex:0 0 100%;
      max-width: 100%;
   }
   .popup-box .popup-content{
   	 width: calc(100% - 30px);
   }
}
@media(max-width: 576px){
	.parallax-background.fadeIn.animated {
		top: 0px !important;
	}
}
@media (min-width: 1023px) and  (max-width: 1152px){
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a {
	padding: 3px;
	font-size: 13px;
}
}
@media (min-width: 1152px) and  (max-width: 1280px){
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav>ul>li>a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav>ul>li>a {
		padding: 5px;
		font-size: 15px;
	}
	}
	
	section.section{
	    padding:90px 0;
	}