/*custom css classes for agrometeorologia bayer images */

#sp-component > div > article > div:nth-child(4) > div:nth-child(9) > a > img{max-height:44px !important;}
#sp-component > div > article > div:nth-child(4) > div:nth-child(24) > a > img{max-height:44px; margin-bottom:26px;}

/* remove search icon on home areas slider */
.jt-cs .hover-icons a.icon-lightbox{display:none;}

/* end of custom css classes for agrometeorologia bayer images */


/* custom module find point styles */
.module-find-point-container { background-color : #F4F4F4; height: 62px; margin-bottom:15px;}
.paragraph-point-container { padding-top: 15px; padding-left:20px; color:#333333;}
.green-text-point-container { color:#549F81;}
.green-button-point-container { width:60px; height:30px; background-color:#549F81; padding: 5px 15px 5px 15px; border-radius: 4px;}
.paragraph-point-container > span > a {color:#ffff;}

/* end of custom module find point styles */

/* Banners 1,2,3 Styles */

.meteofarm-banners-images img { margin-top: 20px; display: block; margin-left: auto; margin-right: auto;}

/* End of Banners 1,2,3 Styles */

/* position 4 banner */
#sp-position4{
    text-align: center;
}
/* position 4 banner end */

/* Custom styles for module filter-perioxes */
.top-container-filter-search { background-color:#F4F4F4; height:70px; margin-bottom:20px;}
.perioxh_search_green_letter { color:#549F81; margin-top: 20px; text-align: center;}
#search-results{font-size:13px; margin-left:20px; text-align: center;}
#search_perioxh{  margin:0 auto; margin-top: 18px;}
@media screen and (max-width: 1199px) and (min-width: 780px) {.top-container-filter-search{ height:90px;} }
@media screen and (max-width: 1200px) and (min-width: 501px) {.module-find-point-container{ height:70px;} }
@media screen and (max-width: 500px) and (min-width: 300px) {.module-find-point-container{ height:110px;} }
@media screen and (max-width: 555px) and (min-width: 499px) {.module-find-point-container{ height:110px;} }
@media screen and (max-width: 360px) and (min-width: 300px) {.module-find-point-container{ height:140px;} }
@media screen and (max-width: 300px) and (min-width: 200px) {.module-find-point-container{ height:140px;} }
@media screen and (max-width: 770px) and (min-width: 250px) {.top-container-filter-search{ height:140px;} }

@media screen and (max-width: 1200px) and (min-width: 200px) {.green-button-point-container { width:60px; height:30px; background-color:#549F81; padding: 0px 15px 0px 15px; border-radius: 4px;} }
/* end of custom module styles filter-perioxes */

/* crops button images */

.cropsrow{
  margin: 0px auto;
}

.cultivationbutton {
    margin: 0 auto;
    width:191px;
    display: block;
    border: 1px solid;
    margin-bottom: 24px;
    padding: 10px;
    font-size: 16px;
    text-align:center;
}

.cultivationimagebutton {
    margin: 0 auto;
    width:191px;
/*  max-height: 46px; */
    display: block;
    margin-bottom: 23px;
    padding: 0px;
    font-size: 16px;
    border: 0px;
}

.cultivationimagebutton > img{
  max-height:45px; 
  width:191px;
}

/* end of crops button images */

/*cookiebot css

.meteofarm-cookiesettings {
    color: white;
    background-color:#549e81;
    padding: 10px 14px 10px 14px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    position: fixed;
    bottom:0px;
    font-size: 16px;
    left: 30px;
    cursor: pointer;
    -webkit-transition: .75s;
    -moz-transition: .75s;
    transition: .75s;
    z-index: 9999;
}

a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  	float:left;
	background-color: #549e81;
    border: 10px solid #549e81;
}

@media(max-width:767px) {

	.meteofarm-cookiesettings {
	    padding: 6px 8px 6px 8px;
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	    position: fixed;
	    bottom:0px;
	    font-size: 12px;
	    left: 30px;
	}  
}
@media(max-width:500px){
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll.CybotCookiebotDialogBodyButton {
    	float:none;
    }
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection.CybotCookiebotDialogBodyButton {
    	float:none;
    }
} 
end of cookiebot css*/

body {
    font-weight: 400!important;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Open Sans';
}
.page-header {
	margin: 10px 0 19px;
}
.page-header > h1 {
	font-size: 30px;
	color: #549e81;
	font-weight: 700;
}

.entry-header>h2,.entry-header>h3,.entry-header>h1,.page-header>h1 {
    width: 100%;
    font-size: 22px;
    text-align: center;
    font-weight: 400;
    padding: 14px;
    background-color: #549e81;
    color: #fff;
}

.entry-header > h2 > a {
	color: #ffffff;	
}
.meteofarmprssttitle {
    text-align: center;
    font-weight: bold;
}
.meteofarmrssheader {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
}
.meteofarmrssheaderpretag {
    font-size: 13px;
    font-weight: bold;
    padding-right: 0px;
    padding-top: 14px;
}
.meteofarmrsstagline {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 5px;
    line-height: 140%;
    border-bottom: 1px solid #ddd;
    
}
.meteofarmrssitem {
    border-bottom: 1px solid #ddd;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 140%;
}
.meteofarmrssitem > a {
    display: block;
    padding: 5px 4px;
    width: 100%;
    color: #222;
}
.meteofarmrssitem > a:hover {
    color: #fff;
    background-color: #aaa;
}
#sp-top2 .sp-column .sp-module:nth-child(2) {
    margin-top: -15px;
}
.meteofarmfeaturedarticle {
    padding: 25px 0px 5px;	
}
#selectedareas {
	padding-left: 0px;
}
.form-group.rsform-block.rsform-block-rs-recaptcha > * > * > .col-md-3 {
	width: 40% !important;	
}
.form-group.rsform-block.rsform-block-rs-recaptcha > * > * > .col-md-9 {
	width: 60% !important;	
}
.formControls > label {
	font-size: 15px;
}
.widgetareaitem {
	display: inline-block;
	width: 100%;
	border: 1px solid;
	background-color: #dadada;	
	margin: 0px 0px 2px 0px;
	padding: 5px;
	cursor: move;
}
.pointlivedatacontainer {
	padding: 0px;
}
.meteofarm-right-bn-container, #sp-bottom2 {
	margin-bottom: 25px;
}
.meteofarm-right-bn-container {
	margin-top: 8px;
    text-align:center;
}
.removemargintop {
	margin-top: 3px;	
}
.removemargintop:hover {
	cursor: pointer;
}
.sp-module ul>li>a {
	background-color: #ffffff !important;
}

.sp-module ul.meteofarmtopmenu>li>a {
	background-color: #f5f5f5 !important;
}
div.offcanvas-inner .sp-module ul>li>a {
	background-color: rgba(0,0,0,0) !important;
} 
#meteofarmemail {
    width: 100%;
    margin-bottom: 15px;
}

.meteofarmpointforecasttopcontent {
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f4f4f4;
    font-size: 13px;
}

.sp-megamenu-parent > li:hover > a {
    background-color: white;
 }
   
.newsletterfooterbutton {
    background-color: #50acc8;
    color: #ffffff;
    margin-top: 15px;
    border: none;
    font-family: 'Open Sans';
    font-weight: 300;
    padding: 6px 30px;
    font-size: 14px;
    display: inline-block;
}
.topbranding {
	margin: 18px 0px 0px 0px;
	font-size: 14px;
}
#sp-top1 > .sp-column > .sp-module {
	padding-left: 0px;
	margin-left: 18px;
}

.custom_centerbottom2{
    text-align:center;
}

.newsletterfooterbutton:hover {
    background-color: #61c6e5;
    color: #ffffff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    text-transform: none;
}
.newsletterlocation:hover {
    cursor: pointer;
}
#smallmapcontainer {
    padding: 0px;
    margin-top: 20px;
}
.meteofarmpointforecast {
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.historical * th {
    font-size: 12px;
    line-height: 110%;
}
.historical * td {
    text-align: center;
}
.chartcontainer > h4 {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
    font-weight: 600;
}
.meteofarmpointforecast h1, .meteofarmpointforecast h2 {
    width: 100%;
    font-size: 22px;
    text-align:center;
    font-weight: 400;
    padding: 14px;
    background-color: #549e81;
    color: #ffffff;
}
.meteofarmrighthistorical {
    padding: 0px;
}
.meteofarmrighthistorical h4 {
    width: 100%;
    font-size: 18px;
    text-align:center;
    font-weight: 400;
    padding: 14px;
    background-color: #549e81;
    color: #ffffff;
    margin: 0px;
}
#historicalsearchbtn:hover {
    cursor: pointer;
    color: #549e81;    
}
.meteofarmrighthistoricalitem {
    border-bottom: 1px solid #dddddd;
    text-align: center;
    padding: 5px;
}
.meteofarmrighthistoricalitem a {
    color: #666666;
}
.meteofarmrighthistoricalitem a.historicalitemactive {
    color: #549e81;
}
.meteofarmrighthistoricalitem a:hover {
    color: #549e81;
}
.meteofarmtopmenu, .breadcrumb{
    font-size: 14px;    
}
.meteofarmtopmenu > li > a::before {
    content: none !important;
}
.meteofarmtopmenu li {
    float: left;
    border-bottom: 0px !important;
    margin-right: 20px;
}
#sp-top2 {
    text-align: right;
}

.meteofarmpointforecastitem > div.meteofarmpointforecastitemcell, div.meteofarmpointforecastanaltyticalitem > div {
    text-align: center;
    position: relative;
    height: 85px;
}

.entry-header > h2, .entry-header > h1 {
    width: 100%;
    font-size: 22px;
    text-align: center;
    font-weight: 400;
    padding: 14px;
    background-color: #549e81;
    color: #ffffff;
}
.colorselector {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	border:none;
}
.colorselector:hover {
	filter: brightness(150%);
	cursor: pointer;
}
.colorselector.selected {
	border: 3px solid; 
}
.bt-accordion-arrow .bt-spoiler-opened .bt-spoiler-collapse:before {
    content: "\f054";
}
.bt-accordion-arrow .bt-spoiler-collapse:before {
    content: "\f078";
}
.bt-spoiler-title {
    height: 30px;
    border: none;
    border-bottom: 2px solid #e8e8e8;
    font-size: 16px;
    font-weight: 600;
    color: #549e81;
    line-height: 26px;
    padding-left: 10px;
    cursor: pointer;
    padding-bottom: 10px;
}
.bt-spoiler-content {
    border: none;
    font-size: 16px;
    line-height: 24px;
}
h3, h2 {
    color: #549e81;
}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
.farmindexes {
    background-color: #eaeaea;
    padding-bottom: 20px;
}
.farmindexes > a {
    color: #000000;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 7px 0px;
}
.farmindexes > a:hover {
    color: #555555;
}
.farmindexes > h3 {
    text-align: center;
    font-size: 16px;
    line-height: 140%;
    padding-top: 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
}
.farmindexescontainer {
    padding:8px 1px 8px 1px;
    border: none;
}
.meteofarmpointslivedataswitchcontainer {
    padding:8px 3px 8px 3px !important;
}
#sp-main-body {
    padding: 0px 0px 40px 0px;
}
div > .stationdatacontainer ~ .stationdatacontainer {
    border-left: 1px solid;    
}
.sp-module {
    margin-top: 0px;
}
.pointlivedatacontainer {
    margin-top: -5px;
    font-size: 14px;
}
.pointlivedataheader {
    text-align: center;
    padding:8px;
    background-color: #549e81;
    color: #ffffff;
}
.pointlivedataline {
    border-bottom: 1px solid #bbbbbb;
    padding: 3px 5px;
}
.bottom2container {
    padding: 0px;
    margin-top: 40px;
}
.bottom2moduleleft {
    border-right: 1px solid #dddddd;
}
.bottom2icon {
    float: left;
    margin-right: 15px;
}
.bottom2header {
    font-size: 18px;
}

