/* CSS Document for Cnrmashinatochilar 2020 */

/* logo colors

  blue #00a3d7
  orange #f47721
  logo trim #1d120a

*/
/*========================================================
                     Reset
=========================================================*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, abbr, address, em, img, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
ol, ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
*:focus {outline: none;}
* {box-sizing: border-box;}
input[type='submit']
{
   -webkit-appearance: none;
   border-radius: 0;
}
/*========================================================
                     Main Styles
=========================================================*/
body  {
  font-size: 26px;
  font-family: 'Rubik', sans-serif;
  color: #555;
}
/* h1,h2,h3,h4,h5,h6 set */
h1,
h2,
h3,
h4,
h5,
h6  {
	text-transform: capitalize;
font-weight: normal;
color: #424242;
}
/*========================================================
                      GENERAL
=========================================================*/
#sframe {
	width: 100%;
    height: 100vh;
}
.wframe {
	width: 100%;}
.w25 {
	width: 25%;
}
.w33 {
	width: 33.33%;
}
.w50  {
	width: 50%;
}
.pageFull {
    width: 100%;
    margin: 0 auto;
}
.pageSize {
    width: 80%;
    margin: 0 auto;
}
.topic {
    margin-top: 95px;
}
/*========================================================
                     Entire top with nav menu
=========================================================*/

/*========================================================
            TOP
=========================================================*/
.phoneMob {
	display: none;
}
.nav {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.topFix {
	margin-top: 100px;
}
.menuWrap {
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
}
.nav {
	background: #fff;
	height: 100px;
	position: fixed;
  top: 0;
  z-index: 9999;
  border-bottom: 1px solid #D8D8D8;
}
.logo {
	width: 25%;
	float: left;
	text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100px;
    padding-left: 30px;
}
.logo img {
	width: 260px;
}
.menu {
	width: 50%;
	float: left;
	text-align: center;
	height: 100px;
    padding: 33px 0;

}
.topofferLayer {
	width: 25%;
	float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    height: 100px;
    padding-right: 30px;
}
.topofferBox {
	width: 50%;
	display: inline-block;
	margin: 0 auto;
	overflow: hidden;

}
.topofferBox a {
	display: inline-block;
	margin: 0 10px;
    float: right;
}
.topofferBox p {
	text-align: center;
	text-transform: uppercase;
	font-size: 21px;
	color: #fff;
}
.topofferBox img {
	margin-top: 12px;
    width: 220px;

}
.topInfo {
    width: 70%;
    display: flex;
    flex-direction: column;
    height: 100px;
    justify-content: center;
}
.topInfotel {
    font-size: 38px;
    color: #000;
    font-weight: 700;
    align-items: center;
    text-align: right;
}
.topInfohours {
    font-size: 22px;
    color: #754C29;
    font-weight: 400;
     align-items: center;
    text-align: right;
}
/*========================================================
            Orange Divider with Phone
=========================================================*/
.divInfoHours {
	width: 33.33%;
	float: left;
	overflow: hidden;
	background: url('../images/cal-ico.png') left 30px center no-repeat;
	background-size: 25px 25px;
}
.divInfoHours p,
.divInfoMap p {
	color: #fff;
	line-height: 75px;
	font-size: 22px;
	text-align: center;
}
.divInfoPhone {
	width: 33.33%;
	float: left;
	overflow: hidden;
	background: url('../images/phone-ico.png') left 30px center no-repeat;
	background-size: 40px 40px;
}
.divInfoPhone p {
	color: #fff;
	font-size: 35px;
	line-height: 75px;
	text-align: center;
}
.divInfoPhone p a {
	margin: 0 0 0 40px;
}
.divInfoMap {
	width: 33.33%;
	float: left;
	overflow: hidden;
	background: url('../images/map-ico.png') left 80px center no-repeat;
	background-size: 25px 25px;
}
/************ for Mobile **********/
.topInfoMobi {
    display: none;
}
/*========================================================
            Navigation
=========================================================*/
.smobitrigger,
.mnuclose,
.telMob {
		display: none;
	}
.menu ul {
    text-align: center;
}
.menu ul li {
	display: inline-block;
    line-height: 50px;
    width: 20%;
    float: left;
}
.menu ul li.mlinks img {
	width: 25px;
}
.menu ul li a.dlinks {
    color: #754C29;
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    font-size: 25px;
    transition: 0.5s;
    line-height: 50px;
    border-right: 1px solid #754C29;
    width: 100%;
}
.menu ul li a.dlinks:hover {
  color: #000;
}
.menu ul li.mlogo a,
.menu ul li.phone6 a,
.menu ul li.msocial,
.menu ul li.maddr {
	display: none;
}
.navmobe {
    display: none!important;
}
.last {
    border-right: 0!important;
}
	/** end menu **/

/*========================================================
            INDEX
=========================================================*/
/********** New Banner ***********/
.bannerNMain {
    background: url('../images/index/1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 975px;
    position: relative;
    text-align: center;
}
.bannerNH1 {
    padding-top: 200px;
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}
h1.indexbanh1 {
    text-shadow: 0 0 10px #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 86px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
}
.bannerNMain p {
    text-align: center;
    padding-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 480px;
    margin: 0 auto;
}
.btnBannerN1,
.btnBannerN2 {
    color:#fff;
    cursor:pointer;
    padding: 0 35px;
    display:inline-block;
    font-size: 21px;
    text-align: center;
    border-radius: 2px;
    text-transform: capitalize;
    line-height: 54px;
}
.btnBannerN1 {
    background: #66a808;
    border: 1px solid #66a808;
}
.btnBannerN2 {
    background: transparent;
    border: 1px solid #fff;
}
.btnBannerN2:hover {
    background: #66a808;
    border: 1px solid #66a808;
}

button.btnBannerN2 {
    font-family: inherit;
}

.projectFundingBanner {
    background: #fff;
    bottom: 84px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
    display: block;
    left: 50%;
    max-width: calc(100vw - 30px);
    padding: 10px;
    position: absolute;
    transform: translateX(-50%);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    width: 500px;
    z-index: 1000;
}

.projectFundingBanner:hover,
.projectFundingBanner:focus {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.34);
    transform: translateX(-50%) translateY(-3px);
}

.projectFundingBanner:focus {
    outline: 3px solid #66a808;
    outline-offset: 3px;
}

.projectFundingBanner img {
    display: block;
    height: auto;
    width: 100%;
}
/********** Boxes Below Banner *********/
.belowBanner {
   position: relative;
    padding: 400px 0 80px;
    width: 100%;
    margin: 0 auto;
    background: #211916;
}
.boxes4belowWrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    top: -80px;
    width: 80%;
    margin: 0 auto;
    z-index: 999;
    box-shadow: 0px 4px 10px 3px rgba(0, 0, 0, 0.1);
}
.boxes4below {
    width: 34%;
    background: #fff;
    padding: 60px 0;
}
.boxes4belowBord {
    border-right: 1px solid #ccc;
}
.boxes4belowIns {
    text-align: center;
    padding: 0 20px;
}
.boxes4belowIns img {
    margin-bottom: 15px;
}
.boxes4belowIns h2 {
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 15px;
}
.boxes4belowIns p {
    font-size: 24px;
    line-height: 1.5;
    padding-bottom: 15px;
}
.btnbelow {
    color: #FFFFFF;
    background: #66a808;
    display: inline-block;
    border: 1px solid #66a808;
    border-radius: 2px;
    padding: 0 35px;
    line-height: 44px;
    font-size: 21px;
    font-weight: 400;
    text-transform: capitalize;
}

