@charset "utf-8";

/*********************************************/

/* CONSTANTS

/*********************************************/

:root {

  --mainbluecolor: #005EA8; 

  --maingreencolor: #7AB51D;

  --altbluecolor: #A84A00;

  --altgreencolor: #581DB5;

  --lightgreencolor: #97bf58;

  --fontextralight: 200;

  --fontlight: 300;

  --fontregular: 400;

  --fontbold: 700;

}

/*********************************************/

/* FONTS */

/*********************************************/

/*************************************************

/*  BODY

/************************************************/

html, body {

  display: block;

  position: relative;

	width: 100%;

	height: 100%;

}

body {

	background: #FFF;

	padding: 0;

	margin: 0;

	font-family: Poppins, Helvetica, Arial, sans-serif;

  font-weight: var(--fontlight);

	font-size: 16px;

	color: #fff;

	position: relative;

}

.BodyPopup {
	padding: 5px;
}

.BodyPopup .ContentHeader {
	color: #FFF;
	font-size: 22px;
}

a {

	color: var(--mainbluecolor);

  font-weight: var(--fontbold);

	text-decoration: none;

}

a:hover {

		color: var(--mainbluecolor);

}

hr {

	border: none;

	background:  none;

	border-bottom: 1px solid var(--mainbluecolor);

	display: block;

	clear: both;

}

img {

	border-color: var(--mainbluecolor);

}

/*********************************************/

/* Heading and Title styles

/*********************************************/

h1, h2, h3, h4, h5, h6 {

	font-family: Oswald, Poppins, Helvetica, Arial, sans-serif;

	line-height: 1.45em;

	padding: 2px 0;

	margin: 2px 0;

	display: block;	

	font-weight: 600;

}



h1 {

	font-size: 42px;

	color: var(--mainbluecolor);

}



h2{

	font-size: 36px;

	color: var(--mainbluecolor);

}

h3 {

	font-size: 26px;

	color: var(--maingreencolor);

}

h4{

	font-size: 22px;

	color: #333;

}	

h5{

	font-size: 18px;

	color: #444;

}	

h6{

	font-size: 16px;

	color: #555;

}	

/*------------------------------*/



h1.BlueTitle, h2.BlueTitle, h3.BlueTitle, h4.BlueTitle, h5.BlueTitle, h6.BlueTitle {

	background: var(--mainbluecolor);

	color: #fff;

	padding: 5px 0;

	width: auto;

  font-weight: var(--fontregular);

	border-radius: 5px;

}





ul li {

	list-style-image: url("/images/icons/arrow1.png");

	list-style-type: none;

	line-height: 1.65em;

	font-size: inherit;

}





/*************************************/

/*************** HEADER **************/

/*************************************/



.HeaderBar {

	background: none;

	width: 100%;

	height: 210px;

	text-align: center;

	position: relative;

	display: block;

	padding: 0;

	margin: 0;

	z-index: 1005;

}

.HeaderSocial {

  background: var(--mainbluecolor);

	width: auto;

	height: auto;

	margin: 0;

	padding: 8px 14px;

	display: block;

	position: relative;

	color: #fff;

  font-size: 15px;

  line-height: 1.55em;

	z-index: 1009;

	text-align: left;

}

.HeaderSocial img {

  width: 18px;

  height: 18px;

  border: none;

}

.HeaderSocial a {

  color: #fff;

  font-weight: var(--fontregular);

}

#MobileLogo, .lnkMenuPopUp, .MobileMenu, #mnuCloseMenu , .lnkMobileSearch {

	display: none;

	visibility: hidden;

}



.imgHomeLogo {

  height: 100px;

	display: inline-block;

	position: relative;

	z-index:  1011;

  margin: 10px 0;

}

.HeaderImage {

  width: 100%;

  height: 100px;

  display: block;

  position: relative;

  clear: both;

  overflow: hidden;

  text-align: center;

}

.HeaderSearch {

  position: absolute;

  top: 5px;

  right: 5px;

  z-index: 12;

}







.lnkMenuPopUp {

  width: 32px;

  height: 32px;

  margin: 2px 10px 2px 12px;

}



.imgTopIcon {

  width: 24px;

  height: 24px;

  border: none;

  margin: 0 5px;

  vertical-align: middle;

}

/*******************************************/

/*************** SLIDESHOW *****************/

/*******************************************/

.RotateBar, .RotateBar2, .RotateBar3 {

  font-family: Poppins, Helvetica, sans-serif;

	background: none;

	width: 100%;

	height: 800px;

	padding: 0;

	margin: 0;

	display: block;

	position: relative;

	text-align: center;

	z-index: 3;

	overflow: hidden;

}

.RotateBar .RotateBox {

  width: 100%;

  height: 100%;

  position: relative;

  display: block;

  z-index: 3;

}

.RotateBar2 {

  background: var(--mainbluecolor);

  background-size: 100% auto;

  height: 500px;

}

.RotateBar3 {

  background: var(--mainbluecolor);

  height: 150px;

}

.RotateBar .RotateImage, .RotateBar2 .RotateImage {

	background-color: var(--mainbluecolor);

	background-repeat: no-repeat;

	width: 100%;

	height: 800px;

	padding: 0;

	margin: 0;

	display: block;

	position: relative;

	text-align: center;

	z-index: 5;

}

.RotateBar2 .RotateImage {

  height: 500px;

}





.RotateBar .RotateText {

	background: none;

	width: 80%;

	height: 40%;

	color: #fff;

	text-align: center;

  font-size: 24px;

  line-height: 1.5em;

	padding: 0;

  margin: 0;

	position: absolute;

	left: 10%;

	top: 60%;

	z-index: 10;

}





.RotateBar .RotateText h1,

.RotateBar .RotateText h2 {

  font-family: Poppins, Helvetica, sans-serif;

	color: #fff;

	font-size: 40px;

	font-weight: var(--fontregular);

	line-height: 1.55em;

}

.RotateBar2 .RotateText h2 {

  font-size: 40px;

  line-height: 1.4em;

}

.RotateBar2 .RotateText .PageTitle, .RotateBar2 .RotateText h2 {

  color: #aba497;

}



.RotateBar .RotateLoading {

	position: absolute;

	left: 50%;

	top: 50%;

	margin: -50px 0 0 -50px;

	width: 100px;

	height: 100px;

	z-index: 1004;

}

.RotateBar .RotateImageOld {

	position: absolute;

	top: 0;

	left: 0;

}



