HOME

@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");
}

.navbar-default
{
	background-color: transparent;
    border-color: transparent;
}

.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;
}

.top_div
{
	height:5px; 
	background-color: #007934; 
	width: 100%;
}

.navbar-nav
{
	margin-top: 20px;
}

.active
{
	color: #007934 !important;
}

#search
{
	padding-top: 100px;
	padding-bottom: 100px;
}

#search img
{
	
}

#search h4
{
	color: #007934;
    text-transform: capitalize;
    font-weight: bold;
    font-family: Segoe_UI_Symbol_bold !important;
    font-size: 24px;
    margin-top: 2px;
}

#search p
{
    font-family: Segoe_UI !important;
    font-size: 16px;
    color: #c2c2c2;
}

#search i
{
	color: #c4c4c4;
    font-size: 20px;
}

.mt_50
{
    margin-top: 50px;
}

.mt_75
{
    margin-top: 75px;
}

#sel1
{
	border: 0;
    box-shadow: none;
    border-bottom: 2px solid #999999;
    border-radius: 0;
    color: #999999;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

#product
{
	background-color: #f2f2f2;
	padding-top: 100px;
	padding-bottom: 100px;
}

#product h3
{
	color: #017834;
	font-family: Segoe_UI_Symbol_bold !important;
    font-size: 24px;
}

#product h5
{
	color: #adadad;
	font-family: Segoe_UI !important;
	font-size: 16px;
}

#product p
{
	color: #828282;
	font-family: Segoe_UI !important;
}

#product img
{
	border: 1px solid #ddd;
}

#product_white
{
	background-color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
}

#product_white h3
{
	color: #017834;
	font-family: Segoe_UI_Symbol_bold !important;
    font-size: 24px;
}

#product_white h3:hover {
    color: #444444;
}

#product_white h5
{
	color: #adadad;
	font-family: Segoe_UI !important;
	font-size: 16px;
        font-style: italic;
}


#product_white p
{
	color: #828282;
	font-family: Segoe_UI !important;
	letter-spacing: 0.6px;
}

#product_white img
{
	border: 6px solid rgb(216, 216, 235);
}

footer
{
	background-image:url('../images/footer_bg.png');
	padding-top: 50px;
	padding-bottom: 40px;
}

footer h4
{	
	color: #fff;
    font-family: Segoe_UI !important;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
}

footer ul
{
	list-style-type: none;
    padding-left: 0;
    margin-top: 25px;
}

footer ul li a
{
	color: #fff;
	font-size: 16px;
    line-height: 1.7;
    font-family: Segoe_UI !important;
cursor: default;
}

footer ul li a:hover
{
	color: #fff;
	text-decoration: none;
}

.address p
{
	color: #fff;
    font-size: 16px;
    line-height: 1.1;
    font-family: Segoe_UI !important;
}

.contact
{
	font-weight: bold;
    font-family: Segoe_UI_Symbol_bold !important;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
}

.contact i
{
	color: #fff;
	font-size: 24px;
}

.footer_bottom
{
	margin-top: 5%;
}

.footer_bottom p
{
	color: #fff;
	text-align: center;
	font-size: 13px;
	 font-family: Segoe_UI_Symbol_Regular;
}



.footer_bottom p a
{
	color: #fff;
	margin: 0 5px;
}

footer .footer_left_img
{
	position: absolute;
    width: 300px;
    left: 0;
    margin-top: -175px;
}

.stylish-input-group
{
	margin: 0 auto;
	width: 250px;
    margin-top: 30px;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-bottom: 45px !important;
}

.stylish-input-group .input-group-addon {
    background-color: transparent;
    border: 0;
    padding: 5px;
}
	
.stylish-input-group .form-control {
	border-right:0; 
	box-shadow:0 0 0; 
	background-color: transparent;
	border-radius: 4px 0 0 4px;
	border: 0;
	height: 34px;
}
	
.stylish-input-group button {
	border: 0;
	background: transparent;
	color: #999999;
	font-size: 22px;
}
	
.multiselect-container>li>a>label {
  	padding: 0px 20px 0px 20px;
}
	
.multiselect-container .checkbox {
	margin-top: 5px;
	margin-bottom: 5px;
}
	
.multiselect-all {
	display: none;
}
	
.multiselect-native-select .btn-group {
	width: 100% !important;
}
	