.historicalrightmoduleleft {
    padding-right: 2px;
}
.historicalrightmoduleright {
    padding-left: 2px;
}

/* Epikoinonia Start */
.midmoduleleft{ border-right: 1px solid #dddddd;}
.midmoduleright{ height: 102px; }
.midmoduleleft, .midmoduleright{ background-color: #f4f4f4; padding: 15px 40px; font-size: 14px;}
.hdrs{color: #549e81;text-align: center;}
.sendbtn, .sendbtn:hover{
    background-color: #50acc8;
    color: #ffffff;
    margin-top: 15px;
    border-radius: 0px;
    font-family: 'Open Sans';
    font-weight: 300;
    padding: 6px 30px;
    font-size: 14px;
}
.pedia{
    border-radius: 0px;
}

input#con_name.pedia.rsform-input-box.form-control{border-radius: 0px;}
input#con_lastname.pedia.rsform-input-box.form-control{border-radius: 0px;}
input#con_phone.pedia.rsform-input-box.form-control{border-radius: 0px;}
input#con_mail.pedia.rsform-input-box.form-control{border-radius: 0px;}

.textspaces{
    padding-left: 55px;
    padding-right: 65px;
}

#meteofarmforecast, #meteofarmweatherstations{padding-top:10px;}

@media (max-width: 1199px){
    .textspaces{
        padding-left: 50px; 
        padding-right: 30px;
    }
    .midmoduleleft{border-right: 0px;}
}

@media (min-width: 1200px){
    .midmoduleleft{border-right: 1px solid #dddddd;}
}

/* Epikoinonia End */


.bottom2moduleleft, .bottom2moduleright {
    background-color: #f4f4f4;
    padding: 30px 40px;
    line-height: 100%;
}
.bottom2content {
    padding: 10px 0px 0px 0px;
}
.pointlivedatamorebtn {
    margin-top: 5px;
    text-align: center;
    padding-top:10px;
    padding-bottom: 8px;
}
.bottom2readmore {
    height: 15px;
    width: 15px;
    background-color: #549e81;  
    border-radius: 7px;
    display:inline-block;
}
.bottom2readmore:after {
    content: ">";
    color: #ffffff;
    font-size: 9px;
    font-weight: bold;
    display: flex;
    margin-left: 5px;
    margin-top: -3px;
}
.pointlivedatamorebtn > a {
    background-color: #549e81;
    color: #ffffff;
    padding: 4px 12px;
    font-size: 12px;
}
.pointlivedatanotice {
    font-size: 12px;
    line-height: 120%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.historicaltablecontainer {
    font-size: 14px;
}
.weatherdataodd {
    background-color: #ffffff;
    padding: 5px 20px;
    font-size: 14px;
}
.weatherdataeven {
    background-color: #eaeaea;
    padding: 5px 20px;
    font-size: 14px;
}
.weatherdatachartsbtn {
    width: 16.66%;
    float: left;
    padding: 10px 5px;
    text-align: center;
    background-color: #f4f4f4;
    border-right: 1px solid;
    cursor: pointer;
    font-size: 14px;
}
.weatherdatachartsbtn:last-child {
    border: none;
}
.chartcontainer {
    padding: 25px 10px 25px 10px;
    display: block;
}
.chartcontainer.active {
    display: initial;
}
.weatherdatachartsbtn.active, .weatherdatachartsbtn:hover {
    background-color: #dadada;
}
.stationlatestheader {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
    font-weight: 600;
}
.stationlatestchartheader {
    width: 100%;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.meteofarmmainmenu {
    float: right;
    white-space: nowrap !important;
    display: inline-block;
    margin-top: 28px !important;
    margin-right: 21px !important;
}
.meteofarmmainmenu > li {
    float: left;    
    border-bottom: none !important;
    display: inline-block !important;
    margin-left: 26px;
    font-size: 15px;    
}
.meteofarmmainmenu > li >a:before {
    content: none !important;
}
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.meteofarmstationsbtn {
    text-align: center;
    border: 1px solid #c3c3c3;
    margin-top: 5px;
    padding: 8px;
    background-color: #f4f4f4;
}

.meteofarmstationsbtn:hover {
    background-color: #eaeaea;
    cursor: pointer;
}
.meteofarmstationsbtn.active {
    background-color: #dadada;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  
  border-left: 60px solid green;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}
.nopadding {
    padding: 0px;
}
#sp-header{height: 105px;}
.hometabbutton {
    text-align: center;
    background-color: #83c097;
    color: #ffffff;
    padding: 16px;
    font-size: 20px;
}
.hometabbutton:hover {
    background-color: #549e81;
    cursor: pointer;
}
.hometabbutton.active {
    background-color: #549e81;
}
.hometabbutton:first-child {
    border-right: 2px solid #ffffff;
}
#sp-top-bar {
    background-color: #549e81;
    padding: 0px;
    line-height: 0px;
}
#sp-top3 {
    padding-right: 0px;
}
#sp-breadcrumb {
    padding-right: 0px;
}
#sp-right, .meteofarmpointscontainer {
    padding:0px;
    display: inline-block;
}
#locationTextField, #stationlocationTextField {
    width: 198px;
    float: left;
    margin-right: 10px;    
}
.meteofarmpointsok {
    background-color: #549e81;
    color: #ffffff;
}
.position7margin {
    margin-top: 30px;
}
.position7left {
    margin-right: 20px;
}
.position7left, .position7right {
    float: left;
}
.meteofarmpointscontainer {
    background-color: #f4f4f4;
    margin-top: 30px;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
}
#meteofarmPrefectures, #meteofarmSubPrefectures {
    width: 100%;
}
.meteofarmpointforecastitem {
    background-color: #f4f4f4;
    border-top: 1px solid #dddddd;
    margin-top: 5px;
    cursor: pointer;
}
.meteofarmpointforecastmore {
    text-align: center;
    background-color: #83c097;
    color: #ffffff;
    font-size: 11px;
    margin-bottom: 15px;
    border: none;
    cursor: pointer;
}
.meteofarmpointforecastanaltyticalitem {
    border-top: 1px solid #dddddd;
}
.meteofarmpointforecastanaltytical {
    padding: 0px;
}
.meteofarmpointforecastanaltyticalitem > div {
    text-align: center;
}
.meteofarmpointforecastitem > div.meteofarmpointforecastitemcell > div, .meteofarmpointforecastanaltyticalitem > div > div {
    position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    font-size: 14px;
}
.meteofarmpointforecastheader {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.meteofarmpointforecastheader > div {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}
.meteofarmpointforecastlegend > div {
    float: left;
    font-size: 14px;
    margin-bottom: 20px;
}
.meteofarmpointforecastitemcell > div > img, .meteofarmpointforecastanaltyticalitem > div > div > img {
    display: initial;
    width: auto;
    max-height: 70px;
}   
.meteofarmpointforecastlegend {
    margin-bottom: 10px;
    margin-top: 7px;
    display: inline-block;
}
.meteofarmlegend {
    margin-top: 2px;
    margin-left: 7px;
    margin-right: 5px;
    width:20px;
    height:20px;
    float: left;
}
.greenlegend {
    background-color: #11bf25;
}
.yellowlegend {
    background-color: #e5ac2c;
}
.redlegend {
    background-color: #e21010;
}
.whitelegend {
    background-color: #ffffff;
    border: 1px solid;
}
.meteofarmcropsuggestions, .meteofarmcropsuggestions > div {
    padding: 0;
}
.meteofarmcropsuggestionsheader, .meteofarmcropsuggestionsitem {
    border-top: 1px solid #dddddd;
    font-size: 14px;  
    text-transform: uppercase;
    width:100%;
    padding: 5px;
    text-align: center;
}
.meteofarmcropsuggestionsitem {
    
    display: inline-block;
    text-align: center;
}
.meteofarmsuggestionlegend {
    width: 45px;
    height: 15px;
    display: inline-block;
    margin: auto;
}
.newslettersignup {
    background-color: #50acc8;
    color: #ffffff;
    border-radius: 0px;
    width: 110px;
}
.newslettersignupupdate {
    background-color: #50acc8;
    color: #ffffff;
    border-radius: 0px;
}
.meteofarmcropsuggestionslegendcontainer {
    padding-top: 9px;
    padding-bottom: 0px;
}
#map, #stationsmap {
    height: 820px;
    display: block !important;
}
.homepagecultivationscontainer {
    width: 100%;
    background-color: #f4f4f4;
    display: inline-block;
    padding: 15px 15px;
}
.homepagecultivationscontainer > h4 {
    width: 100%;
    text-align: center;
}
.homepagecultivationsitem {
    width: 20%;
    float: left;
    padding: 10px;
    display: inline-block;
}
.homepagecultivationsitem > a {
    background-color: #549e81;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
}
.homepagecultivationsitem > a:hover {
    background-color: #72c9a7;
}
.cultivationpagecultivationscontainer {
    width: 100%;
    background-color: #f4f4f4;
    display: inline-block;
    padding: 15px 15px;
}
.cultivationpagecultivationscontainer > h4 {
    width: 100%;
    text-align: center;
}
.cultivationpagecultivationsitem {
    width: 25%;
    float: left;
    padding: 10px;
    display: inline-block;
}
.cultivationpagecultivationsitem > a {
    background-color: #549e81;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
}
.cultivationpagecultivationsitem > a:hover {
    background-color: #72c9a7;
}
#sp-footer {
    background-color: #ffffff;
    color: #666666;
}
#sp-footer a {
    color: #549e81;
}
#sp-footer a:hover {
    color: #72c9a7;
}