.RotateBar .boxButton3, .RotateBar2 .boxButton3 {

  background: var(--mainbluecolor);

  margin: 10px 10px 10px 0;

  padding: 8px 35px;

  font-size: 16px;

  display: inline-block;  

	width: auto;

}

.RotateBar .boxButton3 a, .RotateBar2 .boxButton3 a {

  color: #fff;

  text-transform: capitalize;

}

.RotateFrame {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background: none;

  z-index: 8;

}

/*******************************************/

/*************** MENU **********************/

/*******************************************/

.MenuBar {

	width: 100%;

	height: 40px;

	margin: 5px 0 5px;

	padding: 0;

	display: block;

	position: relative;

	color: #fff;

	z-index: 1010;

	text-align: right;

}

.mnuMain {

	font-family: Poppins, Arial, Helvetica, sans-serif;

  font-weight: var(--fontregular);

	width: 100%;

	height: auto;

	margin: 0;

	padding: 0;

	position: relative;	

	display: inline-block;

	text-align: center;

  z-index: 10;

}



.mnuMain li {

	height: auto;

	width: auto;

	padding: 1px 18px;

	line-height: 1.45em;

	margin: 0;

	font-size: 16px;

	font-weight: var(--fontregular);

  text-align: center;

  text-transform: uppercase;

	list-style: none;

  display: inline-block;

  position: relative;

}

.mnuMain li a, .mnuMain li ul li a {

	color: #000;

	text-decoration:none;

  font-weight: var(--fontregular);

}





.mnuMain li ul li:hover {

	color: var(--altbluecolor);

}

.mnuMain li.boxMenuActive, .mnuMain li:hover {

	color: var(--maingreencolor);

}

.mnuMain li.boxMenuActive a, .mnuMain li:hover a {

	color: var(--maingreencolor);

}



.mnuMain li.mnuLogo {

  padding: 10px 0;

}

.mnuMain li.mnuLogo:hover {

  background: none;

}





.mnuMain ul {

	background: #f3f3f3;

	display: none;

	position: absolute;

	top: 35px;

	left: 0;

	width: 200px;

	height: auto;

	font-size: 12px;

	padding: 2px 10px 5px;

	margin: 0;

	z-index: 20;

	border-top: none;

}



.mnuMain li:hover ul {

	display: block;

}

.mnuMain li:hover ul li ul {

  display: none;

}



.mnuMain ul li {

	list-style: none;

	text-align: left;

	float: none;

	height: auto;

	display: list-item;

	padding: 4px 6px;

	line-height: 1.45em;

	font-size: 14px;

	z-index: 21;

	text-transform: none;

}





.mnuMain li ul li:hover {

	color: #aba497;

}





.mnuMain li ul li ul {

	background: #333;

	display: none;

	position: absolute;

	top: 0;

	left: 200px;

	width: 200px;

	height: auto;

	font-size: 12px;

	padding: 2px 10px 5px;

	margin: 0;

	z-index: 20;

	border-top: none;

}

.mnuMain li ul li:hover ul { 

  display: block;

}

/************** CONTENT BAR ***************/





.ContentBar, .ContentBar2 {

  background: none;

	font-size: 18px;

  font-weight: 300;

	width: 100%;

	height: auto;

	padding: 0;

	margin: 0;

	line-height: 1.5em;

	text-align: left;

	color: #fff;

	position: relative;

	display: block;

  clear: both;

}

.ContentBar2 {

  background: #fff;

}

.ContentBar .ContentBox {

  width: 80%;

  padding: 15px 0;

	margin: 0 10%;

	text-align: left;

	position: relative;

	display: block;  

}

.barDark li {

  list-style-image: url("/images/icons/arrow2.png");

}

.ContentBoxLg {

  font-size: 18px;

}

.ContentBox h1, .ContentBox h2 {

  color: inherit;

}

.Service-section .ContentBox h1{padding:12% 0 0 0;}
/*----------------------------------*/

.PageQuoteLeft, .PageQuoteRight {

  width: 27%;

  color: #aba497;

  font-size: 20px;

  line-height: 1.45em;

  display: block;

  position: relative;

}

.PageQuoteLeft {

  float: left;

  margin: 25px 60px 100px 0;

}

.PageQuoteRight {

  float: right;

  margin: 25px 0 100px 60px;

}



/******************************************/

.MenuPathBox {

  font-family: Poppins, myHelvetica2, Arial, Helvetica, "sans-serif";

	background: #FFF;

	width: 100%;

	font-size: 12px;

	text-align: right;

	display: block;

	margin: 0;

	padding: 5px;

}

/******************************************/

/******************************************/

.MapBox {

	border: 1px solid var(--mainbluecolor);

	margin: 0;

	padding: 0;

	width: 50%;

	height: 650px;

  display: block;

  position: relative;

}



.LeftBox {

	float: left;

	background: #ececd4;

	border: none;

	border-top: 12px solid #cccc99;

	border-bottom: 12px solid #cccc99;

	width: 220px;

	_width: 240px;

	padding: 8px 10px;

	margin: 8px 0 0 20px;

	font-size: 12px;

	color: #036;

}

.LeftBox hr {

	color: #efefef;

	border-bottom: 1px solid #efefef;

}





.RightBox {

	float: right;

	background: url("/images/shade4.png");

	border: none;

	width: 250px;

	padding: 8px 10px;

	margin: 0 0 20px 20px;

	border-radius: 5px;

	font-size: 13px;

	color: #036;

}

.RightBox hr {

	color: #efefef;

	border-bottom: 1px solid #efefef;

}

.RightBox li {

	list-style-image: none;

	list-style-type:disc;

}



.ContactForm {

  background: #fff;

  color: var(--mainbluecolor);

  border: 1px solid var(--mainbluecolor);

	margin: 0 0;

	padding: 10px;

	width: 42%;

	height: 100%;

	text-align: left;

	display: block;

	position: relative;

  float: right;

  font-size: 15px;

}

.ContactInfo {

  color: #fff;

  font-size: 24px;

}

.ProductVideo {

  width: 100%;

  height: auto;

  display: block;

  position: relative;

  object-fit: fill;

}

.datatab {

	background: url("/images/layout/pencil2.png") top left no-repeat;

	color: #FFF;

	height: 25px;

	_height: 28px;

	width: 130px;

	text-align: center;

	padding: 3px 0 0;

	font-size: 12px;

	font-weight: var(--fontbold);

}

