@-ms-viewport { width: device-width!important; }
html{ overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar!important;}
/*----------intial declartaion of css----------*/
/*----- Normalize.css Start -----*/
/*----------intial declartaion of css----------*/
* { /*appearance:none; -moz-appearance:none;-webkit-appearance:none;*/ }
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; /* list-style:none;*/ box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0 }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul {/*list-style: none;*/ }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
h1 { font-size: 4.8rem;font-family: 'Cooper Std'; font-weight: 900; color:#004723; text-transform: uppercase; margin: 0 0 18px 0; line-height: 1.2; }
h2 {font-family: 'Cooper Std'; font-weight: 900; text-transform: uppercase; font-size: 3.6rem; color: #004723; margin: 0 0 18px 0; line-height: 1.2; }
h3 {font-family: 'Cooper Std'; font-weight: 900; text-transform: uppercase; font-size: 3.0rem; color: #004723; margin: 0 0 18px 0; line-height: 1.2; }
h4 {font-family: 'Cooper Std'; font-weight: 900; text-transform: uppercase; font-size: 2.6rem; color: #004723; margin: 0 0 18px 0; line-height: 1.2; }
h5 {font-family: 'Cooper Std'; font-weight: 900; text-transform: uppercase; font-size: 2.2rem; color: #004723; margin: 0 0 18px 0; line-height: 1.2; }
h6 { font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 1.8rem; color:#004723; margin: 0 0 18px 0; line-height: 1.2; }
p { font-family: 'Cooper Std'; font-weight: 900; line-height: 24px; padding-bottom: 20px;    font-family: 'Lato', sans-serif; font-weight: 400; }
a, a:focus { color:#004723; }
a:hover { color:#004723; }
hr { margin: 40px 0 30px; }
a, button, .btn { outline: none !important; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; text-decoration: none !important; }
input { -webkit-appearance: none; border-radius: 0px; }
body { font-size: 62.5%; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; }
.wrapper { overflow: hidden; font-size: 1.6rem; }
::-webkit-input-placeholder {
 opacity: 1;
 color:#515151;
}

:-moz-placeholder { /* Firefox 18- */
 opacity: 1;
 color:#515151;
}

::-moz-placeholder {  /* Firefox 19+ */
 opacity: 1;
 color:#515151;
}

:-ms-input-placeholder {
 opacity: 1;
 color:#515151;
}
select::-ms-expand {
 display: none;
}
/*----------intial declartaion of css end----------*/


/*font style start here*/
@font-face { font-family: 'Cooper Std'; src: url('../fonts/CooperBlackStd.eot'); src: url('../fonts/CooperBlackStd.eot?#iefix') format('embedded-opentype'), url('../fonts/CooperBlackStd.woff') format('woff'), url('../fonts/CooperBlackStd.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Times New Roman'; src: url('../fonts/TimesNewRomanPS-BoldMT.eot'); src: url('../fonts/TimesNewRomanPS-BoldMT.eot?#iefix') format('embedded-opentype'), url('../fonts/TimesNewRomanPS-BoldMT.woff') format('woff'), url('../fonts/TimesNewRomanPS-BoldMT.ttf') format('truetype'); font-weight: bold; font-style: normal; }
/*font style end here*/
/*--------------------------------------------------------------------xxxxxxxxxxxxxxxxxxxxxxxxxx-------------------------------------------------------*/

/*Custome css start here*/

/*-----------Navigation start here---------------*/
.menu-icon { display: none; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 33px; font-size: 2.2rem; padding: 10px 0; }
.menu-icon .menu-box { width: 50px; height: 22px; margin-right: 0; padding: 0 5px; position: absolute; right: 10px; top: 27px; z-index: 99999; cursor: pointer; }
.menu-icon .menu-box span { background-color: #014723; border-radius: 2px; content: ''; display: block; width: 100%; height: 4px; }
.menu-icon .menu-box span:nth-child(1) { -webkit-animation: outT 0.8s backwards; animation: outT 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.menu-icon .menu-box span:nth-child(2) { margin: 5px 0; -webkit-animation: outM 0.8s backwards; animation: outM 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.menu-icon .menu-box span:nth-child(3) { -webkit-animation: outBtm 0.8s backwards; animation: outBtm 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.menu-icon.active .menu-box span:nth-child(1) { -webkit-animation: inT 0.8s forwards; animation: inT 0.8s forwards; }
.menu-icon.active .menu-box span:nth-child(2) { -webkit-animation: inM 0.8s forwards; animation: inM 0.8s forwards; }
.menu-icon.active .menu-box span:nth-child(3) { -webkit-animation: inBtm 0.8s forwards; animation: inBtm 0.8s forwards; }
.enumenu_ul > li.st-logo { display: none; }
@-webkit-keyframes inM { 50% {
 -webkit-transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(45deg);
}
}
@keyframes inM { 50% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(45deg);
}
}
@-webkit-keyframes outM { 50% {
 -webkit-transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(45deg);
}
}
@keyframes outM { 50% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(45deg);
}
}
@-webkit-keyframes inT { 0% {
 -webkit-transform: translateY(0px) rotate(0deg);
}
 50% {
 -webkit-transform: translateY(9px) rotate(0deg);
}
 100% {
 -webkit-transform: translateY(9px) rotate(135deg);
}
}
@keyframes inT { 0% {
 transform: translateY(0px) rotate(0deg);
}
 50% {
 transform: translateY(9px) rotate(0deg);
}
 100% {
 transform: translateY(9px) rotate(135deg);
}
}
@-webkit-keyframes outT { 0% {
 -webkit-transform: translateY(0px) rotate(0deg);
}
 50% {
 -webkit-transform: translateY(9px) rotate(0deg);
}
 100% {
 -webkit-transform: translateY(9px) rotate(135deg);
}
}
@keyframes outT { 0% {
 transform: translateY(0px) rotate(0deg);
}
 50% {
 transform: translateY(9px) rotate(0deg);
}
 100% {
 transform: translateY(9px) rotate(135deg);
}
}
@-webkit-keyframes inBtm { 0% {
 -webkit-transform: translateY(0px) rotate(0deg);
}
 50% {
 -webkit-transform: translateY(-9px) rotate(0deg);
}
 100% {
 -webkit-transform: translateY(-9px) rotate(135deg);
}
}
@keyframes inBtm { 0% {
 transform: translateY(0px) rotate(0deg);
}
 50% {
 transform: translateY(-9px) rotate(0deg);
}
 100% {
 transform: translateY(-9px) rotate(135deg);
}
}
@-webkit-keyframes outBtm { 0% {
 -webkit-transform: translateY(0px) rotate(0deg);
}
 50% {
 -webkit-transform: translateY(-9px) rotate(0deg);
}
 100% {
 -webkit-transform: translateY(-9px) rotate(135deg);
}
}
@keyframes outBtm { 0% {
 transform: translateY(0px) rotate(0deg);
}
 50% {
 transform: translateY(-9px) rotate(0deg);
}
 100% {
 transform: translateY(-9px) rotate(135deg);
}
}
.enumenu_ul .caret { color: #fff; margin-left: 7px; }
.enumenu_ul { padding: 0px; list-style: none; display: inline-block; }
.enumenu_container { text-align: center; }
.enumenu_ul > li { /*display: inline-block;*/ float: left; position: relative; margin-right: 71px; }
.enumenu_ul > li:nth-child(4){ margin-right: 0;}
.enumenu_ul > li > a { font-size: 2.6rem; color: #171717; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 700; position: relative; display: inline-block; line-height: 1.26; }
.enumenu_ul > li > a:after { position: absolute; content: ''; top: -10px; right: -20px; bottom: -10px; left: -20px; margin: auto; background-image: url(../images/menu-hover-bg.png); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; z-index: -11; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.enumenu_ul li a:hover:after { opacity: 1; visibility: visible; }
.enumenu_ul > li.hover > a:after { opacity: 1; visibility: visible; }
.enumenu_ul > li.hover > a { color: #fff; }
.enumenu_ul > li:last-child { margin-right: 0; }
.enumenu_ul > li > a:hover { color: #ffffff; }
.enumenu_ul > li ul { display: none }
.enumenu_ul ul li { width: 100%; margin: 0; list-style: none; position: relative; }
.enumenu_ul.desk ul { top: 100%; z-index: 999; list-style: none; left: 0px; background: #004723; position: absolute; min-width: 250px; padding: 8px 0; }
/*Sub menu styles*/
.menu.submenu-ul-level1 li a { background: rgba(31, 26, 107, 0.8); color: #fff; padding-left: 90px; }
.enumenu_ul.desk .sb-menu .sb-menu { left: 100%; top: 0; }
.enumenu_ul.desk ul li { padding: 5px 10px; }
.enumenu_ul.desk ul li a { display: block; color: #fff; font-size: 1.6rem; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; }
.enumenu_ul.desk ul li a:hover { color: #f1ebb7; }
.enumenu_ul .arrow { position: absolute; right: -30px; top: 0px; bottom: 0; margin: auto; width: 30px; height: 30px; background: url(../images/plus.png) no-repeat center center; cursor: pointer; z-index: 999 }
.enumenu_ul .arrow.up { background: url(../images/minus.png) no-repeat center center }
li.mobileOnly { display: none; }
/*-----------Navigatinon end here---------------*/

/*header css start here*/
.header-main { border-bottom: 4px solid #000000; border-top: 10px solid #004723; position: fixed; width: 100%; z-index: 11; background: rgba(255,255,255,0.75); backface-visibility: hidden; }
.logo-main { padding-left: 0; width: 19.5% !important; }
.logo-inn a { display: inline-block; width: 224px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.logo-inn a img { width: 100%; }
.logo-inn { text-align: center; background-color: #ffffff; box-shadow: 3px 0 6px rgba(0,0,0,0.25); padding: 10px 0 10px 0; }
.con-inn span { display: block; font-size: 2.4rem; line-height: 0; color: #171717; font-family: 'Cooper Std'; font-weight: 900; text-transform: uppercase; }
.con-inn a { font-size: 3.8rem; color: #004723; font-family: 'Times New Roman'; font-weight: 700; }
.con-inn a:hover{ color: #040603;}
.menu-main { width: 61.3%; }
.contact-main { width: 19%; }
.menu-inn { padding-top: 52px; transition: padding 0.5s ease-in-out 0s; -moz-transition: padding 0.5s ease-in-out 0s; -ms-transition: padding 0.5s ease-in-out 0s; -o-transition: padding 0.5s ease-in-out 0s; -webkit-transition: padding 0.5s ease-in-out 0s; }
.con-inn { padding-top: 54px; transition: padding 0.5s ease-in-out 0s; -moz-transition: padding 0.5s ease-in-out 0s; -ms-transition: padding 0.5s ease-in-out 0s; -o-transition: padding 0.5s ease-in-out 0s; -webkit-transition: padding 0.5s ease-in-out 0s; }
.stickyHeader .logo-inn a { width: 164px; }
.stickyHeader .menu-inn { padding-top: 36px; }
.stickyHeader .con-inn { padding-top: 39px; }
.con-inn a em { display: none; }
.ft-social-inn a.android-fb, .ft-social-inn a.android-fb, .ft-social-inn a.ios-fb, .ft-social-inn a.ios-fb { display: none; }
.ios .ft-social-inn a.desk-fb, .android .ft-social-inn a.desk-fb { display: none; }
.ft-social-inn.mob-social{ display: none;}
.ft-con-inn.mob-con{ display: none;}
/*header css end here*/

/*banner css start here*/
.slider-main { position: relative; border-bottom: 4px solid #feffff; box-shadow: 0px 5px 7px rgba(0,0,0,0.24); -webkit-box-shadow: 0px 5px 7px rgba(0,0,0,0.24); -moz-box-shadow: 0px 5px 7px rgba(0,0,0,0.24); -ms-box-shadow: 0px 5px 7px rgba(0,0,0,0.24); }
.slider-img { background-size: cover; background-repeat: no-repeat; background-position: center top; height: 737px; }
.banner-text { padding-top: 150px; position: absolute; text-align: center; width: 100%; top: 52.2%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.banner-text:before { background-image: url(../images/banner-paint-bg.png); background-position: center center; background-repeat: no-repeat; background-size: 100%; width: 839px; height: 473px; position: absolute; content: ''; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); top: 80%;    z-index: -1;}
.text-inn h2 { margin-bottom: 0px; font-size: 10.7rem; line-height: 45px; color: #004723; font-family: 'Cooper Std'; font-weight: 900; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff; text-transform: uppercase }
.text-inn span { font-size: 9.0rem; color: #f1ebb8; line-height: 90px; font-family: 'Lato', sans-serif; font-weight: 900; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #000; text-transform: uppercase; display: inline-block; margin-bottom: 14px; letter-spacing: 1.2px; }
.text-inn p { text-transform: uppercase; color: #fff; font-family: 'Lato', sans-serif; font-weight: 600; font-style: italic; font-size: 4.4rem; text-shadow: 3px 0 16px rgba(0,0,0,0.65); padding-bottom: 0; line-height: 0.8; letter-spacing: 1.2px; }
/*banner css end here*/

/*mid nav section css start here*/
.mid-nav { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.nav-inn a { width: 100%; height: 100%; display: block; position: relative; border: 4px solid #feffff; box-shadow: 0 0px 7px rgba(0,0,0,0.24); -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.24); -moz-box-shadow: 0 0px 7px rgba(0,0,0,0.24); -ms-box-shadow: 0 0px 7px rgba(0,0,0,0.24); color: #fff;backface-visibility: hidden;}
.nav-inn a:before { content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(1,90,21,0.52);-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;backface-visibility: hidden;}
.nav-inn a:hover:before{ -webkit-transform: scaleX(1); transform: scaleX(1);}

.nav-inn a.wood-box:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(1,90,21,0.52);-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;backface-visibility: hidden; }
.nav-inn a.wood-box:hover:before{ -webkit-transform: scaleY(1);transform: scaleY(1);}

.nav-inn a.interior-box:before{position: absolute;content: '';left: 0;top: 0;bottom: 0;right: 0;background: rgba(1,90,21,0.52);-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;backface-visibility: hidden; }
.nav-inn .interior-box:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}

.nav-inn a.ext-box:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(1,90,21,0.52);-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s;backface-visibility: hidden;}
.nav-inn .ext-box:hover:before {-webkit-transform: scaleY(1);transform: scaleY(1);}

.nav-title { position: absolute; left: 0; right: 0; bottom: 9%; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; backface-visibility: hidden; }
/*.nav-inn a:hover .nav-title{bottom: 43%;}*/
.nav-title h3 { font-size: 2.4rem; line-height: 24px; color: #fff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 700; text-align: center; position: relative; margin-bottom: 0; z-index: 9; text-shadow: 2px 0 2px rgba(0,0,0,0.51);}
.nav-title h3:after { position: absolute;
    content: '';
    left: 50%;
    right: 0;
    background-image: url(../images/sub-nav-title-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 118px;
    width: 200px;
    top: 81%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    bottom: 0;
    margin: 0 auto;
    z-index: -1;
    backface-visibility: hidden;  }
.nav-title h3 span { display: block; }
.grid-item { margin-top: 22px; }
.nav-inn { margin-top: 6px; }
.nav-title.hover-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); bottom: inherit; right: 0; opacity: 0; visibility: hidden; text-align: center; }
/*.nav-title.hover-title h3:after{ display: none;}*/
.nav-inn a:hover .nav-title.hover-title { opacity: 1; visibility: visible; }
.nav-inn a:hover .nav-title { opacity: 0; visibility: hidden; }
.free-btn { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; opacity: 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; visibility: hidden;backface-visibility: hidden;}
.free-btn em { font-size: 1.8rem; color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 700; font-style: normal; text-shadow: 2px 0 2px rgba(0,0,0,0.51); position: relative; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; backface-visibility: hidden;}
.free-btn em:hover { color: #f1ebb8 }
.free-btn em:before { position: absolute; content: ''; top: 0; left: -40px; bottom: 0; margin: auto; background-image: url(../images/brush-icon.png); width: 39px; height: 50px; background-size: 100%; background-repeat: no-repeat; }
.nav-inn a:hover .free-btn { bottom: 17%; opacity: 1; visibility: visible; }
/*mid nav section css end here*/

/*wel-come section css start here*/
.welcome-title { text-align: center; }
.welcome-title h2 { font-size: 1.8rem; color: #171717; font-family: 'Lato', sans-serif; font-weight: 400; text-transform: uppercase; margin-bottom: 7px; }
.welcome-title h1 { font-size: 4.2rem; color: #004723; margin-bottom: 40px; font-family: 'Cooper Std'; font-weight: 900; text-transform: none; line-height: 1; position: relative; }
.welcome-title h1:before { position: absolute; content: ''; left: 0; bottom: -19px; right: 0; margin: 0 auto; background-image: url(../images/welcome-title-line.png); background-repeat: no-repeat; background-size: 100%; width: 553px; height: 10px; }
.welcome-con { max-width: 927px; margin: 0 auto; width: 100%; }
.welcome-con p { text-align: center; padding-bottom: 27px; font-size: 1.8rem; font-family: 'Lato', sans-serif; font-weight: 400; color: #515151; }
.read-more { text-align: center; }
.read-btn { font-size: 1.8rem; color: #ffffff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; position: relative; width: 178px; text-align: center; display: inline-block; padding: 12px 0; }
.read-btn:before { position: absolute; content: ''; left: 0; top: 0; background-image: url(../images/read-btn-bg.png); width: 178px; height: 50px; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.read-btn:after { position: absolute; content: ''; left: 0; top: 0; background-image: url(../images/read-btn-hover.png); width: 0; height: 50px; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; visibility: hidden; opacity: 0 }
.read-btn:hover:after { width: 100%; visibility: visible; opacity: 1; }
/*.read-btn:hover:before{ opacity: 0; visibility: hidden; }*/
.readm { position: relative; z-index: 1; }
.read-btn:hover, .read-btn:focus { color: #fff; }
.welcome-main { padding: 65px 0 35px; }
/*wel-come section css end here*/

/*contact section css start here*/
.fcontact-main { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; padding: 44px 0 46px; border-bottom: 4px solid #feffff; box-shadow: 0px 5px 7px rgba(0,0,0,0.24); -webkit-box-shadow: 0px 5px 7px rgba(0,0,0,0.24); -moz-box-shadow: 0px 5px 7px rgba(0,0,0,0.24); -ms-box-shadow: 0px 5px 7px rgba(0,0,0,0.24); }
.fcontact-main:before { position: absolute; content: ''; background-color: rgba(241,235,184,0.66); left: 0; right: 0; top: 0; bottom: 0; display: inline-block; }
.contact-title h2 { font-size: 4.2rem; line-height: 1; color: #004723; font-family: 'Cooper Std'; font-weight: 900; text-align: center; position: relative; text-transform: none; position: relative; }
.contact-title h2:before { position: absolute; content: ''; left: 0; bottom: -28px; right: 0; margin: 0 auto; background-image: url(../images/contact-title-line.png); background-repeat: no-repeat; background-size: 100%; width: 553px; height: 10px; }
.wufoo li .field { padding: 15px 40px; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 1.8rem; width: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; outline: none; -webkit-border-radius: 0; color: #515151; background-color: rgba(255,255,255,0.78);    min-height: 55px;}
.wufoo li .field:focus { background-color: rgba(255,255,255,1); }
.wufoo li { width: 100%; margin-bottom: 77px; position: relative; display: inline-block; }
.desc { display: none; }
li.buttons { text-align: center; width: 100%; margin-bottom: 0; }
.sub-btn { border: none; background-color: transparent; font-size: 1.8rem; color: #ffffff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; position: relative; width: 178px; text-align: center; display: inline-block; padding: 12px 0; }
.sub-btn:before { position: absolute; content: ''; left: 0; top: 0; background-image: url(../images/read-btn-bg.png); width: 178px; height: 50px; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.sub-btn span { position: relative; z-index: 1; }
.sub-btn:after { position: absolute; content: ''; left: 0; top: 0; background-image: url(../images/read-btn-hover.png); width: 0; height: 50px; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; visibility: hidden; opacity: 0 }
.sub-btn:hover:after, .sub-btn:focus:after{ width: 100%; visibility: visible; opacity: 1; }
/*.sub-btn:hover:before{ opacity: 0; visibility: hidden;}*/
span.error {
    position: relative;
    font-size: 1.4rem;
    color: #c40e0e;
    bottom: -20px;
    left: 0px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    top: 40px;
}
.contact-right { padding-left: 0; padding-right: 0; }
.contact-form { max-width: 772px; margin: 68px auto 0 auto; width: 100%; }
.txt-area { resize: none; height: 55px; }
/*contact section css end here*/

/*testimonials section css start here*/
.testi-main { background-position: center top; background-size: cover; background-repeat: no-repeat; padding: 63px 0 45px; border-bottom: 4px solid #feffff; box-shadow: 0px 5px 7px rgba(0,0,0,0.24); -webkit-box-shadow: 0px 5px 7px rgba(0,0,0,0.24); -moz-box-shadow: 0px 5px 7px rgba(0,0,0,0.24); -ms-box-shadow: 0px 5px 7px rgba(0,0,0,0.24); }
.testi-client-main ul { padding-top: 8px; }
.testi-client-main ul li { display: block;  height: 65px; line-height: 63px; padding: 0px 25px 0px 35px; border: 1px solid transparent; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; width: 80%;margin: 0 auto 5px;}
.testi-client-main ul li.active { border: 1px solid #fff; }
.testi-client-main ul li a { font-size: 3.8rem; color: #fff; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 1; padding: 12px 0 13px; display: inline-block;float: left;width: 100%;}
.testi-client-main ul li a span { font-size: 2.4rem; color: #fff; font-family: 'Lato', sans-serif; font-weight: 300; line-height: 1; font-style: italic; padding-left: 92px; position: relative; opacity: 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; vertical-align: top; margin-top: 7px; display: inline-block; float: right;}
.testi-client-main ul li.active a span { opacity: 1; }
.testi-client-main ul li a span:before { position: absolute; content: ''; left: 16px; top: 4px; bottom: 0; margin: auto; background-image: url(../images/testi-brush.png); background-size: 100%; background-repeat: no-repeat; width: 24px; height: 52px; }
.testi-client-main { max-height: 300px; }
.testi-title h2 { font-size: 4.2rem; color: #fff; font-family: 'Cooper Std'; font-weight: 900; text-transform: none; text-align: center; position: relative; }
.testi-title h2:before { position: absolute; content: ''; left: 0; bottom: -21px; right: 0; margin: 0 auto; background-image: url(../images/testi-title-line.png); background-repeat: no-repeat; background-size: 100%; width: 553px; height: 10px; }
.tslider-inn { margin-top: 28px; }
.tslider-inn p { font-size: 2.4rem; color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 1.5; padding-bottom: 5px; }
.tslider-inn span { font-size: 2.4rem; color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 400; font-style: italic;}
.testi-slider { max-width: 80%; margin: 0 auto; width: 100%; }
.testi-slider .owl-prev { position: absolute; left: -50px; font-size: 0; top: 28.9%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); background-image: url(../images/at-prev.png); background-repeat: no-repeat; background-size: 100%; width: 15px; height: 34px }
.testi-slider .owl-next { position: absolute; right: -50px; font-size: 0; top: 28.9%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); background-image: url(../images/at-next.png); background-repeat: no-repeat; background-size: 100%; width: 15px; height: 34px }
.testi-slider .owl-nav { display: none; }
/*testimonials section css end here*/
/*footer css start here*/
.footer-main { padding: 0; }
.ft-logo-inn a { display: inline-block; width: 224px; }
.ft-logo-inn a img { width: 100%; }
.ft-menu-inn li { display: inline-block; margin: 0 15px; }
.ft-menu-inn li a { font-size: 2.6rem; color: #171717; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 700; display: inline-block; position: relative; }
.ft-menu-inn li a:after { position: absolute; content: ''; top: -10px; right: -20px; bottom: -10px; left: -20px; margin: auto; background-image: url(../images/menu-hover-bg.png); background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; z-index: -11; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.ft-menu-inn li a:hover:after { opacity: 1; visibility: visible; }
.ft-menu-inn li a:hover { color: #fff; }
.ft-logo { float: left; margin: 15px 0 11px 0; }
.ft-menu { float: left; width: 64.9%; text-align: center; margin-top: 47px; width: calc(100vw - 932px); }
.ft-social-inn { display: inline-block; vertical-align: middle;margin-left: -3px; text-align: center;}
.ft-social-inn a.desk-fb { margin-right: 8px }
.ft-con-inn { display: inline-block; vertical-align: middle; }
.ft-social-inn a { color: #004723; font-size: 5.2rem; }
.ft-social-inn a:hover { color: #040603; }
.ft-con { float: right; margin-top: 33px; }
.ft-con-inn span { font-size: 2.4rem; color: #171717; font-family: 'Cooper Std'; font-weight: 900; display: block; line-height: 1; text-transform: uppercase; }
.ft-con-inn a:hover{ color:#040603; }
.ft-con-inn a { font-family: 'Times New Roman'; font-weight: 700; font-size: 3.8rem; color: #004723; line-height: 1; }
.ft-inn { display: inline-block; width: 100%; padding: 0 82px 0 85px; }
.ft-social{ display: inline-block; margin-top: 30px;}
/*footer css end here*/

/*Custome css end here*/

/*style guide css start here*/
.page-body { padding: 30px 0; }

.sec-img-main { padding: 0 0 100% 0; background-size: cover; background-position: center; }
.img-left .sec-img { order: 1; }
.img-text-sec { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; }
.img-right .sec-img { order: 2; }
.img-right .sec-text { order: 1; }
.img-left .sec-text { order: 2; }

.lern-more { font-size: 1.8rem; color: #ffffff; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 400; position: relative; width: 178px; text-align: center; display: inline-block; padding: 12px 0; }
.lern-more:before { position: absolute; content: ''; left: 0; top: 0; background-image: url(../images/read-btn-bg.png); width: 178px; height: 50px; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
.lern-more:after { position: absolute; content: ''; left: 0; top: 0; background-image: url(../images/read-btn-hover.png); width: 0; height: 50px; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; visibility: hidden; opacity: 0 }
.lern-more:hover:after { width: 100%; visibility: visible; opacity: 1; }
.lern-more em{ font-style: normal; position: relative; z-index: 1;}
.lern-more:hover{ color: #fff;}


/*style guide css end here*/
.gal-img {
    padding: 10px;
}
.grid img{
	    border: 4px solid #feffff;
	    box-shadow: 0 0px 7px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 0px 7px rgba(0,0,0,0.24);
    -ms-box-shadow: 0 0px 7px rgba(0,0,0,0.24);
}
.subnav-item {
  position: relative;
  width: 100%;
}

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

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(1,90,21,0.52);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.subnav-item:hover .overlay {
  width: 100%;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.subnav-item:hover .free-btn {
    bottom: 17%;
    opacity: 1;
    visibility: visible;
	top: 100px;
}
.free-btn2{
	text-align: center;
    position: relative;
    top: 40%;
	color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-shadow: 2px 0 2px rgba(0,0,0,0.51);
}
.free-btn2 img{
	border: none !important;
    box-shadow: none !important;
    max-width: 40px;
}
.subnav-links{
	border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.contact-form iframe {  height: 510px !important; }