/* Footer Module CSS*/

section#sp-section-11 > div.container > div.row {
    width: 100%;
    background-color: #f4f4f4;
    
    padding: 15px 15px;
    display: inline-block;
    margin: auto;
    margin-top: 45px;   
}

div#sp-user1.col-sm-4.col-md-4 > div.sp-column  > div.sp-module > div.sp-module-content > div.custom > div.container > div.row > div.col-xs-12 > img {width: 20%;}
div#sp-user2.col-sm-4.col-md-4 > div.sp-column  > div.sp-module > div.sp-module-content > div.custom > div.container {text-align: left;width: 90%;}
div#sp-user2.col-sm-4.col-md-4 > div.sp-column  > div.sp-module > div.sp-module-content > div.custom > div.container > div.row > div.col-xs-12{
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 14px;
    color: #333333;
    line-height: 150%;}
section#sp-section-11 * div#sp-user1.col-sm-4.col-md-4 * div.row > div.col-xs-12 > img{margin-bottom: 20px;}
section#sp-section-11 * div#sp-user2.col-sm-4.col-md-4 * div.row > div.col-xs-12 > h5{
  margin-bottom: 20px;  
  margin-top: 20px;
  font-size: 16px;}
section#sp-section-11 * div#sp-user2.col-sm-4.col-md-4 * div.row > div.col-xs-12 > button{
    background-color: #50acc8;
    color: #ffffff;
    margin-top: 15px;
    border: none;
    font-family: 'Open Sans';
    font-weight: 300;
    padding: 6px 30px;
    font-size: 14px;}
