@font-face {
font-family: 'Roboto Light';
font-style: normal;
font-weight: 400;
src: local('Roboto Light'), local('Roboto-Light'), url(roboto/Roboto-Light-webfont.woff) format('woff');
}

body {
	background:#1f2b2f ;
	font-size: 1.2em;
	/*font-family:"Titillium-Light","Roboto Light",Noto,Helvetica,Arial,sans-serif;*/
	font-family:"Roboto Light",Noto,Helvetica,Arial,sans-serif;
}
.panel { background: #1f2b2f;}

.panel-left .page-content{padding:0;}

.panel-left .navbar{position:relative;margin-bottom:-160px;}
body.with-panel-right-reveal .panel-overlay{margin-left:0;}

.panel.panel-right {
    background: #253338;
    width: 300px;
	color:#FFF;
}
.panel.panel-right.panel-cover {
    right: -300px;
}
body.with-panel-right-cover .panel-right {
    -webkit-transform: translate3d(-300px,0,0);
    transform: translate3d(-300px,0,0);
}


.item-title-row,
.item-subtitle ,
.item-text{
	display:block;
}



.android .list-block:first-child,
.android .content-block:first-child {
    /*margin: 72px 0;*/
    
}

.panel.panel-left.panel-reveal {
    background:#1e3723 ;
	color: #FFFFFF;
}
.panel.panel-left.panel-reveal a {
	color: #FFFFFF;
}
.content-block-inner::before,
.content-block-inner::after,
.list-block ul::before,
.list-block ul::after{
    height: 0;
}

.list-block {
    font-size: 1.0em;
}



.list-block .item-after {
    color: #FFFFFF;
	/*margin-right: -40px;*/
}

.list-block li.media-item .item-link .item-title-row, .list-block.media-list .item-link .item-title-row {
    background: none;
}
.list-block li.media-item .item-link .item-inner, .list-block.media-list .item-link .item-inner {

    padding-right: 26px;
    background: no-repeat 97% 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size: 15px 25px;
}
#allFarmList.list-block .item-after,
#allFruits.list-block .item-after,
#allVegies.list-block .item-after,
#searchList.list-block .item-after {
   /* margin-right: -40px;
    width: 70px;
    white-space: normal;*/
    color: #03c9a6;
    font-size: 0.9em;
    /*display: block;*/
    /*text-align: right;*/
}

#allFruits.list-block .item-after  i,
#allVegies.list-block .item-after i,
#searchList.list-block .item-after  i{
	font-style:normal;
	padding-left:5px;
}

#allFruits .item-subtitle p ,
#allVegies .item-subtitle p{
    position: absolute;
    top: 0px;
    left: 40%;
    width: 180px;
    height: 20px;
    margin: 0px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.list-block  .item-text{
	color:#FFF;
	font-size:0.8em;
}
.badge {
    font-size: 10px;
    display: inline-block;
    color: #fff;
    background: #03c9a6;
    border-radius: 3px;
    padding: 2px 6px;
    box-sizing: border-box;
    vertical-align: middle;
	min-width:30px;
	font-size:1em;
	color: #03c9a6;
	background: none;
	font-weight: bold;
}
.badgeFarm {
	width:25px;
	background: no-repeat 0 5px;
    background-image: url("../img/basic_heart.svg");
    background-size: 20px 20px;
	-webkit-filter: grayscale(100%) brightness(5) brightness(.5);
	filter: grayscale(100%) brightness(5) brightness(.5);
	
}
.favFarm .badgeFarm {
	-webkit-filter: none;
	filter:none;
}
.content-block-title {
    position: relative;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;
    top: 0;
    z-index: 20;
    margin: 0;
	padding:25px;
	background: #364b52;
	color:#FFF;
	font-size:1em;
}

.list-block .item-content {
    /*padding-left: 0;*/
}