.multiselect-native-select button {
	width: 100% !important;
	padding: 7px 10px;
	overflow: hidden;
        border-radius: 2px;
}
	
.mt_20 {
	margin-top: 20px;
}
	
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
	background-color: #007934;
}

.google_map
{
	font-size: 12px;
}

.multiselect
{
	border: 0;
    border-bottom: 0px solid #a8a8a8;
    border-radius: 0;
}

.multiselect span
{
    color: #a8a8a8;
    font-style: italic;
}

.multiselect:hover {
	background-color: #fff;	
}

.multiselect:active {
	background-color: #fff;	
}

.multiselect:focus {
	background-color: #fff;	
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    background-color: #fff;	
    box-shadow: none;
}

#menu_transparent {
	background-image: url(../images/c-banner.png);
    margin-top: -93px;
    min-height: 490px;
    background-size: cover;
}

#menu_transparent p {
	color: rgba(126, 126, 126, 0.88);
    font-size: 15px;
    font-weight: bold;
    line-height: 2;
}

#menu_transparent h2
{
	color: #007b33;
    font-size: 44px;
    font-family: Segoe_UI_Symbol_Regular;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 25px;
    margin-top: 10%;
}

#menu_transparent p a
{
	font-size: 17px;
    font-weight: 100;
    color: #007932;
}

#menu_transparent .banner_img_right img
{
	float: right;
}


#menu_transparent_contact {
	background-image: url(../images/contact-banner.png);
    margin-top: -93px;
    min-height: 490px;
    background-size: cover;
}

#menu_transparent_contact p {
	color: rgba(126, 126, 126, 0.88);
    font-size: 15px;
    font-weight: bold;
    line-height: 2;
}

#menu_transparent_contact h2
{
	color: #007b33;
    font-size: 44px;
    font-family: Segoe_UI_Symbol_Regular;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 25px;
    margin-top: 10%;
}

#menu_transparent_contact p a
{
	font-size: 17px;
    font-weight: 100;
    color: #007932;
}

#menu_transparent_contact .banner_img_right img
{
	float: right;
}

.banner_top
{
	margin-top: 13%;
}

.owl-carousel .owl-item {
    margin-right: 12px;
    margin-top: 20px;
    width: 250px;
}

#plant_description h2
{
	font-size: 22px;
    font-family: Segoe_UI_Symbol_bold;
    color: #585858;
    margin-bottom: 10px;
    margin-top: 40px;
}

#plant_description h5
{
	color: #ffb700;
    font-size: 16px;
    font-family: Segoe_UI_Symbol_bold;
}

#plant_description p
{
	color: #575757;
    font-family: Segoe_UI_Symbol_Regular;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.6px;
    margin-top: 10px;
    margin-bottom: 30px;
}

#plant_description p a
{
	color: #238548;
    text-decoration: none;
    font-family: Segoe_UI;
    font-weight: bold;
}

.footer_img_right img
{
	position: absolute; 
	right: 0; 
	margin-top: -11.9%;
}

.banner_top_10 {
    margin-top: 10%;
}

.mt-50
{
	margin-top: 50px;
}

.pb-25
{
	padding-bottom: 25px;
}

.mt-25
{
	margin-top: 25px;
}

.community h2
{
	color: #017834;
    font-family: Segoe_UI_Symbol_bold !important;
    margin-top: 0;
}

.community p
{
	color: #575757;
    font-family: Segoe_UI_Symbol_Regular;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0.6px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.community p a
{
	background-color: #007b33;
    color: #fff;
    padding: 13px 15px;
    border-radius: 4px;
    font-size: 18px;
}

.community p a:hover
{
	text-decoration: none;
}

.contact_pg
{
   padding-top: 70px;
}

.contact_pg h3
{
	font-family: Segoe_UI_Symbol_bold;
    font-size: 20px;
}

.contact_pg p
{
	font-family: Segoe_UI_Symbol_Regular;
    font-size: 16px;
    line-height: 1;
}

.contact_phone
{
	font-family: Segoe_UI_Symbol_bold !important;
	color: #007a33;
	margin-top: 15px;
}

.cust_contact_link
{
	font-size: 15px !important;
    color: #007a33;
    margin-top: 10%;
}

.cust_contact_link a
{
	color: #007a33;
	margin: 0 6px;
}

.active {
	color: #007a33 !important;
}


.navbar-collapse
{
	box-shadow: none;
}

.search_blok a
{
   text-decoration: none;
}

.multiselect-container ul
{
    
}  

.active_green {
    color: #0ad25c !important;
}

#sitemap
{
   margin-bottom: 100px;
}

.plant_finder_alphabet a{
	font-size: 26px;
    margin-left: 5px;
    margin-right: 5px;
    color: #007934;
    font-weight: bold;
}

.plant_finder_alphabet {
	margin-top: 30px;
	border-bottom: 1px dashed #fff;
    padding-bottom: 15px;
    border-top: 1px dashed #fff;
    padding-top: 15px;
}

#sitemap h2 {
    color: #76aa86;
    font-size: 24px;
    font-family: Segoe_UI_Symbol_bold;
    margin-top: 50px;
}

