@charset "utf-8";

/* CSS Document */

@import url("css/fonts/fonts.css");

@import url('css/jquery.bxslider.css');

@import url('css/top.css');

@import url("css/menu.css");

/* ===== == = === Base Styles === = == ===== */

body{margin:0; padding:0; background:#cccccc; font-family:'robotoregular', Arial, Helvetica, sans-serif; font-size:14px; line-height:24px;}

h1,h2,h3,h4,h5,h6{font-weight:normal;} img{border:none;} *{outline:none;}

a{color:#2f2f4c; text-decoration:underline;}

    a:hover {color: #fff; background: #1C364E; text-decoration:underline; }



h1{font-size:30px; font-family:'robotocondensed', Arial, Helvetica, sans-serif; line-height:36px; color:#2f2f4c; margin:20px 0px;}

h2{font-size:24px; font-family:'robotocondensed', Arial, Helvetica, sans-serif; line-height:36px; color:#2f2f4c; margin:20px 0px;}

h3{font-size:18px; font-family:'robotocondensed', Arial, Helvetica, sans-serif; line-height:36px; color:#2f2f4c; margin:10px 0px;}

h4{font-size:16px; font-family:'robotoregular', Arial, Helvetica, sans-serif; line-height:24px; color:#898999; margin:10px 0px;}

.homeh4{width:70%;}

.header{background:#fff; border-radius:5px 5px 0px 0px; padding:15px; margin-top:14px !important; width:954px;margin:0px auto; overflow:auto;}

a.logo{width:180px; height:86px; display:block; float:left; text-decoration:none;}

.headertop{width:774px; display:block; float:left; text-align:right; font-size:16px; color:#b0b0b0; letter-spacing:-0.02em;}

.headertop .callicon{display:block; float:right; margin:0; margin-left:10px;}

.headertop span{font-family:'robotobold', Arial, Helvetica, sans-serif; font-size:32px; color:#2f2f4c; line-height:30px; letter-spacing:-0.03em;}

.headertop img{vertical-align:middle; margin:0px 4px; margin-top:-2px;}

.headertop a{color:#b0b0b0; text-decoration:none;}

.headertop a:hover{color:#000; text-decoration:none;}

.sscapholder{width:984px; margin:0px auto !important; background:#090; display:table;}

.sscap{text-align:center; font-family:'robotocondensed', Arial, Helvetica, sans-serif; font-size:30px; color:#fff; margin-top:-275px; position:absolute; z-index:20;line-height:36px;text-shadow: -1px -1px 0px rgba(156, 156, 156, 1);;}

.sscap span{font-size:50px;line-height:50px;}

.navg{height:24px; width:984px;margin:0px auto;}

.navgwraper{height:46px; width:984px; position:absolute; z-index:30; border-radius:0 0 5px 5px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#515171+0,2f2f4c+100 */

background: #515171; /* Old browsers */

background: -moz-linear-gradient(top,  #515171 0%, #2f2f4c 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #515171 0%,#2f2f4c 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #515171 0%,#2f2f4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515171', endColorstr='#2f2f4c',GradientType=0 ); /* IE6-9 */

}



.homess{max-width:1204px; height:434px; margin:0px auto;}

.pagecontent{width:984px;margin:0px auto;}

.pagecontentwraper{ margin-top:-20px; z-index:9; position:absolute; width:984px; }

.contentarea{width:924px; padding:10px 30px; border-radius:5px 5px 0 0; background:#fff;}

.contentleft{width:684px; display:block; float:left;background:#fff; border-radius:5px 0 0 0; padding:20px;}

.contentright{width:220px; display:block; float:left; background:#fff; border-radius:0 5px 0 0; padding:20px; background:#F5F5F5; font-size:13px; line-height:20px;}

.contentright ul{margin:0; padding:0; list-style:none;}

.contentright ul li{margin-bottom:20px;}

.contentright ul li h3{font-size:16px; font-family:'robotocondensed', Arial, Helvetica, sans-serif; color:#000; margin:5px 0; border-bottom:1px dotted #CCCCCC; padding-bottom:5px; line-height:20px;}

.contentright ul ul li{margin:0; padding:0; line-height:24px;}



.bxslider{margin:0; padding:0; list-style:none;}

.footettop{background:#2f2f4c; padding:30px; color:#fff; width:924px;}

.footettop ul{margin:0; padding:0; list-style:none;}

.footettop ul li{width:25%; display:block; float:left; margin-right:5%;}

.footettop ul li:last-child{margin-right:0;}

.footettop ul li:nth-of-type(3){width:40%;}

.footettop ul ul li{width:100% !important; border-bottom:1px solid #55557d; line-height:26px; margin:0; padding:0;}

.footettop ul ul li a{color:#fff; text-decoration:none; font-size:13px; line-height:26px; display:block;}

.footettop ul ul li a:hover{color:#fff; text-decoration:underline;}

.footettop ul ul li:last-child{border:none;}

.footettop p{margin:0; padding:0; font-size:13px; line-height:20px; margin-bottom:25px;}

.footer{background:#fff; padding:20px 30px; border-radius:0 0 5px 5px; margin-bottom:50px; font-size:11px; line-height:16px; color:#9191a4; width:924px;}

.footer strong{font-size:12px; color:#2f2f4c; line-height:24px; font-weight:normal;}



ul.social{margin:0; padding:0; list-style:none; float:right;}

ul.social li{display:block; float:left; margin:2px; width:52px; height:52px;}



ul.featured{margin:30px auto; padding:0; list-style:none; overflow:auto;}

ul.featured li{width:180px; height:340px; margin-right:6px; display:block; float:left;}

ul.featured li a{font-size:16px; line-height:22px; color:#2f2f4c; text-decoration:none;}

ul.featured li:last-child{margin-right:0;}

ul.featured li img{margin:0; padding:0; display:block;}

ul.featured li div{width:160px; height:50px;margin:0; padding:10px; text-align:center;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1e1e1+0,f8f8f8+33 */

background: #e1e1e1; /* Old browsers */

background: -moz-linear-gradient(top,  #e1e1e1 0%, #f8f8f8 33%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #e1e1e1 0%,#f8f8f8 33%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #e1e1e1 0%,#f8f8f8 33%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */

}



ul.featured li a:hover img{opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */}



.subss{width:974px; margin:32px auto 30px auto; background:#fff; padding:5px; border-radius:5px;}







textarea{resize:none;}





.subss > img {

    display: block;

    width: 100%;

}



.link-left{width: 50%; float:left}

.link-right{width: 50%; float:left}



.plant-left{width:40%; float:left; margin-bottom:15px;}

.plant-right{width: 60%; float:left; margin-bottom:15px;}



/* Form Style End */



/* ===== == = === (900px) === = == ===== */

@media only screen and (min-width : 900px) and (max-width : 1019px) {

.header{width:820px;}

.headertop{width:640px;}

.navg, .navgwraper, nav{width:850px;}

.menu a {padding:0px 11px !important;}

.homess{max-width:1204px; height:324px;}

.pagecontent, .pagecontentwraper{width:850px;}

.contentarea, .footettop, .footer{width:790px;}

.sscap{margin-top:-220px;}

ul.featured{width:80%;}

ul.featured li{margin-bottom:6px;}

.subss{width:840px; height:auto;}

.subss img{width:100%; height:auto;}

.contentleft{width:550px;}

.gallery .gallery-item{width:33.33% !important;}

}







/* ===== == = === (768px) === = == ===== */

@media only screen and (min-width : 768px) and (max-width : 899px) {

.header{width:670px;}

.headertop{width:480px;}

.headertop span{font-size:26px;}

.navg, .navgwraper, nav{width:700px;}

.menu a {padding:0px 8px !important;}

.menu ul a{font-size:13px !important;}

.homess{height:277px;}

.pagecontent, .pagecontentwraper{width:700px;}

.contentarea, .footettop, .footer{width:640px;}

.sscap{margin-top:-182px; font-size:22px;}

.sscap span{font-size: 38px;line-height: 36px;}

.sscap, .sscapholder{width:750px;}

ul.featured{width:558px;}

ul.featured li{margin-bottom:6px;}

.footettop li img{width:100%; height:auto;}

ul.social{float:none; display:table; margin:10px auto;}

.footer{text-align:center;}

.subss{width:690px; height:auto;}

.subss img{width:100%; height:auto;}

.contentleft{width:400px;}

.all-link li{width:100% !important; }
.all-link li a{margin-right:0px !important}

.gallery .gallery-item{width:33.33% !important;}

}





@media only screen and (max-width: 767px) {

.header{width:86%; padding:2%;}

a.logo{width:100%; text-align:center; margin:10px 0;}

.headertop{width:100%; padding:0;text-align:center !important;}

.headertop .callicon{display:none !important; ;}

.headertop span{font-size:26px;}

.navg{width:90%; height:auto;}

.navgwraper{position:relative;}

.navgwraper, nav{ width:100%;}

.menu{width:100%;}

.menu a {padding:0px 8px;}

.menu ul a{font-size:13px;}

.homess{height:100%; height:auto;}

.pagecontent, .pagecontentwraper{width:90%;}

.contentarea, .footettop, .footer{width:96%; padding:2%;}

.sscap{margin-top:0px;  font-size:22px; top:40px; line-height:24px;}


.sscap span{font-size: 24px;line-height: 18px;}

.sscap, .sscapholder{width:100%;}

ul.featured{width:auto;}

ul.featured li{margin-bottom:6px;}

.footettop li img{height:auto;}

.footettop ul li{width:100% !important; margin:0; margin-bottom:5px; text-align:center !important;}

.footettop ul li p{text-align:center; float:none; width:100%; color:white;}

ul.social{float:none; display:table; margin:10px auto;}

.footer{text-align:center;}

.subss{width:88%; padding:1%; height:auto; margin-top:10px;}

.subss img{width:100%; height:auto;}

.contentleft{width:94%; padding:3%; border-radius:5px 5px 0 0;}

.contentright{width:94%; padding:3%; border-radius:0px; height:auto !important;}


.link-left, .link-right {    
    width: 100%;
}

.plant-left, .plant-right {   
    width: 100%;	
}

.plant-left{margin-bottom:15px;}

.list-img {
    margin-right: 0px !important;
}
.all-link li{width:100% !important; }
.all-link li a{margin-right:0px !important}

.gallery .gallery-item{width:50% !important;}

}



/* ===== == = === (640px) === = == ===== */

@media only screen and (min-width: 640px) and (max-width : 767px) {



}





/* ===== == = === (639px) === = == ===== */

@media only screen and (max-width: 639px) {

.homess .bx-wrapper img{height:220px;}

}



/* ===== == = === (480px) === = == ===== */

@media only screen and (max-width: 480px) {

ul.featured li{margin:0px auto !important; float:none !important;}
.gallery .gallery-item{width:100% !important;}
}







/* ===== == = === (480px) === = == ===== */

@media only screen and (min-width : 480px) and (max-width : 639px) {



}





/* ===== == = === (320px) === = == ===== */

@media only screen and (max-width : 479px) {



}


@media only screen and (max-width: 1200px) {
	.homess{height:auto !important; position:relative;}
}



.new-left{margin-right:20px; float:left;}



.footer-mail {

    display: inline-block !important;

    left: 4px;

    position: relative;

    top: 3px;

}

.contact-address td{padding:5px 10px}


.contact-address tr:nth-child(2n) {
    background: #f8f8f8;
}
.plant-left img{width:100%;}


.plantlist li {
    border-bottom: 1px solid #ddd;
    display: table;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
}


.list-img {
    background: #f0f0f0;
    margin-right: 20px;
    padding: 10px;
   
}


.all-link li {
    float: left;   
    line-height: 30px;
    width: 50%;
}


.all-link a {
    font-size: 12px;
	display:block;
	margin-right:15px;
}

.gallery figcaption{font-size:13px !important}