.list-block .item-link .item-inner {
	padding-bottom: 20px;
}
.list-block ul li:last-child {
    border-bottom:1px solid rgba(255,255,255,.2);
}
.list-block .item-inner::after {
    background-color: rgba(255,255,255,.2);
}
.list-block .item-subtitle ,
.list-block li.media-item .item-link .item-title-row, .list-block.media-list .item-link .item-title-row {
    /*padding-right: 60px;*/
}
.list-block .item-subtitle  {
	font-size: 0.9em;
	opacity:0.7;
	padding-right: 26px;
}
.list-block .item-after,
.toolbar {
    font-size: 0.9em;
}

.list-block .leftList   {
    font-size: 0.9em;
    text-transform: uppercase;
}
.list-block .leftList .activeItem   {
    background:#253338;
}

.list-block .leftList .item-inner   {
    padding-top:20px;
	padding-bottom:20px;
	background: none;
	/*
	padding-right: 0;
	background-image: url(../img/circle.svg);
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: 5px center;
	*/
}
.list-block .leftList .item-inner::after {
    background: none;
}
.list-block .leftList li:last-child {
    border: none;
}


.list-block .leftList .item-link  {
    padding-left: 0;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: 20px 50%;
}
.lHome {
	background-image: url(icons/basic_home.svg);
}
.lSearch {
	background-image: url(icons/basic_magnifier.svg);
}
.lAll {
	background-image: url(icons/basic_target.svg);
}
.lFav {
	background-image: url(icons/basic_heart2.svg);
}
.lNutr {
	background-image: url(icons/basic_info.svg);
}
.lAbout {
	background-image: url(icons/basic_question.svg);
}

.view-main .list-block a.activeItem   {
    background-color:#253338;
}

.list-block.media-list.icon-list .item-content {
    padding-left:0;
	background-image: url(icons/basic_circle.svg);
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: 8px center;
}
.list-block.media-list.icon-list .item-link .item-inner {
    padding-left: 0;
    padding-right: 0;
	padding-bottom: 16px;
    background-position:100% 50%;
	background-repeat: no-repeat;
    background-image: url(icons/arrows_right.svg);
    background-size: 32px 32px;
	
}
.list-block.media-list.icon-list .item-title-row {
    padding-left: 20px;
	padding-right: 30px;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.list-block.media-list.icon-list .item-title {
    display: inline-block;
	text-align: left;
}

.list-block.media-list.icon-list .badgeFarm {
    -webkit-box-flex: 0;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    height: 32px;
    margin: 0px;
	width: 32px;
	background: no-repeat 4px 5px;
	background-image: url(icons/fcircle.svg);
	background-size: 20px 20px;
}
.list-block.media-list.icon-list .favFarm .badgeFarm {
	background-image: url(icons/heart.svg);
}

.list-block.media-list.icon-list .item-after  {
    margin-left: auto;
}
.list-block.media-list.icon-list .item-subtitle {
    padding-right: 26px;
    padding-left: 52px;
}

.toolbar {
    height: 145px;
}
.toolbar-inner {
    display: block;
}

.navbar .center {
    /*
	background:transparent url(../img/logo.svg) no-repeat 0 10px;
	background-size: 19px 33px;
	padding-left:30px;
	*/
	background:transparent;
	text-transform:uppercase;
	font-size: 18px;
}
/*
body.with-panel-left-cover .panel-overlay, body.with-panel-right-cover .panel-overlay {
    display: none;
    opacity: 0;
}
body.with-panel-left-cover .panel-overlay2 {
    display: block;
    opacity: 1;
}
*/
.panel-left .navbar {
	background:#192225;
	border-bottom: none;
	height: 150px;
}
.panel-left .navbar-inner {
	display:block;
}
.panel-left .navbar .center {
	background: transparent url(../img/logo.svg) no-repeat 100px 17px;
	background-size: 64px 64px;
	padding: 90px 0 0 0;
	margin:0;
	width: 100%;
	text-align: center;
}


.smart-select-page .navbar .center {
    display:none;
}

.navbar, .subnavbar , .toolbar{
    background: #02a084;
}
.toolbar {
    height:165px;
}
.toolbar-inner {
    display:block;
}


label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 
label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox, 
label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox, 
label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox, 
label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox, 
label.label-checkbox input[type="radio"]:checked ~ .item-inner i.icon-form-checkbox {
    border-color: #02a084;
    background-color: #02a084;
}

.page .subnavbar {
    position: fixed;
}
.page {
	/* background:#0a8221;*/
	background:#253338;
	color:#FFFFFF;
}
.panel-left .page{
	margin-top:150px;
	padding-bottom:150px;
	background: #1f2a2e;
}
.panel-left .list-block .item-title {
	padding-left:30px;
	font-weight:bold;
}
.search-block,
.top-block{
	 background: #02a084;
	 margin-top:0;
	 overflow: hidden;
	 /*min-height: 8em;*/
}
#pickBox {
	display:none;
}
.search-block   ul{
	padding-top:20px;
}
.top-block{
	 margin:0;
}