section#sp-section-11 * div#sp-user3.col-sm-4.col-md-4 * div.row{margin-left: 70px;}
section#sp-section-11 * div#sp-user2.col-sm-4.col-md-4 * div.row{margin-left: 5px;}
section#sp-section-11 * div#sp-user1.col-sm-4.col-md-4 * div.row{margin-left: 50px;}
.bottomlinks{
    color: #000000;
    font-weight: 300;
    font-family: 'Open Sans';
    font-size: 16px;}
.bottomlinks3{
    color: #000000;
    font-weight: 300;
    font-family: 'Open Sans';
    line-height: 300%;
    float: left;
    font-size: 16px;
    display: block;
    padding-left: 18px;
}
.bottomlinks3_icons{margin-bottom: 10px;}

/* Temp Module CSS */

.tempdivider{
border-bottom: 1px solid #dddddd;
}

.tempplace{
    font-size: 16px;
    font-family: 'Open Sans';
    color: #666666;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 200%;
    text-align: center;
}

.temprange{
    font-size: 16px;
    font-family: 'Open Sans';
    color: #333333;
    text-align: center;    
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 200%;
}

.homepagetempfirst {
    padding-right: 10px;
}
.homepagetemplast {
    padding-left: 10px;
}

.temptitles1{
    border: 1px solid #549e81;
    background-color: #549e81;
    color: #ffffff;
    font-family: 'Open Sans';
    font-size: 20px;
    text-align: center;
    padding: 10px;
    margin: 30px 0 0 0;
}
.temptitles2{
    border: 1px solid #549e81;
    background-color: #549e81;
    color: #ffffff;
    font-family: 'Open Sans';
    font-size: 20px;
    text-align: center;
    padding: 10px;
    margin: 30px 0 0 0;
}

