body ,html{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
min-width: 1000px;
color: #535353;
}
#wrapper {
width: 90%;
padding-bottom: 100px;
margin-right: auto;
margin-left: auto;
}
.header {
float: left;
width: 100%;
margin-top: 40px;
}
.logo {
width: 25%;
float: left;
font-size: 325%;
font-family: fontscorecomttwcenmt !important;
letter-spacing: 4px;
display: block;
height: 30px;
line-height: 30px;
font-weight: bold;
}
.logo a {
color: #009966;
text-decoration: none;
}
.tagline {
float: left;
font-size: 30%;
color: #000080;
font-weight: normal;
text-transform: uppercase;
display: inline;
}
.nav {
float: right;
width: 61%;
height: 30px;
}
.nav ul {
float: right;
}
.nav ul li {
float: left;
margin-left: 3px;
}
.nav ul li a {
height: 30px;
line-height: 30px;
display: block;
padding-right: 10px;
padding-left: 10px;
color: #666;
text-decoration: none;
transition: color ease 0.5s;
-moz-transition: color ease 0.5s;
-webkit-transition: color ease 0.5s;
-ms-transition: color ease 0.5s;
-o-transition: color ease 0.5s;
font-size: 14px;
font-weight:bold;
}
.nav ul li a:hover, #active {
color: #000080;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #009966;
}
.category {
float: left;
width: 100%;
margin-top: 70px;
}
.name .categoryLink {
line-height: 50px;
float: left;
height: 50px;
width: 100%;
text-align: center;
margin-top: 25px;
}
.categoryLink a {
color: #000080;
text-decoration: none;
font-size: 200%;
font-weight: bold;
display: block;
transition: color ease 0.3s;
-moz-transition: color ease 0.3s;
-webkit-transition: color ease 0.3s;
-ms-transition: color ease 0.3s;
-o-transition: color ease 0.3s;
font-family: fontscorecomttwcenmt;
width: 70%;
margin-right: auto;
margin-left: auto;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #E9E9E9;
}
.categoryLink a:hover {
color: #535353;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #E8A837;
}
.social {
float: left;
height: 32px;
width: 98%;
margin-bottom: 15px;
padding-right: 2%;
}
#wrapper .content {
float: left;
width: 100%;
margin-top: 75px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #f2f2f2;
padding-top: 50px;
}
.content .contentTitle {
position: relative;
font-size: 300%;
line-height: 60px;
font-weight: bold;
display: inline-block;
height: 60px;
/* width: 100%; */
color: #096;
padding-left: 20px;
font-family: fontscorecomttwcenmt;
text-shadow: 2px 2px 1px #fff;
}
.content .contentTitle:after {
content: '';
position: absolute;
top: 30px;
left: 0;
/* transform: translateY(-50%); */
width: 100%;
height: 29px;
z-index: -1;
background-color: #ccc;
}
.footer {
width: 90%;
padding-top: 30px;
margin-right: auto;
margin-left: auto;
}
.footerOuter {
background-color: #EBEBEB;
width: 100%;
float: left;
padding-top: 25px;
padding-bottom: 25px;
}
.links{
padding-top: 10px;
display: inline-block;
}
.social a {
display: block;
float: right;
height: 32px;
width: 32px;
margin-left: 5px;
opacity: 0.5;
transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
}
.social a:hover{
opacity:1;
}
.category .name {
float: left;
width: 32%;
height: 425px;
margin-right: 2%;
margin-bottom: 25px;
}
.name .cat_img {
}
.name .cat_img a {
width: 100%;
opacity: 1;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
float: left;
}
/* .name .cat_img a:hover {
opacity:0.8;
} */
.name .cat_img a img:hover {
box-shadow: 0 0 20px #bfbcbc;
}
.learn_more {
font-size: 125%;
float: right;
margin-right: 2%;
margin-top: 5px;
}
.learn_more a {
text-decoration: none;
color: #FFF;
display: block;
padding: 5px;
background-color: #E8A838;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
}
.cvForm form p #submit:hover,.learn_more a:hover {
background-color: #e39918;
}
.name .cat_img img {
margin-right: auto;
margin-left: auto;
width: 90%;
border: 10px solid #cccccc;
border-radius: 50%;
transition: all 0.5s;
}
.contentTitle span {
letter-spacing: 10px;
font-size: 100%;
}
.footer .address {
float: right;
width: 20%;
text-align: left;
font-size: 12px;
padding-left: 40px;
font-weight: bold;
margin-top: -45px;
}
.content p {
line-height: 25px;
float: left;
width: 100%;
margin-top: 30px;
}
.banner {
float: left;
height: 350px;
width: 100%;
}
.content .businessCat {
font-size: 200%;
width: 100%;
float: left;
margin-top: 15px;
}
.content .categoryTitle {
font-size: 225%;
display: block;
float: left;
width: 95%;
margin-top: 50px;
padding-left: 5%;
font-family: "fontscorecomttwcenmt";
}
.realestate_icon {
background-image: url(../images/realestate_icon.png);
background-repeat: no-repeat;
background-position: left;
}
.warehousing_icon {
background-image: url(../images/warehousing_icon.png);
background-repeat: no-repeat;
background-position: left;
}
.road_icon {
background-image: url(../images/roads_icon.png);
background-repeat: no-repeat;
background-position: left;
}
.content .cvForm {
float: left;
width: 100%;
margin-top: 25px;
}
.cvForm form p {
float: left;
width: 60%;
font-size: 175%;
}
.cvForm form p input {
width: 50%;
height: 40px;
font-size: 100%;
line-height: 35px;
color: #919191;
border: solid thin #CCC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
padding: 5px;
clear: left;
margin-left: 8%;
}
.cvForm form p input:focus {
border: solid thin #009966;
box-shadow: 0px 0px 15px #009966;
-moz-box-shadow: 0px 0px 15px #009966;
-ms-box-shadow: 0px 0px 15px #009966;
-webkit-box-shadow: 0px 0px 15px #009966;
-o-box-shadow: 0px 0px 15px #009966;
}
.cvForm form p label {
line-height: 50px;
float: left;
height: 50px;
width: 40%;
display: block;
}
.cvForm form p select {
width: 52%;
margin-left: 8%;
border: 1px solid #CCC;
font-size: 100%;
line-height: 35px;
padding-top: 5px;
padding-bottom: 5px;
color: #919191;
border: solid thin #CCC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.cvForm form p select:focus {
border: solid thin #009966;
box-shadow: 0px 0px 15px #009966;
-moz-box-shadow: 0px 0px 15px #009966;
-ms-box-shadow: 0px 0px 15px #009966;
-webkit-box-shadow: 0px 0px 15px #009966;
-o-box-shadow: 0px 0px 15px #009966;
}
.cvForm form p option {
height: 35px;
margin-top: 3px;
margin-bottom: 3px;
}
.cvForm form p #submit {
line-height: 50px;
color: #FFF;
text-align: center;
float: right;
height: 50px;
width: 52%;
background-color: #E8A838;
font-size: 120%;
cursor: pointer;
border:none;
transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.contact_us {
float: left;
width: 100%;
margin-top: 50px;
}
.contact_us .contactImage {
float: left;
width: 50%;
}
.contact_us .headOffice {
float: left;
width: 50%;
}
.contact_us .headOffice h1,.queryForm h1 {
display: block;
float: left;
font-size: 200%;
padding-top: 10px;
padding-right: 20%;
padding-bottom: 10px;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #E8A838;
width: 35%;
}
.contact_us .otherAddr {
float: left;
width: 100%;
}
.otherAddr .addrName {
float: left;
width: 50%;
margin-top: 25px;
}
.otherAddr .addrName h2 {
font-size: 150%;
color: #009966;
float: left;
width: 65%;
margin-top: 15px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #f2f2f2;
padding-bottom: 5px;
margin-bottom: 5px;
}
.addrName .details {
float: left;
width: 100%;
line-height: 20px;
}
.otherAddr .map {
float: left;
width: 50%;
height: 300px;
margin-top: 25px;
}
.otherAddr .map .maping {
width: 100%;
margin-top: 15px;
height: 300px;
}
.otherAddr .map h2 {
font-size: 200%;
color: #009966;
margin-top: 10px;
}
.headOffice p a, .addrName .details a {
color: #535353;
text-decoration: none;
}
.headOffice p a:hover {
color: #7F7F7F;
}
#wrapper .content .projects {
float: left;
width: 100%;
margin-top: 25px;
}
.lightBox {
width: 30%;
margin-right: 2%;
float: left;
margin-top: 25px;
position: relative;
padding-bottom: 40px;
}
.lightBox .projectName {
font-size: 98%;
width: 100%;
left: 0px;
float: left;
position: absolute;
top: 85%;
}
.content .productSpec {
float: left;
width: 100%;
margin-top: 25px;
}
.productSpec .specTitle {
font-size: 150%;
float: left;
padding-left: 2%;
}
.content .chart_txt {
float: left;
width: 80%;
margin-top: 25px;
}
.chart_txt .step {
font-size: 150%;
float: left;
width: 100%;
font-weight: bold;
color: #009966;
}
.content .chart_txt p img {
float: right;
margin-right: 5%;
}
.chart_txt span {
font-size: 125%;
font-weight: bold;
font-style: italic;
color: #000080;
margin-top: -10px;
}
.productSpec table {
padding: 1%;
float: left;
width: 76%;
border: 2px solid #f8f8f8;
margin-top: 5px;
margin-bottom: 25px;
}
.productSpec table tr {
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
}
.productSpec table tr th {
vertical-align: middle;
padding-top: 5px;
padding-bottom: 5px;
border: 2px solid #f2f2f2;
font-weight: bolder;
color: #FFF;
}
.productSpec table tr td {
text-align: left;
vertical-align: middle;
padding-top: 5px;
padding-bottom: 5px;
border: 2px solid #f2f2f2;
color: #535353;
padding-left: 2%;
}
.categoryTitle a {
text-decoration: none;
color: #009966;
}
.content .srvcat {
float: left;
width: 100%;
margin-top: 25px;
}
.content .srvcat ul li {
font-weight: bold;
margin-top: 3px;
margin-bottom: 3px;
line-height: 30px;
background-image: url(../images/arrow.jpg);
height: 30px;
background-repeat: no-repeat;
margin-left: 2%;
padding-left: 60px;
color: #535353;
}
.content .farmtxt {
float: left;
width: 100%;
margin-top: 10px;
line-height: 25px;
}
.content .farmtxt ul li {
line-height: 30px;
background-image: url(../images/dot.png);
background-repeat: no-repeat;
height: 30px;
padding-left: 50px;
}
.content .farmtxt ul {
float: left;
width: 100%;
margin-top: 5px;
}
strong {
font-weight: bold;
}
.content .client {
float: left;
width: 100%;
margin-top: 20px;
}
.client .image {
float: left;
width: 18%;
margin-top: 10px;
margin-left: 1%;
height: 125px;
margin-right: 1px;
}
.client .image img {
width: 100%;
/* opacity: 0.5; */
cursor: pointer;
/* filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(1); */
}
/* .client .image img:hover {
opacity: 1;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
-webkit-filter: grayscale(0);
} */
.content .wCat {
font-weight: bold;
font-size: 125%;
color: #009966;
margin-top: 15px;
float: left;
width: 100%;
margin-bottom: -25px;
}
.contact_us .queryForm {
float: right;
height: auto;
width: 50%;
}
.queryForm form {
margin-top: 15px;
float:left;
width: 100%;
}
.queryForm form div {
display: block;
float: left;
width: 100%;
padding: 2px;
margin-top: 2px;
margin-bottom: 2px;
}
.queryForm form div label {
float: left;
width: 30%;
font-weight: bold;
}
.queryForm form div input ,.queryForm form div textarea{
clear: left;
width: 45%;
height: 25px;
border: solid thin #CCC;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
}
.queryForm form div textarea{
padding: 2px;
clear: left;
width: 45%;
height: 75px;
}
form #btn {
background-color: #E8A838;
cursor: pointer;
color: #FFF;
float: right;
margin-right: 25%;
font-size: 150%;
}
.footer .copyright {
width: 25%;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
}
.g-recaptcha{
margin-left: 150px;
width: auto!important;
margin-bottom: 20px!important;
}