.list-block .item-divider, .list-block .list-group-title {
    background: transparent;
    padding: 0 16px;
    color: rgba(255,255,255,.54);
    height: 48px;
    line-height: 48px;
    font-size: 0.9em;
}

.list-block.search-block  .item-inner.slider {
    padding-bottom: 20px;
}
.list-block.search-block  .item-inner.smartSelect {
    padding-top: 20px;
    padding-bottom: 20px;
}
.smart-select .item-inner {
    padding-left: 0;
	padding-top: 18px;
}
.list-block.search-block .label {
	width:25%;
}
.list-block.search-block .sub-label {
    width: 65px;
    padding-left: 15px;
    font-size: 0.9em;
}

#farmInfo .list-block {
	 margin: 10px 0;
}
#farmInfo .list-block .item-inner {
    padding-right:0;
	align-items: flex-start;
}
#farmInfo .list-block .item-inner::after {
    height: 0;
}
.top-block #fPick {
    position: relative;
    white-space: nowrap;
	max-height: 25px;
}
.top-block.singleLine #fPick{
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
	max-height: 25px;
	-webkit-transition: max-height 0.8s ease-out;
	-moz-transition: max-height 0.8s ease-out;
	transition: max-height 0.8s ease-out;
}
.top-block.multiLine #fPick {
    position: relative;
    overflow: hidden;
    white-space: normal;
    max-width: 100%;
	max-height:300px;
    text-overflow: none;
	-webkit-transition: max-height 0.8s ease-in;
	-moz-transition: max-height 0.8s ease-in;
	transition: max-height 0.8s ease-in;
}


#lineSwitch {
	display:none;
    float: right;
    margin: 0 0 0 10px;
    background: rgb(4, 183, 151) none repeat scroll 0% 0%;
    padding: 5px 10px;
    font-size: 0.8em;
	color:#FFF;
	width: 35px;
	text-align:ceter;
	cursor:pointer;
}
/*
dl {
    margin: 0;
    padding: 0 10px 10px 10px;
    font-size: 0.9em;
    width: 100%;
    display: block;
    overflow: hidden;
}

dt {
    font-size: 0.8em;
    text-transform: uppercase;
    display: block;
    color: #03c9a6;
	width: 60px;
    float: left;
    margin-bottom: 10px;
    line-height: 2em;
}
dd {
    margin: 0px 0px 15px 75px;
}	
*/	
dl {
    margin: 0 10px 10px 10px;
    font-size: 0.9em;
    width: 100%;
    display: block;
    overflow: hidden;
}

dt {
    font-size: 0.8em;
    text-transform: uppercase;
    display: block;
    color: #03c9a6;
    margin: 0;
    line-height: 2em;
}
dd {
    margin: 0 0 10px 0;
	display: block;
}
#fEmail, #fWeb {
	overflow: hidden;
	text-overflow: ellipsis;
}	
	
	


/*
dt{
	font-size:0.8em;
	text-transform : uppercase;
	display:block;
	color:#03c9a6;
}
dd {
	margin: 0px 0px 10px;
}
*/
.notifications .notification-item {
    margin-top: 0px;
	padding: 20px;
	background: rgb(0, 0, 0) none repeat scroll 0% 0%;
}
.notifications .item-text {
	color: rgb(255, 255, 255);
	font-size: 0.7em;
}

