@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';
@import 'https://fonts.googleapis.com/css?family=Raleway:200,400,700';
@import 'https://fonts.googleapis.com/css?family=Questrial';
@import 'https://fonts.googleapis.com/css?family=Lato:300,400';
@import 'https://fonts.googleapis.com/css?family=Roboto:300';



body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #454545;
}
body ul,
body li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a:focus,
a:hover{
    text-decoration: none;
}

label.checked{
    color: #82a43e;
}

.lb-data .lb-caption{
	line-height: 2em!important;
}

label input[type=checkbox]{
    display: none;
}
label span{
    display: inline-block;
    margin-right: 11px;
    width:13px;
    height:10px;
    background-image: url("../img/check-off.png");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
label.checked span{
    background-image: url("../img/check-on.png");
}

h3{
    font-size: 36px;
    color: #82a43e;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 45px;
}

.tal{
	text-align:left !important;
}
.main-indents{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.col-sm-6.cl-info{
    padding-left: 0;
}
.main-indents.climate{
    padding-left: 22px;
     margin-bottom:5px;
}
.iplantz-nav .navbar-brand{
    padding: 0;
    font-size: 16px;
}

.iplantz-nav .navbar-header>span{
    position: relative;
    top: 28px;
    font-family: 'Questrial', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4c2c12;
    font-size: 16px;

}
.arrows{
    display: inline-block;
    font-size: 12px;
     transform: scale(1,1.5);
    -webkit-transform: scale(1,1.5);
    -moz-transform: scale(1,1.5);
    -ms-transform: scale(1,1.5);
    -o-transform: scale(1,1.5);
}

.iplantz-nav.navbar{
    margin-top: 7px;
    border: none;
    border-radius: 0;
    background-color: white;
    -moz-box-shadow: 0 4px 4px -4px rgba(154, 181, 100, 0.4);
    -webkit-box-shadow: 0 4px 4px -4px rgba(154, 181, 100, 0.4);
    box-shadow: 0 4px 4px -4px rgba(154, 181, 100, 0.4);
    border-bottom: solid 0.5px rgba(130, 163, 62, 0.8);
}
.nav>li>a {
    padding: 10px 0;
}
.iplantz-nav.navbar li>a{
    color: #40632E;
    opacity: 0.6;
}
.iplantz-nav.navbar li>a.btn,
.iplantz-nav.navbar li.active>a{
    opacity: 1;
}

.iplantz-nav.navbar li.active>a:hover{
    background-color: transparent;
}
.iplantz-nav .navbar-header{
    min-width: 40%;
}

.iplantz-nav ul.nav{
    margin-top: 11px;
}
.iplantz-nav.navbar li{
    margin-left: 50px;
}
.iplantz-nav.navbar li.active>a{
    color: #40632e;
    -moz-box-shadow: 0 8px 4px -4px rgba(153, 180, 98, 0.4);
    -webkit-box-shadow: 0 8px 4px -4px rgba(153, 180, 98, 0.4);
    box-shadow: 0 8px 4px -4px rgba(153, 180, 98, 0.4);
    border-bottom: 2px solid #82a43e;
    background-color: transparent;
    padding-bottom: 21.5px;
}

.iplantz-nav li.buttons{
    margin-top: 9px;
    margin-left: 32px;
}
ul.nav li.buttons>a{
    display: inline;
}
ul.nav li.buttons>.btn-sign{
    margin-right: 16px;
}
.btn{
    border-radius: 4px;
    border: solid 2px #40632e;
    text-align: center;
    padding: 4px 25px;

}
.navbar-nav>li>.btn-sign,
.btn-sign{
    color: #424242;
    padding: 4px 25px;
}
.btn-sign:hover{
    border: solid 2px #82a43e;
}
.btn-sign:focus{
    border: solid 2px #c3d830;
}
.navbar-nav>li>a.btn-register,
a.btn-register{
    color: #ffffff;
    padding: 4px 25px;
    background-color: #40632e;
}
.navbar-nav>li>a.btn-register:hover,
a.btn-register:hover{
    background-color: #72ab3b;
    border: solid 2px #72ab3b;
    color: #ffffff;
}
a.btn-register:focus{
    background-color: #b7e021;
}
.iplantz-slogan{
    font-size: 36px;
    line-height: 70px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #603a17;
    padding: 0 80px;
    margin-top: 3px;
    margin-bottom: 30px;
}

.search{
    max-width: 768px;
    margin: auto;
}


.search input,
.search button{
    padding-left: 26px;
    padding-top: 19px;
    height: 56px;
    padding-bottom: 19px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;

}
.search .search-btn{
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding: 8px 42px;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    background-color: #82a43e;
    box-shadow: 0 0 4px 0 #82a43e;
}
.search.search-page{
    max-width: 100%;
}
.plants-uploaded{
    margin-top: 7px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #40632e;
}
.plants-uploaded span{
    padding-left: 9px;
}
.home-image{
    margin-top: 36px;
    background-image: url("../img/bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 501px;
}
h1.f-plants{
    font-size: 36px;
    line-height: 40px;
    margin-top: 0;
    color: #82A43E;
    text-align: center;
    position: relative;
    top:-58px;
    margin-bottom: -15px;
}
.home-image form{
    max-width: 768px;
    border-radius: 4px;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.25);
}
.home-image form>div.row{
    position: relative;
}
.home-image form>div.row .vline{
    position: absolute;
    left: 50%;
    top: 28px;
    bottom: 28px;
    border: 1px solid #dfdfdf;
}

.home-image .climate-search h2{
	font-size: 30px;
}


.climate-search h2{
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    color: #603a17;
}
.climate-search p{
    opacity: 0.54;
    font-size: 12px;
}


div.bootstrap-select button.btn-info{
    border-radius: 15px;
    box-shadow: 0 0 2px 0 #bfbfbf;
    background-color: #ffffff;
    color: #40632e;
    padding: 4px 15px;
    border: 1px solid white;
}
div.bootstrap-select.btn-group.open .dropdown-toggle{
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.bootstrap-select.open>.dropdown-toggle.btn-info,
div.bootstrap-select.open>.dropdown-toggle.btn-info:hover{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: white;
    border: 1px solid #82a43e;
    background-color: #82a43e;
    color: white;
    border-bottom: none;

}

div.bootstrap-select.btn-group .dropdown-menu{
    border-radius: 0;
    margin-top: -5px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border: 1px solid #82a43e;
    overflow: hidden;
}

div.bootstrap-select button.btn-info:hover{
    border: 1px solid #40632e;

}

div.bootstrap-select button.btn-info:focus{
    border: 1px solid #c3d830;
    outline: none !important;
}

div.bootstrap-select.btn-group .dropdown-menu a{
    outline: none !important;
    color: #40632e;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.climate-search div.bootstrap-select.form-control{
    display: block;
    max-width: 288px;
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.climate-search label{
    font-size: 12px;
    color: #c5c5c5;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.climate h3{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 16px;
    margin-top: 22px;
    color: #454545;
}
.climate h3>span{
    color: #82a43e;
}

/*Start sprite*/
.cl-sprite{
    background-image: url("../img/sprites.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.high-temp{
    background-position: -29px -29px ;
}

.latitude{
    background-position: -24px -273px ;
}

.low-temp{
    background-position: -29px -78px ;
}

.rainfall{
    background-position: -27px -126px ;
}

.length{
    background-position: -26px -175px ;
}

.elevation{
    background-position: -24px -225px ;
}

.longitude{
    background-position: -23px -324px ;
}

.source{
    background-position: -27px -375px ;
}
/*End sprite*/


.climate-info li{
    font-size: 10px;
    position: relative;
    padding-left: 32px;
    min-height: 32px;
    padding-right: 32px;
}
.climate-info li .cl-sprite {
    position: absolute;
    left: 0;
}

.climate-info li>b{
    font-size: 12px;
    color: #82a43e;
}
.climate-info li.bl-source{
    opacity: 0.4;

}

/*Start navbar gamburger*/
.iplantz-nav.navbar-default .navbar-toggle {
    border: none;
    padding: 0;
    margin-right: 0;
}
.iplantz-nav.navbar-default .navbar-toggle:hover{
    background-color: inherit;
}
.iplantz-nav.navbar-default .navbar-toggle:focus{
    background-color: inherit;
}
.iplantz-nav .navbar-toggle .icon-bar {
    background-color: #738a26;
    height: 4px;
    width: 36px;
    margin-bottom: 12px;
}
.iplantz-nav .navbar-toggle .icon-bar-second{
    width: 24px;
    margin-left: 12px;
}
.iplantz-nav .navbar-toggle .icon-third{
    width: 16px;
    margin-left: 20px;
}
/*End navbar gamburger*/


.grid-item, .grid-sizer {
    width: 33.3%;
    padding: 0 7px;

}

.grid-item{
    position: relative;
}

.grid-item .item-title{
    position: absolute;
    top: 50px;
    width: 80%;
    left: 10%;
    text-align: center;
    font-size: 22px;
    color: white;
    font-style: normal;
    font-stretch: normal;
}

.grid-item .item-btn {
    position: absolute;
    bottom: 50px;
    width: 80%;
    left: 10%;
    text-align: center;
}
.grid-item .item-btn a{
    font-family: 'Raleway', sans-serif;
    color: white;
    font-size: 12px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    width: 150px;
    padding:  11px 13px;
    border-radius: 50px;
    border: 2px solid white;
}

.grid-item img{
    text-align: center;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    box-shadow: 0 0 25px #888888;
    margin-bottom: 10px;
    min-height: 150px;
    width: 100%;
}
.iplantz-contacts{
    text-align: center;
    margin-top: 30px;
}
.iplantz-contacts a{
    padding-right: 20px;
}

.iplantz-rights{
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 33px;
}
.show-mobile{
    display: none;
}

/*Start plants-description*/
.breadcrumb{
    background-color: transparent;
    padding: 5px 0;
}
.breadcrumb li{
    padding-right: 6px;
}
.breadcrumb>.active{
    color: #40632e;
    font-size: 12px;
}
.breadcrumb li>a{
    color: #40632e;
    opacity: 0.4;
    font-size: 12px;
    line-height: 15px;
}
.breadcrumb>li+li:before {
    padding: 0;
    padding-right: 6px;
    color: #40632e;
    opacity: 0.4;
    content: "›";
}
div.main-img{

    background-repeat: no-repeat;
    background-position: center center;
    min-height: 260px;
    position: relative;
}


div.plant-title {
    -moz-osx-font-smoothing: grayscale;
    background-color: #603a17;
    border-radius: 2px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.41);
    color: #ffffff;
    font-size: 36px;
    font-style: italic;
    height: 112px;
    line-height: 112px;
    margin-left: -20px;
    margin-top: -92px;
    position: absolute;
    text-align: center;
    width: 480px;
    white-space:nowrap;
}

.plant-type h1{
    font-size: 24px;
    color: #404040;
    margin-top: 60px;
    margin-bottom: 24px;
}
.plant-type h2,
.names{
    font-size: 20px;
    color: #404040;
    margin-bottom: 26px;
}
.names{
    margin-bottom: 6px;
}
.tag{
    font-size: 14px;
    color: #82a43e;
    padding: 2px 16px;
    border: solid 1px #82a43e;
    border-radius: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 16px;
    position: relative;
    top: -1px;
}
a.tag{
    cursor: pointer;
}
a.tag:hover{
    color: #40632e;
}
.tag-active{
    background-color: #82a43e;
    color: #ffffff;
}
.tag-active a{
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    line-height: 10px;
    position: relative;
    top: 3px;
    left: 3px;
}
.tag-active a:hover{
    font-weight: bold;
    color: #ffffff;
}

.plant-type h1>b,
.plant-type h2>b{
    color: #82a43e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.plants-info img{
	max-width:100%;
}

.plants-info h4{
    font-size: 24px;
    margin-top: 60px;
    margin-bottom: 40px;
}

.plants-info h3{
	font-size: 24px;
    color: inherit;
    text-align: left;
    margin-top: 35px;
    margin-bottom: 7px;
}

.plants-info p{
    font-size: 16px;
    line-height: 30px;
    color: #383838;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 25px 0;
}

p.letter::first-letter {
    font-weight: bold;
    font-size: 24px;
}
.advert{
    float: right;
    margin-left: 35px;
    margin-top:120px;
}
.advert-item {
    height:600px;
    margin-bottom: 90px;
}
.advert-item:last-child {
    margin-bottom: 40px;
}
.bottom-advert,
.bottom-advert-mob{
    text-align: center;
}
.mob-carousel{
    display: none;
}
.row.row-carousel{
    margin-right: -20px;
    margin-left: -20px;
}

body .jcarousel-wrapper{
    border-top: 0;
    border-bottom: 0;
}
body .jcarousel-wrapper,
body .jcarousel {
    border-radius: 0;
    box-shadow: none;
}
body .jcarousel li>a>img{
    padding-left: 9px;
    padding-right: 9px;
    cursor: pointer;
    width: 100%;
}


body .jcarousel-control-prev,
body .jcarousel-control-next {
    background: none;
    color: #40632e;
    font-size: 54px;
    width: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
     border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
     box-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body .jcarousel-control-prev {
    left: -25px;
}
body .jcarousel-control-next {
    right: -25px;
}

body .pswp__bg {
    background-color: rgba(0, 0, 0, 0.8);
}
.disclaimer-text{
    padding: 20px 0;
    line-height: 2.63rem;
}
/*End plants-description*/


#googleMap{
    width:100%;
    height:600px;
}
.map{
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.17);
    margin-bottom: 30px;
}

.hints{
    display: inline-block;
    font-size: 12px;
    color: #66380e;
    text-align: center;
    width: 16px;
    line-height: 16px;
    height: 16px;
    border: 1px solid #66380e;
    border-radius: 100px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hints-active{
    background-color: #66380e;
    color: white;
}

.tooltip > .tooltip-inner {
    background-color: #fff;
    min-width: 250px;
    margin-left: 170px;
    z-index: 100;
    max-height: 264px;
    overflow-x: scroll;;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.37);
    opacity: 1;
    text-align: left;
    padding: 11px;
    font-size: 12px;
    font-weight: normal;
    color: #383838;
}
body .tooltip.top .tooltip-arrow {
    border-top-color: white;
}
body .tooltip.bottom .tooltip-arrow {
    border-bottom-color: white;
}

body .tooltip.in{
    min-width: 250px;
    opacity: 1;
}
.filter{
    margin-bottom: 23px;
}

.filter.ui-accordion{
    margin-bottom: 16px;
}
.filter h4,
.filter.ui-accordion h4.ui-accordion-header,
.filter.ui-accordion h4.ui-accordion-header.ui-state-active{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.4px;
    color: #969696;
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
    margin: 0;
    border-radius: 0;
    padding: 0;
}

.search-bar{
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.4px;
    color: #969696;
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
    margin: 0;
    border-radius: 0;
    padding: 0;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 17px;
    padding-right: 13px;
    height: 40px;
}


.search-bar label{
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
}

.search-bar .rpage,
.bottom-bar .rpage{
    font-size: 14px;
    float: right;
    display: inline-block;
    border-left: 1px solid #e9e9e9;
    padding-left: 20px;
    margin-left: 20px;
    line-height: 24px;
    margin-top: -4px;
    letter-spacing: 0.3px;
    color: #969696;
}
.bottom-bar .rpage {
    border-left: 0;
}
.bottom-bar .rpage  label{
    color: #969696;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.search-bar .rpage .active,
.bottom-bar .rpage .active{
    color: #40632e;
    font-weight: bold;
    padding-left: 2px;

}
.search-bar .rpage a,
.bottom-bar .rpage a{
    color: #82a43e;
    padding-left: 2px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.search-bar .sort-by{
    float: left;
    margin-top: -7px;
    margin-bottom: -5px;
}

.filter h4.ui-accordion-header a,
.filter.ui-accordion h4.ui-accordion-header.ui-state-default a,
.filter.ui-accordion h4.ui-accordion-header.ui-state-active a{
    color: #40632e;
    background-image: url("../img/plus.png");
    background-repeat: no-repeat;
    font-family: 'Montserrat', sans-serif;
    background-size: 12px 12px;
    background-position: center right 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.filter.ui-accordion h4.ui-accordion-header.ui-state-active a{
    background-image: url("../img/minus.png");
}

.filter.ui-accordion .filter-item ul{
    border: 0;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}

.filter-item ul li{
    margin-left: 17px;
    font-size: 13px;
    color: #969696;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.3px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.filter-item ul li label{
    margin-top: 5px;
    margin-bottom: 5px;
}
.filter-item ul li input{
    margin-right: 11.3px;
}

.filter h4.ui-accordion-header a,
.filter h4 span{
    display: block;
    padding-top: 11px;
    padding-bottom: 10px;
    padding-left: 17px;
    padding-right: 13px;
    line-height: 17px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.filter.ui-accordion .ui-accordion-content{
    padding: 0;
    border-radius: 0;
    background-color: white;

}
.filter.ui-accordion h5.ui-accordion-header{
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    border: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #82a43e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid  #e9e9e9;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 17px;
    padding-right: 13px;
    background-image: url("../img/arrow.png");
    background-repeat: no-repeat;
    background-size: 12px 6px ;
    background-position: center right 13px;

}
.filter.ui-accordion h5.ui-accordion-header.ui-state-active{
    background-image: url("../img/arrow-up.png");
    border-bottom: 0;
}
.filter *:focus {outline:0;}

.filter-item.ui-widget.ui-widget-content {
    border: 0;
    border-left: 1px solid  #e9e9e9;;
    border-right: 1px solid  #e9e9e9;;
}
.filter.ui-accordion h5.ui-accordion-header a{
    color: #82a43e;
    font-size: 14px;
}
#search-page h1{
    font-size: 24px;
    color: #515151;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    line-height: 1.23em;
    margin-top: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 24px;
}
#search-page h1 span,
.s-mob-title span{
    color: #82a43e;
}

#search-page .searched{
    text-align: center;
    margin-bottom: 17px;
}
#search-page .searched .tag{
    margin-right: 24px;
}

#search-page .s-ad-horizontal{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 24px;
}

#search-page ul.result-list li{
    margin-bottom: 24px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#search-page ul.result-list li div.img{
    width: 144px;
    text-align: center;
    float: left;
}

#search-page ul.result-list li div.img a{

    font-style: normal;
    padding-bottom: 8px;
}

#search-page ul.result-list li div.text{
    margin-left: 170px;
    margin-right: 35px;
}
#search-page ul.result-list li a{
    color: #82a43e;
    font-style: italic;
}