button.btnbelow {
    cursor: pointer;
    font-family: inherit;
}
/********* image left text right *********/
.ppSection {
    margin: 120px auto 80px;
    overflow: hidden;
}
.ppWrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ppleft {
    width: 50%;
}
.ppleft img {
    width: 100%;
}
.ppright {
    width: 50%;
    padding: 0 60px;
}
.ppright h3 {
    font-size: 48px;
    text-align: left;
    font-weight: 400;

}
.ppright h3 span {
    color: #66a808;
    font-size: 24px;
    display: block;
}
.ppright p {
    font-size: 28px;
    line-height: 1.5;
    padding: 50px 0;
}
/************* BOXES 4 COLORS ***********/
.boxes4colWrap {
    padding: 120px 0;
}
.boxes4colWrap h4 {
    font-size: 42px;
    text-transform: capitalize;
    padding-bottom: 50px;
    text-align: center;
}
.boxes4colWrap h4 span {
    font-size: 28px;
    color: #66a808;
    display: block;
}
.boxes4cols {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.boxes4col {
    width: 23%;
    padding: 50px 0;
}
.boxes4col  img {
    width: 100%;
    margin-bottom: 15px;
}
.boxes4col p {
    font-size: 32px;
    font-weight: 700;

}
.boxes4col p span {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    display: block;
    padding-top: 15px;
}

/*****************************/
.pageWrap {
	width: 1600px;
	margin: 0 auto;
    padding: 60px 0;
	overflow: hidden;
}
.titMain {
	text-align: center;
	font-size: 2em;
	padding-bottom: 30px;
	text-transform: capitalize;
}
.formSide {
	width: 40%;
	float: left;
	overflow: hidden;
	padding: 20px;
}
.contentSide {
	width: 60%;
	float: right;
	overflow: hidden;
	padding: 20px;
}
.estiFormCont {
	height: 574px;
	display: flex;
  align-items: center;
  justify-content: center;
}
.estiFormCont p {
	font-size: 1.78em;
	line-height: 1.6;
}
/**** form in index page *****/
.formLayer123006 {
	width: 350px;
	margin: 0 auto;
	background: rgba(121,182,148,.8);
	padding: 35px 10px;
}
.formLayerWrap123006 {
	background: brown;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.formIcon123006 {
	margin: 0 auto;
	text-align: center;
}
.formIcon123006 p {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
	width: 100%;
	line-height: 48px;
	padding: 10px 0;
}
.estimateForm {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.estimateForm input[type="text"] {
	margin: 10px auto;
	background: #fff;
	border: none;
	border-radius: 3px;
	color: #777;
	padding: 8px;
	display: block;
	width: 230px;
	height: 36px;
	font-size: 16px;
	outline: none;
}
.estimateForm a,
.estimateForm input[type="submit"] {
		outline: none;
    background-color: #4C986D;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: .8em;
    padding: 5px 20px;
    text-decoration: none;
		border-radius: 3px;
		height: 36px;
		width: 60%;
		margin: 0 auto;
}
.estimateForm a:hover {
	background-color: #10394d;
	color: #fff;
}
.estimateForm textarea {
	margin: 10px auto;
	background: #fff;
	border: none;
	padding: 8px;
	display: block;
	width: 230px;
	height: 36px;
	font-size: 16px;
	border-radius: 3px;
	outline: none;
}
.colFirst {
	background: url('../images/bgtemp.jpg') center center no-repeat;
	background-size: cover;
}
/*************** 4 boxes ***********/
.boxes4Wrap {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0;
}
.bannerSW {
	width: 25%;
	float: left;
	padding: 0 10px;
	overflow: hidden;
}
.bannerSmallboxes    {
    margin: 0 auto;
    text-align: center;
    font-size: 1.2em;
    text-transform: capitalize;
	background: rgba(15,91,48,.8);
    padding: 35px 0;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
}
.bbox {
	width: 50%;
	float: left;
	overflow: hidden;
	padding: 10px 35px;
}
/************ pro gal **************/
.page100 {
	width: 100%;
	margin: 60px auto;
	overflow: hidden;
}
.proGalLeft {
	width: 40%;
	float: left;
	overflow: hidden;
	display: flex;
  align-items: center;
  justify-content: center;
	height: 566px;
}
.proGalRight {
	width: 60%;
	float: right;
	overflow: hidden;
	text-align: center;
}
.proGalRight img {
	width: 1380px;
	margin: 0 auto;
}
.proGalwrap {
	width: 80%;
	margin: 0 auto;
}
.proGalwrap h3 {
	font-size: 1.6em;
	line-height: 1.5;
	text-transform: capitalize;
	width: 100%;
	padding-bottom: 30px;
}
.proGalwrap p {
	padding: 20px;
	border: 3px solid #00c02d;
	border-radius: 5px;
	font-size: 1.1em;
	text-transform: capitalize;
	text-align: center;
}
/****************** PROMO ****************/
.promoWrap {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #211916;
	height: 500px;
}
.colSpringFlower {
}
.advertCol1 {
    height: auto;
    width: 30%;
    float: left;
    margin: 0 auto;
    text-align: center;
}
.advertCol1 img {
}
.advertCol2 {
	width: 40%;
	float: left;
	display: flex;
  align-items: center;
  justify-content: center;
	height: 500px;
}
.advertCol3 {
    width: 30%;
    float: left;
}
.advertCol3 img {
    height: 460px;
		float: right;
		margin-top: 40px;
}
.singInto {
    font-size: 3.8em;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 0;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
    font-weight: 700;
    width: 460px;
    margin: 55px auto 20px auto;
}
.springOff {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.springOffT1, .springOffT2 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
}
.springOffT1 {
    font-size: 3.6em;
}
.springOffT2 {
    font-size: 2em;
}
.advertExpires {
    text-align: center;
    font-size: 1.1em;
    color: #fff;
		padding-top: 20px;
		text-transform: capitalize;
}

/**************** LIST ****************/
.pWrapper {
    overflow: hidden;
    padding: 50px 0 75px 0;
}
.LEFT {
    width: 50%;
    float: left;
    overflow: hidden;
}
.LEFT ul {
    overflow: hidden;
    width: 80%;
    float: right;
    padding: 50px 30px;
}
.LEFT ul li {
    font-size: 48px;
    text-transform: capitalize;
    line-height: 1.7em;
    background: url(../images/new/ico1.png);
    background-position: left top 15px;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    padding: 8px 0 8px 90px;
}
.RIGHT {
    width: 50%;
    float: left;
    padding: 0 50px;
    overflow: hidden;
}
.belowBotBann h3 {
    color: #000;
    font-weight: bold;
    line-height: 1.5em;
    font-size: 48px;
    font-weight: 400;
    padding-bottom: 25px;
}
.belowBotBann p {
    font-size: 28px;
    color: #000;
    line-height: 1.5;
}
.belowBotBann span {
    display: block;
    padding-top: 25px;
}
.belowBotMar {
    padding-top: 25px;
}
/*=======================================================
                   FOOTER
=========================================================*/
.footerLayer2 {
	background: #211916 url('../images/citybgTampa.png') center bottom no-repeat;
	padding-top: 40px;
}
.footerBoxLogo {
	width: 470px;
	margin: 20px auto;
	text-align: center;
	overflow: hidden;
}
.footerBoxPalm {
	width: 160px;
	float: left;
}
.footerBoxLp {
	width: 467px;
	float: right;
	padding-top: 20px;
}
.footerBox img {
	display: inline-block;
}
.footerBox img {
	display: inline-block;
}
.footerFBox {
	width: 460px;
	margin: 10px auto;
	overflow: hidden;
}
.footerBoxLinks {
	width: 100%;
	margin: 20px auto 30px auto;
	overflow: hidden;
}
.footerBoxLinks ul {
	text-align: center;
}
.footerBoxLinks ul li {
	display: inline-block;
	line-height: 70px;
}
.footerBoxLinks ul li.mlogo,
.footerBoxLinks ul li.phone6,
.footerBoxLinks ul li.maddr,
.footerBoxLinks ul li.msocial {
	display: none;
}
.footerBoxLinks ul li a {
	color: #fff;
	font-weight: 400;
	display: inline-block;
	text-transform: uppercase;
	padding: 0 20px;
	font-size: 25px;
	transition: 0.5s;
}
.footerBoxLinks ul li a:hover {
    color: #67a806;
}
.footerBoxLinks ul li a img {
	width: 35px;
	float: left;
	margin: 15px 10px 0 0;
}
.footerList {
	width: 100%;
    padding: 50px 0 100px 0;
	overflow: hidden;
    background: #003D1B;
    text-align: center;
}
.footerList .alignwrapper   {
    width: 70%;
    margin: 0 auto;
}
.footerList h3  {
    color: #fff;
    font-weight: 800;
    line-height: 1.5;
    font-size: 1.8em;
		padding-bottom: 30px;
}
.credBox {
	width: 25%;
	float: left;
	overflow: hidden;
	padding: 20px;
}
.footerList .cred {
    width: 400px;
    height: 200px;
    display: inline-block;
    box-shadow: 0 0 13px rgba(0,255,0,.8);
    border-radius: 5px;
		margin: 0 auto;
		display: flex;
  align-items: center;
  justify-content: center;
}
.footerList .cred p {
    font-size: 1.4em;
    text-transform: capitalize;
    color: #fff;
    font-weight: 800;
		width: 300px;
		float: right;
		text-align: left;
		padding-left: 20px;
}
.footerList .cred img {
	width: 70px;
	float: left;
	margin-left: 30px;
}
.sitem {
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.fooSocial {
	padding: 20px 0;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.fooSocial a {
	display: inline-block;
	margin-right: 10px;
}
.fooSocial a img {
	opacity: 1;
  transition: 0.3s;
}
.fooSocial a img:hover {
	opacity: .6;
}
.fooPhone {
	width: 400px;
	margin: 10px auto;
	background: url(../images/phone-ico.png) left 10px center no-repeat;
	background-size: 40px 40px;
	text-align: center;
}
.fooPhone p {
	text-align: center;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    line-height: 75px;
		margin-left: 20px;
}
/*=======================================================
                FLOATING   LOGO
=========================================================*/
.palm {
	position: fixed;
	bottom:0;
	left: 0;
	z-index:99;
}
/*=======================================================
                      PAGES
=========================================================*/
.parBox p {
	font-size: 1em;
	text-align: left;
	line-height: 1.5;
	padding-bottom: 20px;
}
.pageList ul {
	width: 640px;
	margin: 40px auto;
	overflow: hidden;
}
.pageList ul li {
	background: url('../images/check3.png') left top 10px no-repeat;
	background-size: 30px 30px;
	padding: 8px 0 8px 45px;
	font-size: 1.2em;
	text-align: left;
}
.pageWrap h1 {
	text-align: center;
	font-size: 2em;
	padding-bottom: 30px;
	text-transform: capitalize;
}
/*********** PAGES BANNER **********/
.colpBan1 {
    background: url('../images/banner1.jpg') center center no-repeat;
    background-size: cover;
}
.colpBan2 {
    background: url('../images/banner3.jpg') center center no-repeat;
    background-size: cover;
}
.colpBan3 {
    background: url('../images/banner2.jpg') center center no-repeat;
    background-size: cover;
}
.pBan {
    width: 80%;
    margin: 0 auto;
    padding: 180px 0;
    overflow: hidden;
}
.pBan h1 {
    text-align: center;
    padding: 40px 0;
    font-size: 80px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0 0 10px #000;
    background: rgba(0,0,0,.5);
}
.pBan p {
    text-align: center;
    color: #fff;
    font-size: 36px;
    line-height: 1.5;
    white-space: normal;
    text-shadow: 0 0 2px #000;
    background-color: rgba(0,0,0,.5);
    width: 50%;
    margin: 0 auto;
    padding: 30px;
}
.newBox {
    overflow: hidden;
    padding: 100px 0;
}
.newBoximg {
    text-align: right;
}
.newBoximg img{
    width: 100%;
}
.newBoximg, .newBoxL {
    width: 50%;
    float: left;
}
.newBoxL {
    overflow: hidden;
    text-align: left;
    padding: 0 150px 0 50px;
}
.newBoxL h2 {
    line-height: 1.5;
    font-size: 44px;
    padding-bottom: 30px;
}
.newBoxL p {
    font-size: 28px;
    line-height: 1.5em;
    margin-bottom: 20px;
}
.bannerSubpage {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 555px;
}
.bannerSubpage img {
    filter: brightness(60%);
    display: block;
}
.banSubWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
.banSubWrap p {
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 10px #000;
    text-transform: capitalize;
    text-align: center;
    width: 85%;
    margin: 0 auto;
    background: rgba(0,0,0,.5);
    padding: 40px 0;
}
.palmWrap {
    width: 80%;
    margin: 100px auto;
    overflow: hidden;
}
.palmWrap {
    width: 80%;
    margin: 100px auto;
    overflow: hidden;
}
.palmBoxRight {
    float: right;
}
.palmBoxLeft {
    float: left;
}
.palmBoxLeft,
.palmBoxRight {
    width: 50%;
    overflow: hidden;
}
.palmBoxLeft {
    padding-right: 40px;
}
.palmBoxLeft p {
    font-size: 21px;
    line-height: 1.5;
}
.palmBoxLeft h2 {
    font-size: 32px;
    color: #619d09;
    padding: 25px 0;
    line-height: 1.5;
}
.palmBoxRight {
    position: relative;
    padding: 100px 100px 100px 100px;
    height: auto;
}
figure {
    margin: 0 0 1rem;
}
.palmsImg {
    position: relative;
    margin-bottom: 0;
}
.palmsImg:before {
    position: absolute;
    left: -60px;
    top: 40px;
    height: 100%;
    width: 100%;
    border: 15px solid #ebebeb;
    content: "";
    z-index: -1;
}
.palmBoxRight img {
    display: block;
    width: 100%;
    height: auto;
}
.palmCert {
    padding: 15px 20px 15px;
    padding-right: 40px;
    background-color: #f5f5f5;
    border-radius: 0;
    border: 1px solid #cacaca;
}
.palmCert p {
    font-size: 16px;
    line-height: 1.5;
    color: #777;
    font-weight: 700;
}
.compPalm {
    width: 80%;
    margin: 100px auto;
    overflow: hidden;
    text-align: center;
}
.compPalm h3 {
    font-size: 32px;
    color: #619d09;
    padding: 25px 0;
    line-height: 1.5;
}
.compPalm p {
    font-size: 24px;
    color: #777;
    padding: 15px;
}

/********* STRUCTURE LEFT / RIGHT ****************/
.strucBox {
    width: 80%;
    margin: 60px auto;
    overflow: hidden;
}
.strucL,
.strucR {
    width: 50%;
    float: left;
    overflow: hidden;
}
.strucL {
    padding-right: 20px;
}
.strucL ul li {
    font-size: 1.2em;
    text-align: left;
    padding-bottom: 13px;
    text-transform: capitalize;
}
.strucL ul li::before {
    background: url('../images/checkgr.png') left top no-repeat;
    background-size: 30px 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    content: "";
    padding-right: 20px;
}
.strucR span {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 20px;
    display: block;
}
.strucR p {
    padding-bottom: 25px;
}
.mainInfo {
    width: 100%;
    background: #3d7a58;
    text-align: center;
}
.mainInfo h1 {
    text-align: center;
    font-size: 48px;
    color: #fff;
    padding: 15px 0;
}
/*=======================================================
             CONTACT PAGE
=========================================================*/
.contactColA,
.contactColF {
	width: 50%;
	float: left;
	margin: 0 auto;
}
.contact-form,
.contact-info {
	padding: 20px;
	text-align: center;
}
.contact-info {
	margin-top: 55px;
}
.contact-form p,
.contact-form h2 {
	color: #f47721;
}
.contact-info h2,
.contact-form h2 {
	text-transform: uppercase;
	padding: 20px 0;
}
.contact-info h2 {
	padding-top: 40px;
	margin-bottom: 0;
}
p.addressesItems {
	color: #F47721;
	font-size: 1.6em;
	text-transform: uppercase;
	padding: 20px 0;
}
p.addrItem {
	font-size: 1.4em;
	text-transform: capitalize;
}
.copy  {
  padding: 30px 0;
	margin-top: 60px;
    background: rgba(0,255,0,.3);
}
.copy p {
	line-height: 1.5;
	color: #fff;
	text-align: center;
	text-transform: capitalize;
	padding-bottom: 10px;
	font-size: 16px;
}
.copy p.webmaster   {
    font-size: 21px;
    font-weight: 500;
}
.map iframe {
	width: 100%;
	height: 350px;
	display: block;
  border: 0;
}
/***************** Contact  Form *********************/
.contact{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 80px 0;
}
.contPar {
    text-align: center;
    text-transform: capitalize;
    font-size: 28px;
}
.centerContact{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.infoAdress,
.contTel,
.contAdr,
.contWHours,
.contFax,
.emailAddr,
.sendUsMes{
  text-align: center;
}

.contTel{
  padding: 20px 0;
}

.contTel a{
  color: #df4841;
  font-size: 34px;
  font-weight: bold;
}

.contAdr span{
  display: block;
}

.contFax,
.emailAddr,
.contAdr,
.contWHours{
  padding-bottom: 20px;
}

.contForm{
  padding-top: 40px;
}

p.sendUsMes{
  font-size: 28px;
  color: #df4841;
}

form.stoneForm{
  width: 100%;
  margin: 0 auto 20px auto;
  overflow: hidden;
}

.stoneFormFirst input[type="text"] {
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    padding: 1px;
    display: block;
    width: 100%;
    height: 5px;
    font-size: 14px;
    outline: none;
}
.stoneFormHalf{
  width: 33.33%;
    float: left;
    overflow: hidden;
    padding: 20px 5px;
}

.stoneFormHalf input[type="text"],
.stoneFormHalf input[type="tel"],
.stoneFormHalf input[type="email"]{
  margin: 10px auto;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #777;
  padding: 8px 8px 8px 20px;
  display: block;
  width: 100%;
  height: 90px;
  font-size: 24px;
  outline: none;
}

.stoneFormFull{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.stoneFormFull textarea{
  margin: 10px auto;
  border: none;
  padding: 8px;
  display: block;
  width: 100%;
  height: 160px;
  font-size: 24px;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  color: #777;
}

.stoneFormFull input[type="submit"]{
  border: 1px solid #df4841;
  background: #df4841;
  color: #fff;
  display: block;
  cursor: pointer;
  font-size: 24px;
  padding: 10px 40px;
  text-decoration: none;
  border-radius: 5px;
  width: 50%;
  height: 90px;
  margin: 10px auto!important;
  outline: none;
}

.stoneFormFull input[type="submit"]:hover{
  background: #CF2B23;
}
.erRed {
    color: #df4841;
}
.erGreen {
    color: #66a808;
}


.logomin {
    width: 200px;
    display: block;
    margin: 0 auto 15px;
}
/*** old ***/
.contact-form {
	width: 80%;
	margin: 0 auto;
	padding-top: 60px;
}
.contact-form p {
	color: #00A3D7;
	font-size: 2.4em;
	text-transform: uppercase;
	line-height: 48px;
	margin: 20px auto;
}
form.quickform {
	margin-bottom: 30px;
}
.quickform input[type=text] {
	border: 1px solid #747570;
	background: transparent;
	color: #a2a6af;
	margin-bottom: 15px;
	padding: 10px 5px 10px 10px;
	line-height: 30px;
	width: 100%;
	display: block;
	outline: none;
	font-size: 16px;
	border-radius: 8px;
}
.quickform textarea {
	width: 100%;
	padding: 5px 5px 5px 10px;
	border: 1px solid #747570;
	background: transparent;
	height: 60px;
	outline: none;
	margin-bottom: 10px;
	border-radius: 8px;
}
.quickform input[type=submit],
.quickform a {
	background: #F47721;
	width: 100%;
	border-radius: 8px;
	font-size: .7em;
	display: inline-block;
	line-height: 60px;
	cursor:pointer;
	color: #fff;
	text-transform: uppercase;
	height: 60px;
	outline: none;
	border: none;
}
.quickform a:hover{
	background-color: #8d847e;
}

/*=======================================================
                    FAQ
=========================================================*/
.faqBoxWrap {
    width: 60%;
    padding: 80px 0;
    margin: 0 auto;
}
.faqBoxWrap h1 {
	text-align: center;
	padding: 20px 0;
}
.w100 .wframe .faqBox {
	width: 80%;
	margin: 60px auto;
}
.faqW {
	padding: 10px;
	margin: 25px 0;
	text-align: left;
}
.faqBox {
    width: 80%;
    margin: 60px auto;
}
.faqa {
	text-align: left;
	color: #000;
	font-size: 24px;
	padding: 10px;
    line-height: 1.5;
}
a.question {
	background: url('../images/pointer.png') left top no-repeat;
	background-size: 40px 40px;
	line-height: 40px;
	padding-left: 70px;
	display: inline-block;
	font-size: 36px;
	margin: 5px 0;
	cursor:pointer;
	color: #21323c;
	text-transform: uppercase;
}

/*=======================================================
                      Review us page
=========================================================*/
.wrapBoxes{
  width: 1320px;
  padding: 80px 0;
  text-align: center;
  overflow: hidden;
    margin: 0 auto;
}

.wrapBoxes h1{
  margin-bottom: 30px;
  font-size: 46px;
}

.revBox{
  width: 330px;
  float: left;
  padding: 10px 15px;
  overflow: hidden;
  color: #fff;
}

.inRevBox{
  background: #211916;
  padding: 10px 15px;
}

/*========================================================
									Gallery page
=========================================================*/
.centerGalle{
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
  padding: 80px 0;
}

.centerGalle h1{
  text-align: center;
  margin-bottom: 35px;
}

.galleWrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
}

.item{
  position: relative;
  width: 25%;
  padding: 5px;
}

.item img{
  display: block;
  width: 100%;
  transition: all .8s;
}

.owlGallery.owl-carousel .item {
  width: 100%;
  padding: 0;
}

.owlGallery .owl-dots {
  margin-top: 12px;
}

.owlGallery.owl-carousel .owl-nav button.owl-prev,
.owlGallery.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 70px;
  border: 0;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 48px;
  line-height: 65px;
  transform: translateY(-50%);
}

.owlGallery.owl-carousel .owl-nav button.owl-prev {
  left: 0;
}

.owlGallery.owl-carousel .owl-nav button.owl-next {
  right: 0;
}

.owlGallery.owl-carousel .owl-nav button.owl-prev span,
.owlGallery.owl-carousel .owl-nav button.owl-next span {
  display: block;
  line-height: 65px;
}

/*=======================================================
    BLOG
=========================================================*/
.blogWrap {
    padding: 80px 0;
    margin: 0 auto;
}

.blogWrap h1 {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 30px;
}

.blogCont {
    padding: 30px 0 60px;
    width: 80%;
    margin: 0 auto;
}

.blogCont h2 {
    padding-top: 20px;
    font-size: 36px;
}

.blogCont p {
    padding: 20px 0 0 0;
    line-height: 1.5;
    font-size: 24px;
}

.blogCont p span {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    padding: 5px 0;
    display: block;
    margin-bottom: 20px;
}

.readBtn {
    background: #66a808;
    color: #fff;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding: 17px 40px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 2px;
}

.blogCont ol, .blogCont ul {
    list-style: initial;
    margin: initial;
    padding: 20px 0 0 40px;
    text-align: left;
}

.blogCont ol li, .blogCont ul li {
    display: list-item;
    list-style-type: inherit;
    list-style-position: inside;
    font-size: 21px;
    padding: 6px 0;
}

/*========================================================
	Section Below Banner
=========================================================*/
.secBelowBanner {
    background: #e9e9e9;
    padding: 35px 0;
    width: 100%;
    overflow: hidden;
}
.sec1BelowBanner, .sec3BelowBanner, .sec2BelowBanner{
    float: left;
    overflow: hidden;
}
.sec1BelowBanner, .sec3BelowBanner {
    width: 16%;
    margin: 0 auto;
    text-align: center;
}
.sec2BelowBanner {
    width: 68%;
}
.sec2BelowBanner p {
    font-size: 28px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 5px;
    line-height: 1.3;
}
.sec2BelowBanner p span {
    display: block;
    font-size: 22px;
    text-transform: none;
    line-height: 1.5;
    font-weight: 400;
}
.sec3BelowBanner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 94px;
}
.btnC {
    border-radius: 8px;
    border: 1px solid #66a808;
    background: #66a808;
    padding: 12px 25px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 0 2px #000;
    text-align: center;
    outline: 0;
    color: #fff;
    cursor: pointer;
    font-size: .8em;
    transition: all 1s ease 0s;
    margin-bottom: 5px;
    margin-right: 5px;
}

/*========================================================
	servicesSect
=========================================================*/
.servicesSect{
  padding: 80px 0;
}
.servicesWrapper{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.boxServ{
  width: 33.33%;
  border-right: 1px solid #ccc;
  padding: 0 30px;
  text-align: center;
}
.boxServ:last-child{
  border-right: 0;
}
.boxServ img{
  width: 100%;
}
.boxServ p{
  margin: 20px 0;
  font-size: 1.2rem;
}
.boxServ p span{
  display: block;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-size: 1.5rem;
}

/*========================================================
									Services
=========================================================*/
.servicesPage{
  padding: 60px 0;
}

.servicesWrapper{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px auto 0;
  padding: 0 2px;
  max-width: 1240px;
}

.singleServBox{
  width: 291px;
  padding: 10px;
  margin: 0 2px 15px 2px;
  box-shadow:2px 2px 7px #ccc;
  background: #fff;
  color: #000;
}

.singleServBox img{
  width: 100%;
}

.singleServBox p{
  font-size: 1.6rem;
  line-height: 1.1;
  text-transform: capitalize;
  padding: 5px 0;
  min-height: 67px;
}

.projectFunding {
  background: #fff;
  color: #000;
  padding: 50px 20px 60px;
  scroll-margin-top: 110px;
}

.projectFundingContent {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  font-size: 22px;
  line-height: 1.25;
}

.projectFundingLogos {
  display: grid;
  grid-template-columns: 310fr 219fr;
  align-items: end;
  width: 529px;
  max-width: 100%;
  margin-bottom: 24px;
}

.projectFundingLogos img {
  display: block;
  width: 100%;
  height: auto;
}

.projectFundingText p {
  margin: 0;
}

.projectFundingGroup {
  margin-bottom: 19px;
}

.projectFundingText .projectFundingGroup:last-child {
  margin-bottom: 0;
}

.quoteOpen {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

.quoteNotice {
  color: #66a808;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 0 10px 20px;
}

.quoteNoticeFailed {
  color: #c0392b;
}

.quotePopup {
  display: none;
}

.quotePopupActive {
  display: block;
}

.quotePopupSubmitted .quotePopupImage,
.quotePopupSubmitted .quotePopupService,
.quotePopupSubmitted .quotePopupForm {
  display: none;
}

.quotePopupOverlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
}

.quotePopupBox {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 430px;
  max-height: 92vh;
  overflow-y: auto;
  background: #fff;
  color: #000;
  padding: 22px;
  transform: translate(-50%, -50%);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

.quotePopupClose {
  position: absolute;
  top: 8px;
  right: 10px;
  border: 0;
  background: transparent;
  color: #000;
  cursor: pointer;
  font-size: 32px;
  line-height: 1;
}

.quotePopupImage {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

.quotePopupBox h2 {
  font-size: 2.4rem;
  font-weight: 700;
  padding-bottom: 8px;
  text-transform: capitalize;
}

.quotePopupService {
  font-size: 1.7rem;
  line-height: 1.25;
  padding-bottom: 14px;
}

.quotePopupForm input[type="email"],
.quotePopupForm input[type="tel"],
.quotePopupForm textarea {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  padding: 0 12px;
  font-family: inherit;
  font-size: 1.6rem;
}

.quotePopupForm input[type="email"],
.quotePopupForm input[type="tel"] {
  height: 44px;
}

.quotePopupForm textarea {
  height: 120px;
  padding-top: 10px;
  resize: vertical;
}

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

.btnbrown {
    color: #fff;
    background: #754C29;
    display: inline-block;
    border: 1px solid #754C29;
    border-radius: 2px;
    padding: 0 35px;
    line-height: 44px;
    font-size: 21px;
    font-weight: 400;
    text-transform: capitalize;
}

/******** new footer **********/
/*========================================================
	Footer
=========================================================*/
.footer{
  background: #493627;
  color: #fff;
  padding: 30px 0;
}

.footer .mlogo,
.footer .mphone,
.footer .maddress,
.footer .msocial{
  display: none;
}

.footWrapper{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.fooColumn{
  width: 25%;
  padding: 0 20px;
  border-right: 1px solid #ecab21;
}

.fooColumn:last-of-type{
  border-right: none;
}

.firstCol{
  padding-left: 0;
}

.fooRows{
  background-position: left center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  padding: 10px 0 10px 50px;
}
.icoPhone{
  background-image: url("../images/footer/phone.svg");
}
.icoAddr{
  background-image: url("../images/footer/pin.svg");
}
.icoHours{
  background-image: url("../images/footer/clock.svg");
}
.icoLocat{
  background-image: url("../images/footer/google-maps.svg");
}
.icoAddr p span,
.icoHours p span{
  display: block;
}


.fooColumn ul{
  margin-top: 20px;
}

.fooColumn ul li{
  list-style-position: inside;
  font-variant: small-caps;
  margin-bottom: 5px;
  padding-left: 20px;
  background: url("../images/footer/footList.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}

.fooColumn ul li a:hover{
  text-decoration: underline;
}

.fooColumn ul li.phone6,
.fooColumn ul li.maddr,
.fooColumn ul li.msocial{
  display: none;
}

.titleCol{
  color: #ecab21;
  font-size: 1.5rem;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.separOne{
  background: #785f4b;
  display: block;
  width: 115px;
  height: 2px;
  margin-bottom: 10px;
}

.normText{
  line-height: 1.3;
}

.socIconsWrapper{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 130px;
  margin-top: 15px;
}

.socIcon {
	width: 35px;
	text-align: center;
  margin: 5px 0;
}

.socIcon img{
  width: 35px;
}

.copySection{
  background: #785f4b;
  padding: 15px 0;
  color: #fff;
  font-size: 1rem;
}

/*========================================================
	About page
=========================================================*/
.aboutpage{
  padding: 60px 0;
}
.aboutpage h1{
  text-align: center;
  margin-bottom: 60px;
}
.aboutpage p{
  font-size: 21px;
  margin-bottom: 30px;
}