.info-big {
	margin: 0;
	padding: 0 16px 0 16px;
	background: #364b52;
	height: 110px;
	width:100%;
}
.info-big p {
    margin: 0px -15px;
    height: 100%;
}
.info-big .buttons-row a {
	height:100%;
	color: rgb(255, 255, 255);
	border-right: 1px solid #546267;
	cursor:default;
	margin-left: 0;
}
.info-big a:last-child {
	border-right: none;
}
.info-big i.icon {
    display: block;
	vertical-align: middle;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	font-style: normal;
	position: relative;
	margin: 25px auto 5px auto;
	width: 36px;
	height: 36px;
	-webkit-filter: grayscale(100%) brightness(1) brightness(.5);
	filter: grayscale(100%) brightness(1) brightness(.5);
}


.info-big a  span {
	opacity:0.3;
}
.info-big a.btnEnabled  {
	cursor:pointer;
}
.info-big a.btnEnabled span {
	opacity:1;
}
.info-big a.btnEnabled .icon {
	-webkit-filter: none;
	filter:none;
}
.icon-call i.icon {
    background-image: url("icons/basic_smartphone.svg");
}
.icon-web i.icon {
    background-image: url("icons/basic_world.svg");
}
.icon-email i.icon {
    background-image: url("icons/basic_mail.svg");
}
.icon-direction i.icon {
    background-image: url("icons/basic_geolocalize-05.svg");
}



.info-big i {
	font-style:normal;
}

.button-bottom {
	width: 100%;
    height: 100%;
    line-height: 3.3em;
    font-size: 1em;
	border-top:1px solid #30b19a;
	background: #02a084;
}
.item-input .range-slider {
    height: 40px;
	/*overflow: visible;*/
}
.range-slider input[type="range"] {
    height: 30px;
}
.range-slider input[type="range"]::-moz-range-thumb {
    border: none;
    outline: 0;
    height: 30px;
    width: 30px;
    background: #02e0b9;
    border-radius: 30px;
}
input[type=range]::-webkit-slider-thumb {

  height: 30px !important;
  width: 30px !important;
  border-radius: 30px !important;
  background: #02e0b9 !important;
}
.range-slider input[type="range"]::-moz-range-track {
    background: #ffffff;
}
.list-block .floating-label, .list-block .label  {
	 color:#FFFFFF;
}
/*
.page.splash img {
    margin: 0 auto;
    display: block;
}
.page.splash img.img_splash {
    width: 60%;
    max-width: 400px;
}
*/

.page.splash {
    /*background: #253338 url(../img/splash.png) no-repeat 50% 75%;
	background-size: 80% auto;*/
}

.page.splash .navbar {
    background:transparent;
	border:none;
}
.page.splash .page-content {
    padding-top: 0px;
}
.page.splash .content-block {
    margin:0;
	text-align:center;
}
.splashScreen .text-box,
.page.splash .text-box {
	margin:20px 0;
	font-size: 1em;
	color:#ffffff;
	text-align:center;
}
.text-box p,
.page.splash p {
    margin: 0.1em 0;
	font-size:0.8em;
}
.text-box strong,
.page.splash strong{
    font-size:1.4em;
}
.logo {
    width: 74px;
    height: 74px;
    margin: 20px auto;
    background: #253338 url(../img/logo.svg) no-repeat 0 0;
    background-size: 74px 74px;
}
.setHidden {
	display:none;
}
.setShown {
	display:block;
}