.GoogleTranslateBox {

	position: relative;

	display: block;

	text-align: center;

	height: 30px;

	width: 350px;

}





.imgIcon {

	width: 24px;

	vertical-align: middle;

	padding: 0 3px;

	border: none;

}

.imgIconLg {

	width: 28px;

	vertical-align: middle;

	padding: 0 3px;

	border: none;

}

.imgIconSm{

	width: 20px;

	vertical-align: middle;

	padding: 0 3px;

	border: none;

}



.imgSize75 {

  width: 75%;

  height: auto;

  margin: 15px 10px;

}

.imgSize65 {

  width: 65%;

  height: auto;

  margin: 15px 10px;

}

.imgSize55 {

  width: 55%;

  height: auto;

  margin: 15px 10px;

}

.imgSize45 {

  width: 45%;

  height: auto;

  margin: 15px 10px;

}

.imgSize35 {

  width: 35%;

  height: auto;

  margin: 15px 10px;

}

.imgSize25 {

  width: 25%;

  height: auto;

  margin: 15px 10px;

}





.HeaderBar .frmSearchHome {

  /*position: absolute;

  right: 15px;

  bottom: 15px;*/

  display: inline;

  z-index: 1019;

  color: #fff;

  font-size: 14px;

}



.HeaderBar2 .frmSearchHome {

  /*position: absolute;

  left: 15px;

  bottom: 15px;*/

  display: inline-block;

  z-index: 1019;

  color: #fff;

  font-size: 14px;

}

.HeaderBar .frmSearchHome #txtFormSearch, .HeaderBar2 .frmSearchHome #txtFormSearch {

  padding: 5px 8px;

  border-radius: 6px;

  background: url("/images/shade2.png");

  border: 1px solid #fff;

  color: #fff;

}

/******************************************/

/************** FOOTER BAR ****************/

/******************************************/



.FooterBar {

	font-family: Poppins, Arial, Helvetica, sans-serif;

	background: var(--maingreencolor);

  background-size: auto 90%;

	font-size: 16px;

	height: auto;

	width: 100%;

	padding: 0;

	margin: 0;

  min-height: 265px;

	text-align: center;

	position: relative;

}

.FooterBox {

	font-size: 16px;

	height: auto;

	width: 80%;

	padding: 50px 10% 0;

  text-shadow: 1px 1px #444;

	margin: 0;

	display: block;

	position: relative;

	line-height: 1.55em;

  text-align: center;

	color: #fff;

}

.FooterBox a {

	color: #fff;

}

.FooterBox a:hover {

	color: #fff;

}

.FooterBox hr {

  border-bottom: 1px solid var(--lightgreencolor);

}

.footer-logo {

    margin-bottom: 15px;

}

.footer-logo>a {

    display: inline-block;

    background: #fff;

    padding: 5px;

    border-radius: 3px;

}

.footer-logo>a .imgHomeLogo {

    height: 50px;

}

.FooterMenu {

    margin: 20px 0;

}

.FooterMenu .mnuMain li {

    font-size: 14px;

}

.FooterMenu .mnuMain li a, 

.FooterMenu .mnuMain li ul li a {

    color: #fff;

}

.FooterMenu .mnuMain li a:hover, 

.FooterMenu .mnuMain li ul li a:hover {

    color: #005ea8;

}

.FooterBox1 {

	width: 33%;

	text-align: left;

	display: inline-block;

	position: relative;

	margin: 25px 0;

}

.FooterBox2 {

	width: 30%;

	text-align: right;

	display: block;

	float: right;

	position: relative;

	margin: 25px 0;

}

.FooterSocial {

  width: 100px;

  height: auto;

  position: absolute;

  top: 5%;

  right: 5%;

}

.FooterText {

	font-family: Poppins, Arial, Helvetica, sans-serif;

	width: 100%;

	background: var(--maingreencolor);

	color: #fff;

	font-size: 11px;

	font-weight: var(--fontregular);

	padding: 10px 0;

	margin: 0;

	text-align:center;

}

.FooterText a {

	color: #fff;

  font-weight: var(--fontbold);

}

.FooterText a:hover {

	color: #ece3d3;

  font-weight: var(--fontregular);

}

.FooterBar h1, .FooterBar h2, .FooterBar h3 {

  color: #fff;

}

.FooterBar p {

  position: relative;

  display: block;

}

.imgFooterIcon {

  width: 28px;

  height: 28px;

  border: none;

  margin: 0 5px;

  vertical-align: middle;

}

/*********************************************/

/*  BUTTONS */

/*********************************************/

.boxButton, .boxButton2, .boxButton3, .boxButton4 {

	background: var(--mainbluecolor);

	float: right;

	width: auto;

	height: auto;

	color: #fff;

	font-size: 16px;

  text-transform: uppercase;

  line-height: 1.55em;

	padding: 8px 13px;

	margin: 5px 0 5px 10px;	

	text-align: center;

	display: block;

	position: relative;

}

.buttonGap {

  display: inline-block;

  width: 120px;

  height: auto;

	position: relative;

  text-align: center;

}

.buttonGap2 {

  display: inline-block;

  width: 60px;

  height: auto;

	position: relative;

  text-align: center;

}



.boxButton4 {

	background: #ccc;

	color: #000;

}

.boxButton3 {

  display: inline;

  float:  none;

  margin: 2px 5px;

}

.boxButton:hover, .boxButton2:hover, .boxButton3:hover {

  background-color: #253840;

  transition: background-color 1s;

}

.boxButton a, .boxButton2 a, .boxButton3 a  {

	color: #fff;

	text-decoration: none;

}

.boxButton p, .boxButton2 p, .boxButton3 p, .boxButton4 p  {

	margin: 0;

	padding: 0;

	display: inline-block;

}

.boxButton4 a {

	color: #000;

	text-decoration: none;

}

.boxButton a:hover, .boxButton2 a:hover, .boxButton3 a:hover, .boxButton4 a:hover {

	text-decoration: none;

	color: #aba497;

}

.boxButton2, .boxButton4 {

	float: left;

  margin: 2px 10px 2px 0;

}





.boxClear {

	width: 2px;

	height: 2px;

	clear: both;

	display: block;

}



.boxFadeScreen {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	backround: url("/images/shade2.png");

	z-index: 909;

}



.imgSquareMenus {

  width: 23%;

  height: auto;

  margin: 10px;

}



