@font-face {
font-family: brandon-grotesque;
src: url("fonts/Brandon_med.otf") format("opentype");
}
@font-face {
font-family: Segoe_UI_Symbol_Regular;
src: url("fonts/Segoe_UI_Symbol_Regular.ttf");
}
@font-face {
font-family: Segoe_UI_Symbol_bold;
src: url("fonts/segoeuib.ttf");
}
@font-face {
font-family: Segoe_UI;
src: url("fonts/segoeui.ttf");
}
.top_div
{
height:5px;
background-color: #007934;
width: 100%;
}
.navbar-collapse {
float: right;
}
.navbar-default
{
background-color: transparent !important;
border-color: transparent !important;
}
.navbar-default .navbar-nav>li>a {
color: #848484;
}
.banner h1
{
font-size: 50px;
font-family: brandon-grotesque;
color: rgb(41, 41, 41) !important;
text-transform: none;
font-weight: 400;
margin-top: 35%;
margin-bottom: 0;
text-align: left;
letter-spacing: 0;
}
.banner h3
{
font-weight: bold;
font-size: 21px;
line-height: 30px;
text-transform: none;
color: rgba(105, 105, 105, 1.00) !important;
text-align: left;
font-family: 'Lato', sans-serif;
letter-spacing: 0px;
}
.banner p
{
text-align: left;
color: rgba(105, 105, 105, 1.00);
font-family: Segoe_UI;
font-size: 16px !important;
width: 90%;
}
.banner p a
{
background-color: rgb(0, 121, 52);
padding: 16px 25px;
margin: 15px 0px 0px;
border-radius: 4px;
text-transform: capitalize;
color: #fff;
font-weight: bold;
font-family: 'Lato', sans-serif;
text-decoration: none;
margin-top: 15px;
font-size: 17px;
}
.banner p a:hover
{
background-color: #ff9800;
}
.banner h1 span
{
color: rgb(0, 121, 52);
}
.banner_img
{
position: absolute;
width: 39%;
left: 42%;
}
.banner_img img
{
margin-top: 10%;
}
#page2 .content
{
top: 50%;
}
#page3 .content
{
top: 43%;
}
#page2 h2, #page3 h2
{
font-size: 36px;
margin: 0 0 20px;
font-family: Segoe_UI_Symbol_Regular;
font-weight: bold;
text-align: center;
text-transform: none;
letter-spacing: 1px;
}
#page2 h2 span, #page3 h2 span {
color: #017b32;
}
.title_description {
font-size: 18px;
margin-top: 16px;
margin-bottom: 25px;
font-family: Segoe_UI;
color: #000;
color: rgb(52, 52, 52);
line-height: 1.883;
text-align: center;
margin-top: 5px;
}
.blog-thumbnail1 img {
position: relative;
top: 0px;
-webkit-transition: top .7s ease-in-out;
-moz-transition: top .7s ease-in-out;
-o-transition: top .7s ease-in-out;
transition: top .7s ease-in-out;
}
.blog-thumbnail1 img:hover {
top: -20px;
}
.blog-item .blog-description .cat a {
color: #f5a64a;
margin: 2px;
text-transform: capitalize;
font-size: 18px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
font-weight: bold;
font-family: 'Lato', sans-serif;
letter-spacing: 1px;
}
.blog-item .blog-description .cat a:hover
{
text-decoration: none;
}
.cat
{
text-align: center;
}
.red
{
color: #c5423e !important;
}
.yellow
{
color: #fdb40c !important;
}
.green
{
color: #5b5a3b !important;
}
.grey
{
color: #898c8e !important;
}
.orange
{
color: #eb5729 !important;
font-size: 20px !important;
font-family: Segoe_UI_Symbol_bold !important;
letter-spacing: 0px !important;
}
.parrot_green
{
color: #7ea032 !important;
font-size: 20px !important;
font-family: Segoe_UI_Symbol_bold !important;
letter-spacing: 0px !important;
}
.light_chocolate
{
color: #468288 !important;
font-size: 20px !important;
font-family: Segoe_UI_Symbol_bold !important;
letter-spacing: 0px !important;
}
.dark_orange
{
color: #d76936 !important;
font-size: 20px !important;
font-family: Segoe_UI_Symbol_bold !important;
letter-spacing: 0px !important;
}
.blog-item .blog-description p {
line-height: 25px;
margin-top: 10px;
font-family: 'Lato', sans-serif;
font-size: 14px;
color: #696969;
}
.blog-item {
text-align: center;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
margin: 25px 0 15px;
}
.all_air_filter {
text-align: center;
margin-top: 5%;
}
.all_air_filter a {
background-color: #007b33;
color: #fff;
padding: 15px;
border-radius: 2px;
font-weight: 600;
font-size: 16px;
font-family: 'Lato', sans-serif;
}
.all_air_filter a:hover
{
text-decoration: none;
}
.plant_category h5 {
font-family: Segoe_UI_Symbol_Regular !important;
color: #057932;
font-size: 18px;
font-weight: bold;
text-transform: none;
}
.plant_category h3 {
font-size: 100px;
font-family: Segoe_UI_Symbol_bold;
font-weight: bolder;
line-height: 1;
margin-top: 0;
text-transform: none;
letter-spacing: 1px;
}
.plant_category h3 span {
color: #057932;
}
.best_nature_p {
font-size: 18px;
padding-bottom: 30px;
line-height: 1.7;
font-family: Segoe_UI_Symbol_Regular;
color: #292929;
padding-bottom: 0;
}
#page4 .content
{
top: 50%;
}
.color_b a {
color: #057932;
}
.address h3 {
font-family: Segoe_UI_Symbol_bold;
font-size: 26px;
margin-top: 40px;
text-transform: none;
letter-spacing: 0;
}
.address p {
font-size: 17px;
color: #000;
margin-bottom: 11px;
}
.address .contact {
color: #007934;
font-size: 17px;
font-weight: bold;
font-family: Segoe_UI_Symbol_bold;
}
.footer_links {
color: #007934;
font-size: 15px;
}
.footer
{
font-family: 'Lato', sans-serif;
}
#page5 .img-responsive {
margin: 0;
}
.address
{
margin-top: 10%;
}
#page5 .content
{
top: 54%;
}
.copyrights {
margin-top: 10%;
}
.copyrights h5 {
color: #007a33;
}
.copyrights h5 {
font-family: Segoe_UI_Symbol_Regular;
color: #007a33;
text-transform: none;
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
}
.copyrights h5 i {
color: #ff0000;
}
.footer_links a {
color: #007934;
padding: 0 7px;
}
.footer_links {
color: #007934;
font-size: 15px;
}
.copyrights p
{
color: #696969;
font-size: 14px;
margin-bottom: 10px;
}
.nature img
{
position: absolute;
z-index: 9;
right: 46%;
bottom: -20%;
}
.best_nature {
color: #fff;
font-family: Segoe_UI_Symbol_Regular !important;
font-size: 32px !important;
text-transform: capitalize !important;
font-weight: bold;
letter-spacing: 0;
padding: 30px 0 20px 0;
margin-bottom: 10px;
}
.nature_p
{
font-size: 18px;
padding-bottom: 30px;
line-height: 1.7;
font-family: Segoe_UI_Symbol_Regular;
color: #fff;
padding-bottom: 10px;
}
.nature_p a
{
color: #fff;
text-decoration: underline;
font-size: 15px;
}
.navbar-default .navbar-nav>li>a {
color: #848484;
font-weight: bold;
font-size: 16px;
font-family: 'Lato', sans-serif;
}
.navbar-default .navbar-nav>li>a:hover {
color: #007a33 !important;
}
#page2
{
background-image: url(images/nasa.png);
background-repeat: no-repeat;
}
.onepage-pagination
{
display: none;
}
.active
{
color: #007a33 !important;
}
.carousel-content {
text-align: center;
}
.carousel-content h3 {
color: #fff;
font-size: 24px;
font-family: brandon-grotesque;
font-weight: 100;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dotted #fff;
}
.carousel-content h3 span {
color: #f1c04b;
font-size: 26px;
}
.carousel-content h4 {
font-size: 20px;
color: #fff;
font-weight: 100;
margin-top: 0px;
}
.carousel-content p {
font-size: 18px;
font-family: Segoe_UI_Symbol_Regular;
line-height: 1.5;
color: #fff;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: none;
background-image: none;
background-image: none;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next
{
color: #fff;
}
.carousel-control.left {
right: 0;
right: auto;
background-image: none;
background-image: none;
background-image: none;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
#page4 .carousel-control.right {
margin-right: -120px;
}
#page4 .carousel-control.left {
margin-left: -80px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev
{
color: #fff;
}
#text-carousel
{
padding-top: 2%;
margin-bottom: 25px;
background-color: #24ab5e;
padding-bottom: 2%;
margin-top: 10px;
}
#page6 .content {
top: 50%;
}
.btn-primary {
color: #057932;
background-color: #fff;
border-color: #057932;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
background: #057932;
color: #fff;
}
.price_tag
{
position: absolute;
bottom: 30%;
right: 15px;
padding: 6px 12px;
color: #fff;
height: 83px;
width: 96px;
border-radius: 0;
text-align: center;
font-family: Segoe_UI_Symbol_Regular;
}
#page2 .item {
height: 150px;
}
#page4 .glyphicon-chevron-right
{
margin-top: 15px;
color: #057932;
}
#page4 .glyphicon-chevron-left
{
margin-left: -30px;
margin-top: 15px;
color: #057932;
}
#page4 .carousel-control {
opacity: 1;
}
.price_tag {
position: absolute;
top: 10px;
background-image:url('images/price_tag.png');
color: #fff;
left: 20px;
font-weight: bold;
}
@media(max-width: 1600px)
{
#page4 .content {
top: 54%;
}
.plant_category h5 {
margin-top: 15px;
margin-bottom: 0px;
}
.plant_category h3
{
margin-bottom: 5px;
margin-top: -25px;
}
.blog-item
{
margin: 0px;
}
#page4 .content {
top: 51%;
}
.copyrights {
margin-top: 2%;
}
}
@media(max-width: 1450px) and (min-width: 1371px)
{
#page4 .content {
top: 50%;
}
#page2 .content {
top: 52%;
}
#page5 .content {
top: 44%;
}
.all_air_filter {
margin-top: 0%;
}
.blog-thumbnail1 img {
width: 80%;
}
#page3 .content {
top: 49%;
}
.nature img {
bottom: -6%;
}
#page5 .content {
top: 50%;
}
}
@media(max-width: 1370px)
{
.banner_img {
width: 55%;
}
.nature img {
position: absolute;
z-index: 9;
right: 44%;
bottom: -10%;
}
#page3 .content {
top: 47%;
}
.blog-item
{
margin: 0px;
}
#page4 .content {
top: 54%;
}
.plant_category h5
{
margin-bottom: 0px;
}
.copyrights {
margin-top: 0%;
}
.blog-thumbnail1 img{
width: 200px;
}
.cat {
margin-bottom: 5px;
}
.plant_category h5 {
margin-top: -25px;
}
.plant_category h3
{
margin-bottom: 5px;
font-size: 80px;
}
.banner_img img {
margin-top: 0%;
width: 500px;
}
.all_air_filter {
text-align: center;
margin-top: 1%;
}
.best_nature_p {
margin-bottom: 0px;
}
.banner h1 {
margin-top: 15%;
}
#page2 h2 {
margin: 10px 0 0px;
}
.best_nature
{
padding: 10px 0 0 0;
}
.services
{
margin-top: 50px;
}
#page3 h2
{
margin: 0px;
}
.title_description {
margin-bottom: 0px;
}
}
@media(max-width: 1380px) and (min-width: 1280px)
{
#footer img {
width: 90%;
}
.copyrights h5 {
margin-top: -15px;
}
}
@media (max-width: 1280px)
{
.banner_img img {
margin-top: 10%;
width: 500px;
}
.all_air_filter {
margin-top: 5%;
}
}
@media(min-width: 1025px) and (max-width: 1080px)
{
#page2 .content {
top: 23%;
}
#page3 .content {
top: 20%;
}
.banner h1 {
margin-top: 35%;
}
#page4 .content {
top: 24%;
}
#page5 .content {
top: 23%;
}
.copyrights {
margin-top: 15%;
}
#page6 .content {
top: 25%;
}
.nature img {
bottom: 5%;
width: 531px;
height: 337px;
}
}
@media(max-width: 1024px)
{
.plant_category h3 {
font-size: 75px;
}
.plant_category h5 {
margin-top: -15px;
}
.orange, .parrot_green, .light_chocolate, .dark_orange {
font-size: 18px !important;
}
#page4 .carousel-control.right {
margin-right: -90px;
}
.nature img {
bottom: 5%;
width: 531px;
height: 337px;
}
}
@media(max-width: 991px)
{
.nature img
{
width: 100% !important;
position: relative;
right: 0;
height: 100%;
}
.banner_img {
top: 5%;
}
.banner h1 {
margin-top: 5%;
}
.fruit, .others, .bread
{
height: 520px;
}
.footer_links {
text-align: center;
}
.blog-thumbnail1 img
{
margin: 0 auto;
}
.blog-thumbnail1 img {
width: 300px;
}
}
@media(max-width: 800px)
{
.banner_img {
top: 0%;
width: 100%;
left: 0%;
position: relative;
}
.banner_img img{
margin-top: 5%;
width: 55%;
padding-bottom: 115px;
}
body.disabled-onepage-scroll .onepage-wrapper section {
min-height: 0%;
}
#page4 .glyphicon-chevron-right {
margin-right: -30px;
}
#page2 .content, #page3 .content {
padding-top: 0px;
}
}
@media(max-width: 800px) and (min-width: 768px)
{
.navbar-brand
{
width: 100%;
}
.navbar-brand img
{
margin: 0 auto;
padding-left: 15px;
}
.navbar-header
{
text-align: center;
width: 100%;
}
}
@media(max-width: 768px)
{
.blog-thumbnail1 img {
margin: 0 auto;
}
.navbar-collapse
{
width: 100%;
text-align: left;
}
.navbar-default .navbar-collapse {
border-color: #fff;
}
#page4 .glyphicon-chevron-right {
margin-right: -30px;
}
#page2 .content, #page3 .content {
padding-top: 0px;
}
.carousel-control.left {
margin-left: 0;
}
.carousel-control.right {
margin-right: 0;
}
}
@media(max-width: 768px) and (min-width: 768px)
{
.navbar-brand
{
width: 100%;
}
.navbar-brand img
{
margin: 0 auto;
padding-left: 15px;
}
.navbar-header
{
text-align: center;
width: 100%;
}
.navbar-nav
{
width: 95%;
}
.navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-right: 0px;
}
}
@media(max-width: 767px)
{
.blog-thumbnail1 img {
width: 225px;
}
.fruit, .others, .bread {
height: 425px;
}
.address
{
text-align: center;
}
.address img
{
margin: 0 auto !important;
}
}
@media(max-width: 330px)
{
.banner_img img
{
position: relative;
margin-top: -40%;
}
.banner_img img
{
margin-top: -105%;
padding-bottom: 300px;
width: 85%;
}
#page2 .content
{
padding-top: 0px;
}
}
@supports (-ms-accelerator:true) {
.banner_img_ie {
margin-top: 8%;
}
}
@supports (-ms-ime-align:auto) {
.banner_img_ie {
margin-top: 8%;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.banner_img_ie {
margin-top: 8%;
}
} |