#sitemap p {
    color: #575757;
    font-family: Segoe_UI_Symbol_Regular;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0.6px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.cat {
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

.plant_category_h2
{
	text-align: center;
    color: #077e39;
    font-weight: bold;
    margin-top: 25px;
}

.parrot_green {
    color: #7ea032 !important;
    font-size: 22px !important;
    font-family: Segoe_UI_Symbol_bold !important;
    letter-spacing: 0px !important;
}

.orange {
    color: #eb5729 !important;
    font-size: 22px !important;
    font-family: Segoe_UI_Symbol_bold !important;
    letter-spacing: 0px !important;
}

.light_chocolate {
    color: #cebb9d !important;
    font-size: 22px !important;
    font-family: Segoe_UI_Symbol_bold !important;
    letter-spacing: 0px !important;
}

.dark_orange {
    color: #d76936 !important;
    font-size: 22px !important;
    font-family: Segoe_UI_Symbol_bold !important;
    letter-spacing: 0px !important;
}

.sitemap_block
{
	background-color: #eee;
}

#sitemap {
	padding: 80px 0px;
}


#sitemap ul {
	padding-left: 0;
    list-style-type: none;
}

#sitemap h4 {
	font-size: 20px;
}

.well h3 {
    margin-top:0px;
}

.plant-description .well p {
    margin-bottom: 5px;
}

.plant-description span {
    font-size: 45px;
    color: #057c37;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.plant-description h2 {
    font-size: 22px;
    font-family: Segoe_UI_Symbol_bold;
    color: #585858;
    margin-bottom: 10px;
    margin-top: 25px;
}

#store_address h2 {
    font-size: 22px;
    font-family: Segoe_UI_Symbol_bold;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 25px;
}

.dashed_border {
   border-right: 1px dashed #000;
}

#store_address h3 {
    font-family: Segoe_UI_Symbol_bold;
    color: #fff;
    font-size: 18px;
}

#store_address p {
    color: #fff;
    font-family: Segoe_UI_Symbol_Regular;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.6px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.product_about h3 {
    color: #f5a64a !important;
    font-family: Segoe_UI_Symbol_bold !important;
    font-size: 24px;
}

#store_address
{
    margin-top: 25px;
    background-color: #24ab5e;
    padding-bottom: 30px;
}

.about_social a i {
      font-size: 26px;
      color: #077e39;
      margin-right: 5px;
      margin-left: 5px;
}

.product_about img {
    border: 1px solid #ddd;
    padding: 5px;
    width: 100%;
}

.price_tag {
    position: absolute;
    top: 10px;
    background-color: #eb5729;
    padding: 2px 12px;
    border-radius: 25px;
    color: #fff;
    left: 20px;
    font-weight: bold;
}

#footer_section_top {
    background-color:  rgba(7, 126, 57, 0.14);
    text-align: center;
    padding-bottom: 25px;
    padding-top: 20px;
}

#footer_section_top h2 {
    color: #017834;
    text-transform: capitalize;
    font-size: 36px;
    margin: 0 0 20px;
    font-family: Segoe_UI_Symbol_Regular;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}

#footer_section_top p {
    color: #636765;
    font-size: 18px;
    font-family: Segoe_UI !important;
}

#cat_banner_below li {
    font-size: 18px;
    margin-top: 2px;
    font-family: Segoe_UI;
    letter-spacing: 1px;
}

#cat_banner_below p {   
    font-size: 18px;
    margin-top: 25px;
   
    font-family: Segoe_UI;
    letter-spacing: 1px;
}

#social_icons {
    margin-top: 30px;
}

#social_icons p .fb {
    background-color: #eb5729;
    padding: 9px 13px;
    border-radius: 50%;
    color: #fff;
}