.boxSectorProfile {

  width: 100%;

  height: auto;

}





/****************************************/

/* DOCUMENTS

/****************************************/

.boxDocList {

	margin: 10px 0;

	padding: 0;

	background: 0;

	display: block;

	position: relative;

	width: auto;

	border: 1px solid #ccc;

}



.boxDocList h2 {

	width: auto;

	padding: 8px 10px;

	margin: 0;

	background: url("/images/layout/shadeback.jpg") top center repeat-x;

	font-size: 24px;

	color: #000;

	position: relative;

	display: block;

}



.boxFileList {

	width: auto;

	height: auto;

	position: relative;

	display: none;

	padding: 5px 10px;

	

	font-size: 16px;

}



/*****************************************/



.CircleImage150 {

  width: 150px;

  height: 150px;

  margin: 0 ;

  position: relative;

  display: block;

  z-index: 10;

}

.CircleFrame150 {

  background: url("/images/layout/circleframe150.png") top left no-repeat;

  width: 150px;

  height: 150px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 20;

  cursor: pointer;

}









/*********************************/

/*  GALLERIES

/***********************************/

.imgGallery {

  margin: 15px;

  height: 250px;

  display: inline-block;

  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;

}





/****************************************/

/*********** BLOG ENTRIES ***************/

/****************************************/

.NewsCatList {

  width: 25%;

  float: right;

  margin: 0;

  padding: 0 0 0 1%;

  display: block;

  position: relative;

  border-left: 1px solid #47dc19;

}

.NewsList {

  width: 70%;

  float: left;

  margin: 0;

  padding: 0;

  display: block;

  position: relative;

}

.NewsMedium {

  width: 90%;

  height: auto;

	margin: 15px 4.5%;

	padding: 0;

	display: inline-block;

	position: relative;	

  vertical-align: top;

  border: 1px solid #ddd;

  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}

.NewsMedium .NewsImage {

	width: 100%;

	height: auto;

  position: relative;

  display: block;

  z-index: 10;

  overflow: hidden;

}

.NewsMedium .NewsImage img {

  width: 100%;

  height: auto;

  position: relative;

  display: block;

}



.NewsMedium h2 a {

  color: var(--mainbluecolor);

}

.NewsMedium .NewsDate {

	color: #666;

	font-size: 13px;

	font-style: italic;

  float: right;

}



.NewsMedium .NewsDesc {

  width: 90%;

  font-size: 14px;

  line-height: 1.4em;

	margin: 5px 5%;

  display: block;

  position: relative;

}



/*-----------------------------------------*/

.NewsHome {

	margin: 10px 40px;

	width: 400px;

	vertical-align: top;

	display: inline-block;

	position: relative;

}

.NewsHome .NewsImage {

	width: 400px;

	height: 300px;

	background-size: 400px auto;

	overflow: hidden;

	display: block;

	position: relative;

	border: 1px solid var(--mainbluecolor);

}

.NewsHome h1 {

	font-size: 24px;

	color: var(--mainbluecolor);

	margin: 0;

	text-shadow: 1px 1px #eee;

}

.NewsHome .NewsDesc {

	font-size: 13px;

  line-height: 1.4em;

}

.NewsHome h5 {

	color: #666;

	margin: 0;

	font-style: italic;

}

.NewsHome .boxButton2 {

	float: none;

	display: inline-block;

}

/*-----------------------------------*/

.NewsLarge {

  width: 67%;

	margin: 0 0%;

	padding: 10px 2%;

	display: block;

	position: relative;

	float: left;

  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;

}

.NewsLarge .NewsTitle {

	font-size: 28px;

	color: var(--mainbluecolor);

	margin: 0 0 10px;

	text-shadow: 1px 1px #eee;

}

.NewsLarge .NewsDate {

	color: #666;

	font-size: 15px;

	font-style: italic;

}

.NewsLarge .NewsImage {

	width: 100%;

	height: auto;

  position: relative;

  display: block;

  z-index: 10;

  overflow: hidden;

}

.NewsLarge .NewsImage img {

  width: 100%;

  height: auto;

  position: relative;

  display: block;

}

/*********** News Scrolling ************/

.NewsScrollBox {

	display: none;

}

.NewsScrollBoxActive {

	display: block;

}

.lnkNewsNext, .lnkNewsPrev, .lnkShowNews, .lnkCloseNews {

	cursor: pointer;

}

.NewsNavigation {

	width: 410px;

	height: 30px;

	vertical-align: middle;

	position: absolute;

	left: 10px;

	bottom: 0;

}

.NewsScrollJump {

	background: #eee;

	width: 25px;

	padding: 2px 4px;

	margin: 0 1px;

	color: 000;

	font-size: 13px;

	cursor: pointer;

}

.NewsScrollJumpActive {

	background: #ccc;

	color: #600;

}

/*----------------------------------------*/

.ReviewForm {

	background: var(--mainbluecolor);

	border-radius: 15px;

	padding: 15px;

	margin: 0 0 0 10px;

	color: #FFF;

}



.CommentName {

	font-size: 13px;

	float: right;

	color: #777;

	text-align: right;

	font-style: italic;

	line-height: 1.45em;

	padding: 0 0 5px;

}

.CommentDate {

	float: left;

	font-size: 12px;

	color: #777;

	padding: 6px 0;

}

.CommentsList {

	width: 800px;

	margin: 0 0 0 50px;

}

.CommentBox {

	_width: 800px;

	width: 780px;

	background: none;

	padding: 10px;

	font-size: 14px;

	margin: 10px 0;

	border-bottom: 1px dashed #999;

}

.CommentBoxAlt {

	background: #f0f0f0;

	color: #000;

}



/***************************************/

/*********** TESTIMONIALS **************/

/***************************************/

.ReferBox {

	width: auto;

	height: auto;

	display: block;

	position: relative;

	clear: both;

	margin: 15px 0;

	padding: 15px 0;

	border-bottom: 1px dotted var(--mainbluecolor);

}

.ReferBox .ReferComments {

	padding: 10px 45px;

	border-radius: 5px;

	width: auto;

	display: block;

	position: relative;

	font-size: inherit;

	line-height: 1.55em;

	text-align: left;

}

.ReferBox .ReferClient {

	text-align: right;

	font-style: italic;

	font-size: inherit;

  font-weight: bold;

	width: auto;

	display: block;

	position: relative;

	margin: 5px 0;

}

