/*****  Fonts  *****/


/*

font-family: 'Titillium Web', sans-serif;

font-family: 'Lato', sans-serif;

*/


/*****  Global Style  *****/


* { margin: 0; padding: 0; outline: none !important; }

html, body { height: 100%; min-height: 1100px; }

body { background-color: #b07938; color: #373737; font-family: 'Lato', sans-serif; font-size: 16px; }

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

h1 { font-family: 'Titillium Web', sans-serif; font-size: 42px; color: #463147; font-weight: 600; line-height: 39px; }

img { max-width: 100%; vertical-align: top; }

a, i.icons, button, input[type="submit"], .overlay { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

a, a:focus { text-decoration: none; }

a, a:focus { color: #373737; }

a:hover { color: #aa6f29; text-decoration: none; }

/*****  Main CSS  *****/


.main { position: relative; overflow: hidden; width: 100%; height: 100%; }

/*****  BG *****/


.left-bg { background: url("../images/bg-left.png") no-repeat; width: 58%; height: 100%; background-position: right bottom; background-size: cover; position: absolute; z-index: 10; left: 0; top: 0; }

.right-bg { background: url("../images/bg-right.jpg") no-repeat; width: 58%; height: 100%; background-position: left bottom; background-size: cover; position: absolute; z-index: 5; right: 0; top: 0; }

.grounds-care { position: relative; z-index: 20; padding: 60px 0 160px; }

.grounds-care-inner { background-color: #fff; padding: 48px 48px 32px; border-radius: 1px; display: inline-block; vertical-align: top; width: 100%; min-height: 480px; }

.grounds-care .logo { float: left; padding: 0 0; text-align: center; width: 468px; }

.grounds-care .grounds-care-right { float: left; width: 575px; }

.grounds-care h1, .grounds-care .text-head, .grounds-care .text-inner { padding-left: 90px; }

.grounds-care h1 {font-size: 34px; }

.c-grow-badge-img{
	position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 130px;
}

.grounds-care .grounds-care-right .text { background-color: #f1f1f1; padding-bottom: 18px; position: relative; }

.grounds-care .grounds-care-right .text::before { background-color: #ffffff; content: ""; height: 120%; left: -6%; padding-bottom: 0; position: absolute; top: -10%; transform: rotate(15deg) skew(2deg) translate(0px); width: 68px; z-index: 11; transform: rotate(15deg) skew(2deg) translate(0px); -webkit-transform: rotate(15deg) skew(2deg) translate(0px); -moz-transform: rotate(15deg) skew(2deg) translate(0px); -o-transform: rotate(15deg) skew(2deg) translate(0px); -ms-transform: rotate(15deg) skew(2deg) translate(0px); }

.grounds-care .text-head { background-color: #030b00; min-height: 64px; }

.grounds-care .text-head a, .grounds-care .text-head a:focus { color: #ffffff; display: inline-block; font-size: 26px; font-weight: 300; padding: 12px 12px 12px 0; position: relative; }

.grounds-care .text-head a:hover { color: #aa6f29; text-decoration: none; }

.grounds-care .text-head a i { margin-right: 14px; }

.grounds-care .text-head a:nth-of-type(1) { margin-right: 18px; padding-right: 24px; }

.grounds-care .text-head a:nth-of-type(1):after { background-color: #ffffff; content: ""; height: 26px; position: absolute; right: 0; top: 20px; width: 1px; }

.grounds-care .text-inner { padding-top: 10px; }

.mail, .website, .address { padding: 6px 20px 6px 30px; position: relative; }

.mail i, .website i, .address i { color: #463147; font-size: 20px; left: 0; position: absolute; top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.mail a, .mail a:focus, .website a, .website a:focus { color: #373737; font-size: 25px; font-weight: 300; line-height: normal; }

.mail a:hover, .website a:hover, .mail a:hover i, .website a:hover i { color: #aa6f29; }

.mail i { top: 13px; }

.website i { top: 16px; }

.address i { top: 16px; }

.address { font-size: 19px; color: #373737; line-height: 30px; padding-top: 12px; }
.clear{
	clear:both;
}
.portfolio{
	overflow:hidden;
	height:100%;
	margin-top:30px;
}
.portfolio ul{
	padding:0;
	margin:0;
	list-style:none;
	
}
.portfolio ul li{
	list-style:none;
	padding:0;
	float:left;
	margin:0 1.4% 1.4% 0;
}
.portfolio ul li:nth-child(4n+4){
	margin-right:0;
}
/*****  Footer  *****/


footer { padding: 20px 0 0 }

footer p { color: #ffffff; font-size: 13px; margin: 0; }
.footer-left{
	float:left;
	width:70%;
}
.footer-right{
	float:right;
	width:30%;
}
p.logo-pad{
	padding-top:15px;
}
.copyright{
	font-size: 13px;
	text-align: right;
	margin-bottom:0;
}
.copyright a{
	color: #aa6f29;
}
.copyright a:hover{
	color:#000;
}
/**********  Responsive  **********/

@media (max-width: 1199px) {

html,  body { min-height: 760px }

h1 { font-size: 38px; line-height: 36px }

.wow { -webkit-animation-name: none !important; animation-name: none !important; visibility: visible !important; }

/*****  BG *****/

.left-bg { }

.right-bg { }

.grounds-care { padding: 180px 0 140px; }

.grounds-care-inner { min-height: 10px; padding: 30px; }

.grounds-care .logo { width: 390px; }

.grounds-care .logo img { max-width: 270px; }

.grounds-care .grounds-care-right { width: 490px; }

.grounds-care h1 { margin-top: 10px; font-size: 30px; }

.grounds-care .text-head { min-height: 10px; }

.grounds-care .text-head a,  .grounds-care .text-head a:focus { font-size: 22px; padding: 10px 10px 10px 0; }

.grounds-care .text-head a i { margin-right: 10px; }

.grounds-care .text-head a:nth-of-type(1) { margin-right: 15px; padding-right: 20px; }

.grounds-care .text-head a:nth-of-type(1):after { height: 22px; top: 14px; }

.mail,  .website,  .address { padding-left: 26px; }

.mail i,  .website i,  .address i { font-size: 16px; }

.mail a,  .mail a:focus,  .website a,  .website a:focus { font-size: 20px; }

.mail i { top: 11px; }

.website i { top: 14px; }

.address i { top: 17px; }

.address { font-size: 18px; line-height: 26px; }

/*****  Footer  *****/

footer { max-width: 42%; }
}
 @media (max-width: 991px) {

html,  body { min-height: 580px }

h1 { font-size: 32px; line-height: 30px; }

/*****  BG *****/

.left-bg { width: 65%; }

.right-bg { width: 70%; }

.grounds-care { padding: 100px 0 60px; }

.grounds-care-inner { padding: 15px; }

.grounds-care .logo { width: 290px; }

.grounds-care .logo img { max-width: 200px; }

.grounds-care .grounds-care-right { width: 400px; }

.grounds-care h1,  .grounds-care .text-head,  .grounds-care .text-inner { padding-left: 80px; }

.grounds-care h1 {
    font-size: 26px;
    padding-left: 60px;
    margin-top:24px;
}
.c-grow-badge-img {
    width: 108px;
}

.grounds-care .grounds-care-right .text::before { height: 108%; left: -32px; top: -6%; }

.grounds-care .text-head a,  .grounds-care .text-head a:focus { font-size: 18px; }

.grounds-care .text-head a:nth-of-type(1) { margin-right: 10px; padding-right: 13px; }

.grounds-care .text-head a:nth-of-type(1):after { height: 18px; top: 14px; }

.mail,  .website,  .address { padding-left: 23px; }

.mail a,  .mail a:focus,  .website a,  .website a:focus { font-size: 18px; }

.address { font-size: 16px; line-height: 22px; }
.copyright{
	text-align:center;
}
}
 @media (max-width: 767px) {

html,  body { height: auto; }

h1 { font-size: 28px; }

/*****  BG *****/

.right-bg { width: 100%; }

.grounds-care { padding: 30px 0; }

.grounds-care .logo { width: 100%; padding: 0 0 20px; }

.grounds-care .grounds-care-right { width: 100%; }

.grounds-care h1,  .grounds-care .text-head,  .grounds-care .text-inner { padding: 0 10px; text-align: center; }

.grounds-care h1 { }

.grounds-care .grounds-care-right .text { overflow: hidden; }

.grounds-care .grounds-care-right .text::before { display: none; left: -42px; }

.grounds-care .text-head a,  .grounds-care .text-head a:focus { font-size: 16px; }

.grounds-care .text-head a:nth-of-type(1):after { top: 13px; }

.mail,  .website,  .address { padding-left: 22px; }

.mail i,  .website i,  .address i { font-size: 14px; left: inherit; margin-left: -22px; }

.mail a,  .mail a:focus,  .website a,  .website a:focus { font-size: 16px; }
.c-grow-badge-img {
	width:150px;
    position: static;
    transform: unset;
    margin: 0 auto 15px;
    display: block;
}

/*****  Footer  *****/

footer { max-width: 100%; }

footer p { background-color: rgba(170, 111, 41, 0.8); border-radius: 2px; line-height: 20px; padding: 10px; text-align: center; }
}
 @media (max-width: 640px) {
	 .portfolio ul li{
		 margin-bottom:1%;
	 }
 }
 @media (max-width: 480px) {
	 .portfolio ul li{
		 float:none;
		 text-align:center;
	 }
 }
 @media (max-width: 479px) {

/*****  BG *****/

.grounds-care .logo img { max-width: 180px; }

.grounds-care .text-head a,  .grounds-care .text-head a:focus { display: block; padding: 5px 10px !important; }

.grounds-care .text-head a:nth-of-type(1) { padding-bottom: 0 !important; }

.grounds-care .text-head a:nth-of-type(1):after { display: none; }
}