#social_icons p .gp {
    background-color: #eb5729;
    padding: 9px 8px;
    border-radius: 50%;
    color: #fff;
}

#social_icons p .tw {
    background-color: #eb5729;
    padding: 9px 10px;
    border-radius: 50%;
    color: #fff;
}

#social_icons p .li {
    background-color: #eb5729;
    padding: 9px 11px;
    border-radius: 50%;
    color: #fff;
}

#cat_banner_below h2
{
    text-align: center;
    font-style: italic;
    color: #6b6b6b;
    margin-top: 5px;
    margin-bottom: 5px;
}

.cust_footer_fb {
    background-color: #fff;
    padding: 8px 11px 6px;
    border-radius: 50%;
}

.cust_footer_gp {
    background-color: #fff;
    padding: 7px 5px 6px;
    border-radius: 50%;
}

.cust_footer_tw {
    background-color: #fff;
    padding: 7px 8px;
    border-radius: 50%;
}

.cust_footer_li {
    background-color: #fff;
    padding: 7px 9px;
    border-radius: 50%;
}

.cust_footer_fb, .cust_footer_gp, .cust_footer_tw, .cust_footer_li {
   color: #087f3a;
   font-size: 18px;
}

.team {
    color: #077e39;
    font-family: Segoe_UI_Symbol_bold !important;
    margin-top: 0;
    font-size: 32px;
    text-align: center;
    margin-bottom: 35px;
}

.upper_img {
    width: 20% !important; 
    border: 0 !important;
}

@media(max-width: 1600px)
{
    #search img
    {
	position: absolute;
        right: 0;
        top: 9.6%;
        width: 400px;
    }
}

@media(min-width: 1280px) and (max-width: 1920px)
{
	.owl-carousel .owl-item {
	    width: 270px !important;
	    margin-right: 20px;
	}
}

@media(min-width: 768px) and (max-width: 991px)
{
	#menu_transparent 
	{	
		margin-top: -143px;
	}
}



@media(max-width: 420px)
{
	.navbar-brand {
    	padding: 0;
	}
	
	#menu_transparent {
    	margin-top: -89px;
	}	
}

@media (max-width: 391px)
{
	.navbar-brand {
	    margin-top: 15px;
	    padding-left: 0;
	    width: 75%;
	}
}

@media(max-width: 768px)
{
	footer img
	{
    	display: none;
	}
	
	.navbar-default .navbar-toggle {
    	border-color: #007b34;
	}
	
	.navbar-toggle{
		margin-right: 0;
		margin-top: 25px;
		z-index: 99;
	}
	
	footer .footer_left_img {
		display: none;
	}footer
	
	#search img
	{
		display: none;
	}
	
	#navbar
	{
		border-top: 0px;
		margin-bottom: 70px;
	}

        .search_blok
        {
             text-align: center;
        }

        .search_blok img
        {
             margin: 0 auto;
        }
}


@media(max-width: 991px)
{
	.community h2 {
		margin-top: 15px;	
	}
  
        #search
        {
              text-align: center;
        }

        #search img {
           position: static;
           top: 5%;
        }
     
        #search {
           padding-top: 20px;
        }  

        .multiselect-container ul
        {
              width: 100%;
        }       
}

@media(max-width: 1600px)
{
    .footer_img_right img {
        margin-top: -14.3%;
    }
}
@media(max-width: 1400px)
{
  .footer_img_right img {
    margin-top: -16.8%;
  }
}

@media(max-width: 1300px)
{
    .footer_img_right img {
        margin-top: -18%;
    }
}
@media(max-width: 1080px)
{
    .footer_img_right img {
       margin-top: -21.2%;
    }
}

@media(max-width: 1024px)
{
   .community p {
    
    line-height: 1.4;
    letter-spacing: 0.6px;
    margin-top: 5px;
    margin-bottom: 15px;
  }

  .footer_img_right img {
    margin-top: -22.4%;
  }
}

@media(max-width: 991px)
{
   .dashed_border {
       border: 0px;
   }
}

@media(max-width: 509px)
{
    #search img {
         display: none;
    }

    .contact_page {
       text-align: center;
    }

    .contact_page img {
       margin: 0 auto;
    }
}

.cate_header
{
    text-align:center;
    margin-bottom: 50px;
    color: #017834;
    font-family: Segoe_UI_Symbol_bold !important;
}