#search-page ul.result-list li .title{
    line-height: 125%;
    padding-top: 12px;
    margin-bottom: 4px;
    letter-spacing: 0.4px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;

}

#search-page ul.result-list li .sname{
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;
    color: #969696;
}

#search-page ul.result-list li .desc{
    font-size: 14px;
    margin-top: 5px;
    line-height: 22px;
}
.slider-value>span{
    color: #93b158;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-family: 'Montserrat', sans-serif;
}
.slider-value{
    color: #383838;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}
.slider-value.temperature{
   font-size: 18px;
    margin-bottom: 0px;
}
.slider{
    margin-right: 24px;
    margin-left: 6px;
    margin-bottom: 18px;
}
#slider-month{
    margin-right: 25px;
    margin-left: 6px;
    margin-bottom: 18.5px;
}
.sl-range{
    margin-right: 24px;
}

#search-page li .ui-slider{
    height: 1px;
    border: 0;
    border-bottom: 1px solid #82a43e;
}

#search-page li .ui-slider .ui-slider-handle,
#search-page li .ui-slider .ui-slider-handle.ui-state-active,
#search-page li .ui-slider .ui-slider-handle.ui-state-focus,
#search-page li .ui-slider .ui-slider-handle.ui-state-hover{
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    box-shadow: 0 0 5px 1px rgba(159, 221, 37, 0.79);
    border-radius: 100px;
    border: 1px solid #9fdd25 ;
    outline: none !important;
    margin-top: -3px;
}
.filter-top-btn{
    text-align: center;
}
.filter-top-btn a{
    display: none;
}
.adv-320{
    display: none;
}
.where-it-grows{
    margin-top: 40px;
}