.ReferBox .ReferDate {

	text-align: right;

	font-style: italic;

	font-size: inherit;

	width: auto;

	display: block;

	position: relative;

	margin: 5px 0;

}





/*========================================*/

/*  APPLICATION FORM

/*========================================*/

.ApplyForm {

  width: 100%;

  position: relative;

  display: block;

}




.ApplyForm .boxSection {

	display: block;

	position: relative;

	clear: both;

	margin: 15px 0;

  padding: 0;

 box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;

  border-radius: 6px;

}

.ApplyForm .boxField {

	display: block;

	position: relative;

	clear: both;

	padding: 5px 10px;

}



.ApplyForm .boxTitle {

  background: var(--mainbluecolor);

  width: auto;

  padding: 8px 10px;

  margin: 0;

  color: #FFF;

  font-size: 22px;

  display: block;

  position: relative;

  border-radius: 6px 6px 0 0;

}

.ApplyForm .boxQuestion {

	margin: 4px 0;

	font-weight: var(--fontbold);

}

.ApplyForm .boxNote {

	font-size: 14px;

	color: #333;

	font-style: italic;

	display: block;

	position: relative;

	clear: both;

	margin: 2px 0;

}

.ApplyForm .boxThird {

	margin: 2px 0;

	width: 32%;

	display: inline-block;

}



.ApplyForm .boxLabel {

  width: 125px;

  text-align: left;

  display: inline-block;

}

.ApplyForm .boxLabelLg {

  width: 250px;

  text-align: left;

  display: inline-block;

}

.ApplyForm input, .ApplyForm select, .ApplyForm textarea {

	margin: 2px 2px;

  font-weight: var(--fontregular);

}

.ApplyForm input[type=text], .ApplyForm input[type=password], .ApplyForm select, .ApplyForm textarea {

	border: 1px solid #999;

	border-radius: 6px;

	padding: 5px;

}

.ApplyForm input.wide, .ApplyForm select.wide, .ApplyForm textarea.wide {

	width: 96%;

}

.ApplyForm .half input{max-width:96%;}

.ApplyForm input.half, .ApplyForm select.half, .ApplyForm textarea.half, .ApplyForm .half {
  display: inline-block;
  width: 48%;
  margin: 2px 2px;
  padding:0px; 
}

.ApplyForm input.third, .ApplyForm select.third, .ApplyForm textarea.third, .ApplyForm .third {

	width: 31%;

  margin: 2px 2px;

  padding: 5px;

}

.ApplyForm input.quarter, .ApplyForm select.quarter, .ApplyForm textarea.quarter, .ApplyForm .quarter {

	width: 22%;

  margin: 2px 2px;

  padding: 5px;

}

.txtNumber {

	text-align: right;

}

.lnkButton {

	cursor: pointer;

}

.ApplyForm input.boxRedBorder, .boxRedBorder {

  border: 1px solid #D00;

}





.boxHalf {

  width: 45%;

  margin: 0 2.5%;

  display: inline-block;

  vertical-align: top;

}



.boxThird {

  width: 30%;

  margin: 0 1.5%;

  display: inline-block;

  vertical-align: top;

}

.boxShadow1 {

  box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;

}

.boxShadow2 {

  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;

}

.boxPadded15 {

  padding-top: 15px;

  padding-bottom: 15px;

}

.boxPadded25 {

  padding-top: 25px;

  padding-bottom: 25px;

}

.boxPadded35 {

  padding-top: 35px;

  padding-bottom: 35px;

}

/***************************************/

/*  INDUSTRIAL PARK MAP

/***************************************/

.IndustrialFrame {

	background: none;

  display: block;

	position: relative;

	width: 100%;

	height: auto;

	padding: 0;

	margin: 15px 0 10px;

	text-align: center;

	z-index: 10;

}

.IndustrialMap {

  display: block;

	position: relative;

	width: 100%;

	height: auto;

	border: 2px solid #006297;

	margin: 0;

	padding: 0;

	z-index: 12;

}

.IndustrialFrame .LotLayer {

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

	position: absolute;

	display: none;

	top: 0;

	left: 0;

	z-index: 15;

}



.LotHoverArea {

	cursor: pointer;

}



.IndustrialFrame .LotPopFrame {

	background-color: #FFC94A;

	border: 2px solid #FFF;

	border-radius: 5px;

	margin: 0;

  font-size: 13px;

	padding: 6px 8px;

	position: absolute;

	text-align: left;

	top: 0;

	left: 0;

	display: none;

	z-index: 101;

	line-height: 1.4em;

	width: 300px;

}



.btnLotClose {

	cursor: pointer;

}





.EventsFrame {

	background: #fff;

	position: fixed;

	top: 50%;

	left: 50%;

	width: 500px;

	height: 350px;

	margin: -225px 0 0 -250px;

	padding: 10px;

	font-size: 13px;

	border: 1px solid var(--mainbluecolor);

	display: none;

	z-index: 910;

	overflow: hidden;

}



.TextPopup {

	background: #fff;

	position: fixed;

	top: 50%;

	left: 50%;

	width: 900px;

	height: 500px;

	margin: -475px 0 0 -275px;

	padding: 25px;

	font-size: 14px;

	border-radius: 25px;

	display: none;

	z-index: 910;

	overflow: hidden;

}





/*********************************************/

/* Data and error boxes 

/*********************************************/

.FadeFrame {

	width: 98%;

	border: 1px solid #CCC;

	background: url("/images/shade1.png");

	text-align: center;

}

.btnSubmitContact {

	cursor: pointer;

}

.boxError {

  background: #FEE;

	font-size: inherit;

	color: #600;

	font-weight: var(--fontbold);

	font-style: italic;

	text-align: center;

  border-radius: 6px;

	padding: 5px;

}

.boxSuccess {

	font-size: inherit;

	color: var(--mainbluecolor);

	font-weight: var(--fontbold);

	font-style: italic;

	text-align: center;

	padding: 5px;

}

.boxSuccessLg {

	font-size: 16px;

	color: #627241;

	font-weight: var(--fontbold);

	font-style: italic;

	text-align: center;

	padding: 5px;

	line-height: 1.5em;

}



.LoadingBox {

	display: none;

	width: 130px;

	height: 140px;

	font-size: 18px;

	font-weight: var(--fontregular);

	text-align: center;

	color: var(--mainbluecolor);

	border: 2px solid var(--mainbluecolor);

	border-radius: 5px;

	padding: 5px;

	background: #FFF;

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -100px 0 0 -60px;

	z-index: 900;	

}	