.bottomlinks3_icons > a > img {
    margin-right: 10px;
}

section#sp-section-12 > div.container{text-align: center;margin-top: 30px;}
section#sp-section-12 > div.container > div.row{
    width: 100%;
    background-color: #f4f4f4;
    display: inline-block;
    padding: 15px 15px;
}

#sp-user1{text-align: left;}

#meteofarm-bn-full {
	display: initial;
	width: 100%;
	text-align: center;
}
#meteofarm-bn-mobile {
	display: none;
	width: 100%;
	text-align: center;
}

/* RSForm Contacts */

fieldset#rsform_3_page_0.formHorizontal.formContainer * strong.formRequired{
    display: none;
}

fieldset#rsform_3_page_0.formHorizontal.formContainer * input {
    margin: 8px 180px 0 10px;
}

div#sp-component.col-sm-12.col-md-12 {
    /*text-align: center;*/
}

fieldset#rsform_3_page_0.formHorizontal.formContainer * input#con_comments.rsform-input-box{
    padding: 30px 5px 30px 5px;
    text-align: left;    
}

fieldset#rsform_3_page_0.formHorizontal.formContainer * button#con_btn.rsform-submit-button{
    background-image: none;
    background-color: #50acc8;
    color: #ffffff;
    border: none;
    font-family: 'Open Sans';
    font-weight: 300;
    padding: 6px 30px;
    font-size: 14px;
    margin: 8px 180px 0 10px;
    border-radius: 0px;
}
#sp-right > .sp-column > .sp-module {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.meteofarmcropsuggestionsheader {
    background-color: #f4f4f4;
}
ins > a > img, ins > img {
    margin: 0 auto;
}
#meteofarmweatherstationsmodule > div > div > span {
    display: block;
}
@media (max-width: 650px){
    fieldset#rsform_3_page_0.formHorizontal.formContainer * input{
        max-width: 35%;
        margin-left: 100px;
        
        
    }
}

