/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/


body {
  font-family:  'Roboto', sans-serif!important;background:url("../siteart/background.png") repeat  ;
  font-weight: 400;
  letter-spacing: 2px;
  background-color: transparent;
  font-size: 18px;
  line-height: 25px;
  }

p{font-size: 16px;line-height: 25px;}

h1, h2, h3, h4, h5 {
  font-family:  'Roboto', sans-serif!important;
  letter-spacing: 2px;
  font-weight: 800;
  line-height: normal;}

h1{ color: #000; margin-bottom: 10px;}


strong {font-family:  'Roboto', sans-serif!important;letter-spacing: 2px;font-weight: 800; font-size: 20px;}


a:link, a:visited, a:active {text-decoration:none; color:#8C6B16;}
a:hover {text-decoration: none; color:#000000;}

img {max-width:100%; height: auto;}

header {background-color: transparent;max-width: 100%; height: auto;}



.red {color:#DD0F12;}

.announcement {position:relative; padding:18px 5%; font-size:1.25em; text-align:center; text-transform:uppercase; color:#fff; background:#1e1e1e;}
.announce-close {
	position:absolute; top:15px; right:15px; z-index:2; cursor:pointer;
	width:30px; padding:5px 0 3px 0; font-size:.9em; text-align:center; color:#fff; background:rgba(255,255,255,.2);
	-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
}


.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content {
  position: fixed;
  top: 17px;
  max-width: 500px;;
  max-height: 90%;
}
.popup-inner {
  background: #fff;
  padding: 20px 20px 25px;
  border-radius: 10px;
  text-align: center; 
}
.popup-inner img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}

.popup-content img {
  width: 100%;
  height: auto;
  max-height: 80vh;
  display: block;
  border-radius: 8px;
}

.popup-close {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #fff;
  color: #000;
  font-size: 24px;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  cursor: pointer;
}
.popup-call-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #3CA43D;
  color: #fff !important;
  text-decoration: none;
  border-radius: 20px;
  border: 1px solid #000;
  font-weight: bold;
  transition: 0.3s ease;
}

.popup-call-btn:hover {
  background-color: #a82830;
}


/*	
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

	.lock{overflow: hidden; -webkit-overflow-scrolling: touch;}

	.modal{display: block; position: fixed; background: rgba(0,0,0,.5); padding-top: 5%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; z-index: 99999;}
	.modal .modal-content{position: relative; margin: auto; width: calc(100% - 30px); max-width: 600px; background: #fff; border-radius: 3px; box-shadow: 0 5px 5px 0 rgba(0,0,0,.25); animation-name: animatetop; animation-duration: .4s;}
	.modal .modal-head{position: relative; padding: 15px 25px 0; color: #555;}
	.modal .modal-head h2 {margin:3px 0 0 0; font-size:28px; letter-spacing:0; font-style:italic; color:#2e5875;}
	.modal .modal-head h3 {margin:5px 0 0 0; font-size:18px; letter-spacing:0;}
	.modal .modal-head .close{position: absolute; top: 15px; right: 15px; font-size: 20px; color: #ccc; cursor: pointer;}
	.modal .modal-head .close:hover{color: #000;}
	.modal .modal-main{margin:30px 25px 30px; padding:8px 5px;}
	.modal .modal-main p {font-size:18px; line-height:1.5;}
	
	img.agdirectLogo {width:100%; max-width:220px;}

	.modal .modal-buttons{background: #f5f5f5; padding: 10px 15px; border-top: 1px #ddd solid;}
	.modal .modal-buttons a{display: inline-block; float: right; padding: 10px 35px; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none; border-radius: 3px; cursor: pointer;}
	.modal .modal-buttons .save-modal{background: #b88c1d; color: #fff; border: 1px solid #292929;}
	.modal .modal-buttons .save-modal:hover{background: #B9D0E7; color: #000; border: 1px solid #292929;}
	.modal .modal-buttons .close-modal{margin:0 10px 0 0; color: #999; border: 1px solid #ccc;}
	.modal .modal-buttons .close-modal:hover{color: #555;}

	@keyframes animatetop{
		from{top: -300px; opacity: 0} to{top: 0; opacity: 1}
	}
*/




.wrapper {
  text-align: center;
  width: 100%;
  }

.top {
  height: auto;
  box-sizing: border-box;
  width: 100%;
  }
/*===================== 
	header styles 
=======================*/.hrcolumn{display: none}.hmphone{display: none;}.mrrcolumn{display: none;}
.mainhed{display: block;}
.mobcolumn{display: none;}
.header-wrap {width:100%;margin: 0;	background-color: transparent;height: auto;  }
.mainhed{padding: 20px 0;}
.lcolumn { float: left;  width: 25%; height: auto;  display: block;  position: absolute;  padding: 0 30px;}
.lcolumn img { width: 100%; height: auto;}
.logocloumn{float: left; width:auto; height: auto;}

.mcolumn {float: right; width:auto; padding: 0 60px 0 0;}
.rrrcolumn {float: right; width: auto; padding:  0; position: relative; display: inline-block;  height: auto;}
.rrrcolumn ul{display: inline-block;}
.rrrcolumn li{float: left; margin:0;padding: 0 30px; font-size: 15px; font-weight: 600;line-height:50px; color: #000000; text-transform: capitalize; height: 40px; }
.rrrcolumn li a{ color: #000000;    font-weight: 800!important;}
.rrrcolumn li a:hover{ color: #b88c1d}

.rcolumn {float: right; width: auto; padding:  0; position: relative; display: inline-block;  height: auto;}
.rcolumn ul{display: inline-block;}
.rcolumn li{float: left; margin:0;padding: 0 30px; font-size: 15px; font-weight: 600;line-height:50px; color: #000000; text-transform: capitalize; height: 40px; border-right: #000000 thin solid }
.rcolumn li a{ color: #000000;    font-weight: 800!important;}
.rcolumn li a:hover{ color: #b88c1d}

.rrcolumn {float: right; width: auto; padding:  0; position: relative; display: inline-block; height: auto;}
.rrcolumn ul{display: inline-block;}
.rrcolumn li{float: left; margin:0;padding: 0 30px; font-size: 15px; font-weight: 600;line-height:50px; color: #000000; text-transform: capitalize; height: 40px; border-right: #000000 thin solid}
.rrcolumn li a{ color: #000000;    font-weight: 800!important;}
.rrcolumn li a:hover{ color: #b88c1d}

.rcolumn i {font-size: 22px!important;}
.rrcolumn i {font-size: 22px!important;}
.rrrcolumn i {font-size: 22px!important;}

.row {width: 100%; }
.row:after {content: "";display: table; clear: both;}
.main-logo {width: 100%;height: auto;margin-right: auto; margin-left: auto;}


/*---nav style---*/
.mrow {width: 100%; border-bottom: #000000 solid 5px;   -webkit-box-shadow: 0 8px 10px -6px #000;   -moz-box-shadow: 0 8px 10px -6px #000; box-shadow: 0 8px 10px -6px #000; padding: 2px 0;}
.mrow:after {content: "";display: table; clear: both;}
.navcloumn{ width: auto; height: auto;  float: right;padding: 0 80px 0 0;}
.nheader-contact {  position: relative;  display: inline-block;   margin: 0; font-size: 16px; line-height: 17px; float: right;}
/*  HeroImage
------------------------------------------------*/
.banner {height: auto;box-sizing: border-box; width: 100%;margin: 5px 0 0 0;  }
.hero { width: 100%; height: 400px;display: flex; justify-content: center; align-items: center;	text-align: center;	background-image:linear-gradient( 60deg,  rgba(0, 0, 0, 0.7777485994397759) 30%, rgba(255, 255, 255, 0) 100%), url("/siteart/banner3.png");
    background-size: auto; background-position:center;  background-repeat: no-repeat;  }
.hero h1 {text-shadow: 2px 2px 4px #000000; font-size: 55px; line-height: 60px; text-align: center; letter-spacing: 0.05em; font-weight: 900; text-transform: uppercase;  color: #FFFFFF;}
.hero p {  font-weight: 700;  text-shadow: 2px 2px 4px #000000;  font-size: 35px;  line-height: 45px;  margin-top: 0.5em;  color: #FFFFFF;  text-align: center;  text-transform: capitalize;}
.bton{margin: 0 auto;display: flex;padding:  20px 0; align-items: center; justify-content: center;}
.hero-bton { text-shadow: 2px 2px 4px #000000; font-size: 18px;  line-height: 25px; padding: 15px 10px; color: #FFFFFF!important;  background-color:#947118;  text-align: center;  text-transform: uppercase; font-weight: 800; border: 1px solid #292929; border-radius: 4px; box-shadow: 0 8px 10px -6px #000;}
.hero-bton:hover{color: #000000!important;text-shadow: none; background-color:#B9D0E7;}
.hero-bton .fa, .fas {font-size: 18px!important}
/*------------------------------------------------*/
/*------------------Two Image Buttons------------------------------*/
.imagebtn{height: auto;box-sizing: border-box; width: 100%; }
.bwrap{width: 100%; margin: 0 auto; padding: 50px 0;}
.rhtcolumn .bwrap h2 {color: #fff; font-size: 35px; text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);}
.lftcolumn .bwrap h2 {color: #fff; font-size: 35px; text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);}
.lftcolumn{float: left; width: 50%;  height: 300px;display: inline-block; margin: 0 auto; align-items: center;text-align: center;background:#5E798A url("/siteart/button2.png");  background-size: cover; background-position:center;  background-repeat: no-repeat;}

.rhtcolumn{float: right; width: 50%;   height: 300px;display: inline-block;  justify-content: center;  align-items: center;text-align: center;background:#5E798A url("/siteart/button.png");
    background-size: cover; background-position:center;  background-repeat: no-repeat;}

.row:after {content: "";display: table; clear: both;}
.lftcolumn h1 {text-shadow: 2px 2px 4px #000000; font-size: 35px; line-height: 40px; text-align: center; letter-spacing: 0.05em; font-weight: 900;text-transform: uppercase; color: #FFFFFF;}
.lftcolumn p {margin: 0 15px; text-shadow: 2px 2px 4px #f2f2f2; font-weight: 800; font-size: 20px; line-height: 25px;  margin-top: 0.5em;  color: #000000;  text-align: center;  text-transform: capitalize;}
.lbton{margin: 0 auto;display: flex;padding:  20px 0; align-items: center; justify-content: center;}
.lhero-bton { text-shadow: 2px 2px 4px #000000; font-size: 18px;  line-height: 25px; padding: 15px 10px; color: #FFFFFF!important; background-color:#947118; text-align: center; text-transform: uppercase;
  font-weight: 800;  border: 1px solid #292929;  border-radius: 4px;  box-shadow: 0 8px 10px -6px #000; }
.lhero-bton:hover{color: #000000!important;text-shadow: none;  background-color:#B9D0E7;}

.lhero-bton .fa, .fas {font-size: 18px!important}

.rhtcolumn h1 {  text-shadow: 2px 2px 4px #000000; font-size: 35px; line-height: 40px; text-align: center; letter-spacing: 0.05em; font-weight: 900;  text-transform: uppercase;  color: #FFFFFF;}
.rhtcolumn p {margin: 0 15px; text-shadow: 2px 2px 4px #f2f2f2; font-weight: 800; font-size: 20px; line-height: 25px; margin-top: 0.5em; color: #000000; text-align: center;  text-transform: capitalize;}
.rbton{margin: 0 auto;display: flex;padding:  20px 0; align-items: center; justify-content: center;}
.rhero-bton { text-shadow: 2px 2px 4px #000000; font-size: 18px;  line-height: 25px; padding: 15px 10px; color: #FFFFFF!important;  background-color:#947118;  text-align: center; text-transform: uppercase;  font-weight: 800;  border: 1px solid #292929;  border-radius: 4px;  box-shadow: 0 8px 10px -6px #000; }
.rhero-bton:hover{color: #000000!important;text-shadow: none;  background-color:#B9D0E7;}
.rhero-bton .fa, .fas {font-size: 18px!important}

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

/*----------Icon Buttons-------------------------------*/
.bwrapper {text-align: center; width: 100%; }
.b-background{ background-color: transparent; height: auto; }

.container-bg {margin: 0 auto;padding:3% 5% 3% 5%;box-sizing: border-box;}
.flex-sb-row {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.cat-button {position: relative; margin: 0; border-radius: 3px; background-color: transparent; width: 15%;}
.cat-button img {display: block;width: 100%;height: auto;}
.cat-button:hover {}
.cat-button-info {font-size: 20px; text-align: center;font-weight: 900;text-transform: uppercase;color: #000000;display: block; background-color: transparent; line-height: 60px}
.cat-button-info:hover {background-color: #B9D0E7; color: #000000;text-shadow: 2px 2px 4px #f2f2f2;}

/*----------------------------------------*/
/*--------------brand logo scroll---------*/
.brands{height: 100px;box-sizing: border-box; width: 100%; border-bottom: #000000 medium solid; border-top: #000000 medium solid;overflow: hidden;
 position: relative;}
.scroll {display: inline-block; float: left; position: relative; width: 100%;overflow: hidden; }
.scroll img {display: inline-block; float: left; position: relative; width: 100%; }
.brands img {display: inline-block; position: relative; }
.br-inner {position: relative;width: 100%; height: 100%; margin: 0; line-height: 50px; text-align: center; -moz-animation: scroll-left 40s linear infinite; -webkit-animation: scroll-left 40s linear infinite; animation: scroll-left 40s linear infinite;display: block;
}



/*----------------------------------------*/
/*---------------Middle Welcome-------------------------*/
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto;	display: inline-block;padding:40px 0; }
.hom-row{content: "";  display: block;  clear: both;}
.hom-about {width: 100%;  position: relative; display: inline-block;  margin: 0 auto;max-width: 1340px;}
.hom-about h2{ font-size: 45px; line-height: 45px; color: #000000;font-style: normal; text-align: left; font-weight: 900;padding:  0 0 30px 0;}
.hom-about strong a { font-size: 18px;  font-weight: 900; font-style:oblique; color: #000000; }
.hom-about strong a:hover { color: #B88C1D; }
.hom-about p{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}
/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- Map ----------------------------------------------*/
.h-cont{width: 100%; text-align: center;margin: 0 auto;	display: inline-block;padding:40px 0 0 0;background-color: #B9D0E7; }
.h-wrap{width: 100%;  position: relative; display: inline-block;  margin: 0 auto;max-width: 1440px;}
.midcon{width: 100%; padding: 10px 0;}
.midrow:after {content: "";display: table; clear: both;}

.mid-left{  float: left; width: 50%; padding: 10px; height: 360px; }

.mid-left h2{ font-size: 30px; line-height: 40px; color: #000000;font-style:normal; text-align: left; font-weight: 900;padding:  0 0 10px 0; text-transform: uppercase}
.mid-left h3{ font-size: 25px; line-height: 45px; color: #000000;font-style: normal; text-align: left; font-weight: 900;padding:  0 0 5px 0; text-transform: capitalize}
.mid-left p{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none;  font-weight: 600;}
.mid-left h4{ font-size: 22px;  font-weight: 900;  color: #000000; line-height: 32px; padding:  0 0 5px 0;text-align: left;}
.mid-left p a{ color: #000000;    font-weight: 700!important;}
.mid-left p a:hover{ color: #b88c1d}
/*.mid-left ul{display: block; padding: 0 0 20px 0 ;}
.mid-left li{text-align: left; margin:0;padding: 0 30px; font-size: 15px; font-weight: 600;line-height:50px; color: #000000; text-transform: capitalize; height: 40px; }
.mid-left li a{ color: #000000;    font-weight: 800!important;}
.mid-left li a:hover{ color: #b88c1d}*/
.midbton{margin: 0 auto;display: block;padding:  20px 0; float: left;}
.mid-bton { text-shadow: 2px 2px 4px #000000; font-size: 18px;   line-height: 25px;  padding: 15px 10px;  color: #FFFFFF!important; background-color:#947118; text-align: center;  text-transform: uppercase;  font-weight: 800; border: 1px solid #292929;  border-radius: 4px;  box-shadow: 0 8px 10px -6px #000; }
.mid-bton:hover{color: #000000!important;text-shadow: none;  background-color:#FFFFFF;}
.mid-bton .fa, .fas {font-size: 18px!important}
.mid-right{  float: left; width: 45%; padding: 10px;height: auto; background-color: transparent}
.hmap {width: 100%; height: auto; }

/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- About ----------------------------------------------*/

.ab-container-bg {margin: 0 auto;padding:3% 5% 3% 5%;box-sizing: border-box;}
.ab-ab-wrap{width: 100%; text-align: center;margin: 0 auto;	display: inline-block;padding:40px 0; }
.ab-row{content: "";  display: block;  clear: both;}
.ab-about {width: 100%;  position: relative; display: inline-block;  margin: 0 auto;max-width: 1340px;}
.ab-about h1{ font-size: 45px; line-height: 45px; color: #000000;font-style: normal; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.ab-about strong a { font-size: 18px;  font-weight: 900; font-style:oblique; color: #000000; }
.ab-about strong a:hover { color: #B88C1D; }
.ab-about p{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}



.abtinfo{ width: 100%;  height:  auto; margin: 0 auto; display: block; padding: 0 20px; position: relative;}	

.abt-bton{margin: 0 auto;display: block;padding:  20px 0 ; float: left;}
.abtbton {display: inline-block; position: relative; text-shadow: 2px 2px 4px #000000; font-size: 18px;   line-height: 25px;  padding: 15px 10px;  color: #FFFFFF!important; background-color:#b88c1d; text-align: center;  text-transform: uppercase;  font-weight: 800; border: 1px solid #292929;  border-radius: 4px;  box-shadow: 0 8px 10px -6px #000; }
.abtbton:hover{color: #000000!important;text-shadow: none;  background-color:#B9D0E7;}
.abtbton .fa, .fas, .fab {font-size: 18px!important}

/* -------------------------------------------------------------------------------------------*/
/* ---------------------------------------------Strip Tilling----------------------------------------------*/

.st-container-bg {margin: 0 auto;padding:3% 5% 3% 5%;box-sizing: border-box;}
.st-ab-wrap{width: 100%; text-align: left;margin: 0 auto;	display: inline-block;padding:40px 0; }
.ab-row{content: "";  display: block;  clear: both;}
.st-aboutl {width: 50%;  position: relative; display: inline-block;  margin: 0 auto;max-width: 1340px; }
.st-aboutl h1{ font-size: 45px; line-height: 45px; color: #000000;font-style: normal; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.st-aboutl h3{ font-size: 25px; line-height: 45px; color: #000000;font-style:normal; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.st-aboutl strong a { font-size: 18px;  font-weight: 900; font-style:oblique; color: #000000; }
.st-aboutl strong a:hover { color: #B88C1D; }
.st-aboutl p{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}

.st-aboutr {width: 45%;  position: relative; display: inline-block;  margin: 0 auto;max-width: 1340px; float: right;}
.st-aboutr h1{ font-size: 45px; line-height: 45px; color: #000000;font-style: italic; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.st-aboutr strong a { font-size: 18px;  font-weight: 900; font-style:oblique; color: #000000; }
.st-aboutr strong a:hover { color: #B88C1D; }
.st-aboutr p{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}
.st-aboutr img {width: 100%; margin: 0 auto; padding: 5px;}

.sttinfol{ width: 100%;  height:  auto; margin: 0 auto; display: block; padding: 0 20px; position: relative;}	

.sttinfor{ width: 100%;  height:  auto; margin: 0 auto; display: block; padding: 0 20px; position: relative;}
/* -------------------------------------------------------------------------------------------*/
/* ---------------------------------------------Contact Page----------------------------------------------*/

.ct-container-bg {margin: 0 auto;padding:3% 5% 3% 5%;box-sizing: border-box;max-width: 1340px;}
.ct-ab-wrap{width: 100%; text-align: left;margin: 0 auto;	display: inline-block;padding:40px 0; }
.cb-row{content: "";  display: block;  clear: both;}
.ct-aboutl {width: 100%;  position: relative; display: inline-block;  margin: 0 auto;max-width: 1340px; }
.ct-aboutl h1{ font-size: 45px; line-height: 45px; color: #000000;font-style: normal; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.ct-aboutl h3{ font-size: 25px; line-height: 45px; color: #000000;font-style:normal; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.ct-aboutl strong a { font-size: 18px;  font-weight: 900; font-style:oblique; color: #000000; }
.ct-aboutl strong a:hover { color: #B88C1D; }
.ct-aboutl p{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}

.ct-aboutr {width: 45%;  position: relative; display: inline-block;  margin: 0 auto;max-width: 1340px; float: right;}
.ct-aboutr h1{ font-size: 45px; line-height: 45px; color: #000000;font-style: italic; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.ct-aboutr strong a { font-size: 18px;  font-weight: 900; font-style:oblique; color: #000000; }
.ct-aboutr strong a:hover { color: #B88C1D; }
.ct-aboutr p{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}
.ct-aboutr img {width: 100%; margin: 0 auto; padding: 5px;}

.cttinfol{ width: 100%;  height:  auto; margin: 0 auto; display: block; padding: 0 20px; position: relative;}	

.cttinfor{ width: 100%;  height:  auto; margin: 0 auto; display: block; padding: 0 20px; position: relative;}


/*----Info-----*//*----Conact Page-------*/
.cbody{background-color: transparent; width: 100%;}
.c-wrap {width: 100%; margin: 0 auto; max-width: 1340px;  }
.info p {font-size: 18px; font-weight: 500; letter-spacing: 1px; text-transform: none; line-height: 30px; padding-bottom: 2%;}
.c-lcolumn {  float: left;  width:100%;  padding: 0;  height: auto; }
.c-rcolumn { float: left; width: 45%; padding-left: 10%; padding-top: 25px;  height: auto; }
.c-row:after {  content: "";  display: table;  clear: both;}
.c-i img { padding: 10px 0;}
.c-i p  {font-size: 18px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 30px; color:  #000000;}
.c-i strong {letter-spacing: 0; font-size: 20px; color:  #000000;}
.c-i a {	font-size: 18px; color:  #000000!important; text-decoration: none; font-weight: 500;}
.c-i a:hover {font-size: 18px; color: #b9d0e7!important; text-decoration: none; font-weight: 500;}
.c-i h3 {font-size: 25px; letter-spacing: 1px; font-weight: 800;color: #000000; }

/**************************************** FORM STYLES ****************************************/
.con-text {padding: 20px 20px;}
.con-text p {text-align: left; font-size: 18px; line-height: 35px;color:  #000000;}
.con-text a {text-align: left; font-size: 18px; line-height: 35px; color:  #000000;}
.con-text h1 {text-align: left; font-size: 30px; line-height: 40px; color: #000000; text-transform: uppercase; font-weight: normal;}
.con-text strong {text-align: left;	font-size: 50px; line-height: 50px;	color:  #000000;	text-transform: uppercase;}
.c-form {position:relative; max-width:100%; margin: 0 auto; padding: 20px;font-size: 18px; line-height: 35px; color:  #000000}
.c-form input[type="text"] { width: 98%; margin: 0px 0 12px 0; padding: 10px 1%;font-size: 14px; border: 1px solid #bebebe; -webkit-border-radius:0; border-radius:0;}
.th-btn a {border-radius: 4px; display: inline-block;padding: 10px 1.5em;margin: 20px 0;background-color: #414141; text-transform: uppercase;font-weight: 600; border: 1px solid #ccc;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all.3s ease-in-out;font-size: 15px; color: #fff;}
.th-btn a :hover {cursor: pointer;background-color: #b9d0e7; color: #FFFFFF; text-decoration: none;}
.c-form textarea {width: 98%;min-height:80px;margin:2px 0;padding: 10px 1%;font-size: 14px; background-color: #f9f9f9; border: 1px solid #bebebe;-webkit-border-radius:0;border-radius:0;}


.c-form input[type="submit"]{ height: 50px; cursor: pointer; width: auto; background:#947118; text-align: center; color:  #FFFFFF; border-radius: 5px; font-size: 18px; font-weight: bold;margin: 0 auto;  display: flex;  align-items: center; justify-content: center;text-shadow: 2px 2px 4px #000000;}

.c-form input[type="submit"]:hover{ background-color: #b9d0e7; color: #000000;text-shadow: none;}



.c-form h3{padding-bottom: 10px;}


.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-header {color: #000!important;}

.ctct-form-embed.form_0 .ctct-form-defaults {background-color: #b88c1d!important;}

div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {font-size: 20px!important; font-weight: bold!important; }

.ctct-inline-form {width: 65%; margin: auto;}
.CaptchaPanel {   margin: 0!important; text-align: left!important;    padding: 5px!important; }

.CaptchaAnswerPanel {
    padding: 5px 5px 10px 5px;
    text-align: center!important;
}

.CaptchaMessagePanel {
    padding: 0!important;
    font-weight: bold;
    color: #000000;
    font-size: 14px!important;
    text-align: center!important;
}

.CaptchaWhatsThisPanel a {text-align: center!important;
    color: #000000;
}

.CaptchaWhatsThisPanel {
    padding: 5px 5px 10px 5px;text-align: center!important;
}
/* ---------------------------------------------------------------------------------------*/
/* ---------------------------------------------Thank you Page----------------------------------------------*/

.th-container-bg {margin: 0 auto;padding:3% 5% 3% 5%;box-sizing: border-box;max-width: 1340px;}
.th-ab-wrap{width: 100%; text-align: left;margin: 0 auto;	display: inline-block;padding:40px 0; }
.th-row{content: "";  display: block;  clear: both;}
.th-aboutl {width: 100%;  position: relative; display: inline-block;  margin: 0 auto;max-width: 1340px; }
.th-aboutl h1{ font-size: 45px; line-height: 45px; color: #000000;font-style: normal; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.th-aboutl h3{ font-size: 25px; line-height: 45px; color: #000000;font-style:normal; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.th-aboutl strong a { font-size: 18px;  font-weight: 900; font-style:oblique; color: #000000; }
.th-aboutl strong a:hover { color: #B88C1D; }
.th-aboutl p{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}
.th-aboutl p a{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}
.th-aboutl p a:hover { color: #B88C1D; }

.th-aboutr {width: 45%;  position: relative; display: inline-block;  margin: 0 auto;max-width: 1340px; float: right;}
.th-aboutr h1{ font-size: 45px; line-height: 45px; color: #000000;font-style: italic; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.th-aboutr strong a { font-size: 18px;  font-weight: 900; font-style:oblique; color: #000000; }
.th-aboutr strong a:hover { color: #B88C1D; }
.th-aboutr p{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}
.th-aboutr img {width: 100%; margin: 0 auto; padding: 5px;}

.thinfol{ width: 100%;  height:  auto; margin: 0 auto; display: block; padding: 0 20px; position: relative;}	

.thinfor{ width: 100%;  height:  auto; margin: 0 auto; display: block; padding: 0 20px; position: relative;}

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

/* ---------------------------------------------Custom Gallery---------------------------------------------*/
/* Lightbox galleries
----------------------------------------------------------------------------------*/
.cu-container-bg {margin: 0 auto;padding:3% 5% 1% 5%;box-sizing: border-box;max-width: 1340px;}
.cu-ab-wrap{width: 100%; text-align: left;margin: 0 auto;	display: inline-block;padding:40px 0; }
.cu-row{content: "";  display: block;  clear: both;}

.cu-about {width: 100%;  position: relative;  margin: 0 auto;max-width: 1340px; }
.cu-about h1{ font-size: 45px; line-height: 45px; color: #000000;font-style: normal; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.cu-about h3{ font-size: 25px; line-height: 45px; color: #000000;font-style:normal; text-align: left; font-weight: 900;padding:  0 0 10px 30px;}
.cu-about strong a { font-size: 18px;  font-weight: 900; font-style:oblique; color: #000000; }
.cu-about strong a:hover { color: #B88C1D; }
.cu-about p{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}
.cu-about p a{ font-size: 18px; line-height: 25px; color: #000000; text-align: left; text-transform: none; padding: 0 0 0 30px ; font-weight: 600;}
.cu-about p a:hover { color: #B88C1D; }


.cuinfo{ width: 100%;  height:  auto; margin: 0 auto; display: block; padding: 0 20px 20px; position: relative;}

    .gallery { 
        max-width: 1340px; width: 100%; display:block; position: relative; margin: 0 auto; padding: 0;
    } 
   
.gallery li { 
        float: left;
    padding: 0 12px 12px 0;
    }


    .gallery img { float: left;
        width: 130px; 
        height: auto; 
        transition: 1s; 
        
    } 
      
    .gallery img:hover { 
        filter: drop-shadow(4px 4px 6px gray); 
        transform: scale(1.1); 
    } 
.galwrap {
    margin: 0 auto;
    padding: 0 2% 0 12%;
    box-sizing: border-box;
    width: 100%;

	
}






























































/* ---------------------------------------------------------------------------------------*/
/* ------------------- FOOTER ------------------------------------------------*/

footer { height: auto; display: inline-block; width: 100%; padding: 30px 0 0 0 ; color: #000000; } 
.fwrap {width: 100%; margin: 0 auto; max-width: 1600px}
footer .foot-nav {list-style: none; margin: 0; }
footer .foot-nav li a {font-size: 18px; font-weight: 900; list-style: none;color:#000000; line-height: 45px; text-transform: none;}
footer .foot-nav img {padding: 0; }
footer .copyright-hold {text-align: right; }
.fsoc-media {width: 100%;font-size: 16px; line-height: 25px; margin-bottom: 25px; padding-left: 23%;}
footer .copyright {text-align: right; color:#000000; font-size: 12px; }
footer .copyright a { text-align: right; color: #000000; font-size: 12px; }
footer h5{font-size: 14px;color: #000000;text-transform: uppercase;line-height: 30px;}
footer a {font-size: 16px; font-weight: bold; list-style: none;color: #000000;line-height: 25px;}
.fright {padding: 0 2% 0 0;}

.fcolumn1 {width: 25%;}
.fcolumn2 {width: 0%;}
.fcolumn3 {width: 20%;}
.fcolumn4 {width: 20%; padding: 0 0 20px 0}
.fcolumn5 {width: 30%;float: right;}


.fmiddle {padding: 0 1%;}
.fmiddle  a {color:#000000}
.fmiddle  a:hover {color:#B88C1D;}
.fmiddle  p {color:#000000;font-size: 14px;line-height: 16px;letter-spacing: 1px;}
.ffco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left; }
/*.flogo { position: relative;   z-index: 9;box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.3), 0 10px 30px 0 rgba(0, 0, 0, 0.80);right: 30%;}*/


.flogocolumn{  float: left;  width: 100%; position: relative; }
			
.flogo ul li {display:inline-block; position:relative; text-align: left; float: left; width: auto; padding: 0 0 20px 0;}
	
.flogo img {width: 100%; }




.footertext {text-align: center;padding: 0 ;}
.footertext p {text-align: center;font-size: 10px;font-weight: normal;line-height: normal;}
.footertext a {	text-align: center;	font-size: 10px;font-weight: bold;line-height: normal}

footer h4{font-size:18px;color:#FFFFFF;text-transform: capitalize;line-height: 30px;}
/*--------Footer Div Wrap------------*/

.divwrap {width: 100%; margin: 0 auto; height: auto;background-color: #000000; padding: 0 ;}
.divwrap p{ color: #FFFFFF; text-align: left;font-size: 11px;transition: all 0.3s; padding: 0 50px; font-weight: 600; text-transform: uppercase;}
.divwrap p a {color: #FFFFFF; transition: all 0.3s; font-size: 11px!important;font-weight: 600;text-transform: uppercase;}
.divwrap p a:hover {color: #555555;font-size: 11px!important;font-weight: 600;text-transform: uppercase;}
.ficons {color:#FFFFFF; font-size: 30px; font-weight: 800; display: inline-block; margin: 10px 0 0 20px;}
.ficons ul {margin:0; padding:0;}
.ficons ul li {display:inline-block;margin:0;list-style-type:none;width:auto;	}
.ficons ul li a {
	color:#FFFFFF;
	font-weight: 800;
	font-size:20px;
	line-height:30px;
	letter-spacing: 1px;
	text-decoration:none;
	display:block;
	margin:0;
	text-align:center;
	text-transform:none;
	-webkit-transition:.4s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
	padding:0 3px;}

.ficons  ul li a:hover {color: #B88C1d;}

/*  end footer
--------------*/







/*  end footer
--------------*/












.hwrap {
    width: 100%;
    max-width: 100%;
    position: static;
    top: auto;
    z-index: 900;
}
.nhcontainer{ margin: 0 ; }



















 @media screen and (max-width: 1450px)  {
        
/*----------Buttons-------------------------------*/
.container-bg {padding:3% 3% 3% 3%;}
.cat-button {position: relative;  width: 15%;}
.cat-button-info {font-size: 18px;  line-height: 40px}
}

 @media screen and (max-width: 1150px)  {
        
/*----------Buttons-------------------------------*/
.container-bg {padding:3% 3% 3% 3%;}
.cat-button {position: relative;  width: 15%;}
.cat-button-info {font-size: 14px;  line-height: 40px}
}

 @media screen and (max-width: 1294px)  {
 /*----------Buttons-------------------------------*/
.container-bg {padding:3% 3% 3% 3%;}
.cat-button {position: relative;  width: 15%;}
.cat-button-info {font-size: 16px;  line-height: 50px}}

 @media screen and (max-width: 1150px)  {
/*----------Buttons-------------------------------*/
.container-bg {padding:3% 3% 3% 3%;}
 .cat-button {position: relative;  width: 15%;}
.cat-button-info {font-size: 14px;  line-height: 40px}
}

 @media screen and (max-width: 1030px)  {
/*----------Buttons-------------------------------*/
.container-bg {padding:3% 3% 3% 3%;}
 .cat-button {position: relative;  width: 15%;}
.cat-button-info {font-size: 12px;  line-height: 40px}
}
@media screen and (max-width: 990px)  {
/*----------Buttons-------------------------------*/
.container-bg {padding:0 8%;}
.cat-button {position: relative;  width: 60%;  margin: 6% auto; }
.cat-button-info {font-size: 20px;  line-height: 40px}}

@media screen and (max-width: 690px)  {
/*----------Buttons-------------------------------*/
.container-bg {padding:0 8%;}
.cat-button {position: relative;  width: 60%;  margin: 6% auto; }
.cat-button-info {font-size: 18px;  line-height: 40px}}
@media screen and (max-width: 490px)  {
/*----------Buttons-------------------------------*/
.container-bg {padding:0 8%;}
.cat-button {position: relative;  width: 60%;  margin: 6% auto; }
.cat-button-info {font-size: 16px;  line-height: 40px}}





















































@media screen and (max-width: 1642px) {
	
.logocloumn{float: left; width: auto; height: auto;}
	.navcloumn{float: right; width: auto; height: auto;}

	
.topleft {
    
    margin: 10px 0 10px ;
}


/* ------------------- FOOTER ------------------------------------------------*/

footer { height: auto; display: inline-block; width: 100%; padding: 20px 0 0 0 ; } 
.fwrap {width: 100%; margin: 0 auto; max-width: 1600px}
footer .foot-nav {list-style: none; margin: 0; }
footer .foot-nav li a {font-size: 16px; font-weight: bold; list-style: none; line-height: 45px; }
footer .foot-nav img {padding: 0; }
footer .copyright-hold {text-align: right; }
.fsoc-media {width: 100%;font-size: 16px; line-height: 25px; margin-bottom: 25px; padding-left: 15%;}
footer .copyright {text-align: right; color:#61585E; font-size: 12px; }
footer .copyright a { text-align: right; color: #61585E; font-size: 12px; }
footer h5{font-size: 14px;color: #61585E;text-transform: uppercase;line-height: 30px;}
footer a {font-size: 16px; font-weight: bold; list-style: none;color: #61585E;line-height: 25px;}
.fright {padding: 0 2% 0 0;}

.fcolumn1 {width: 25%;}
.fcolumn2 {width: 0%;}
.fcolumn3 {width: 20%;}
.fcolumn4 {width: 20%; padding: 0 0 20px 0}
.fcolumn5 {width: 30%;float: right;}


.fmiddle {padding: 0 1%;}
.fmiddle  a {color:#61585E}
.fmiddle  a:hover {color:#61585E;}
.fmiddle  p {color:#61585E;font-size: 14px;line-height: 16px;letter-spacing: 1px;}
.ffco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left; }
/*.flogo { position: relative;   z-index: 9;box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.3), 0 10px 30px 0 rgba(0, 0, 0, 0.80);right: 30%;}*/


.flogocolumn{  float: left;  width: 100%; position: relative; }
			
.flogo ul li {display:inline-block; position:relative; text-align: left; float: left; width: auto; padding:  0 0 20px 20px}
	
.flogo img {width: 100%; }




.footertext {text-align: center;padding: 0 ;}
.footertext p {text-align: center;font-size: 10px;font-weight: normal;line-height: normal;}
.footertext a {	text-align: center;	font-size: 10px;font-weight: bold;line-height: normal}

footer h4{font-size:18px;color:#FFFFFF;text-transform: capitalize;line-height: 30px;}
/*--------Footer Div Wrap------------*/

.divwrap {width: 100%; margin: 0 auto; height: auto; padding: 0 ;}
.divwrap p{ color: #FFFFFF; text-align: left;font-size: 11px;transition: all 0.3s; padding: 0 50px; font-weight: 600; text-transform: uppercase;}
.divwrap p a {color: #FFFFFF; transition: all 0.3s; font-size: 11px!important;font-weight: 600;text-transform: uppercase;}
.divwrap p a:hover {color: #555555;font-size: 11px!important;font-weight: 600;text-transform: uppercase;}

/*  end footer
--------------*/

}








@media screen and (max-width: 1599px)  {
/*---------- Middle ------------------*/	
.column2 {float: left; width: 65%; padding: 75px 30px 35px 50px;  height: auto;}	
/*----------------------------*/	
	
	
	
}


@media screen and (max-width: 1598px)  {

.lcolumn { width: 30%;  padding: 0 10px;}


}




@media screen and (max-width: 1508px) {
/*---header/nav---*/
.nright {
    padding: 0 0% 0 38%;
    display: inline-block;
    width: auto;
    text-align: left;
    margin: 0;
}

/* ------------------- FOOTER ------------------------------------------------*/

footer .foot-nav li a {font-size: 14px; font-weight: bold; list-style: none; line-height: 45px; }

.fsoc-media {width: 100%;font-size: 16px; line-height: 25px; margin-bottom: 25px; padding-left: 10%;}


.fcolumn1 {width: 25%;}
.fcolumn2 {width: 0%;}
.fcolumn3 {width: 20%;}
.fcolumn4 {width: 20%; padding: 0 0 20px 0}
.fcolumn5 {width: 30%;float: right;}


.fmiddle {padding: 0 1%;}
.fmiddle  a {ccolor:#61585E}
.fmiddle  a:hover {color:#000000;}
.fmiddle  p {color:#61585E;font-size: 14px;line-height: 16px;letter-spacing: 1px;}
.ffco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left; }
/*.flogo { position: relative;   z-index: 9;box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.3), 0 10px 30px 0 rgba(0, 0, 0, 0.80);right: 30%;}*/


.flogocolumn{  float: left;  width: 100%; position: relative; }
			
.flogo ul li {display:inline-block; position:relative; text-align: left; float: left; width: auto; padding:   0 0 20px 20px}
	
.flogo img {width: 100%; }




.footertext {text-align: center;padding: 0 ;}
.footertext p {text-align: center;font-size: 10px;font-weight: normal;line-height: normal;}
.footertext a {	text-align: center;	font-size: 10px;font-weight: bold;line-height: normal}

footer h4{font-size:18px;color:#61585E;text-transform: capitalize;line-height: 30px;}
/*--------Footer Div Wrap------------*/

.divwrap {width: 100%; margin: 0 auto; height: auto; padding: 0 ;}
.divwrap p{ color: #FFFFFF; text-align: left;font-size: 11px;transition: all 0.3s; padding: 0 50px; font-weight: 600; text-transform: uppercase;}
.divwrap p a {color: #FFFFFF; transition: all 0.3s; font-size: 11px!important;font-weight: 600;text-transform: uppercase;}
.divwrap p a:hover {color: #555555;font-size: 11px!important;font-weight: 600;text-transform: uppercase;}

/*  end footer
--------------*/

}











@media screen and (max-width:1440px){
/* --------------------------------------------- Map ----------------------------------------------*/
.mid-left{  float: left; width: 50%; padding: 20px; height: auto; }

.mid-left h2{ font-size: 30px; line-height: 40px; padding:  0 0 10px 0;}
.mid-left h3{ font-size: 25px; line-height: 45px; padding:  0 0 5px 0;}
.mid-left p{ font-size: 18px; line-height: 25px; }
.mid-left h4{ font-size: 22px;  line-height: 32px; padding:  0 0 5px 0;}



.midbton{margin: 0 auto;display: block;padding:  20px 0; float: left;}
.mid-bton {
  text-shadow: 2px 2px 4px #000000;
  font-size: 18px; 
  line-height: 25px;
  padding: 15px 10px;
  color: #FFFFFF!important;
  background-color:#b88c1d;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  border: 1px solid #292929;
  border-radius: 4px;
  box-shadow: 0 8px 10px -6px #000; 
}
.mid-bton:hover{color: #000000!important;text-shadow: none;
  background-color:#FFFFFF;}

.mid-bton .fa, .fas {font-size: 18px!important}




.mid-right{  float: left; width: 45%; padding: 5px;height: auto; }


/* -------------------------------------------------------------------------------------------*/
/* ---------------------------------------------Strip Tilling----------------------------------------------*/
.st-ab-wrap{padding:20px 0; }
.st-aboutl h1{ font-size: 35px; line-height: 40px; }
.st-aboutl h3{ font-size: 20px; line-height: 30px; }
.st-aboutl strong a { font-size: 18px;  }
.st-aboutl strong a:hover { color: #B88C1D; }
.st-aboutl p{ font-size: 18px;}

.st-aboutr {width: 45%;  position: relative; display: inline-block;  margin: 0 auto;max-width: 1340px; float: right;}



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



}




























@media screen and (max-width:1360px){

/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-about {}
.hom-about h1{ font-size: 35px; padding:  0 0 20px 30px;}
.hom-about strong a{ font-size: 18px;  }
.hom-about p{ font-size: 16px; line-height: 35px;  padding: 0 0 0 30px ;}

/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- About middle ----------------------------------------------*/
.ab-about h1{ font-size: 35px; line-height: 40px; }
.ab-about strong a { font-size: 18px; }
.ab-about strong a:hover { color: #B88C1D; }
.ab-about p{ font-size: 16px; line-height: 25px;  padding: 0 0 0 30px ; }

.abtbton {  font-size: 16px;    }

.abtbton .fa, .fas {font-size: 16px!important}

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


}

@media screen and (max-width: 1395px) {
.bwrap{width: 100%; margin: 0 auto; padding: 30px  0 0  ;}
	.lbton {padding: 10px 0;}
}


@media screen and (max-width: 1340px) {
	
.mcolumn {  padding: 0 30px 0 0;}
.rrrcolumn li{ margin:0;padding: 0 20px; font-size: 13px; line-height:50px;  }
.rcolumn li{margin:0;padding: 0 20px; font-size: 13px; line-height:50px;  }
.rrcolumn li{ margin:0;padding: 0 20px; font-size: 13px; line-height:50px; }
.rcolumn i {font-size: 16px!important;}
.rrcolumn i {font-size: 16px!important;}
.rrrcolumn i {font-size: 16px!important;}

	
}
@media screen and (max-width: 1335px)  {

/*------------------Two Image Buttons------------------------------*/
.bwrap{width: 100%; margin: 0 auto; padding: 30px  0 0  ;}
.lftcolumn h1 {font-size: 25px; line-height: 40px;}
.lftcolumn p { font-size: 18px; line-height: 30px;}
.lhero-bton { font-size: 16px;  line-height: 25px;}
.lhero-bton .fa, .fas {font-size: 16px!important}
.rhtcolumn h1 {font-size: 25px; line-height: 40px;}
.rhtcolumn p {font-size: 18px;line-height: 30px;}
.rhero-bton {font-size: 16px; line-height: 25px;}
.rhero-bton .fa, .fas {font-size: 16px!important}


/*------------------------------------------------*/
}


@media screen and (max-width: 1290px) {



/* ------------------- FOOTER ------------------------------------------------*/

footer { height: auto; display: inline-block; width: 100%; padding: 30px 0 0 0 ;color:#61585E; } 
.fwrap {width: 100%; margin: 0 auto; max-width: 1600px}
footer .foot-nav {list-style: none; margin: 0; }
footer .foot-nav li a {font-size: 14px; font-weight: bold; list-style: none; line-height: 45px; }
footer .foot-nav img {padding: 0; }
footer .copyright-hold {text-align: right; }
.fsoc-media {width: 100%;font-size: 16px; line-height: 25px; margin-bottom: 25px; padding-left: 15%;}
footer .copyright {text-align: right; ; font-size: 12px; }
footer .copyright a { text-align: right;  font-size: 12px; }
footer h5{font-size: 14px;color: #61585E;text-transform: uppercase;line-height: 30px;}
footer a {font-size: 16px; font-weight: bold; list-style: none;line-height: 25px;}
.fright {padding: 0 2% 0 0;}

.fcolumn1 {width: 25%;}
.fcolumn2 {width: 0%;}
.fcolumn3 {width: 20%;}
.fcolumn4 {width: 20%; padding: 0 0 20px 0}
.fcolumn5 {width: 30%;float: right;}


.fmiddle {padding: 0 1%;}

.fmiddle  a:hover {color:#61585E;}
.fmiddle  p {font-size: 14px;line-height: 16px;letter-spacing: 1px;}
.ffco{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box; float: left; }
/*.flogo { position: relative;   z-index: 9;box-shadow: 0 8px 10px 10px rgba(0, 0, 0, 0.3), 0 10px 30px 0 rgba(0, 0, 0, 0.80);right: 30%;}*/


.flogocolumn{  float: left;  width: 100%; position: relative; }
			
.flogo ul li {display:block; position:relative; text-align: left; float: left; width: auto; }
.flogo ul  {display:block; position:relative; text-align: left; float: left; width: auto; }
	
.flogo img { width: 90%; position: relative;  margin-left: auto; margin-right: auto;  display: flex;  align-items: center;   justify-content: center;} 




.footertext {text-align: center;padding: 0 ;}
.footertext p {text-align: center;font-size: 10px;font-weight: normal;line-height: normal;}
.footertext a {	text-align: center;	font-size: 10px;font-weight: bold;line-height: normal}

footer h4{font-size:18px;color:#FFFFFF;text-transform: capitalize;line-height: 30px;}
/*--------Footer Div Wrap------------*/

.divwrap {width: 100%; margin: 0 auto; height: auto;padding: 0 ;}
.divwrap p{ color: #FFFFFF; text-align: left;font-size: 11px;transition: all 0.3s; padding: 0 50px; font-weight: 600; text-transform: uppercase;}
.divwrap p a {color: #FFFFFF; transition: all 0.3s; font-size: 11px!important;font-weight: 600;text-transform: uppercase;}
.divwrap p a:hover {color: #555555;font-size: 11px!important;font-weight: 600;text-transform: uppercase;}

/*  end footer
--------------*/
.hcontainer{ /* margin: 0; */    display: inline-block;    margin-left: auto;    margin-right: auto;    width: 45%;
} 
}








@media screen and (max-width: 1140px) {
/* ------------------- FOOTER ------------------------------------------------*/

footer { height: auto; display: inline-block; width: 100%; padding: 10px 0 0 0 ; } 

footer .foot-nav li a {font-size: 14px; font-weight: bold; list-style: none; line-height: 45px; }

.fsoc-media {width: 100%;font-size: 16px; line-height: 25px; margin-bottom: 25px; padding-left: 0}

.flogo img {    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 0;}
footer .foot-nav li a {font-size: 14px; font-weight: bold; list-style: none; line-height: 45px; }	

.fcolumn1 {width: 100%;padding: 0 0 0 30px}
.fcolumn2 {width: 0%;}
.fcolumn3 {width: 100%;padding: 0 0 20px 40px}
.fcolumn4 {width: 100%; padding: 0 0 20px 40px}
.fcolumn5 {width: 100%;float: left; padding: 0 0 20px 40px}
.flogocolumn {
    float: left;
    width: 100%;
    position: relative;
	padding: 20px 0 0 0;}

.flogo ul  a{
    display: block!important;
    position: relative;
    text-align: left;
    float: left;
    width: auto;
    padding: 0;
}
	
.flogo li a {
    display: block!important;
    position: relative;
    text-align: left;
    float: left;
    width: auto;
    padding:0;
}	
	
.flogo ul li {
    display: inline-block;
    position: relative;
    text-align: left;
    float: left;
    width: auto;
    padding: 0 0 20px 0px;
}	
	
	
	footer .foot-nav .fab , .fa , .fas {font-size: 18px!important;}	
	
	
/*  end footer
--------------*/	
	
}
@media screen and (max-width: 1140px)  {
.hrcolumn{display: block; padding: 15px 0;display: flex;width: 100%;   align-items: center;  justify-content: center;}
.hmphone{display: inline-block}
/*---------- Header ------------------*/
.header-wrap { width: 100%;  margin: 0;  background-color: transparent;   height: auto;}	
.mrow { width: 100%; border-bottom: #000000 solid 5px; -webkit-box-shadow: 0 6px 8px -1px #000;  -moz-box-shadow: 0 6px 8px -1px #000;  box-shadow: 0 6px 8px -1px #000;}	
.mainhed{display: none;}	
.mobcolumn	{ display: inline-block;  position: relative;}	
.container {margin: 35px 85px 10px;}
.lcolumn {  display: flex;}
.rcolumn {	 display: inline-block; padding: 0}
.column1 {display: none;}
.column2 {float: left; width: 100%;  padding:  10px 30px ; height: auto;}	
.mrcolumn { float: left; position: relative; display: inline-block; height: auto;  width: auto;  padding: 0 ;}
.mrcolumn ul{display: block;}
.mrcolumn li{margin:0;padding: 0 30px; font-size: 12px; font-weight: 700;line-height:50px; color: #000000; text-transform: capitalize; height: 40px; }
.mrcolumn li a{ color: #000000;    font-weight: 800!important;}
.mrcolumn li a:hover{ color: #B88C1D}
.mrcolumn i {font-size: 22px!important;}
.mrcolumn i {font-size: 22px!important;}
.mrcolumn i {font-size: 22px!important;}
.mlcolumn {float: left;width: auto; height: auto;display: inline-block; position: relative; padding: 0 30px;}
.mlcolumn img { width: 100%; height: auto;}
.mlogocloumn{float: left; width:auto; height: auto;}
.nheader-contact { position: relative;  display: inline-block;    margin: 0; font-size: 16px; line-height: 17px;   float: left;}	
.hphone{display: none;}
.hmail{display: none;}
.hcolumn {display: none;}
.hmcolumn {display: none;}
.hmiddle {margin: 0 auto;position: relative;} 
.hmphone {float:none; display: inline-block;  right:0; padding-top: 15px; margin: 0 auto; position:relative; top: 50%; left: 50%; transform: translate(-50%, 0%);}
.hmcontact {display: inline-block; padding-top: 15px; margin: 0 auto; position:relative; left: 50%; transform: translate(-50%, 0%); }	
.hmphone ul li {	display:inline-block;margin:0;list-style-type:none; width:auto;	font-size: 35px; line-height: 40px; text-align: center}
.hmphone ul li a {line-height:40px;text-decoration:none;text-align: center;display: inline-block;margin:0;-webkit-transition:.4s ease-in;-moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s ease-in; padding:0 12px;}
.hmphone ul li a:hover {color: #E1AF17;}
.hmphone a {	font-size: 16px; }
.hmphone a:hover {font-size: 16px; }
.mhphone {float: right; display: inline-block; position: relative; width: 25%; padding-top:0;}
.mhphone ul li a {line-height:60px;text-decoration:none;	display: inline-block;margin:0;-webkit-transition:.4s ease-in;-moz-transition:.2s ease-in;  -o-transition:.2s ease-in; transition:.2s             ease-in; padding:0 5px;font-size: 12px;}
.mhphone ul {display: block; position: relative; text-align: center}
.mhphone li  {display: block!important;font-size: 12px!important; line-height: normal}
.mhphone p {font-size: 25px; color: #000000; }
.mhphone a {	font-size: 12px; color: #000000;  text-decoration: none; font-weight: 600; }
.mhphone a:hover {font-size: 12px; color: #000000;  text-decoration: none; font-weight: 600;}
.mhphone, .fab{font-size: 30px!important; vertical-align: middle;}	
.hmphone, .fa, .fas {font-size: 30px!important; line-height: 60px;}	
.mhphone ul li a { line-height: 60px;}
}


@media screen and (max-width:1140px){
/* --------------------------------------------- Map ----------------------------------------------*/
.mid-left{  float: left; width: 50%; padding: 20px; height: auto; }

.mid-left h2{ font-size: 25px; line-height: 40px; padding:  0 0 10px 0;}
.mid-left h3{ font-size: 22px; line-height: 45px; padding:  0 0 5px 0;}
.mid-left p{ font-size: 16px; line-height: 25px; }
.mid-left h4{ font-size: 20px;  line-height: 32px; padding:  0 0 5px 0;}

.mid-bton { font-size: 16px;  line-height: 25px; padding: 15px 10px;}

.mid-bton .fa, .fas {font-size: 16px!important}

.mid-right{  float: left; width: 45%; padding: 5px;height: auto; }

/* -------------------------------------------------------------------------------------------*/
/* ---------------------------------------------Strip Tilling----------------------------------------------*/
.st-aboutl {width: 100%; float: left;padding:  20px 0 0;}

.st-aboutl h1{ font-size: 25px; line-height: normal; margin-bottom:  0 }
.st-aboutl h3{ font-size: 20px; line-height: normal; argin-bottom:  0}
.st-aboutl strong a { font-size: 16px;  }
.st-aboutl strong a:hover { color: #B88C1D; }
.st-aboutl p{ font-size: 16px;line-height: 25px;}
.st-aboutr {width: 100%; float: left; }

/* -------------------------------------------------------------------------------------------*/
.cu-about {width: 100%; float: left;padding:  20px 0 0;}

.cu-about h1{ font-size: 30px; line-height: normal; margin-bottom:  0 }
.cu-about h3{ font-size: 25px; line-height: normal; argin-bottom:  0}
.cu-about strong a { font-size: 16px;  }
.cu-about strong a:hover { color: #B88C1D; }
.cu-about p{ font-size: 16px;line-height: 25px;}
.cu-about {width: 100%; float: left; }

	

}

@media screen and (max-width:1056px){
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-aboutr {display: none;}
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 30px 0;}
.hom-row{content: "";  display: table;  clear: both;}
.hom-aboutl {width: 80%; float: left; position: relative; display: inline-block; padding: 20px 0 0 60px ;}

.hom-aboutl h1{ font-size: 20px; line-height: 45px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80);font-style: italic; text-align: left; font-weight: 900;}
.hom-aboutl p{ font-size: 14px; line-height: 30px; color: #FFFFFF;text-shadow:2px 2px 3px rgba(0,0,0,0.80); text-align: left; text-transform: capitalize; padding: 0 0 0 30px ;}
	

	
	
	
	
	
}


@media screen and (max-width: 1060px)  {


/*------------------Two Image Buttons------------------------------*/
.bwrap{width: 100%; margin: 0 auto; padding: 30px  0 ;}
.lftcolumn h1 {font-size: 25px; line-height: 40px;}
.lftcolumn p { font-size: 18px; line-height: 30px;}
.lhero-bton { font-size: 16px;  line-height: 25px;}
.lhero-bton .fa, .fas {font-size: 16px!important}
.rhtcolumn h1 {font-size: 25px; line-height: 40px;}
.rhtcolumn p {font-size: 18px;line-height: 30px;}
.rhero-bton {font-size: 16px; line-height: 25px;}
.rhero-bton .fa, .fas {font-size: 16px!important}

/*------------------------------------------------*/
}












@media screen and (max-width: 1042px)  {

	
	
footer .foot-nav li a {font-size: 14px; }	
	
	
}


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

/*------------------Banner image-----------------*/
.hero h1 {font-size: 40px; line-height: 50px;}
.hero p { font-size: 20px; line-height: 30px;}
.hero-bton {font-size: 16px;  line-height: 20px;}
.hero-bton .fa, .fas {font-size: 16px!important}	
/*------------------Two Image Buttons------------------------------*/

.lftcolumn{float: left; width: 100%;  height: auto;}
.rhtcolumn{float: right; width: 100%;   height: auto;}
/*------------------------------------------------*/
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-about h1{ font-size: 30px; padding:  0 0 20px 30px;}
.hom-about strong a{ font-size: 16px;  }
.hom-about p{ font-size: 14px; line-height: 25px;  padding: 0 0 0 30px ;}

/* -------------------------------------------------------------------------------------------*/	
/* --------------------------------------------- welcome middle ----------------------------------------------*/

.ab-about h1{ font-size: 30px; line-height: 30px; ;}
.ab-about p{ font-size: 16px; }
.abtbton {  font-size: 16px;   }
.abtbton .fa, .fas {font-size: 18px!important}

/* -------------------------------------------------------------------------------------------*/
.cu-about h1{ font-size: 30px; line-height: 30px; ;}
.cu-about p{ font-size: 16px; }

/* -------------------------------------------------------------------------------------------*/	
}

@media screen and (max-width: 1000px){
/* --------------------------------------------- Map ----------------------------------------------*/
.h-wrap { width: 100%;  position: relative;  display: inline-block;  margin: 0 auto; padding: 0;}
	
.minfo{ width: 80%;  height:  auto; margin: 0 auto; display: block; padding: 0 20px; position: relative;}	
	
.mid-left{  float: left; width: 100%; padding: 0 0 20px 0; height: auto; margin: 0 auto;}

.mid-left h2{ font-size: 25px; line-height: 40px; padding:  0 0 10px 0;}
.mid-left h3{ font-size: 22px; line-height: 45px; padding:  0 0 5px 0;}
.mid-left p{ font-size: 16px; line-height: 25px; }
.mid-left h4{ font-size: 20px;  line-height: 32px; padding:  0 0 5px 0;}

.mid-bton { font-size: 16px;  line-height: 25px; padding: 15px 10px;}

.mid-bton .fa, .fas {font-size: 16px!important}

.mid-right{  float: left; width: 100%; padding: 0; height: auto; }

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

}
	
	
	
	
	


















@media screen and (max-width: 932px)  {
	
.mrrcolumn{display: none;}	

.mrcolumn li{ font-size: 13px; line-height:50px;  }
.mrcolumn i {font-size: 18px!important;}
.mrcolumn i {font-size: 18px!important;}
.mrcolumn i {font-size: 18px!important;}

footer .foot-nav li a {font-size: 12px; font-weight: bold; list-style: none;color: #000000; line-height: 35px;}

}















@media screen and (max-width: 829px)  {
/*---------- Header ------------------*/
.container {margin: 35px 25px 10px;}	
.logo img {max-width: 80%;}
.rcolumn {display: inline-block; padding: 0; margin-left: 0 ; margin-right: 0; float: left; }
.rrcolumn {display: inline-block; padding: 0; margin-left: 0 ; margin-right: 0; float: right; }
.h-grid-container {display: inline;}
.h-grid-container img {max-width: 30%; display: inline;}	
		
/*----Brand Buttons---*/
* {box-sizing: border-box;}

}

	


@media screen and (max-width: 768px)  {
.mrcolumn li {font-size: 11px;  padding: 0 10px 0 30px  ;} 
	
}





@media screen and (max-width: 695px)  {

/*---------- Header ------------------*/	
.container {margin: 35px 25px 10px;}	
.logo {margin: 0;}
.column2 p {color: #000; text-align: left; font-size: 14px; line-height: 20px; font-weight: 700;}
.column2 h1 {color: #b88c1d; text-align: left; line-height: 40px; font-size: 30px}
.mrcolumn{display: none;}
.mrrcolumn{display: block;}
.mrrcolumn li{ font-size: 12px; line-height:40px; }
.mrrcolumn i {font-size: 20px!important;}
.mrrcolumn i {font-size: 20px!important;}
.mrrcolumn i {font-size: 20px!important;}	
.mrrcolumn { float: left; position: relative; display: inline-block; height: auto; width: auto; padding: 0 10px 0 20px;}
	
/*------------------Banner image-----------------*/
.hero h1 {font-size: 32px; line-height: 40px;}
.hero p { font-size: 18px; line-height: 30px;}
.hero-bton {font-size: 14px;  line-height: 20px;}
.hero-bton .fa, .fas {font-size: 14px!important}
	
/*------------------Two Image button-----------------*/	

.lftcolumn h1 {font-size: 25px; line-height: 30px;}
.lftcolumn p { font-size: 18px; line-height: 30px;}
.lhero-bton { font-size: 14px;  line-height: 25px;}
.lhero-bton .fa, .fas {font-size: 14px!important}
.rhtcolumn h1 {font-size: 25px; line-height: 30px;}
.rhtcolumn p {font-size: 18px;line-height: 30px;}
.rhero-bton {font-size: 14px; line-height: 25px;}
.rhero-bton .fa, .fas {font-size: 14px!important}	
	

	
}	
@media screen and (max-width: 645px){
/* --------------------------------------------- Map ----------------------------------------------*/
.h-cont { padding:0  }
.midcon { padding: 0; 
}
.h-wrap {  margin: 0 auto; padding: 0;}
	
.minfo{ width: 80%;  height:  auto; margin: 0 auto; display: block;  position: relative; padding: 20px 0;}	
	
.mid-left{  float: left; width: 100%; padding: 0 0 20px 0; height: auto; margin: 0 auto;}

.mid-left h2{ font-size: 20px; line-height: 30px; padding:  0 0 10px 0;}
.mid-left h3{ font-size: 18px; line-height: 35px; padding:  0 0 5px 0;}
.mid-left p{ font-size: 16px; line-height: 20px; }
.mid-left h4{ font-size: 20px;  line-height: 25px; padding:  0 0 5px 0;}

.mid-bton { font-size: 16px;  line-height: 20px; padding: 15px 10px;}

.mid-bton .fa, .fas {font-size: 16px!important}



/* -------------------------------------------------------------------------------------------*/
}

@media screen and (max-width:600px){
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-about {padding: 0 20px}
.hom-about h1{ font-size: 25px; padding:  0 0 20px 10px;}
.hom-about strong a{ font-size: 16px;  }
.hom-about p{ font-size: 14px; line-height: 25px;  padding: 0 0 0 10px ;}

/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- about----------------------------------------------*/
.ab-about {padding: 0 20px}
.ab-about h1{ font-size: 25px; padding:  0 0 10px 10px;}
.ab-about strong a{ font-size: 16px;  }
.ab-about p{ font-size: 14px; line-height: 25px;  padding: 0 0 0 10px ;}

.abtinfo{ width: 100%;   padding: 0 5px; }	

.abtbton {  font-size: 14px; 
}   
.abtbton .fa, .fas {font-size: 16px!important}

/* -------------------------------------------------------------------------------------------*/
/* ---------------------------------------------Strip Tilling----------------------------------------------*/
.st-aboutl {width: 100%}

.st-aboutl h1{ font-size: 20px; line-height: 30px;padding:  0 0 0 10px;}
.st-aboutl h3{ font-size: 18px; line-height: 20px;padding: 0 0 0 10px; }
.st-aboutl strong a { font-size: 14px;  }

.st-aboutl p{ font-size: 16px;line-height: 25px;padding: 0 0 10px 10px;}


/* -------------------------------------------------------------------------------------------*/
	.cu-about {width: 100%}

.cu-about h1{ font-size: 20px; line-height: 30px;padding:  0 0 0 10px;}
.cu-about h3{ font-size: 18px; line-height: 20px;padding: 0 0 0 10px; }
.cu-about strong a { font-size: 14px;  }

.cu-about p{ font-size: 16px;line-height: 25px;padding: 0 0 10px 10px;}

/* -------------------------------------------------------------------------------------------*/
}

@media screen and (max-width:514px){
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-aboutr {display: none;}
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 50px 0;}
.hom-row{content: "";  display: table;  clear: both;}
.hom-about h1{ font-size: 22px; padding:  0 0 20px 10px;}
.hom-about strong a{ font-size: 16px;  }
.hom-about p{ font-size: 14px; line-height: 25px;  padding: 0 0 0 10px ;}

/* -------------------------------------------------------------------------------------------*/
/* ---------------------------------------------About ----------------------------------------------*/
.ab-aboutr {display: none;}
.ab-ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 50px 0;}
.ab-row{content: "";  display: table;  clear: both;}
.ab-about h1{ font-size: 22px; padding:  0 0 0 20px;}
.ab-about strong a{ font-size: 16px;  }
.ab-about p{ font-size: 14px; line-height: 25px;  padding: 0 0 0 10px ;}
.abtbton {  font-size: 14px;    }
.abtbton .fa, .fas {font-size: 14px!important}


/* -------------------------------------------------------------------------------------------*/
}

@media screen and (max-width: 487px){
/* --------------------------------------------- Map ----------------------------------------------*/

.mid-left{  float: left; width: 100%; padding: 0 0 20px 0; height: auto; margin: 0 auto;}

.mid-left h2{ font-size: 18px; line-height: 30px; padding:  0 0 10px 0;}
.mid-left h3{ font-size: 18px; line-height: 35px; padding:  0 0 5px 0;}
.mid-left p{ font-size: 16px; line-height: 20px; }
.mid-left h4{ font-size: 18px;  line-height: 25px; padding:  0 0 5px 0;}

.mid-bton { font-size: 16px;  line-height: 20px; padding: 15px 10px;}

.mid-bton .fa, .fas {font-size: 16px!important}



/* -------------------------------------------------------------------------------------------*/
}

@media screen and (max-width:480px){
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-about {padding: 0 20px}
.hom-about h1{ font-size:20px; padding:  0 0 10px 10px;line-height: 25px;}
.hom-about strong a{ font-size: 15px;  }
.hom-about p{ font-size: 13px; line-height: 25px;  padding: 0 0 0 10px ;}

/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.ab-about {padding: 0 20px}
.ab-about h1{ font-size:20px; line-height: 25px;}
.ab-about strong a{ font-size: 15px;  }
.ab-about p{ font-size: 13px; line-height: 25px;  padding: 0 0 0 10px ;}

.abtbton {  font-size: 13px;    }
.abtbton .fa, .fas {font-size: 14px!important}

	
/* -------------------------------------------------------------------------------------------*/
.cu-about {padding: 0 20px}
.cu-about h1{ font-size:20px; line-height: 25px;}
.cu-about strong a{ font-size: 15px;  }
.cu-about p{ font-size: 13px; line-height: 25px;  padding: 0 0 0 10px ;}


	
	
}





@media screen and (max-width: 455px)  {
/*------------------Banner image-----------------*/
.hero h1 {font-size: 30px; line-height: 40px;}
.hero p { font-size: 16px; line-height: 30px;}
.hero-bton {font-size: 12px;  line-height: 20px;}
.hero-bton .fa, .fas {font-size: 14px!important}	
	
/*------------------Two Image button-----------------*/	
.bwrap{width: 100%; margin: 0 auto; padding: 30px 20px ;}
.lftcolumn h1 {font-size: 20px; line-height: 30px;}
.lftcolumn p { font-size: 16px; line-height: 30px;}
.lhero-bton { font-size: 12px;  line-height: 20px;}
.lhero-bton .fa, .fas {font-size: 12px!important}
.rhtcolumn h1 {font-size: 20px; line-height: 30px;}
.rhtcolumn p {font-size: 16px;line-height: 30px;}
.rhero-bton {font-size: 12px; line-height: 20px;}
.rhero-bton .fa, .fas {font-size: 12px!important}		
	
}
@media screen and (max-width:442px){
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.hom-aboutr {display: none;}
.hom-ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 30px 0;}
.hom-row{content: "";  display: table;  clear: both;}
.hom-about {width: 85%; float: left; position: relative; display: inline-block; padding: 10px 0 0 30px ;}

.hom-about h1{ font-size: 18px; line-height: 30px; }
.hom-about p{ font-size: 14px; line-height: 25px;  padding: 0 0 0 10px ;}
.hom-about strong  a{ font-size: 15px; line-height: 25px;  padding: 0 0 0 10px ;}

/* -------------------------------------------------------------------------------------------*/
/* --------------------------------------------- welcome middle ----------------------------------------------*/
.ab-aboutr {display: none;}
.ab-ab-wrap{width: 100%; text-align: center;margin: 0 auto; display: inline-block;padding: 30px 0;}
.ab-row{content: "";  display: table;  clear: both;}
.ab-about {width: 85%; float: left; position: relative; display: inline-block; padding: 10px 0 0 10px ;}

.ab-about h1{ font-size: 18px; line-height: normal; }
.hab-about p{ font-size: 14px; line-height: 25px;  padding: 0 0 0 10px ;}
.ab-about strong  a{ font-size: 15px; line-height: 25px;  padding: 0 0 0 10px ;}

.abtbton {  font-size: 12px; padding: 10px 3px;  width: 255px;   }
.abtbton .fa, .fas {font-size: 14px!important}

/* -------------------------------------------------------------------------------------------*/
.st-aboutl h1{ font-size: 20px; line-height: 30px;padding:  0 0 0 10px;}
.st-aboutl h3{ font-size: 16px; line-height: 20px;padding: 0 0 0 10px; }
.st-aboutl strong a { font-size: 14px;  }

.st-aboutl p{ font-size: 16px;line-height: 25px;padding: 0 0 10px 10px;}
/* -------------------------------------------------------------------------------------------*/
.cu-about h1{ font-size: 20px; line-height: 30px;padding:  0 0 0 10px;}
.cu-about h3{ font-size: 16px; line-height: 20px;padding: 0 0 0 10px; }
.cu-about strong a { font-size: 14px;  }

.cu-about p{ font-size: 16px;line-height: 25px;padding: 0 0 10px 10px;}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 445px){
/* --------------------------------------------- Map ----------------------------------------------*/
.mid-left h2{ font-size: 16px; line-height: 20px; }
.mid-left h3{ font-size: 16px; line-height: 20px; }
.mid-left p{ font-size: 14px; line-height: 16px; }
.mid-left h4{ font-size: 16px;  line-height: 20px; }

.mid-bton { font-size: 14px;  line-height: 20px; }

.mid-bton .fa, .fas {font-size: 16px!important}

/*image gallery*/
.gallery li {
    float: left;
	padding: 10px 20px;}
	
.gallery img {
    float: left;
    width: 135px;
    height: auto;
    transition: 1s;
}
/* -------------------------------------------------------------------------------------------*/
}




@media screen and (max-width: 389px)  {


/*image gallery*/
.gallery li {
    float: left;
	padding: 10px 15px;}
	
.gallery img {
    float: left;
    width: 130px;
    height: auto;
    transition: 1s;
}


}


@media screen and (max-width: 389px)  {


/*image gallery*/
.gallery li {
    float: left;
	padding: 10px ;}
	
.gallery img {
    float: left;
    width: 100px;
    height: auto;
    transition: 1s;
}


}

@media screen and (max-width: 335px)  {

.mlogocloumn {
    float: left;
    width: 180px;
    height: auto;
}	
.mlcolumn {
    float: left;
    width: auto;
    height: auto;
    display: inline-block;
    position: relative;
    padding: 0 5px;
}		
	
	.abtbton {  font-size: 10px;    }
.abtbton .fa, .fas {font-size: 12px!important}


	
}



/*---POP-UP -----------------------------------*/
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.popup-box {
	width: 50%;
	margin: 0 auto;
	background: rgba(0,0,0,0.2);
	padding: 35px;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.popup .close {
    position: absolute;
    top: 20px;
    left: 20px;
    transition: all 0.2s;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    text-decoration: none;
    color: #000 !important;
    border: 1px solid #b88c1d;
    padding: 0 10px 0px 10px;
    background: #b88c1d;
}
.popup .close:hover {
  background: #000;border-color: #000;color: #b88c1d !important;}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

.center {
	text-align: center !important; 
}

.popup a {
	color: #fff !important;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
	content:"";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.85);
	position: fixed;
	z-index: 999999;
}
.popup {
	background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    border-radius: 5px;
    width: 95%;
    max-width: 750px;
    text-align: center;
    position: absolute;
    top: 3.5vw;
    left: 0;
    right: 0;
    float: none;
    padding: 30px 0;
    margin: 0 auto;
    text-align: left;
    z-index: 99999999;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.popup-wrap {
	width: 90%;
	margin: 50px;
	text-align: center;
}

.popup-wrap img {
	max-width: 100%;
}
.overlay:target .popup {
    top: -280%;
    left: -100%;
}

.popup .wrapper-inner{width:75%; padding: 20px 0; margin: 0 auto; text-align: center!important}
#popup .CaptchaPanel {
    text-align: center !important;
}

#popup #formpage {
    text-align: center !important;
}

#popup .CaptchaAnswerPanel {width: auto !important;}

.popup .CaptchaWhatsThisPanel a {color: #000 !important;}

.popup_logo{
	margin: 0 20%;
	width: 60%;
}