.boxNote {

	font-size: 12px;

	margin: 3px  0;

	color: #666;

}

.boxData {

	font-size: inherit;

	padding: 10px 15px;

	color: #000;

	background: #F3F3F3;

	border-radius: 3px;

	text-align: left;

	width: 98%;

  display: block;

  position: relative;

}

.boxData .boxButton {

  margin: 0 5px;

}



.boxData2 {

	color: #000000;

	background-color: #BDBDEF;

	padding: 5px;

	font-size: 12px;

	border: 1px solid #000066;

	border-radius: 6px;

}

.boxNews1 {

	color: #000000;

	background: #d8e7ea url("/themes/theme1/newstop2.png") bottom right no-repeat;

	width: 700px;

	font-size: 10px;

	margin: 5px 0;

}

.boxNews2 {

	color: #000000;

	background: url("/themes/theme1/newstop.png");

	background-repeat: no-repeat;

	width: 700px;

	padding: 10px 0;

}

.boxNews3 {

	text-align: left;

	width: 670px;

}

.boxBorder {

	color: #000000;

	padding: 5px;

	font-size: 12px;

	border: 1px solid #000066;

	border-radius: 6px; 

}



/*********************************************/

/* PAGE LINK TABLE

/*********************************************/

.boxPageLinks {

  position: relative;

  display: block;

  text-align: center;

  width: 98%;

  height: 38px;

  margin: 5px 0;

  padding: 5px 1%;

}

.boxPageLinks .boxPage {

  display: inline-block;

  border: 1px solid #ccc;

  border-radius: 3px;

  font-size: 20px;

  height: 32px;

  _height: 38px;

  width: 40px;

  text-align: center;

  color: #666;

  vertical-align: middle;

  margin: 0 2px;

  padding: 5px 0 0 0;

}

.boxPageLinks .boxPage img {

  margin-top: -2px;

}

.imgPageLinks {

  width: 28px;

  height: 28px;

  border: none;

  margin: 2px 3px;

}

/*********************************************/

/* EMPTY TABLE 

/*********************************************/

.tableClear

{

	font-size: 12px;

	margin: 0;

	padding: 0;

	border-width: 0;

	border-style: none;

	text-align: left;

}

.tableClear tr {

	background: none;

	border: none;

}

.tableClear td {

	background: none;

	border: none;

}

.tableClear2

{

	font-size: 11px;

	margin: 0;

	padding: 0;

	border-width: 0;

	border-style: none;

	text-align: left;

}

.tableClear2 tr {

	background: none;

	border: none;

}

.tableClear2 td {

	background: none;

	border: none;

}

/*=================================*/

.tableData {

	border: 1px solid #bbb;

	background: #FFF;

	margin: 0 auto;

	width: 100%;

	clear: both;	

	padding: 0;

	font-size: 13px;

	z-index: 10;

	position: relative;

  border-collapse: separate;

  border-spacing: 0;  

}

.tableData thead tr {

	background: url("/images/layout/hl.png");

	color: #fff;

}

.tableData thead td {

	font-weight: var(--fontbold);

	text-align: center;

	border: none;

	font-size: 13px;

	padding: 4px 0;

	border-right: 2px groove #CCC;

	border-bottom: 1px solid #999;

	background: #FFF url("/images/layout/hl.png") bottom center repeat-x;

	color: #fff;

}

.tableData thead td a {

  color: #FFC;

}

.tableData thead tr td.headerlast, .tableData thead tr td:last-child {

	border-right: none;

}

.tableData thead.smallfont td {

	font-size: 11px;

}

.tableData thead.largefont td {

	font-size: 14px;

}



.tableData tbody tr {

	border: 0;

	_border-bottom: 1px solid #EEE;

}

.tableData tbody td {

	font-weight: var(--fontregular);

	border-bottom: 1px solid #EEE;

	font-size: 14px;

	position: relative;

	padding: 2px 3px;

}

.tableData tbody td.cellmid {

	border-right: 1px solid #DDD;

}

.tableData tbody td.cellnote {

	color: #666;

	font-size: 12px;

}

.tableData tbody td.cellred {

	background-color: #FFD9D9;

}



.tableData tbody td.cellreq {

	color: #900;

}

.tableData tbody tr.row1 {

	background-color: #FCFCFC;

}

.tableData tbody tr.row2 {

	background-color: #E9F8FE;

}

.tableData tbody tr.row3 {

	background-color: #FFF;

	color: #603;

	font-style: italic;

}

.tableData tbody tr.row4 {

	background-color: #FFE7CE;

	color: #006;

}



.tableData tbody tr.row5 {

	background-color: #FFFFB9;

	color: #300;

}

.tableData tbody.allowhover tr:hover {

	background-color: #FFE7CE;

}

.tableData tbody td.allowhover:hover {

	background-color: #FFE7CE;

}

.tableData tbody.smallfont td {

	font-size: 11px;

}

.tableData tbody.largefont td {

	font-size: 14px;

}





/*=================================*/



#rowPart:hover {

	background-color: #DABEBE;

	border-color: #DABEBE;

}



#BuildPCType td {

	padding: 3px;

}



.tableMenu

{

	font-size: 12px;

	margin: 0;

	padding: 0;

	border: thin solid #000000;

	background-image: url("/themes/theme1/buttonback.gif");

}



/*********************************************/

/* Search Box Styles

/*********************************************/

.boxSearch {

	position: relative;

	height: auto;

	top: 140px;

	left: 600px;

}

.textboxBack {

	background: url("/themes/theme1/back3_sm.png");

	border: solid 1px #000;

	height: 25px;

	width: 160px;

	float: right;

	position: relative;

	margin-right: 30px;

}

.textboxCenter {

	display: table-cell;

	height: 25px;

	width: 160px;

	font-size: 10px;

	color: #000;

	text-align: center;

	padding-top: 2px;

	margin-left: auto;

	margin-right: auto;

	vertical-align: middle;

	_position: relative;

	_top: 0;

	_margin_top: auto;

	_vertical-align: top;

	border: none;

	background: none;

}

.textboxCenter a:link {

	font-family: Tahoma, "Times New Roman", Times, serif;

	font-size: 7pt;

	color: #006;

	font-weight: var(--fontbold);

	text-decoration: none;

}

