/*2019 05 14 canvis menus per submenus #125c2b*/

#submenuPrivate2 > .collapsing, #submenuPrivate > .collapsing {
    -webkit-transition: all .0s ease-out;
    -o-transition: all .0s ease-out;
    transition: all .0s ease-out;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.leftCustomPadding{
	padding: .25rem 0.0rem!important;;
}

.topMenuHeader{    
    top: 56px;
}	
.backGroundSubMenu:hover{
	background-color: #535353;
}	

.activeWhite:active{
  background-color: white;
}

.rotate {
	 margin: 0px;
/*	margin-top: 11px;
    margin-right: 12px;*/
	
  transform: rotate(90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
@media only screen and (min-width : 992px) {
.mtop {margin-top:20px;}
.menu-ico-collapse {
    font-size: 8px;
    margin-left: 2px;
    float: none;
}
.padding0{
	padding-left:0px;
	padding-right:0px;

}
.paddingL24{
	padding-left:24px;
}
.paddingR24{
	padding-right:24px;
}

/* MAIN MENU */


    .pos-absolute {
        position: absolute;
        border-left: 2px solid #87a237;
        z-index: 999;
    }
    .menu-ico-collapse {
        font-size: 8px;
        margin-left: 2px;
    }


    /* MAIN MENU end */
}
.angleSquare45{
	width: 45px;
    height: 45px;    
	padding-top: 10px;
	    margin: 0px;
	
}
.angleSquare45Station{
	width: 45px;
    height: 45px;    
	padding-top: 0px;
	    margin: 0px;
	
}

.mtop-45{
    margin-top: 45px;
}	
/*2019 05 14 fi canvis*/

.customRelative{
	position:relative;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.customPadding{
	/*padding-left: 10px;
	padding-right:10px;*/
}

.customPaddingTopMenu{
	padding-bottom: 0.1rem!important;
}

.customTopHeader {
  color: #ffffff;
  background-color: #535353; 
}

.customNavLi{
  width: auto;
}

.navbar-toggle.navbar-left {/* menu mòbil a l'equerra*/
  float: left;
  margin-left: 10px;
}
.zindex-100{
	
	z-index: 100;
}

.customNavBarGrey {
  color: #7b7b7b;
  background-color: #eeeeee; 
  padding: 0rem 1rem;
}

.customNavBarGreyText{
	color: #5b5b5f; 	
}
.customNavBarGreyBackground{
	background-color: #5b5b5f; 	
}
.customNavBarGreyTextNoHover
{
	color: #7b7b7b; 	
}
.customNavBarGreyText:hover{
	color: #125c2b;
}
.customHeaderColorPurple{
	background-color: rgb(230, 0, 4);
}
.customHeaderColorPurple2{
	background-color: #00912a;
}
.customHeaderColorPurple2:hover{
	background-color: #00912a!important;
	
}




.activeHeaderCustom{
	border-bottom: 3px solid #125c2b!important;	
}
.activeHeaderTextCustom{
	color: #125c2b!important;;	
}

.customSliderDialog{
	position: absolute;
	/*top: 225px;*/
	/*left: 10px;*/
	left: 8.3333333333%;
	border-top-right-radius: 25px;
	bottom:-30px;
	
}
.customSliderDialogMovile{
	position: absolute;
}
.customSliderDialogPurple{
	/*background-color: #125c2b;*/
	background: rgba(18, 92, 43, 1)!important;
	width:360px;
	height:306px;
}
.customSliderDialogPurpleMovile{
	/*background-color: #125c2b;*/
	background:  rgba(18, 92, 43, 1)!important;
	width:100%;
	height:306px;
}
.customSliderDialogPurpleBackground{
	/*background-color: #125c2b;*/
	background:  rgba(18, 92, 43, 1)!important;
}
.customSliderDialogWhiteMovile{
	border-color: #ffffff;
	border-style: solid;
	width: 80%;
	height: 246px;
	position: absolute;
	/*top: 255px;*/
	/*left: 22px;*/
	/* Firefox */
	left: -moz-calc(8.3333% + 12px);
	/* WebKit */
	left: -webkit-calc(8.3333% + 12px);
	/* Opera */
	left: -o-calc(8.3333% + 12px);
	/* Standard */
	left: calc(8.3333% + 12px);
	
	border-top-right-radius: 25px;
	bottom:0px;	
	
}



.customSliderDialogWhite{
	border-color: #ffffff;
	border-style: solid;
	width: 367px;
	height: 246px;
	position: absolute;
	/*top: 255px;*/
	/*left: 22px;*/
	/* Firefox */
	left: -moz-calc(8.3333% + 12px);
	/* WebKit */
	left: -webkit-calc(8.3333% + 12px);
	/* Opera */
	left: -o-calc(8.3333% + 12px);
	/* Standard */
	left: calc(8.3333% + 12px);
	
	border-top-right-radius: 25px;
	bottom:0px;	
	
}

.slider1{
	color:#ffffff;
}
.slider2{
	color:#ffffff;
}
.slider3{
	color:#ffffff;
}
.slider4{
	color:#ffffff;
}
.customHeaderButtonColor{
	background-color: #ffffff!important;
	color: #125c2b!important;
	border-color:#ffffff!important;
	border-radius: 0px;	
	border-top-right-radius: 15px;
}

.buttonHeightCustom{
	height: 50px;
}

.fillButtonWidth{
	width:-webkit-fill-available;
}
.btnLanguageCustom:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,1);
}
.customTopBottomMargin{
	margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}
.customMarginLanguageDropdown{
    /*margin-top: -0.8rem;*/
	    margin: -0.8rem 0 0!important;
}


.greyHeader{
	color: #535353; 	
}



/*Parte media web*/


.customPrivateDiv{

	width: 200px;
	height: 310px;
	position: absolute;
	left: 100px;	
	bottom:0px;	
	
}
.customPrivateDivLite{

	width: 200px;
	height: 216px;
	position: absolute;
	left: 100px;	
	bottom:0px;	
	
}

.customPrivateDivLarge{

	/*width: 400px;
	height: 145px;*/
	position: absolute;
	/*left: 788px;	
	bottom:0px;	*/
	bottom:10%;	
	right:14%;
}
.customPrivateDivLargePremira{
	position: absolute;
    bottom: 28%;
    right: -25%;
    width: 100%;
}
.customPrivateDivLargeLeft{
	position: absolute;
	bottom:0%;	
	left:8.5%;
}
.customPrivateDivLargeLeftLite{
	position: absolute;
	bottom:34%;	
	left:8.5%;
}

.customPrivateDivLargeLite{

	/*width: 200px;
	height: 216px;
	position: absolute;
	left: 100px;	
	bottom:0px;	*/
	
}
.customPrivateDivLargeAbout{

    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 5%;
    right: 25%;
	
}
.customPrivateDivLargeLiteAbout{

    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -6%;
	
}


.customGreyButtonColor{
	background-color: #535353!important;
	color: #ffffff!important;
	border-color:#535353!important;
	border-radius: 0px;	
	border-top-right-radius: 15px;
	padding:10px;
	padding-left: 20px;
	padding-right:20px;
	
}
.customGreyButtonColor:hover{
	text-decoration: underline;
}

.customGreyButtonColorSquared{
	background-color: #535353!important;
	color: #ffffff!important;
	border-color:#535353!important;
	border-radius: 0px;	
	padding:10px;
	padding-left: 20px;
	padding-right:20px;
	
}
.customWhiteButtonColor{
	background-color: #ffffff!important;
	/*color: rgba(128, 33, 126, 0.9)!important;*/
	color: rgba(18, 92, 43, 1)!important;	
	border-color:#ffffff!important;
	border-radius: 0px;	
	border-top-right-radius: 15px;
	padding:10px;
	padding-left: 20px;
	padding-right:20px;
	
}
.customWhiteButtonColor:hover{
	text-decoration: underline;
}


.privateText{
	/*color: #d67c28;*/
	color: #333333;
}

.companyText{
	color: #ffffff;
	
}

.farmingText{
	color: #5b9d81;
}
.navyText{
	color: #007fb1;

}
.navyBG{
	background-color: #0080B1;
	height:208px;

}


.customOrderDiv{
	min-width: 290px;
	width: 100%;
	height: 650px;
	position: relative;
	
/*	position: absolute;
	left: 100px;	
	bottom:0px;	*/
	border-style: solid;
	border-color:#535353!important;
	background-color: #eeeeee; 	
	
}
.customOrderDivText{

	width: 81%;
	height: 590px;
	position: absolute;
	left: 25px;	
	bottom:0px;
	
}
.customOrderDivText2{

	width: 81%;
	height: 590px;
	position: absolute;
	left: 25px;	
	bottom:-20px;
	
}

.customOrderDiv2{
	min-width: 290px;
	width: 100%;
	height: 620px;
	min-height: 596px;
	position: relative;
    max-height: 620px;	
/*	position: absolute;
	left: 100px;	
	bottom:0px;	*/
	border-style: solid;
	border-color:#535353!important;
	background-color: #eeeeee; 	
	
}



.customOrderDivLite{
	min-width: 250px;
    width: 100%;
    height: 100%;	
	
    max-height: 710px;
    position: relative;
    border-style: solid;
    border-color: #535353!important;
    background-color: #eeeeee;	
	    min-height: 480px;
}
.customOrderDivTextLite{

	width: 81%;
    height: 540px;
    position: absolute;
    left: 25px;
    bottom: 0px;
	
}


.customOrderDivLarge{
	min-width: 360px;

	width: 100%;
	height: 606px;
	position: relative;
	
/*	position: absolute;
	left: 100px;	
	bottom:0px;	*/
	border-style: solid;
	border-color:#535353!important;
	background-color: #eeeeee; 	
	
}
.customOrderDivTextLarge{

	width: 81%;
	height: 581px;
	position: absolute;
	left: 35px;	
	bottom:0px;
	
}
.customOrderDivHoritzontal{
	min-width: 800px;

	width: 100%;
	height: 235px;
	position: relative;
	
/*	position: absolute;
	left: 100px;	
	bottom:0px;	*/
	border-style: solid;
	border-color:#535353!important;
	background-color: #eeeeee; 	
	
}
.customOrderDivTextHoritzontal{
	width: 85%;
	height: 225px;
	position: absolute;
	left: 30px;	
	bottom:-15px;

}

.customOrderDivTextHeader{
	/*font-size:25px;
	min-width: 280px*/
}
.customOrderDivTextHeader2	{
	min-width: 305px
}
.customInputOrder{
	height:55px;
}
.customInputStation{
	height:55px;
		width:80%;
}

/*per fer selects fluides*/
div#colorsToggle
{
    display:block;
    padding:5px;
    border:1px solid black;

}

.select_style{
  position: absolute; 
 }
.customPointer{
	cursor: pointer;
}

.downloadPriceLink{
	color:#535353;
	background:rgba(0,0,0,0)!important;
	border-color: 	rgba(0,0,0,0)!important;
}


.customRightContractImageDiv{
	border-radius: 0px;	
	border-top-right-radius: 25px;
}	

.customRightContractDiv{
	height: 80px;
	position: absolute;
	/*left: 240px;*/	
	bottom:-5%;	
	right: 20%;	
	
}
.customRightContractDivCenter{
	height: 80px;
	position: absolute;
	/*left: 240px;*/	
	bottom:0px;	
	right: 40%;	
	
}

.customLargeTextDivLite{
	height: 80px;
	position: absolute;
	left: 10%;
	/*right: 23%;*/	
	/*bottom:0px;	*/
	top:10%;
	
}
.customLargeTextDiv{
	height: 80px;
	position: absolute;
	/*left: 1050px;*/
	bottom:0px;	
	right: 23%;
	
}





.customBillDiv{

	width: 100%;
	height: 384px;
	position: relative;
	
/*	position: absolute;
	left: 100px;	
	bottom:0px;	*/
	border-style: solid;
	border-color:#535353!important;
	background-color: #ffffff; 	
	
}
.customBillDivText{

	width: 80%;
	height: 360px;
	position: absolute;
	left: 40px;	
	bottom:0px;
	
}


.customBillDivLite{

	width: 100%;
	height: 300px;
	position: relative;
	max-height: 300px;
	
/*	position: absolute;
	left: 100px;	
	bottom:0px;	*/
	border-style: solid;
	border-color:#535353!important;
	background-color: #ffffff; 	
	
}
.customBillDivTextLite{

    width: 95%;
    height: 285px;
    position: absolute;
    left: 6px;
    bottom: 0px;	
}
.customBillDivTextLiteFat{

    width: 80%;
    height: 285px;
    position: absolute;
    left: 40px;
    bottom: 0px;
	
}


.customBillDivShort{
	min-width: 309px;
	width: 100%;
	height: 335px;
	position: relative;
	
/*	position: absolute;
	left: 100px;	
	bottom:0px;	*/
	border-style: solid;
	border-color:#535353!important;
	background-color: #ffffff; 	
	
}
.customBillDivTextShort{

	width: 91%;
	height: 290px;
	position: absolute;
	left: 15px;	
	bottom:0px;
	
}


.customBillInputGrey{
	background-color: #eeeeee!important;

}

.dropdown-toggle:after{
	display: none;
}
.custom-carets .dropdown-toggle:after{
    
	font-family: FontAwesome;
	content:"\f107";
}
.custom-carets .dropdown-toggle > span.caret{
		display:none;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.customAButton{
	height: 55px;
	border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;	
	
}

.foteerDivPre{
	height: 39px;
}

.customHeight281{
	height: 281px!important;
}
.customHeight300{
	height: 300px!important;
	min-height: 300px!important;
	max-height: 300px!important;

}

.footerDiv{
	background-color: #eeeeee; 	
	color: #535353;	
}
.customIntegralServiceDiv{
	height: 90px;
	position: absolute;
	/*left: 350px;*/
	right: 40px;	
	bottom:0px;		
}
.customIntegralServiceDivLite{
	height: 60px;
	position: absolute;
	/*left: 215px;*/
	right: 40px;	
	bottom:0px;		
}

.customIntegralServiceDivLite2{
	height: 60px;
	position: absolute;
	left: 43px;	
	bottom:0px;		
}
.customIntegralServiceDivLite3{
	height: 90px;
	position: absolute;
	/*left: 350px;*/
	right: 10%;	
	bottom:10px;		
}

/*COMPANY*/

.companyHeader{
	 background-color: #edbe20;
	 height:208px;
}	
.companyYellow{
	 background-color: #edbe20;

}	


/*PRIVATE*/
.privateHeader{
	 background-color: #d67c28;
	 height:208px;
}	
.customSeparator{
	height: 30px;
	margin-left:0px!important;
	margin-right:0px!important;
}

/*PRIVATE HEAT*/
.customFooterHeatGrey{
	background-color: #e5e5e5; 	
}

.customBlogGrey {
  background-color: #535353; 
}
.customBlogGreyLight {
  background-color: #7b7b7b; 
}
.privateOrangeBackground{
	 background-color: #d67c28;
}	


.customSliderDialogWhiteHeat{
	/*border-color: #ffffff;
	border-style: solid;*/
	width: 367px;
	height: 395px;
	position: absolute;
	top: 13%;
	left: 123px;	
	border-top-right-radius: 25px;
/*	bottom:0px;	*/
	
}
.customSliderDialogWhiteHeatMovile{
	/*border-color: #ffffff;
	border-style: solid;*/
/*	width: 367px;*/
	/*height: 395px;*/
/*	top: 13%;*/
	left: 123px;	
/*	bottom:0px;	*/
	
}

/*farming*/

.farmingHeader{
	 background-color: #5B9D81;
	 height:208px;
}

.imgBlog{
	position: absolute;
	z-index:99;
	height:360px!important;
	width:750px!important;	
	bottom:0px;
	
	/*top: 255px;*/
	/*left: 22px;*/
	/* Firefox */
	left: -moz-calc(50% - 375px);
	/* WebKit */
	left: -webkit-calc(50% - 375px);
	/* Opera */
	left: -o-calc(50% - 375px);
	/* Standard */
	left: calc(50% - 375px);
}

.imgBlogLite{
	position: absolute;
	z-index:99;
	max-height:360px!important;
	width:100%!important;	
	bottom:0px;

	left: -1%;

}
.highlight1BlogText{
/*	z-index:99;*/
	position: relative;
	width:750px;	
	
	/* Firefox */
	left: -moz-calc(50% - 375px)!important;
	/* WebKit */
	left: -webkit-calc(50% - 375px)!important;
	/* Opera */
	left: -o-calc(50% - 375px)!important;
	/* Standard */
	left: calc(50% - 375px)!important;
}
.highlight1BlogTextArticle{
/*	z-index:99;*/
	position: relative;
	width:100%;	
	/* Firefox */
	left: -moz-calc(50% - 375px)!important;
	/* WebKit */
	left: -webkit-calc(50% - 375px)!important;
	/* Opera */
	left: -o-calc(50% - 375px)!important;
	/* Standard */
	left: calc(50% - 375px)!important;
}


.customPaddingBlog{
	padding-left:5%;
	padding-right:5%;
}


/*FONTS https://www.fontsquirrel.com/tools/webfont-generator*/


@font-face {
  font-family: 'Latotest';
  src: url('../fonts/latoOswald/webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/latoOswald/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/latoOswald/webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/latoOswald/webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/latoOswald/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
	   
}  


@font-face {
    font-family: "lato";
    src: url('../fonts/latoOswald/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/latoOswald/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/latoOswald/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/latoOswald/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "roboto";
    src: url('../fonts/roboto/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'robotodemibold';
    src: url('../fonts/roboto/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'latobold';
    src: url('../fonts/latoOswald/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/latoOswald/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latomedium';
    src: url('../fonts/latoOswald/lato-medium-webfont.woff2') format('woff2'),
         url('../fonts/latoOswald/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.h1Custom{

	font-family: roboto;
	font-weight: DemiBold;
	font-size: 38pt;
	font-size: 35px;
	
	font-style: 41pt;
	font-kerning: 25pt;
	font-color: #646464;
}

.h2Custom{

font-family: "roboto";
font-weight: DemiBold;
font-size: 40px;
font-style: 34pt;
font-kerning: 25pt;
font-color: #535353;
}

/*font: font-style font-variant font-weight font-size/line-height font-family;*/
.h3Custom{
/*font: italic normal Light 33px/100% "roboto";*/
font-family: roboto;
font-weight: Light;
font-size: 25pt;
font-size: 27px;

font-style: 29pt;
font-kerning: 25pt;
}
.h3CustomLiteB{
/*font: italic normal Light 33px/100% "roboto";*/
font-family: roboto;
font-weight: Light;
font-size: 27px;
letter-spacing: -0.5px;

}
.h3CustomLite{
/*font: italic normal Light 33px/100% "roboto";*/
font-family: roboto;
font-weight: Light;
font-size: 23px;
letter-spacing: -0.5px;
}

.h4Custom{

font-family: Lato;
font-weight: Medium;
font-size: 18pt;
font-size: 21px;

font-style: 21pt;
font-kerning: 0pt;
}

.h5Custom{

font-family: Lato;
font-weight: Medium;
font-size: 14pt;
font-size: 19px;

font-style: 17pt;
font-kerning: 10pt;
}

.h6Custom{

font-family: Lato;
font-weight: Medium;
font-size: 12pt;
font-size: 14px;

font-style: 15pt;
font-kerning: 10pt;
}

.h7Custom{

font-family: Lato;
font-weight: Medium;
font-size: 10pt;
font-size: 12px;

font-style: 15pt;
font-kerning: 10pt;
}

.CTALinksCustom{

font-family: Lato;
font-weight: Bold;
/*font-size: 12pt;
font-style: 15pt;*/
font-size: 14px;
font-kerning: auto;
letter-spacing: 2px;
}
.CTALinksCustomAddSqueeze{
letter-spacing: 0.5px!Important;
}



/*ESPECIAL GRID DE MITJA COLUMNA*/
/*@mixin col-half($number){
width:(8.33333333% * $number) + 4.16666665%;
float:left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}

[class*="col-xs-"]{
  background:brown;
  color:white;
  margin-bottom:10px;
}

.col-xs-fivehalf{
  @include col-half(5);
}
.col-lg-zerohalf{
  @include col-half(0);
}
.col-xl-zerohalf{
  @include col-half(0);
}
*/
.col-lg-zerohalf{
width: 4.16666665%;
float:left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xl-zerohalf{
width: 4.16666665%;
float:left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}


/*Google Maps*/
.map-responsive{
    overflow:hidden;
/*    padding-bottom:56.25%;*/
	padding-bottom:480px;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:450px;
    width:100%;
    position:absolute;
}	


/*custom heights*/
.height-650{
	height: 650px!important; 
	max-height: 650px!important; 
	min-height: 650px!important;	
}


.center-blockCustom{
	max-width: 1274px;
	margin-left:auto;
   margin-right:auto;
   display:block;
}


/*calendari*/
.ui-datepicker{
	z-index: 99999 !important;
	/*background: #796AEE !important;*/
}
.ui-widget-header{
	background: #796AEE !important;
	    border: 1px solid #796AEE !important;
}
.ui-datepicker-prev{
	background: #c1bbf6 !important;
	    border: 1px solid #796AEE !important;
}
.ui-datepicker-next{
	background: #c1bbf6 !important;
	    border: 1px solid #796AEE !important;
}
.ui-datepicker-prev:hover{
	background: #c1bbf6 !important;
	    border: 1px solid #796AEE !important;
}
.ui-datepicker-next:hover{
	background: #c1bbf6 !important;
	    border: 1px solid #796AEE !important;
}
.ui-icon-circle-triangle-w:hover{
	color:#c1bbf6 !important;
}
.ui-icon-circle-triangle-e:hover{
	color:#c1bbf6 !important;
}
/*timepicker*/
.ui-timepicker-viewport{
	  z-index: 9999!important;
}
.ui-timepicker-container {
      z-index: 9999 !important;
 }

 
 
 /*
 CUSTOM CHECKBOXES ROUNDED
 */
 .round {
  position: relative;
}

.round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}

.round label:after {
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

.checkedStar{
	  color: orange;
}

/*PRODUCTOS*/
.customOrange{
	background-color: #ECBE20;
}
.paddingLR-0{
	padding-right: 0px!Important;
    padding-left: 0px!Important;
}

/*PREMMIA*/
.customOrangeText{
	color: #E96324;
}	

/*CONTACT*/
.customContactBlue{
	background-color: #5A287F;
	/*height: 208px;*/
}

/*HOME*/	
.maxHomeHeight{
	min-height: 650px;
	max-height: 650px;
}	
.maxHomeHeightFarming{
	min-height: 242px;
	max-height: 242px;
}	
.topRightRadius{
	border-top-right-radius: 25px;
}	
.greyDivBox{
	position: absolute; 
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	width: 80%; height:100px;
	background-color: #eeeeee;	
	bottom:-10%;
	/*alinear text al centre*/
    text-align: center;
    line-height: 90px;
}
.greyDivBoxBig{
	position: absolute; 
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	width: 90%; 
	height:150px;
	background-color: #eeeeee;	
	bottom:-10%;
	/*alinear text al centre*/
    text-align: center;
    line-height: 27px;
}

/*arrange captcha position*/
.grecaptcha-badge { 
    /*bottom:65px !important;*/ 
	position:static!important;
}

/*optimize modal scrolling*/
.modal {
  overflow-y:auto;
  -webkit-overflow-scrolling: touch;
}
.buttonBorderCustom{
    border-right-width: 30px;
    border-left-width: 30px;
}



/*carousel slider mes lent*/
/*
inspired from http://codepen.io/Rowno/pen/Afykb 
https://stackoverflow.com/questions/26770055/bootstrap-carousel-fade-no-longer-working-with-maxcdn-3-3-bootstrap-min-css
*/
/*.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 4s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}
*/
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
/*
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: 2.0s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}


.hiddenXScroll{
	 overflow-x:hidden;
}
.colPadding-0{
	padding-right: 0px!important; 
    padding-left: 0px!important;
}

.easy-alert-t-c{
	z-index:9999;
	top:100px!Important;
}


.easy-alert-movile{
	font-size: 12px!Important;
    line-height: 16px!Important;
}
.easy-alert-movile-header{
	font-size: 14px!Important;
	letter-spacing:-1px;
}
.socialIcon{
	height: 24px;
	width:24px;
}	 
/*vermell en camps de formulari requerits si queden buits*/
/*.form-control:valid {
  background-color:  #96d3ec!important;
}*/