/*responsive*/
@media screen and (min-width: 768px){

    .iplantz-nav .navbar-collapse{
        padding-left: 0;
    }

    .home-image{
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 36px;
    }
    .bottom-advert-mob{
        display: none;
    }

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

    .show-desktop{
        display: none;
    }
    .show-mobile{
        display: block;
    }

    .iplantz-nav li.buttons{
        margin-top: 10px;
        margin-left: 21px;
        margin-bottom: 20px;
    }
    .iplantz-nav.navbar li {
        margin-left: 20px;
    }
    .iplantz-nav.navbar li.active>a {
        color: #40632e;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 0;
        padding-bottom: 10px;
    }
    #home-page form>div.row{
        margin-right: 0;
         margin-left: 0;
    }
    h1.f-plants {
        top: inherit;
        margin: 25px 0;
        line-height: 1em;

    }
    .iplantz-slogan{
        font-size: 18px;
        font-weight: 300;
        line-height: 1.94;
        text-align: center;
        font-weight: 300;
        color: #603a17;
        padding: 0;
        margin-bottom: 30px;
        margin-top: 14px;
    }
    .navbar {
        margin-bottom: 14px;
    }
    .plants-uploaded{
        font-size: 10px;
    }
    .home-image {
        background-image: none;
    }
    .home-image form {
        margin-right: 15px;
        margin-left: 15px;
    }
    .climate-search h2 {
        font-size: 24px;
        text-align: center;
        margin-top: 25px;
    }
    .climate-info li.bl-source {
        margin-bottom: 25px;
    }
    .climate-search p{
        font-size: 10px;
        text-align: center;
        margin-bottom: 17px;
    }
    .climate h3{
        text-align: center;
    }
    .advert,
    .bottom-advert{
        display: none;
    }
    body .jcarousel-wrapper{
        margin-right: 24px;
        margin-left: 24px;
    }

}

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

    .grid-item, .grid-sizer {
        width: 50%;
    }
}
@media screen and (max-width: 600px){
    .grid-item, .grid-sizer {
        width: 100%;
    }
    h1.f-plants {
        font-size: 24px;
    }
    .navbar-header a.navbar-brand{
        float: none;
    }
    .iplantz-nav .navbar-header .logo-info{
        display: block;
        top: 0;
        margin-left: 20px;
        margin-bottom: 7px;
    }
        .grid-item, .grid-sizer {
        padding: 0 15px;
    }
        .climate-search div.bootstrap-select.form-control {
        max-width: none;
    }
        .climate-search label {
        text-align: center;
        display: block;
        margin-bottom: 9px;
    }
        .tag{
        margin-top: 7px;
    }
        .climate-info li {
        padding-right: 0;
    }
    }
