@import url('helvetica/style.css');
body {
	color:#000000; 
	font-family: 'Helvetica Neue', Oswald;
	font-weight: normal;
	font-style: normal;
	font-size:18px; 
	margin: 0; 
	padding: 0; 
	line-height: normal;
}
a, a:hover a img, a:hover img {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.condensed {
	font-family: Helvetica Neue Bold Condensed;
}
.top-bar {
    background-color: #41651e;
    padding: 8px 0;
}
.top-bar .text, .top-bar .social, .main-menu ul, .main-menu li, .main-menu a, .foo-sec1 ul, .foo-sec1 li, .foo-sec1 a {
    display: inline-block;
    vertical-align: top;
}
.top-bar .social a, .top-bar .social a img, .logo a, logo img, .foo-sec1 .box {
    float: left;
}
.top-bar .social a {
    margin: 0 0 0 5px;
}
.top-bar .text {
    padding: 2px 0 0 0;
}
.top-bar .text, .top-bar .text a:hover {
    color: #fff;
}
.top-bar .text span, .top-bar .text a {
    color: #ffcf29;
}

.logo-sec {
    background: linear-gradient(#314f13, #41641e);
    padding:8px 0 0 0;
    border-bottom: 3px solid #fff;
}
.main-menu {
    background-color: #fff;
    margin: 65px 0 0 0;
    padding: 0 15px;
    position: relative;
}
.main-menu:before {
    content: '';
    background-image: url(../images/menu.png);
    height: 100%;
    width: 14px;
    position: absolute;
    left: -14px;
    background-size: cover;
}
.main-menu a {
    color: #000;
    margin: 12px 22px;
}
.main-menu a:hover, .foo-sec2 a:hover {
    color: #384994;
}
.foo-sec1 {
    background: linear-gradient(#254719, #41651e);
    padding: 40px 0;
}
.foo-sec2 {
    font-size: 16px;
    padding: 15px 0;
    line-height: 22px;
}
.foo-sec2 a {
    color: #000;
}
.foo-sec1 li {
    width: 100%;
    padding: 8px 0;
    font-size: 16px;
}
.foo-sec1 .box {
    width: 270px;
}
.foo-sec1 .box .head {
    padding: 0 0 20px 0;
}
.foo-sec1 .box.box4 {
    float: right;
    width: 440px;
    padding: 55px 0 0 0;
}
.foo-sec1 a:hover {
    color: #fcd12c;
}
.foo-client {
    background-color: #41651e;
}
.foo-client img {
    margin: 30px 50px 25px 50px;
}
.page-banner {
    background-image: url(../images/page-banner.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.page-banner .head {
    color: #f9cf4f;
    margin: 140px 0;
    padding: 30px 40px;
    display: inline-block;
    background-color: rgba(49, 79, 19, .60);
    min-width: 35%;
}
.laft-panel {
    background-color: #d7d7d7;
    max-width: 290px;
}
.laft-panel .menu li a {
    display: inline-block;
    width: 100%;
    color: #000000;
    padding: 15px 20px;
    margin: 3px 0;
    position: relative;
}
.laft-panel .menu li:hover a, .laft-panel .menu li.active a {
    box-shadow: 0 5px 10px rgba(180, 179, 179, .60);
    background-color: #fff;
}
.p-title {
	color: #41651e;
}

	.logo img { max-width:485px;}

@media screen and (max-width: 1362px) {
	.main-menu{
		margin-top:25px;
	}
	.main-menu a {
	    margin: 12px 18px;
	}
	.foo-sec1 .box {
	    width: 230px;
	}
	.foo-sec1 .box.box4 {
	    width: 275px;
	}
	.page-banner .head {
	    margin: 100px 0;
	    padding: 20px 40px;
	}
	.z-t-50 {
	    font-size: 40px;
	}
	.logo img {max-width:300px;}
}
@media screen and (max-width: 992px) {
	.team img {max-width: 300px !important;}

	.logo-sec {
	    display: none;
	}
	.z-mobile-header .z-mobile-header-logo {
	    width: 225px;
	}
	.z-mobile-header, .z-mobile-header .z-mobile-menu {
    	background: linear-gradient(#41641e, #314f13) !important;		
	}
	.z-default-subpage-header {
	    margin-top: 0;
	}
	.top-bar {
	    padding: 8px 15px;
	}
	.foo-sec1 {
	    padding: 40px 15px;
	}
	.foo-sec1 .box, .foo-sec1 .box.box4 {
	    width: 25%;
	}
	.laft-panel, .right-panel {
	    height: auto !important;
	}
}
@media screen and (max-width: 767px) {
	.team img {max-width: 150px !important;}

	.foo-sec1 .box, .foo-sec1 .box.box4 {
	    width: 100%;
	    padding: 0 0 35px 0;
	}
	.z-mobile-header .z-mobile-header-logo {
	    width: 160px;
	}
	.foo-sec1 .box .head {
	    padding: 0 0 5px 0;
	}
	.foo-sec1 li {
	    padding: 3px 0;
	}
	.foo-sec1 ul {
	    width: 100%;
	}
	.foo-sec1 .box a.con {
	    margin: 15px 0 0 0;
	}
	.foo-sec1 .box.box4 {
	    padding: 0;
	}
}
@media screen and (max-width: 479px) {
	.team img {max-width:100%; !important}
	.top-bar .z-container.z-text-right {
	    text-align: center !important;
	}
	.z-mobile-header .z-mobile-header-logo img {
	    max-width: 145px;
	}
	.top-bar .text span {
	    width: 100%;
	    display: inline-block;
	    padding: 7px 0;
	}
	.foo-sec2 {
	    padding: 15px;
	}	
	.page-banner .head {
	    margin: 50px 0;
	    padding: 10px;
	}
	.laft-panel .menu {
	    padding: 30px 0;
	}
	.z-t-50 {
	    font-size: 30px;
	}
	.z-t-34 {
	    font-size: 26px;
	}
	.z-t-26, .z-t-28 {
	    font-size: 22px;
	}
	.z-t-22 {
	    font-size: 20px;
	}
}