.textboxCenter a:visited {

	font-family: Tahoma, "Times New Roman", Times, serif;

	font-size: 7pt;

	color: #006;

	font-weight: var(--fontbold);

	text-decoration: none;

}

.textboxCenter a:active {

	font-family: Tahoma, "Times New Roman", Times, serif;

	font-size: 7pt;

	color: #006;

	font-weight: var(--fontbold);

	text-decoration: none;

}









/**************************************/

/** Input Boxes

/**************************************/



input, select, textarea {

	font-family: Poppins, Arial, Helvetica, sans-serif;

	font-size: inherit;

	padding: 3px 5px;

	border: 1px solid var(--mainbluecolor);

	border-radius: 4px;

  font-weight: 300;

}





/********** RADIO BOX *******************/

[type="radio"]:checked,

[type="radio"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

[type="radio"]:checked + label,

[type="radio"]:not(:checked) + label

{

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #000;

}

[type="radio"]:checked + label {

  font-weight: var(--fontbold);

  color: var(--mainbluecolor);

}

[type="radio"]:checked + label:before,

[type="radio"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 18px;

    height: 18px;

    border: 1px solid #ddd;

    border-radius: 100%;

    background: #fff;

}

[type="radio"]:checked + label:after,

[type="radio"]:not(:checked) + label:after {

    content: '';

    width: 12px;

    height: 12px;

    background: var(--mainbluecolor);

    position: absolute;

    top: 4px;

    left: 4px;

    border-radius: 100%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

[type="radio"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

[type="radio"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

/**********************************************/









/********** CHECK BOX *******************/

[type="checkbox"]:checked,

[type="checkbox"]:not(:checked) {

    position: absolute;

    left: -9999px;

}

[type="checkbox"]:checked + label,

[type="checkbox"]:not(:checked) + label

{

    position: relative;

    padding-left: 28px;

    cursor: pointer;

    line-height: 20px;

    display: inline-block;

    color: #000;

}

[type="checkbox"]:checked + label {

  font-weight: var(--fontbold);

  color: var(--mainbluecolor);

}

[type="checkbox"]:checked + label:before,

[type="checkbox"]:not(:checked) + label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 18px;

    height: 18px;

    border: 1px solid #aaa;

    border-radius: 0%;

    background: #fff;

}

[type="checkbox"]:checked + label:after,

[type="checkbox"]:not(:checked) + label:after {

    content: '';

    width: 12px;

    height: 12px;

    background: var(--mainbluecolor);

    position: absolute;

    top: 4px;

    left: 4px;

    border-radius: 00%;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

[type="checkbox"]:not(:checked) + label:after {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

[type="checkbox"]:checked + label:after {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}

/**********************************************/















/***************************************/

/* Other Text Styles

/***************************************/

.NoteStar {

	font-size: 10px;

	color: #B00;

}



.ReqStar {

	font-size: 14px;

	font-weight: var(--fontbold);

	color: #F00;

}











/***************************************/

/* Sticky navigation bar Styles

/***************************************/

.MenuBar.sticky {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1000;

    background: #fff;

    margin: 0;

    padding: 6px 0;

    height: auto;

    box-shadow: 0 0 10px #0002;

}

.HeaderSocial.sticky {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1015;

    box-shadow: 0 0 10px #0002;

}

.MobileMenu.sticky {

    position: fixed;

    top: 39px;

    right: 0;

    z-index: 1015;

    max-height: calc(100% - 60px);

    overflow-y: auto;

}









/***************************************/

/* Sscroll To Top button Styles

/***************************************/

.scrollToTop {

    position: fixed;

    bottom: 20px;

    right: 20px;

    background-color: #333;

    color: white;

    border: none;

    border-radius: 5px;

    padding: 10px 15px;

    cursor: pointer;

    display: none;

    z-index: 1000;

    transition: opacity 0.3s;

}

.scrollToTop:hover {

    background-color: #555;

}











/***************************************/

/* Error 404 Page Styles

/***************************************/

.error-img {

    display: inline-block;

    background: #7ab51d;

    padding: 30px;

    border-radius: 8px;

}

.error-txt {

    color: #000;

    font-size: 18px;

    line-height: 24px;

    font-weight: 300;

}

.link-nor:hover {

    color: var(--maingreencolor);

}









/********************************************/

/* MOBILE SYLES

/********************************************/



@media all and (max-width: 1500px) {

  .PropertyBox .PropImage {

    height: 200px;

  }

}

@media all and (max-width: 1300px) {

  .imgSquareMenus {

    width: 22%;

    height: auto;

    margin: 10px;

  }  

}





@media all and (max-width: 1200px) {

  .RotateBar2, .RotateBar3 {

    background-size: auto 100%;

  }

}



@media all and (max-width: 1140px) {





  .NewsHome {

    margin: 10px 25px;

  }



  .FooterBox {

    width: 92%;

    padding: 50px 3.5% 0;

  }

  

  .RotateBar, .RotateBar .RotateImage {

    height: 700px;

  }

	.RotateBar .RotateText {

		top: 45%;

	}

}





@media all and (max-width: 1050px) {

  .ApplyForm input.half, .ApplyForm .half  {

    margin: 2px .5%;

    width: 44%;

  }

}



@media all and (max-width: 1000px) {

  .ContactInfo {

    font-size: 20px;

  }

}

@media all and (max-width: 980px) {	



  .mnuMain li {

    font-size: 15px;

		padding: 1px 15px;

  }

   



 

  .RotateBar, .RotateBar .RotateImage {

    height: 600px;

  }  

}

@media all and (max-width: 980px) {	

	.ContactForm, .MapBox {

		width: 92%;

		display: block;

		float: none;

		margin: 10px 0;

		padding: 10px 4%;

	}

	

	.FooterBox1 {

    width: 65%;

  }  

}



@media all and (max-width: 875px) {	

  .mnuMain li {

    font-size: 14px;

		padding: 1px 12px;

  }  





  .RotateBar .boxButton3 a {

    font-size: 14px;

  }

  .boxButton3 {

    display: inline-block;

    padding: 5px 12px;

  }

  



  .FooterBox {

    font-size: 20px;

    padding: 35px 2% 0;

  }

}



@media all and (max-width: 830px) {

  .imgSquareMenus {

    width: 30%;

    height: auto;

    margin: 8px;

  }    

  .RotateBar2, .RotateBar2 .RotateText, .RotateBar3, .RotateBar3 .RotateText {

    height: 400px;

  }

  .RotateBar .RotateText {

   top: 35%;

  }

  .RotateBar2 .PageTitle, .RotateBar3 .PageTitle {

    top: 150px;

  }

}

@media all and (max-width: 800px) {	

  



  .mnuMain {

    display: none;

  }

  .FooterMenu .mnuMain {

      display: block;

  }

  .lnkMenuPopUp {

    display: inline-block;

    visibility: visible;

    cursor: pointer;

    width: 32px;

    height: 32px;

    margin: 0 5px;

  }

  

  .MobileMenu {

    position: absolute;

    top: 39px;

    right: 0;

    width: 40%;

    background: #242328;

    height: auto;

    padding: 10px;

    z-index: 1150;

    visibility: visible;

    color: #fff;

    text-align: right;

  }

  .MobileMenu .mnuMain {

    display: block;

    background: none;

  }  

  .MobileMenu h2, .MobileMenu h3, .MobileMenu a  {

    color: #fff;

  }

  .MobileMenu .mnuMain li {

    display: block;

    float: none;

    text-align: right;

    padding: 3px 5px;

    font-size: 16px;

  }



  .MobileMenu .mnuMain li a {

    color: #fff;

  }  

  .MobileMenu .mnuMain ul {

    background: #222;

    display: block;

    position: relative;

    top: 0;

    left: 10px;

    padding: 5px;

    width: auto;

  }

	.imgHomeLogo {

		height: auto;

		width: 80%;

	}

  .ContentBar .ContentBox {

    font-size: 16px;

    line-height: 1.45em;

  }    

  .ApplyForm input.half, .ApplyForm .half  {

    margin: 2px 1px;

    width: 45%;

  }

  .FooterBar {

    background-size: 65% auto;

    min-height: 225px;

  }

  h1, h2, h3, h4, h5, h6 {  line-height: 1.45em; }

  h1 { font-size: 36px; }

  h2 { font-size: 24px; }

  h3 { font-size: 20px; }

  h4 { font-size: 18px; }

  h5 { font-size: 16px; }

  h6 { font-size: 14px; }

}



@media all and (max-width: 750px) {	    
.Service-section .ContentBox h1{padding:0;}
.ContactForm {

    float: none;

    width: 80%;

    margin: 15px 8%;

  }



  

  .ApplyForm input.wide, .ApplyForm select.wide, .ApplyForm textarea.wide {

    width: 96%;

  }

  .ApplyForm input.half, .ApplyForm select.half, .ApplyForm textarea.half {

    width: 46%;

  }

  .ApplyForm input.third, .ApplyForm select.third, .ApplyForm textarea.third {

    width: 32%;

  }



  .RotateBar, .RotateBar .RotateImage {

    height: 500px;

  }  



  .RotateBar .RotateText h1,

  .RotateBar .RotateText h2 {

    font-size: 32px;

  }

  

  .RotateBar .RotateText {

    font-size: 18px;

  }

}







/***************************************************/





@media all and (max-width: 700px) {

  .imgSquareMenus {

    width: 30%;

    height: auto;

    margin: 5px;

  }   

  h1, h2, h3, h4, h5, h6 {  line-height: 1.4em; }

  h1 { font-size: 32px; }

  h2 { font-size: 22px; }  

	

	.ContentBar .ContentBox {

		width: 90%;

		margin: 0 5%;

	}

}

@media all and (max-width: 600px) {	
	.Service-section h1, .Service-section p{text-align: center;}
	.Service-section {background-image: none !important;}

    .ApplyForm .half {
        margin: 2px 4px;
        width: 46%;
    }
  .imgSize35, .imgSize25 {

    width: 35%;

  }

  

  .HeaderBar {

    height: 180px;

  }







  .ContentBar .ContentBox {  

  

    font-size: 14px;

    line-height: 1.4em;

  }   



  

  h1 { font-size: 28px; }

  h2 { font-size: 20px; }

  h3 { font-size: 18px; }

  h4 { font-size: 16px; }

  h5 { font-size: 15px; }

  h6 { font-size: 14px; }  





}



@media all and (max-width: 575px) {	

	.Service-section h1, .Service-section p{text-align: center;}
	.Service-section {background-image: none !important;}

  .ApplyForm input.wide, .ApplyForm select.wide, .ApplyForm textarea.wide {

    width: 95%;

  }

  .ApplyForm input.half, .ApplyForm select.half, .ApplyForm textarea.half {

    width: 42%;

  }

  .ApplyForm input.third, .ApplyForm select.third, .ApplyForm textarea.third {

    width: 42%;

  }



  .buttonGap {

    width: 50px;

  }

	.imgHomeLogo {

		width: 90%;

	}

}



@media all and (max-width: 500px) {  

  .imgSize45, .imgSize35, .imgSize25 {
    width: 40%;
  }

  .RotateBar .RotateText {

    font-size: 14px;

    line-height: 1.4em;

  }

  .FooterBox {

    font-size: 18px;

    padding: 25px 2% 0;

  }

  .FooterBox1,

  .FooterBox2 {

    width: 100%;

    clear: both;

    margin: 15px 2.5%;

    text-align: center;
  }  

  .FooterBar {
    background-size: 75% auto;
  }  

  #mc_embed_signup, #mc_embed_signup form {
    margin: 0;
  }

  .ContactForm {
    float: none;
    width: 90%;
    margin: 15px 2%;
  } 
  .Service-section h1, .Service-section p{text-align: center;}
  .Service-section {background-image: none !important;}
  .ContactInfo {
    font-size: 18px;
  }

}

@media all and (max-width: 440px) {	



  .imgSize75, .imgSize65, .imgSize55, .imgSize45 {

    width: 90%;

    display: block;

    float: none;

    align-self: center;

  }

  .ApplyForm input.wide, .ApplyForm select.wide, .ApplyForm textarea.wide {

    width: 95%;

  }

  .ApplyForm input.half, .ApplyForm select.half, .ApplyForm textarea.half {

    width: 95%;

  }

  .ApplyForm input.third, .ApplyForm select.third, .ApplyForm textarea.third {

    width: 95%;

  }



  

  .buttonGap {

    width: 20px;

  }

    

}



@media all and (max-width: 400px) {	

    

  .buttonGap {

    width: 10px;

  }

    

}

ul.mnuMain li:nth-child(10){display:none;}



.inner-main-heading {font-size:36px;}