@media (max-width: 1199px) {

    .meteofarmmainmenu > li {
    float: left;
    border-bottom: none !important;
    display: inline-block !important;
    margin-left: 12px;
    font-size: 13px;
}
}
@media (max-width: 991px) {
	#meteofarm-bn-full {
		display: none;
		width: 100%;
		text-align: center;
	}
	#meteofarm-bn-mobile {
		display: initial;
		width: 100%;
		text-align: center;
	}
    .meteofarmpointforecastlegend > div {
        margin-bottom: 3px;
    }
    #weatherbtn1, #weatherbtn3 {
        border-right: none;
    }
    .chartcontainer.active {
        display: block;
    }
    .stationdiagramselector {
        display: inline-block;
    }
    .weatherdatachartsbtn {
        width: 50%;
    }
    .stationdatatopcontainer {
        padding-left: 0px;
        padding-right: 0px;
    }
    .stationdatacontainer {
        font-size: 13px;
    }
    div > .stationdatacontainer ~ .stationdatacontainer {
        border-left: none;
    }
    .meteofarmcropsuggestions {
        padding-left: 0px;
        padding-right: 0px;
    }
    .meteofarmsuggestionlegend {
        width: 35px;
    }
    .hometabbutton:first-child {
        border-right: none;
    }
    #map, #stationsmap {
        height: 550px;
    }
    .homepagecultivationsitem {
        width: 100%;
    }
    .cultivationpagecultivationsitem {
        width: 50%;
    }
    #forecastdesktopverstion {
        display: none;
    }
    #forecastmobileverstion {
        display: block;
    }