@media screen and (max-width: 425px){
    .main-indents {
        padding-right: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 1199px){
    #search-page .s-ad-horizontal{
        display: none;
    }
    #search-page .bottom-advert-mob{
        display: block;
    }
    #search-page .search-bar{
        margin-bottom: 27px;
    }
    
    	.search-bar .rpage, .bottom-bar .rpage{
		padding-left:10px;
		margin-left:10px;
	}
}

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


	
    div.plant-title {
        position: relative;
        margin: 0;
        min-width: 0px;
        width: 100%;
        font-size: 18px;
        height: 64px;
        line-height: 64px;
    }
    body .jcarousel-control-prev {
        display:none;
    }
    body .jcarousel-control-next {
        display:none;
    }
    
   body .jcarousel-wrapper{
        margin-right: 0px;
        margin-left: 0px;
    }

    div.main-img{
        display: none;
        background-repeat: no-repeat;
        background-position: center center;
        min-height: 0;
        height: 44px;
        position: fixed;
        bottom: 0;
        left:0;
        width: 100%;
        z-index: 100;
        margin: 0;
    }
    body{
        padding-bottom: 44px;
    }

    div.main-img ul{
        height: 44px;
        position: relative;
        right: 0;
        margin: 0;
    }
    div.main-img ul li{
        width: 20%;
        float: left;
        margin: 0;
        text-align: center;
    }

    div.main-img ul li a{
        font-size: 0;
        color: rgba(255, 255, 255, 0);
        width: 32px;
        display: inline-block;
    }

    .row.row-carousel{
        margin-right: -15px;
        margin-left: -15px;
    }
    div.plant-title.plant-title-f{
        margin-top: 64px !important;
    }

    .plant-type h1,
    .plant-type h2,
    .plant-type .names{
        font-size: 16px;
        margin: 0;
        margin-top: 16px;
    }
    .plant-type h1,
    .plant-type h2{
        line-height: 22px;
    }

    .plant-type .names{
        margin-bottom: 0;
    }
    h3 {
        font-size: 24px;
        margin-top: 10px;
        margin-bottom: 26px;
    }
    body .jcarousel li>a>img {
        padding-left: 0px;
        padding-right: 0px;
    }
    .tooltip > .tooltip-inner {
        margin-left: 0;
    }
    .breadcrumb {
        margin-top: 17px;
        margin-bottom: 12px;
    }
    .plants-info p{
        font-size: 15px;
        line-height: 2.63rem;
    }
    .row-carousel{
        display: none;
    }
    .mob-carousel{
        display: block;
    }
    .mob-carousel .jcarousel-wrapper{
        margin-top: 24px;
        margin-bottom: 4px;
    }

    .iplantz-nav.navbar{
        border: none;
        margin-bottom: -4px;
    }
    .iplantz-nav.navbar:after{
        content: ' ';
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
        display: block;
        box-shadow: 0 0 4px 0 #9ab564;
        border-bottom:  1px solid rgba(130, 163, 62, 0.4);

    }
    .map{
        margin-right: 16px;
        margin-left: 16px;
    }

    #googleMap{
        height:599px;
    }
    .search.search-page {
        margin-top: 18px;
    }
    #search-page h1 {
        font-size: 16px;
        margin-top: 24px;
        margin-bottom: 17px;
    }

    #search-page .searched {
        margin-bottom: 7px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .filter-top-btn{
        margin-bottom: 24px;
    }
    .filter-top-btn a{
        display: inline-block;
        width: 288px;
        height: 48px;
        line-height: 48px;
        font-size: 14px;
        text-align: center;
        color: #ffffff;
        background-color: #65411f;
        box-shadow: 0 10px 20px 0 rgba(101, 64, 31, 0.49);
        -moz-box-shadow: 0 10px 20px 0 rgba(101, 64, 31, 0.49);
        -webkit-box-shadow: 0 10px 20px 0 rgba(101, 64, 31, 0.49);
        border-radius: 64px;
        cursor: pointer;
    }
    
   
    
    .result-list .img img {
        height: 87px !important;
        width: auto !important;
    }
    #search-page ul.result-list li div.img {
        width: 70px;
    }
    #search-page ul.result-list li div.text {
        margin-left: 93px;
        margin-right: 12px;
    }
    .search-bar {
        height: auto;
    }
    #search-page ul.result-list li .title {
        font-size: 14px;
        padding-top: 4px;
         margin-bottom: 0;
         white-space:nowrap;
    }
    #search-page ul.result-list li .sname {
        font-size: 12px;
    }

    #search-page ul.result-list li .desc {
        font-size: 10px;
        line-height: 16px;
        margin-top: 1px;
    }
    .search-bar{
        font-size: 14px;
    }
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 212px;
        margin-left: 12px;
    }
    .left-filters{
        display: none;
    }
    .search-bar{
        margin-left: -15px;
        margin-right: -15px;

    }
    .search-bar .sort-by{
        float: none;
        margin-top: 5px;
        margin-bottom: 0;
        height: 30px;

    }
    .search-bar .rpage{
        margin-top: 8px;
        width: 50%;
        margin-left: 0;
        padding-left: 0;
        margin-bottom: -8px;
    }
    .search-bar .rpage:nth-child(2){
        text-align: right;
    }
    .search-bar .rpage:nth-child(3){
        border-left: 0;
    }
    #search-page ul.result-list li div.img a{
        font-size: 12px;
    }
    .tag {
        font-size: 12px;
        padding: 2px 14px;
    }
    .tag-active a {
        font-size: 18px;
    }
    #search-page .searched .tag {
        margin-right: 9px;
        margin-left: 9px;
        margin-bottom: 10px;
    }
    .bottom-bar{
        margin-top: -14px;
        margin-bottom: 16px;
    }

    .bottom-bar .rpage{
        display: block;
        float: none;
        text-align: center;
         padding-left: 0;
         margin-left: 0;
    }
    .s-mob-title{
        font-size: 16px;
        line-height: 46px;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .s-mob-title a{
        display: block;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 16px;
        top:14px;
        background-image: url(../img/arrow-left.png);
        background-repeat: no-repeat;
        background-size: 8px 16px;
        background-position: center center;
    }
    .s-mob-title:after {
        content: ' ';
        width: auto;
        margin-bottom: 12px;
        display: block;
        box-shadow: 0 0 4px 0 #9ab564;
        border-bottom: 1px solid rgba(130, 163, 62, 0.4);
    }
    .filter:first-of-type{
        display: none;
    }
    .adv-320{
        display: block;
        text-align: center;
        margin-bottom: 25px;
    }
    .adv-320,
    .bottom-advert-mob{
        margin-left: -15px;
        margin-right: -15px;
    }
    .col-sm-6.cl-info{
        padding-left: 15px;
    }
    .main-indents.climate{
        padding-left: 15px;
        border-left: 0;
    }
    .climate h3{
        padding: 0 20px;
        line-height: 22px;
    }
    .climate h3:before{
        content: ' ';
        height: 2px;
        display: block;
        margin-bottom: 15px;
        margin-top: -5px;
        opacity: 0.7;
        border-style: solid;
        border-width: 1px;
        border-image-source: linear-gradient(to left, rgba(241, 241, 241, 0), rgba(235, 235, 235, 0.62) 30%, #e8e8e8 49%, rgba(227, 227, 227, 0.55) 69%, rgba(222, 222, 222, 0));
        border-image-slice: 1;
    }

    .home-image form>div.row .vline{
        display: none;
    }
    .home-image .form-group{
        margin-bottom: 22px;
    }
    .where-it-grows{
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) and (orientation: landscape){
    #googleMap{
        height:450px;
    }
}


.iplantz-nav.navbar li.no-active>a {
    padding-bottom: 21.5px;
}

input[type=submit].btn-register{
    color: #ffffff;
    padding: 4px 25px;
    border: 2px solid #40632e;
    background-color: #40632e;
}
input[type=submit].btn-register:hover{
    background-color: #72ab3b;
    border: 2px solid #72ab3b;
    color: #ffffff;
}
input[type=submit].btn-register:focus{
    background-color: #b7e021;
    outline: none;
}
ul.nav li.buttons>a.btn-sign:last-child {
    margin-right: 0;
}

input[type=submit].btn-sign{
    color: #424242;
    border: 2px solid #40632e;
    background-color: white;
    padding: 4px 25px;
}
input[type=submit].btn-sign:hover{
    border: solid 2px #82a43e;
}
input[type=submit].btn-sign:focus{
    border: solid 2px #c3d830;
    outline: none;
}


.form-sign{
    margin-top: 30px;
}
.donate p{
    font-size: 16px;
    line-height: 30px;
    color: #383838;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 25px 0;
}
.donate form{
    text-align: center;
}

@media screen and (max-width: 767px){
    .iplantz-nav.navbar li.no-active>a {
        padding-bottom: 10px;
    }
    .donate p{
        font-size: 15px;
        line-height: 2.63rem;
    }
}



/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.css v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}

  .toggle, .toggle-on, .toggle-off { border-radius: 20px; }
  .toggle .toggle-handle { border-radius: 20px; }