#googleMapList {
	float:right;
	width:300px;
}
#googleMap {
	height:-webkit-calc(100% - 380px);
	height:calc(100% - 380px);
	/*height:-moz-calc(100% - 480px);*/
	
	/*height:-webkit-calc(100% - 480px);*/
	min-height:220px;
}
#googleMapLeft {
    position: absolute;
    width: 100px;
    background: transparent none repeat scroll 0% 0%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 100;
}
#cd-zoom-in, #cd-zoom-out {
    height: 48px;
    width: 48px;
    cursor: pointer;
    margin-right: 10px;
    background-color: rgba(54, 75, 82, 0.9);
    background-repeat: no-repeat;
    background-size: 48px 96px;
    background-image: url("../img/cd-icon-controller.svg");
    
}
#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px;
  border-radius: 24px 24px 0 0;
}
#cd-zoom-out {
  background-position: 50% -48px;
  border-radius: 0 0 24px 24px;
}
#cd-center {
	height: 48px;
    width: 48px;
    cursor: pointer;
    margin-right: 10px;
    background-color: rgba(54, 75, 82, 0.9);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-image: url("../img/target.svg");
	 background-position: 50% 50%;
	margin-bottom: 1px;
}
/*
.icon-arrows-check::before {content: "\e804";}
[class^="icon-"]::before, [class*=" icon-"]::before {
	font-family: "farm" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right:8px;
}
*/

/* /////////////////// ICONS /////////////// */
.button-bottom span {
	display:inline-block;
	padding-left:32px;
}
.icoSearch span {
	background-position:0 50%;
	background-repeat:no-repeat;
	background-image:url(icons/basic_magnifier.svg);
	background-size: 24px 24px;
}

.homeList {
	/*max-width: 450px;*/
	width: 95%;
	margin: 0 auto;
	text-align:center;
	/*margin-left:-16px;*/
}
.firstRow, .secondRow {
	display:inline-block;
}
.firstRow {
	
}
.secondRow {
	
}
.homeList .homeItem {

	margin:0 10px;
	/*float:left;*/
	display:inline-block;
}
.secondRow .homeItem {
	
}
.homeList .homeItem a {
	color: #FFFFFF;
	display:block;
	height:150px;
	text-align:center;
	padding: 0;
	
}
.homeList .homeItem a .icon{
	width:74px;
	height:74px;
	margin:20px auto;
	display:block;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:32px 32px;
	/*border: 1px solid #546267;*/
	border-radius:37px;
	background-color: #02a084;
	position:relative;
}
.homeList .secondRow a .icon{
	background-color: #3a555f;
	}

.homeList .icon-search .icon{
	background-image:url(icons/basic_magnifier.svg);
}
.homeList .icon-all .icon{
	background-image:url(icons/basic_eye.svg);
}
.homeList .icon-fav .icon{
	background-image:url(icons/basic_heart2.svg);
}
.homeList .icon-info .icon{
	background-image:url(icons/basic_target.svg);
}
.homeList .icon-message .icon{
	background-image:url(icons/basic_question.svg);
}
.homeList .icon span {
    display: block;
    width: 40px;
    background: #e29910;
    height: 40px;
    border-radius: 40px;
    position: absolute;
    right: -15px;
    top: -10px;
    line-height: 40px;
    text-align: center;
    font-size: 0.9em;
    border: 1px solid #fcac15;
}

body[currentpage='farmSearch'] [href="#farmSearch"],
body[currentpage='allFarms'] [href="#allFarms"],
body[currentpage='fav'] [href="#fav"],
body[currentpage='fruits'] [href="#fruits"],
body[currentpage='about'] [href="#about"] {
	 background:#253338;
}

.subnavbar > .buttons-row {
    height: 48px;
}
.tab-link.active {
    border-bottom: 2px solid rgba(255,255,255,.5);
}
.buttons-row .button {
    height: 100%;
}
.smallText {
    font-size: 0.8em;
}

@media (max-height: 480px) {
	
	.toolbar {
		height:110px;
	}
	.info-big {
		display:flex;
	}
	.info-big .buttons-row a {
		min-width:90px;
	}
	.button-bottom {
		width: 100%;
		height:100%;
		line-height: 3.3em;
		font-size: 1em;
		border-top:none;
		background-color: #02a084;
		background-image:url(icons/basic_heart.svg);
		background-size:32px 32px;
		background-position: 50% 30px;
		background-repeat:no-repeat;
		padding-top:61px;
		font-size:0.8em;
		margin-left:16px;
		margin-right:-16px;
	}
	.button-bottom.favDel {
		background-image:url(icons/basic_heart_broken.svg);
	}
}
@media (min-height: 700px) {
	
	#pickBox {
		display:block;
	}
	.fPickRight {
		display:none;
	}
}