#forecastmobileverstion > h1, .meteofarmpointforecast > h1 {
    font-size: 16px;
    line-height: 140%;
}
    .meteofarmpointforecastitem > div.meteofarmpointforecastitemcell {
        height: 45px;
        background-color: #f4f4f4;
    }
    .meteofarmpointforecastitem {
        display: -webkit-box;
    }
    .meteofarmcropsuggestionsheader, .meteofarmcropsuggestionsitem {
        font-size: 11px;
        
    }    
    .meteofarmpointforecastitem > div.meteofarmpointforecastitemcell > div, .meteofarmpointforecastanaltyticalitem > div > div {
        font-size: 11px;
    }
    .meteofarmpointforecastanaltyticalitemhd {
        display: flex;
        font-size: 11px;
    }
    .meteofarmpointforecastanaltyticalitemhd > div > div {
        text-align: center;
        padding: 0px;
        font-size: 10px;
        white-space: nowrap;
    }
    .meteofarmpointforecastanaltyticalitem {
        border-top: 1px solid #dddddd;
        display: flex;
    }
}
@media (min-width:992px) {
    #forecastdesktopverstion {
        display: inline-block;
    }
    #forecastmobileverstion {
        display: none;
    }
#meteofarmforecast, #meteofarmweatherstations{padding-top:30px; padding-left:0px;}
}
@media (min-width: 992px) {
    #sp-menu { display: none; }
    #sp-logo { width: 30%; }
    #sp-position8 { width: 70%; }
}
@media (min-width: 1200px) {
    .container {
        width: 1220px;
    }
}

@media (max-width: 1199px) {
    .temptitles1, .temptitles2 {
        font-size: 16px;
        
    }
    .position7left {
        float: initial;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .position7right {
        float: initial;
        margin: 0 auto;
    }
    .tempplace, .temprange {
        font-size: 13px;
    }
}
@media (max-width:1199px) AND (min-width:992px) {
    #locationTextField, #stationlocationTextField {
        width: 100%;
    }
}
@media (max-width:991px) AND (min-width:768px) {
    #locationTextField, #stationlocationTextField {
        width: 100%;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: initial;
    }


}
@media (max-width: 767px) {
    .historicalrightmoduleleft {
        padding-right: 15px;
    }
    .historicalrightmoduleright {
        padding-left: 15px;
    }
    #sp-top-bar {
        display: none;
    }
    #sp-top3 {
       padding-right: 15px;
    }
    #map, #stationsmap {
        height: 350px;
    }
    .meteofarmpointscontainer { 
        margin-bottom: 10px;
       /* margin-top: -15px;*/
        width: 100%;
    }
    .temprange, .tempplace {
        font-size: 14px;
    }
    #sp-right {
        display: block;
        margin: 0 auto;
    }
    #sp-user1 {
        display: none;
    }
    #sp-user2 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 40px;
    }
    section#sp-section-11 * div#sp-user3.col-sm-4.col-md-4 * div.row {
        margin-left: 0px;
    }
    .historicaltablecontainer {
        overflow-x: scroll;
    }    
    .bottomlinks3url  {
		padding-top: 6px;
    	font-size: 18px;
    	display: block;
    }
}

@media (max-width: 585px) {
    .homepagetempfirst, .homepagetemplast {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .historicaltablecontainer {
        overflow-x: scroll;
    }    
}

/* POINTS MOBILE CSS */

.searchcontainer{}
.smartbread{font-size: 13px;font-style: italic;}
.quotetext{font-size: 14px;color: #888888;}
.deskquotetext{font-size: 14px;color: #888888;}
.area-reversed-btn{
  	color: #ffffff;
    background-color: #549e81;
    border: 1px solid #549e81;
  	padding: 12px 15px 10px 15px;
  	font-weight: 400;
  	outline: none;
  	min-width: 190px;
}
.area-btn{
    color: #549e81;
    background-color: #ffffff;
    border: 1px solid #549e81;
  	width: 180px;
  	margin: 3px 0 3px 0;
  	font-weight: 400;
  	outline: none;
}
.area-first-btn{height: 86px}
.rtrn-btn, .inner-rtrn-btn{
	color: #549e81;
    background-color: #ffffff;
  	border: 1px solid #ffffff;
  	width: 180px;
  	margin: 3px 0 3px 0;
  	font-weight: 400;
  	font-size: 25px;
  	outline: none;
}
.area-btn:hover{background-color: #ffffff;color: #72c9a7;border: 1px solid #72c9a7;}
.rtrn-btn:hover, .inner-rtrn-btn:hover{background-color: #ffffff;color: #72c9a7;border: 1px solid #ffffff;}
.newmodbtn{background-color: #83c097;}
#custom-search-input{border: solid 3px #549e81;border-radius: 5px;background-color: #fff;}
#custom-search-input input{border: 0;box-shadow: none;}
#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #ffffff;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}
#custom-search-input button:hover{border: 0;box-shadow: none;border-left: solid 1px #ccc;}
#custom-search-input .fa-search{font-size: 23px;color: #ffffff;}
.points-search{width: 100%;}
.row-search-results{font-size: 16px;text-align: center;white-space: nowrap;}
.mob-results{
  	color: #fff;
    background-color: #549e81;
    border: 1px solid #549e81;
    font-weight: 400;
    margin: 5px;
    padding: 3px;
    font-size: 15px;
    min-width: 100px;
}
  .mob-results-stations{
      color: #ffffff;
      background-color: #549e81;
      border: 1px solid #549e81;
      font-weight: 400;
      outline: none;
      min-width: 190px;
	margin: 4px;
  }
  @media (max-width: 1200px) and (min-width: 992px){
      #sp-top1.col-md-6{width: 100%;text-align: center;padding-bottom: 10px;}
      #sp-top2.col-md-6{width: 100%;text-align: center;}
  }
 @media (max-width: 991px) and (min-width: 768px){
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position: relative;}
  }
@media (min-width: 992px){
  .mobcontainer{display: none;}
  .quotetext{display: none;}
  .pointstextmob{display: none;}
  .meteofarmpointsmobheader{display: none;}
  .meteofarmpointsmobcollapse{display: none;}
  .meteofarmpointforecast_mobile h2{display: none;}
}

@media (max-width: 991px){
.deskcontainer{display: none;}
  #map, #stationsmap{display: none!important;}
  .meteofarmpointslivedataswitchcontainer{display: none;}
  .area-btn{width:250px;height: 60px;}
  .area-btn-first{height: 86px;}
  article.item {margin-bottom: 0px!important;}
  .meteofarmpointscontainer{background-color: #ffffff!important;}
  .meteofarmpointsheader{display: none;}
  .meteofarmpointsselect{display: none;}
  .pointstextdesk{display: none;}
  .searchcontainer{padding-top: 20px;}
  .meteofarmpointforecast_mobile h1{
      width: 100%;
      font-size: 22px;
      text-align:center;
      font-weight: 700;
      color: #549e81;
      background-color: #ffffff;
      text-transform: uppercase;
      padding: 0px;
      margin: 0;
  }
  .meteofarmpointforecast_mobile h2{
      width: 100%;
      font-size: 20px;
      text-align:center;
      font-weight: 400;
      color: #549e81;
      background-color: #ffffff;
      text-transform: capitalize;
      padding-top: 10px;
      margin: 0;
  }
  .mob-results{
      color: #ffffff;
      background-color: #549e81;
      border: 1px solid #549e81;
      padding: 12px 15px 10px 15px;
      font-weight: 400;
      outline: none;
      min-width: 200px;
  }
  .deskquotetext{display: none;}
}
@media (max-width: 594px) and (min-width: 495px){
  .area-btn{width:200px;}
}
@media (max-width: 494px) and (min-width: 435px){
  .area-btn{width:170px;}
  .area-first-btn{height:126px;}
  .mob-results{min-width: 165px;}
}
@media (max-width: 434px) and (min-width: 411px){
  .area-btn{width:161px;}
  .area-first-btn{height:126px;}
}
@media (max-width: 410px) and (min-width: 360px){
  .area-btn{width:130px;font-size:14px;font-weight:400;}
  .area-first-btn{height:126px;}
  .mob-results{min-width: 140px;}
}
@media (max-width: 359px) and (min-width: 320px){
  .area-btn{width:115px;font-size:14px;font-weight:400;}
  .area-first-btn{height:126px;}
  .mob-results{min-width: 0px;}
}
@media (max-width: 319px){
  .area-btn{width:105px;font-size:14px;font-weight:400;}
  .area-first-btn{height:126px;}
  .mob-results{min-width: 0px;}
}